@charset "utf-8";
/*---------------------
 2015.4.2 creates KINET
-----------------------*/
/*---------------------
 Base
-----------------------*/
body {
font-family: 'メイリオ',Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',  Osaka,sans-serif;
color:#242424;
background: #fff;
padding: 0px;
margin: 0;
}
img {
border:0;
}
a {
color:#242424;
text-decoration: none;
}
a:hover {
color:#242424;
text-decoration:none;
}
.hiddin {
display: none;
}
table {
border-collapse: collapse;
}
.clear {
clear: both;
height: 0px;
}
.leftunit {
float: left;
}
.rightunit {
float: right;
}
.left {
text-align:left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.no-wrap {
white-space: nowrap;
}

/*-------------------
  Content wrappers
-------------------*/
#wrapper {
background:#fff;
border-left:20px solid #FFA078;
padding: 0px;
margin: 0px;
text-align: left;
}

#container {
width: 940px;
font-size:13px;
line-height:145%;
padding:8px;
}
#container  h1 {
width: 900px;
font-size: 16px;
border: 1px solid #c1d2c1;
padding:0.5em 1em;
margin: 0px 0 1em 0;
}
/*------------
 POSITION
------------- */
.center {
text-align: center !important;
}
.left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.top {
vertical-align: top !important;
}
.middle {
vertical-align: middle !important;
}
.bottom {
vertical-align: bottom !important;
}
.float-l {
float: left;
}
.float-r {
float: right;
}


/*-------------------
 Header
-------------------*/
#header {
width: 940px;
text-align:left;
border:5px solid #FFA078;
border-left:0;
padding: 8px;
margin:  0px;
}

.topnav {
float: left;
width:440px;
font-size:12px;
padding: 0px;
margin:  0px;
}
.topnav ul {
clear: both;
padding: 0px;
margin:  0px;
}
.topnav li {
display:block;
list-style-type: none;
float: left;
width:70px;
height:20px;
margin:  0 5px;
}
.topnav li.wide {
display:block;
list-style-type: none;
float: left;
width:140px;
margin:  0 5px;
}
.topnav a {
display: block;
width: 100%;
text-decoration: none;
text-align:center;
}
.topnav a:hover {

}
.toposhirase {
float: right;
width:440px;
font-size:12px;
padding: 0px;
margin:  0px;
}
.toposhirase ul {
list-style-type: square;
color:#32CD32;
padding: 0px;
margin:  0px;
}
.toposhirase a {
color: #167380;
}
.toposhirase a:hover {
color: #009900;
}

/*-------------------
 Main Contents
-------------------*/

.open_left {
float: left;
width:260px;
padding: 0px;
margin:  0px;
}
.open_center {
float: right;
width: 620px;
padding: 0px;
margin:  0px;
}
.open_leftnav ul {
padding: 0px;
margin:  0px;
}
.open_leftnav li {
display:block;
list-style-type: none;
width:240px;
border:3px solid #cccc99;
border-bottom:0;
margin:  0;
}
.open_leftnav h3 {
text-align: center;
color:#8C8C00;
font-size: 16px;
margin: 10px auto;
}

