@charset "utf-8";

.main_container {width:100%; max-width:640px; min-width:320px; position:relative; padding-top:49px;}
.main_visual {width:100%; height:423px; position:relative; overflow:hidden; border-bottom:1px solid #c2ebb9;}
.main_visual .imgs {width:100%; height:100%; position:relative; overflow:hidden;}
.main_visual .imgs > li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual .imgs > li.li_01 {left:0;}
.main_visual .imgs > li img {max-width:100%;}
.main_visual .indis {width:100%; height:15px; position:absolute; bottom:20px; left:0; text-align:center;}
.main_visual .indis > ul {display:inline-block; overflow:hidden;}
.main_visual .indis > ul > li {width:14px; height:15px; float:left; position:relative; margin-right:8px;}
.main_visual .indis > ul > li.li_04 {margin-right:0;}
.main_visual .indis > ul > li img {max-width:100%;}

.metro_wrap {width:90%; background:url('/img//inm_main_con_bg.gif') center center repeat; padding:18px 5% 8px;}
.metro_wrap > div {width:100%; margin-bottom:10px; overflow:hidden;}
.metro_wrap > div > div {width:30%; float:left; margin-right:5%; position:relative;}
.metro_wrap > div > div.col_03 {margin-right:0;}
.metro_wrap > div > div > a {display:block;}
.metro_wrap > div > div > a > img {max-width:100%;}

.banners {width:100%; overflow:hidden;}
.banners > div {width:50%; float:left; position:relative;}
.banners > div.div_01 {width:100%;}
.banners > div > a {display:block;}
.banners > div img {max-width:100%;}

body {
	overflow-x : hidden
}