@charset "utf-8";

.main_container {width:100%; max-width:640px; margin:0 auto; padding-top:45px; position:relative; overflow:hidden;}

.main_visual {width:100%; position:relative; margin:0 auto;  overflow:hidden;}
.main_visual .imgs {width:100%; padding-bottom:78.2%; height:0; position:relative;}
.main_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual .imgs li img {width:100%;}
.main_visual .imgs li.li_01 {left:0;}

.main_visual .indis {width:100%; position:absolute; top:87%; left:50%; margin:-9px 0 0 -23px;}
.main_visual .indis ul {display:inline-block; overflow:hidden; float:left; }
.main_visual .indis ul li {width:auto; height:18px; float:left; margin-left:10px; position:relative;}
.main_visual .indis ul li.first {margin-left:0; }
.main_visual .indis ul li a {width:100%; height:100%; display:block;}

.sub_visual {width:100%; position:relative; margin:0 auto;  overflow:hidden;}
.sub_visual .imgs {width:100%; padding-bottom:34.99%; height:0; position:relative;}
.sub_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.sub_visual .imgs li img {width:100%;}
.sub_visual .imgs li.li_01 {left:0;}

.sub_visual .sv_indis {width:100%; position:absolute; top:50%; left:100%; margin:-35px 0 0 -29px; }
.sub_visual .sv_indis ul {display:inline-block; overflow:hidden; float:left; }
.sub_visual .sv_indis ul li {width:auto; height:18px;  position:relative;}
.sub_visual .sv_indis ul li.first {margin-left:0; }
.sub_visual .sv_indis ul li a {width:100%; height:100%; display:block;}

.div_mainmenu { width:100%; overflow:hidden;}
.div_mainmenu > ul > li  { width:50%; float:left;}
.div_mainmenu > ul > li > a > img { width:100%;}
.div_mainmenu > ul > li.last { width:100%;}

.div_main_quick { width:100%; margin:10px 0 10px 0; overflow:hidden;}
.div_main_quick > ul { width:96.5%; position:relative; margin:0 auto;}
.div_main_quick > ul > li { /*width:24.27%;*/ width:18.99%; float:left; margin-right:0.97%;}
.div_main_quick > ul > li.last { margin-right:0;}
.div_main_quick > ul > li > a > img { width:100%;}

.main_notice { background:#f4f4f4; width:100%; position:relative; overflow:hidden;}
.main_notice > dl { width:93.75%; position:relative; margin:0 auto; overflow:hidden;}
.main_notice > dl > dt { width:16%; float:left; vertical-align:middle; padding:15px 0;}
.main_notice > dl > dd { width:71.6%; float:right;}
.main_notice > dl > dd > a { color:#4b4f5a; font-size:14px; line-height:47px;}
.main_notice > dl > dd > span { float:right; padding-top:5px;}