/* 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:Arial,Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif,SimHei,MS YaHei;
font-size:12px;
color:#333;
}

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;
}

h1{
margin:40px 0 38px 28px;
height:20px;
font-size:20px;
line-height:20px;
font-weight:normal;
}


/* link text */

a:link{
color:#1FA1CC;
text-decoration:none;
}
a:visited{
color:#1FA1CC;
text-decoration:none;
}
a:hover{
color:#1FA1CC;
text-decoration:underline;
}
a:active{
color:#1FA1CC;
text-decoration:underline;
}

.menu a{
display:block;
}
.menu a:link{
color:#ccc;
text-decoration:none;
}
.menu a:visited{
color:#ccc;
text-decoration:none;
}
.menu a:hover{
color:#fff;
text-decoration:none;
}
.menu a:active{
color:#fff;
text-decoration:none;
}



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

/* 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 */

body{
background:#f2f2ed url(../img/bg.gif) repeat-x;
}


/* header */

#header{
position: fixed;
padding-top:33px;
z-index:999;
width:100%;
height:59px;
background:#fff;
border-top:4px solid #000;
box-shadow:0px 0px 8px rgba(0,0,0,0.2);
}

#group_logo{
float:left;
width:234px;
height:26px;
padding-left:28px;
}
#group_logo img{
width:234px;
}
#logo{
float:left;
height:26px;
padding-left:38px;
}
#logo li{
float:left;
margin-right:22px;
padding-left:11px;
background:url(../img/logo_list.gif) no-repeat;
}


/* container */
#container{
position:relative;
width:1212px;
height:auto !important;
height:100%;
min-height:100%;
margin:0 auto;
padding-top:96px;
border-right:1px solid #B3B3B3;
border-left:1px solid #B3B3B3;
background:#fff;
}

/* contents */

#contents{
overflow:hidden;
padding-bottom:43px;
}



/* footer */
#footer{
position:absolute;
bottom:-1px;
width:1156px;
padding:0 28px;
height:28px;
line-height:28px;
background:#000;
text-align:center;
}
#footer small{
font-size:9px;
color:#B3B3B3;
}





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

/* body */
#container{
width:978px;
}

/* footer */
#footer{
width:922px;
}

}



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

h1{
margin-top:30px;
}

/* body */
#container{
width:744px;
}

/* header */
#header{
height:50px;
padding-top: 26px;
}

#group_logo{
width:198px;
height:26px;
}
#group_logo img{
width:198px;
}


#logo{
padding-left:55px;
}
#logo li{
margin-right:13px;
padding-left:0;
background:none;
}

/* container */
#container{
padding-top:80px;
}

/* footer */
#footer{
width:688px;
}

}



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

h1{
margin:28px 0 18px 15px;
font-size:18px;
}

.menu a:link{
color:#fff;
}
.menu a:visited{
color:#fff;
}

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

/* body */
body{
background-image:none;
}

#head_line{
display:none;
}
#container{
width:320px;
border:none;
}

/* header */
#header{
padding: 0;
height:84px;
background:#000;
}

#group_logo{
clear:both;
width:183px;
height:35px;
padding-left:26px;
margin:20px 0 0;
}
#group_logo img{
width:183px;
}


#logo{
clear:both;
width:100%;
padding:0;
margin:4px 0 0;
}
#logo ul{
display: flex; 
justify-content:space-around;
width:98%;
margin:0 auto;
}
#logo li{
margin:0;
padding:0;
width: auto;
background:none;
}
#logo .logo1,#logo .logo1 img{width:43px;}
#logo .logo2,#logo .logo2 img{width:38px;}
#logo .logo3,#logo .logo3 img{width:37px;}
#logo .logo4,#logo .logo4 img{width:29px;}
#logo .logo5,#logo .logo5 img{width:52px;}
#logo .logo6,#logo .logo6 img{width:23px;}
#logo .logo7,#logo .logo7 img{width:50px;}



/* contents */
#contents{
padding-bottom:108px;
}

/* footer */
#footer{
width:320px;
height:24px;
padding:0;
}

#footer small{
line-height:24px;
}

}