/* main body */
body.main01{ height:auto; background:url(/images/common/layout/bg_main.png) top center no-repeat}

/* main banner */
body.main01 #banner{ height:226px;}
body.main01 #banner img{top:0; right:0;}

/* main container */
body.main01 #container{ width:930px;  min-height:100%; margin:-350px auto 0 auto}
body.main01 #container #con{ padding:391px 0 35px 0; position:relative;}

/* mainleft */
#main_left{ width:304px; float:left; margin:0 24px 0 9px; display:inline}
#main_left .leftbox01{ margin-bottom:17px; overflow:hidden}
#main_left .leftbox01 dl{ position:relative; float:left; background:url(/images/main/bg02_main_left.gif) no-repeat left top; display:inline; padding:16px 0 0 15px; width:134px; height:161px}
#main_left .leftbox01 dl dt{ margin-bottom:17px; font-size:0; line-height:0}
#main_left .leftbox01 dl dd{ line-height:120%}
#main_left .leftbox01 dl.dlr{ background:url(/images/main/bg03_main_left.gif) no-repeat left top; margin-left:6px}
#main_left .leftbox01 dl dd.btn{ font-size:0; line-height:0; position:absolute; left:19px; top:148px}
#main_left .leftbox01 dl.dlr dd.img{ position:absolute; left:86px; top:121px;}
#main_left .leftbox02{ position:relative; overflow:hidden; float:left; background:url(/images/main/bg04_main_left.gif) no-repeat left top; padding:18px 0 20px 17px; width:287px}
#main_left .leftbox02 h3{ margin-bottom:30px}
#main_left .leftbox02 h3,
#main_left .leftbox02 p{ line-height:0; font-size:0}
#main_left .leftbox02 p.btn{ position:absolute; top:87px; right:18px}
#main_left .leftbox02 p.btn a{ display:block; background:url(/images/main/bg01_main_left.gif) no-repeat left top; padding:5px 0 5px 25px}

/* main_min */
.main_min{ width:376px; float:left; margin:0 19px 0 0}
.main_min .main_search{ background:url(/images/main/bg02_main_min.gif) no-repeat; padding:11px 14px 11px 16px}
.main_min .main_search input.search{ width:186px; border:1px solid #b7b7b7; color:#666; margin:0 10px 0 5px; height:16px; padding:2px 0 0 2px;}
.main_min .main_search input{ margin:2px 0 0 0}
ul.main_news{ position:relative; width:376px; height:147px; margin-top:27px; background:url(/images/main/bg01_main_min.gif) repeat-x left 15px}
ul.main_news li a.more{ position: absolute; right:8px; top:12px; background:url(/images/main/ico01_main_min.gif) no-repeat right 5px; color:#666; font-size:0.917em; padding:0 5px 0 0; line-height:100%}
.more1{ z-index:99;}
.more2{ z-index:98;}
.more3{ z-index:97;}
ul.main_news li h3 a { display:block; background:url(/images/main/btn02_main_min.png) no-repeat; position:absolute; height:25px; text-indent:-9999px; overflow:hidden}
ul.main_news li.news01 h3 a{ left:0; top:0; width:68px; background-position:0 -32px; z-index:3}
ul.main_news li.news01 ul{ visibility:visible;}
ul.main_news li.news02 h3 a{ left:63px; top:0; width:65px; background-position:-68px -32px; z-index:2}
ul.main_news li.news03 h3 a{ left:123px; top:0; width:79px; background-position:-133px -32px; z-index:1}
ul.main_news li.news01 h3 a:hover, ul.main_news li.news01 h3 a:focus, ul.main_news li.news01 h3 a:active, ul.main_news li.news01 h3 .onhover{ left:0; top:0; background-position:0 0;z-index:3; border-bottom:1px solid #fff}
ul.main_news li.news02 h3 a:hover, ul.main_news li.news02 h3 a:focus, ul.main_news li.news02 h3 a:active, ul.main_news li.news02 h3 .onhover{ left:63px; top:0;  background-position:-68px 0;z-index:3; border-bottom:1px solid #fff }
ul.main_news li.news03 h3 a:hover, ul.main_news li.news03 h3 a:focus, ul.main_news li.news03 h3 a:active, ul.main_news li.news03 h3 .onhover{ left:123px; top:0; background-position:-133px 0;z-index:3; border-bottom:1px solid #fff}
ul.main_news li ul{ width:360px}
ul.main_news li ul li{ background:url(/images/main/ico02_main_min.gif) no-repeat left 7px; padding:0 0 0 8px; line-height:170%; vertical-align: middle}
ul.main_news li ul li span{ float:right}
ul.main_news li ul li a span{ float:none; background: url(/images/main/ico03_main_min.gif) no-repeat; width:8px; height:8px; text-indent:-9999px; display:inline-block; font-size:0; vertical-align:middle}
ul.main_news li ul li a{ color:#666}
ul.main_news li ul li a:hover{ color:#2476b1; text-decoration:none}
ul.main_news li.news01 ul, ul.main_news li.news02 ul, ul.main_news li.news03 ul{ position:absolute; left:7px; top:44px; visibility:visible}
ul.main_news li.news01 ul{ visibility:visible}
#tabscon2, #tabscon3{ visibility:hidden;}

/* mainright */
.main_right{ width:198px; float:left}
.main_right ul{ margin-top:-15px;}
.main_right ul li { height:47px; padding:36px 0 0 15px; background:url(/images/main/bg01_main_right.gif) left top no-repeat;}
.main_right ul li.first_link{ padding-top:17px; height:66px; background:none}
.main_right ul li a img { vertical-align:top;}