.open_leftnav li.bottom {
border:3px solid #cccc99;
}
.open_leftnav a {
display: block;
width: 100%;
height: 25px;
text-decoration: none;
text-align:left;
color:#3c5f3c ;
font-size: 14px;
background: url(http://www.scan-net.ne.jp/images/ygy12.gif) 6px 10px no-repeat;
padding: 8px 0 0px 30px;
}
.joinusnav a:hover {

}

/*--   -- */
.waku_index_or {
line-height: 135%; 
margin: 1em 50px 1em 0; 
padding: 1em; 
border: 1px solid #ff8080;
}
/*--   -- */
.waku_index_gray {
line-height: 135%; 
margin: 1em 50px 1em 0; 
padding: 1em; 
border: 1px solid #ccc
}
/*--   -- */

.joinusnav {
float: left;
width:940px;
font-size:14px;
line-height:100%;
padding: 0px;
margin:  0px;
}
.joinusnav ul {
clear: both;
padding: 0px;
margin:  0px;
}
.joinusnav li {
display:block;
list-style-type: none;
float: left;
width:180px;
border:2px solid #fff;
margin:  0;
}
.joinusnav a {
display: block;
width: 100%;
text-decoration: none;
text-align:center;
color: #fff;
font-size: 14px;
font-weight: bold;
background:#006e6e; 
border:1px solid #006e6e;
border-radius: 8px;
padding: 10px 0;
}
.joinusnav a:hover {
background:#64BEBE; 
color: #006e6e; 
border:1px solid #006e6e;
border-radius: 8px;
}

.joinus {
padding:10px 0px;
margin: 10px 0;
}
.joinus h1 {
font-size: 20px;
margin: 1em 0;
}
.joinus h2 {
width:500px;
font-size: 16px;
color: #fff; 
background: #FFA078; 
padding:0.5em 1em;
margin: 0px 0;
}
.joinus h2 a {
color: #fff; 
}
.joinus h2 a.sn {
font-size: 14px;
font-weight: normal;
text-decoration: underline;
padding: 0 0 0 3em;
}
.joinus h3 {
font-size: 15px;
color: #FF6666; 
padding:0px;
margin: 0;
}


/*--   table -- */

.service table {
border: 1px  solid #666;
padding: 0;
margin:  4px 0 20px 0;
}
.service th {
background: #CC7733;
font-size: 13px;
color:#fff;
border: 1px  solid #666;
padding: 0.5em 0.8em;
margin: 0px;
}
.service th.usucha {
background:#CCBB99;
color: #500000;
font-weight: normal;
}
.service td {
font-size: 13px;
border: 1px  solid #666;
padding: 0.5em 0.5em;
margin: 0px;
}
/*------ Support----- */

.support {

}
/*--   table -- */
.support table {
border: 1px  solid #666;
padding: 0;
margin:  4px 0 20px 0;
}
.support th {
background: #fae6e6;
font-size: 13px;
color:#666;
border: 1px  solid #cc9966;
padding: 0.5em 1em;
margin: 0px;
}
.support td {
font-size: 13px;
color:#666;
border: 1px  solid #cc9966;
padding: 0.5em 1em;
margin: 0px;
}

.support li {
margin: 1.5em 0 0 0px;
}
.support .in li {
margin: 0.5em ;
}
/*-----open_center----- */

#container .open_center h2 {
width: 500px; 
height: 30px;
background: url("../images/title_500p.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #ff8080;
font-size: 14px;
padding: 7px 0 0 20px; 
}
.open_center h3 {
width: 500px; 
height: 30px;
color: #aa2846;
font-size: 14px;
margin: 6px auto;
padding: 0px; 
}
.titl_gray {
background:#a5a5a5;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0.5em;
}


/*---------------------
 connect
-----------------------*/

.sup { 
text-align: left;
font-size: 1.143em ;
line-height:1.85em;
margin: 1em 3em;
}
.sup .leftunit img { 
width: 95%;
}
.sup .rightunit { 
text-align: left;
font-size: 12px ;
line-height:1.56em;
}

.sup .rightunit td { 
border:1px solid #666;
padding: 7px;
}

.sup .waku_sup_gray table {
margin-top: 1em;
width: 100%;
}
.sup .waku_sup_gray td ,
.sup .waku_sup_gray th {
font-size: 14px ;
border: 1px solid #858585;
padding: 0.25em 0.5em;
text-align: left;
}
.sup .waku_sup_gray th {
background: #ccc;
color:#666;
font-size: 0.9em ;
}
.sup .waku_sup_gray tr {
vertical-align: top;
}
.sup .waku_sup_gray img {
width: 80%;
}

.sup li { 
margin: 0 0 1em 0;
}


#container .setoutlook { 
font-size:16px;
line-height: 168%;
}
.setoutlook img {
max-width:400px;
margin: 0  2em 0 0;
}
.setoutlook tr {
vertical-align: top;
}
.setoutlook td { 
border:1px solid #ccc;
font-size:13px;
padding: 5px;
}
.setoutlook li { 
margin: 0 0 2em 0;
}
.setoutlook ul li { 
list-style-type: square;
}


/*------------
 FONT 
------------- */
.ss {
font-size: 85%;
font-weight: normal;
}
.attorg {
font-size: 15px;
color: #d2691e; 
}
.note {

}
.atenji {
color: #aa2846;
}

/*-------------------
Copyright  Footer
-------------------*/

#footer {
clear: both;
width: 940px;
background-color: #C1D2C1;
margin: 0px; 
padding:10px;
}
.copyright {
font-size: 12px ;
text-align:center; 
color:#ffffff;
margin: 0 auto; 
}
.copyright a {
font-size: 12px ; 
color:#ffffff;
}