/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

html{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Arial, Helvetica,sans-serif;
font-size:9px;
color:#424E69;
overflow-y:scroll;
}

body{
-webkit-text-size-adjust:none;
background-color:#fff;
}

body,html{
height:100%;
}

img{
/*max-width:100%;*/
height:auto;
width:auto\9; /* ie8 */
border:0;
}

ul,ol{
list-style:none;
}

/* link text */

a:link{
color:#424E69;
text-decoration:none;
}
a:visited{
color:#424E69;
text-decoration:none;
}
a:hover{
color:#9aa0ae;
text-decoration:none;
}
a:active{
color:#9aa0ae;
text-decoration:none;
}

.child{
color:#424E69;
}
.child a:link{
color:#9aa0ae;
text-decoration:none;
}
.child a:visited{
color:#9aa0ae;
text-decoration:none;
}
.child a:hover{
color:#424E69;
text-decoration:none;
}
.child a:active{
color:#424E69;
text-decoration:none;
}




.hide{
display:none;
}

.kagikakko{
margin-left:-0.6em;
}

.mailIcon{
width:14px;
height:9px;
}
.gMapIcon{
width:7px;
height:10px;
}
.printIcon{
width:7px;
height:9px;
}
.arrow1{
width:6px;
height:11px;
margin:0 6px 0 8px;
}

.arrow_next{
width:6px;
height:11px;
margin:0 6px 0 8px;
display: inline;
}
.arrow_back{
width:6px;
height:11px;
margin:0 0 0 8px;
display: inline;
}


/* clearfix */
.clearfix:after{
content: "."; 
display:block; 
height:0; 
font-size:0;	
clear:both; 
visibility:hidden;
}
.clearfix{
display:inline-block;
} 
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}



/* body */

#container{
position:relative;
width:100%;
height:auto !important;
height:100%;
min-height:100%;
}


/* header */

#header{
width:100%;
height:56px;
padding-top:35px;
background-color:#f6f6f6;
}

#naviHead{
margin:0 auto;
width:1380px;
height:26px;
}
#naviHead dt{
float:left;
width:123px;
height:20px;
}
#naviHead dd{
float:right;
margin-top: -0.5em;
}
#naviHead dd ul{
/*margin-right:-35px;*/
float:right;
clear:both;
}
#naviHead li{
float:left;
margin-right:35px;
height:26px;
font-size:11px;
line-height:32px;
vertical-align:bottom;
letter-spacing:1px;
}
#naviHead li:last-child{
margin-right:0;
}
dl .show #category {
    margin-top:0.5em;
}

#naviHead .selected{
border-bottom:1px solid #7E869A;
}


/* contents */

#contents{
margin:0 auto;
}

.item {
margin:36px 18px 0;
float:left;
}


/* footer */

#footer{
position:absolute;
bottom:0;
width:100%;
background-color:#f6f6f6;
}

#naviFoot{
margin:0 auto;
width:1380px;
height:21px;
}
#naviFoot ul{
height:21px;
}
#naviFoot li{
float:left;
margin-right:35px;
font-size:11px;
line-height:21px;
letter-spacing:1px;
}
#naviFoot .selected{
border-top:1px solid #9aa0ae;
}

/*
#logoFoot{
margin:0 auto;
clear:both;
width:0;
height:0;
}
*/

#sns{
clear:both;
margin:35px auto 0;
width:1380px;
height:35px;
}
#sns dt{
float:left;
margin-top:20px;
height:10px;
color:#9aa0ae;
font-size:7px;
line-height:10px;
}
#sns dd{
float:right;
height:18px;
margin-top:12px;
margin-left:18px;
}
#cMark{
margin-right:2px;
font-size:9px;
vertical-align:middle;
}




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

#naviHead,#naviFoot,#sns{
width:1144px;
}

}


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

#naviHead,#naviFoot,#sns{
width:908px;
}


}



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

#naviHead,#naviFoot,#sns{
width:672px;
}

#sns{
margin-top:26px;
}

}



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

.hide{
display:inline;
}
.show{
display:none;
}

#naviHead,#naviFoot,#sns{
width:300px;
}
#naviHead dt{
height:27px;
}
#naviHead dt img{
width:62px;
height:14px;
}
#naviHead dd ul{
margin-right:0;
}
#naviHead li{
margin-right:0;
}
#naviHead li img{
width:28px;
height:30px;
}


.item {
margin:10px 5px 0 5px;
}


#footer{
}
#naviFoot{
padding-top:10px;
height:155px;
}
#naviFoot ul{
}
#naviFoot li{
clear:both;
width:300px;
height:30px;
margin-right:0;
margin-bottom:5px;
color:#424E69;
text-indent:5px;
line-height:30px;
background-color:#fff;
}
#naviFoot li img{
float:right;
width:28px;
height:30px;
}
#naviFoot li a{
display:block;
}
#naviFoot li.selected{
background-color:#fff;
border:0;
}

#logoFoot{
margin:16px auto 0;
width:300px;
height:32px;
}
#logoFoot img{
width:62px;
height:14px;
}

#sns{
margin-top:-28px !important;
}
#sns dt{
font-size:6px;
}
#sns dd{
margin-top:8px;
}
#cMark{
margin-right:1px;
font-size:7px;
}


}