@charset "utf-8";
/* CSS Document */

body.wrapper .header {border-bottom:0;}

#header {position:relative; width:100%; min-width:1600px; height:134px; z-index:200; }
#header .top{position:relative; top:0; max-width:1600px; min-width:1200px; width:100%; height:99px; margin:0 auto; z-index:200; margin:0 auto;}


#footer {width:100%; position:relative; clear:both;  margin:auto; padding:0px 0 0 0;  background:#292929;}

#footer .foot {width:100%; min-width:1200px; max-width:1600px; margin:0 auto; height:90px; position:relative; overflow:hidden; clear:both;}

.main_container {width:100%; min-width:1200px; margin:0 auto; padding-top:136px; text-align:center;}

.main_visual {width:100%; min-width:1200px; margin:0 auto; margin:50px auto 0 auto;  max-width:1600px;}
.main_visual img{padding-left:30px;}


/*container*/
#container {position:relative; width:100%; max-width:1600px; min-width:1200px; height:auto; z-index:200; margin:50px auto;}
#container #content {position:relative; width:100%; max-width:1600px; min-width:1200px; z-index:200; }

#container #content div > .con_sub  {position:relative; width:100%;}

#container #content div > .con_sub  div{position:relative; height:380px; float:left;}
/*#container #content div > .con_sub  div img{width:100%;}*/
#container #content div > .con_sub  .txtimg{width:19%; float:left; }
#container #content div > .con_sub  .txtimg img{max-width:100%;}
#container #content div > .con_sub  .txtimg  span{position:absolute; left:25px; bottom:25px;}
#container #content div > .con_sub .txtimg span img{width:auto; height:auto;}
#container #content div > .con_sub .conimg span{position:absolute; left:0; top:50%;}
#container #content div > .con_sub .conimg span img{width:auto; height:auto;}
#container #content div > .con_sub  img{/*width:100%;*/}

#container #content div .con_sub .conimg01{width:21%;  float:left;  overflow:hidden;}
#container #content div .con_sub .conimg02{width:41%;  float:left; overflow:hidden;}
#container #content div .con_sub .conimg03{width:40%;  float:left; overflow:hidden;}
#container #content div .con_sub .conimg04{width:22%;  float:left;  overflow:hidden;}
#container #content div > .con_sub .conimg img{width:auto; height:380px;}

/*#container #content div > .con_sub .li01 {position:relative; max-width:625px; height:380px;  z-index:200; float:left; margin:0 auto; }
#container #content div > .con_sub .li01 .txtimg{ max-width:305px; height:380px;  z-index:200; float:left;}
#container #content div > .con_sub .li01 .txtimg img{ width:100%;}
#container #content div > .con_sub .li01 .conimg{ max-width:320px; height:380px;  z-index:200; float:right;}
#container #content div > .con_sub .li01 .conimg img{ width:100%; }
#container #content div > .con_sub .li01 span{position:absolute; left:48.5%; top:50%; z-index:99;}
*/


/*
#container #content div > .con_sub .li02 {position:relative; float:left; max-width:994px; height:380px;  z-index:200; float:left;}
#container #content div > .con_sub .li02 .txtimg{ max-width:305px; height:380px;  z-index:200; float:left;}
#container #content div > .con_sub .li02 .txtimg img{ width:100%; }
#container #content div > .con_sub .li02 .conimg{ max-width:669px; height:380px;  z-index:200; float:left;}
#container #content div > .con_sub .li02 .conimg img{ width:100%; }
#container #content div > .con_sub .li02 span{position:absolute; left:31.3%; top:50%; z-index:99;}

*/
#container #content div > .con_sub2 { width:100%; z-index:200; max-height:276px; float:left; margin:0 auto; background:#f4f4f4; overflow:hidden;}
#container #content div > .con_sub2 .li_01 { width:40%;  z-index:200; float:left; margin:0 auto;}
#container #content div > .con_sub2 .li_02 { width:30%; z-index:200; float:left; margin:0 auto;}
#container #content div > .con_sub2 .li_03 { width:30%; z-index:200; float:left; margin:0 auto;}
#container #content div > .con_sub2 li img{width:100%;}

#container #content .con_sub3 { width:1600px; float:left; margin:0 auto; padding:30px 0; position:relative;}
#container #content .con_sub3 ul {width:100%;}
#container #content .con_sub3 li {width:300px; height:100px; margin-right:25px; float:left;}
#container #content .con_sub3 li.last{margin:0;}



.bg01{background:#7b0718;}
.bg02{background:#d45b4a;}
.bg03{background:#31cdfd;}
.bg04{background:#b6bcd2;}
.bg05{background:#db8a2f;}
.bg06{background:#93b568;}
.bg07{background:#2d3d4a;}
.bg08{background:#5f2b42;}
.bg09{background:#ffcb99;}
.bg10{background:#566acd;}