@charset "utf-8";

img{vertical-align: bottom;}
html{
/*background: url(html-bg.png);*/
background: url(html-bg.jpg);
font-family: "メイリオ",Meiryo,sans-serif;
line-height: 1.0;
}
a{color: #9f3b42;}
a:hover{color: #666;}

#wrapper{background: #fff; width: 980px; margin: 0 auto;
/*box-shadow: 0 0 50px 0 rgba(0,0,0,0.5);*/

padding: 0 20px;
}

#header{
height: 100px;
}
#header:after{
display: block;
content: '　';
clear: both;
height: 0;
overflow: hidden;
}
#header #headerlogo{
float: left;
width: 530px;
padding-top: 35px;
padding-left: 30px;
}
#header #headeraccess{
float: right;
width: 420px;
padding-top: 25px;
}


#gnav{
height: 40px;
background: #222;
}
#gnav ul:after{
clear: both;
content: '　';
height: 0;
overflow: hidden;
display: block;
}
#gnav ul li{
width: 196px;
height: 40px;
float: left;
background: url(gnav/vr.png) repeat-y #222;
}
#gnav ul li.current,
#gnav ul li.active{
background-color: #666;
}
#gnav ul li.li1{
background-image: none;
}
#gnav ul li a{
width: 196px;
height: 40px;
display: block;
text-indent:400px;
white-space:nowrap;
overflow: hidden;
background: url(gnav/01.png) center center no-repeat;
}
#gnav ul li.li1 a{background-image: url(gnav/01.png);}
#gnav ul li.li2 a{background-image: url(gnav/02.png);}
#gnav ul li.li3 a{background-image: url(gnav/03.png);}
#gnav ul li.li4 a{background-image: url(gnav/04.png);}
#gnav ul li.li5 a{background-image: url(gnav/05.png);}


/*#mainvisual*/





#contenthead{
font-size: 0.75em;
margin: 0 40px 40px;
border-bottom: 1px solid #ccc;
}
#contenthead a{
color: #333;
text-decoration: none;
}
#contenthead p{
background: url(contenthead/marker.png) left center no-repeat;
padding: 20px;
line-height: 1.4;
}


/* #main, #sub are written on another files.*/


#contentfoot{
clear: both;
visibility: hidden;
height: 100px;
}


#footer{
background: #f5f5f5;
color: #666;
text-align: center;
padding: 25px 0 5px;
}
#footerdescription{
font-size: 0.75em;
margin-bottom: 25px;
}
#footerlogo{
margin-bottom: 25px;
}

#footermenu{
font-size: 0.6875em;
margin-bottom: 25px;
}
#footermenu a{
color: #666;
text-decoration: none;
}
#footercopy{
font-size: 0.625em;
margin-bottom: 25px;
}


/*以下レスポンシブ用CSS*/
/*==============================================================*/

@media screen and (max-width: 770px){
img{
max-width: 100%;
height: auto;
}
#wrapper{
width: auto;
padding: 0;
}
#header{
height: auto;
padding-bottom: 20px;
}
#header #headerlogo{
padding-left: 0;
margin-left: 15px;
margin-right: 15px;
}
#header #headerlogo,
#header #headeraccess{
width: auto;
text-align: center;
float: none;
}
#header #headeraccess img{
margin-bottom: 10px;
}
#gnav{
height: auto;
}
#gnav ul{
/*width: 588px;
margin: 0 auto;*/
}
#gnav ul li{
background-image: none;
width: 33.3%;
}
#gnav ul li a{
width: 100%;
}



#contenthead{
margin: 0 0 40px;
display: none;
}


#content{
padding: 40px 0 0;
}




#footer{
line-height: 1.6;
padding-left: 20px;
padding-right: 20px;
}




}