@charset "utf-8";


html, body{
height: 100%;
}

body,table,p {
margin:0; padding:0;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
}

ol,dl,dt,dd,ul,li {
list-style:none;
list-style-position:outside;
margin:0;
padding:0;
text-indent:0;
}

img {
border:0;
margin:0;
padding:0;
}

table{border-collapse:collapse;}



/* ベース------------------------------------------------------------*/
body {
width:100%;
font-family: "メイリオ",Meiryo,"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
line-height:1;
background:url(../img/bg_body.gif) repeat-x top #6182A7;
}

p{line-height: 1.8;}

a{color:#395f8e; text-decoration: underline;}
a:hover{color:#395F8E; text-decoration: none;}

a:hover img.hoverImg, .hoverimage{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}


/*---------------ページの先頭へ---------------*/
#pageTop{
clear:both;
float: right;
margin-top:20px;
}

#pageTop a{
background: url("/common/img/icon_02.gif") no-repeat left center;
padding-left:10px;
font-size:11px;
}


/*---------------フッター---------------*/
#footer a{color:#FFFFFF; text-decoration: none;}
#footer a:hover{color:#aaaaaa; text-decoration: none;}


/*---------------パーツ---------------*/
.red, a.red{color:#FF0000 !important;}

.bold{font-weight:bold;}


/*---------------調整---------------*/
.w40{width:40%;}
.w50{width:50%;}

.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt40{margin-top:40px !important;}

.pt0{padding-top:0 !important}



/*---------------調整---------------*/
.w40{width:40%;}
.w50{width:50%;}

.mt00{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt40{margin-top:40px !important;}

.pt0{padding-top:0 !important}



/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*---------------エラーページ---------------*/
#error{margin:30px 10px 40px 10px;}

#error h2{
font-size:32px;
color:#253F68;
border-bottom:solid 1px #999999;
padding:0 0 30px 15px;
}

#error h3{
font-size:18px;
font-weight:bold;
margin:35px 0 0 85px;
}

#error ul.ulError{
font-size:14px;
margin:25px 0 0 105px;
}

#error ul.ulError li{
clear:both;
list-style:disc;
margin:15px 0 0 0;
}

#error ul#bnrError{
width:470px;
margin:30px 0 0 225px;
}

#error ul#bnrError li{float:left;}

#error ul#bnrError li.fRight{float:right;}

#gmofooter{clear:both;}



/*----------------------------------------PC　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {

.hidePc{display:none;}

.mtZeroPc{margin-top:0 !important;}

#main{
clear:both;
width:960px;
}


/*---------------ヘッダー---------------*/
#header{
clear:both;
width:960px;
height:100px;
}

#header h1{
float:left;
margin: 38px 20px 0 0;
}

#header .freeWeb{margin-top:37px;}

#header #headContent{
float:right;
width:410px;
font-size: 11px;
}


/* headUp */
#headUp{
height:35px;
color: #FFFFFF;
margin:19px 0 5px 0;
}

#headUp input{
width:140px;
height:20px;
border:solid 1px #6F8297;
margin:0 8px 0 4px;
}


/* headDownt*/
#headDown{height:42px;}

#headDown a{color:#FFFFFF; text-decoration: none;}
#headDown a:hover{color:#FFFFFF; text-decoration: none;}

#headDown #selectable{float:left;}

#headDown select{
width: 175px;
color:#FFFFFF;
line-height: 100%;
background: url("/common/img/icon_03.gif") no-repeat scroll 158px center #294666;
border: 1px solid #6F8297;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-indent: .01px; /*Firefox用*/
text-overflow: ""; /*Firefox用*/
padding: 3px 5px 3px 0;
}

#headDown optgroup{
font-style:normal;
color:#333333;
background:#BFD0E1;
padding:2px 0;	
}

#headDown option{
color:#333333;
background:#FFFFFF;
padding-left:8px;
}

#headDown  select:focus, input.focused{
border: 1px solid #5d7085;
}

#headDown .login{
float:left;
margin-left:7px;
}

#headDown .idpw{
float: left;
padding: 3px 0 0 10px;
}

#headDown input:focus, #headDown input.focused{
border: 1px solid #5d7085;
}



/*---------------グローバルナビ---------------*/
#global{
clear:both;
height:62px;
overflow:hidden;
}

#global li{float:left;}


/* contents---------------*/
#container {
width: 960px;
margin: 0 auto;
}


/*---------------左ナビ---------------*/
#subMenu{
float:left;
width:226px;
margin-left:15px;
}

#subMenu #service li.other{
background-color: #BFD0E1;
font-weight: bold;
margin: 8px 0 18px;
padding: 8px 0;
text-align: center;
width: 226px;
}

#subMenu #service p{
padding: 5px 0;
text-align: center;
line-height:150%;
}

#subMenu li{padding-bottom:15px;}


/*---------------フッター---------------*/
#footer{
width:100%;
font-size:10px;
color:#FFFFFF;
margin:23px 0;
}

#footer ul{float:left;}

#footer li{
float:left;
margin-right:10px;
}

#footer #copy{float:right;}

}



/*----------------------------------------スマートフォン　640px以下----------------------------------------*/
@media only screen and (max-width: 640px) {

/*------------------------------共通------------------------------*/
body{
width:100%;
}

img{
max-width:100%;
height:auto;
}

.hideMobile{display:none !important;}


/* ヘッダー---------------*/
#header{
clear:both;
width:97%;
margin:10px 1.5% 2px 1.5%;
}

#header h1{
float:left;
width:195px;
}

#header .freeWeb{display:none;}

#header .loginSp{
float:right;
margin:0 3px 0 0;
}


/*------------------------------グローバル------------------------------*/
#gNavi{clear:both;}

#gNavi li{
float:left;
line-height:0;
width:25%;
}


/*------------------------------コンテンツ------------------------------*/
#headContent{
clear:both;
display:none;
}

#main{
clear:both;
}


/*---------------フッター---------------*/
#footer{
width:100%;
color:#FFFFFF;
margin:23px 0;
overflow: hidden;
position: relative;
}

#footer ul{
float:left;
font-size:11px;
position: relative;
left: 50%;
}

#footer li{
float:left;
margin-right:10px;
position: relative;
left: -50%;
}

#footer #copy{
clear:both;
font-size:9px;
text-align:center;
margin:0 auto;
padding-top:15px;
}

}