@charset "UTF-8";
body{
font-family:'新ゴR', 'Droid Sans','HiraKakuProN-W3', Arial, Helvetica, sans-serif;
-webkit-text-size-adjust: none;/*=スマホを縦←→横にした際の文字サイズの変更を禁止=*/
text-align:center;
}

a:hover img{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#header_wrapper{
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
background: #fff;
left: 0;
right: 0;
}

#header{border-bottom:2px solid #00398F;}

#header_box{
width:1020px;
height:106px;
margin:0 auto;}


#header_box #header_logo{
width:230px;
height:65px;
float:left;
margin:20px 0 0 0;
}

#header_box #header_logo a{
width:215px;
height:65px;
}

#header_box #header_count{
width:420px;
height:45px;
float:left;
margin:60px 0 0 0;
font-size:16px;
font-weight:700;
color:#000000;
line-height:1.5em;
text-align:left;
}

#header_box #header_count em{
font-size:30px;
font-weight:700;
color:#FF6600;
margin: 0 10px;
}

#header_box #formB{
width:370px;
height:65px;
float:left;
margin:20px 0 0 0px;
}

#gm{border-bottom:2px solid #00398F;}


#gm #gm_box{
position:relative;
width:1120px;
height:90px;
margin:0 auto;
text-align:center;
}


#gm #gm_box ul{ padding:0 0 0 20px;}

#gm #gm_box ul li{
width:220px;
height:70px;
margin:10px 0 0 0;
font-size:1px;
line-height:0px;
text-align:left;
float:left;
}

#gm #gm_box ul li a{
width:200px;
height:70px;
display:block;
float:left!important;
}

#gm #gm_box ul li a img{
transition: opacity .3s;
}

#gm #gm_box ul li .uc img{
opacity: .4;
}

#gm #gm_box #menu1,
#gm #gm_box #menu2,
#gm #gm_box #menu3,
#gm #gm_box #menu4{
position:absolute;
top:80px;
visibility:hidden;
background:url(../images/gm_arrow.gif) 0 0 no-repeat;
padding:18px 0 0 0;}

#gm #gm_box #menu1{
left:240px;
z-index:9999;
}

#gm #gm_box #menu2{
left:460px;
z-index:9998;
}

#gm #gm_box #menu3{
left:680px;
z-index:9997;
}

#gm #gm_box #menu4{
left:900px;
z-index:9996;
}

#gm #gm_box #menu1 span,
#gm #gm_box #menu2 span,
#gm #gm_box #menu3 span,
#gm #gm_box #menu4 span{
width:220px;
display:block;
text-align:left;}

#gm #gm_box #menu1 span a,
#gm #gm_box #menu2 span a,
#gm #gm_box #menu3 span a,
#gm #gm_box #menu4 span a{
width:200px;
padding:15px 0;
background:#00368F;
display:block;
text-align:left;
font-size:14px;
text-decoration:underline;
color:#ff0;
font-weight:bold;
text-align:center;
border-bottom:1px solid #FFFFFF;
}

#gm #gm_box #menu1 span a:hover,
#gm #gm_box #menu2 span a:hover,
#gm #gm_box #menu3 span a:hover,
#gm #gm_box #menu4 span a:hover{
background:#FFFFFF;
color:#00368F;
}

#contents {
padding:200px 0 0;
}
#contents #contents_box{
width:1020px;
margin:0 auto;
text-align:center;
}
.topicpath{
text-align:right;
padding:20px 10px 10px 10px;
font-size:14px;
line-height:20px;}

.topicpath a{
font-size:14px;
line-height:20px;}


#footer{background-color:#00398F;
padding:15px 0;}

/*#footer_box{
text-align:right;
width:1000px;
margin:0 auto;
font-size:12px;
color:#FFFFFF;}*/
#footer .inner{width:100%;max-width:1100px;margin:0 auto;display:table;}
#footer .copyright,
#footer .prohibited{display:table-cell;vertical-align:top;font-size:12px;line-height:15px;color:#FFF;}
#footer .copyright{text-align:left;}
#footer .prohibited{text-align:right;}
#footer .sp_br{display:none;}

.comment_box{
width:1000px;
background: url(../images/text_bg.jpg) 0 bottom no-repeat;
margin:0 0 35px;	
}


.comment_box p{
background: url(../images/text_bg_top.jpg) 0 0 no-repeat;
padding:15px 0 0;
font-size:14px;
line-height:1.6em;}


.comment_box em{
font-weight:bold;
font-size:14px;
margin:0 0 10px;}

.d_submenu{
margin:0 -10px 15px 0;}

.d_submenu ul{
padding:15px 0 0 5px;
width:1010px;}

.d_submenu ul li{
width:240px;
height:75px;
float:left;
margin:0 10px 10px 0;}

.h_submenu,
.s_submenu{
margin:0 -10px 15px 0;}

.h_submenu ul,
.s_submenu ul{
padding:15px 0 0 10px;
width:1010px;}

.h_submenu ul li,
.s_submenu ul li{
width:320px;
height:75px;
float:left;
margin:0 10px 10px 0;}

#reTop {
display: none;
height: 80px;
width: 80px;
right: 20px;
position: fixed;
bottom: 50px;
}
#reTop a {
display: block;
background: url(/sell/images/gotop_bg.png) no-repeat 0 0;
height: 80px;
width: 80px;
}
#reTop a:hover {
background-position: 0 -80px;
}



/*スマートフォン用表示*/
.button {padding:10px 0;
width:100%;
position:fixed;
z-index:100;
bottom:0;
}
.button a {
/*画像に置き換えた為コメントアウト
font-size:50px;line-height:100px;text-align:center;text-decoration:none;display:block;color:#fff;font-weight:700;
-moz-text-shadow:1px 1px 0px #B20000;-webkit-text-shadow:1px 1px 0px #B20000;text-shadow:1px 1px 0px #B20000;
background:url("/sp/sell/images/arrow01.png");
background-color:#ff0000;
background-repeat:no-repeat;
background-position:97% center;
-moz-background-size:6px 9px;-webkit-background-size:6px 9px;background-size:6px 9px;
*/
}

@media screen and (max-width:767px){

  #footer .inner{max-width:initial;display:block;}
  #footer .copyright,
  #footer .prohibited{display:block}
  #footer .copyright,
  #footer .prohibited{text-align:center;}
  #footer .copyright{padding-bottom:10px;}
  #footer .sp_br{display:inline;}

}