@charset "utf-8";

@import url(basic.css);
@import url(layout.css);

#container{margin:0 auto; width:100%; background:#f4f4f4; text-align:center;}
#container:after{content:""; display:block; clear:both;} 
.main_cont{margin:0 auto; width:980px; background:#f4f4f4; padding:30px 0;}
.main_cont:after{content:""; display:block; clear:both;} 

#main_visual{margin:0 auto; width:980px;}

.cont1{}
.cont1 a{float:left; width:245px; height:195px; text-align:left;}
.cont1 .cont1_1{background:url(../images/main/contents1_1.jpg) 0 0 no-repeat;}
.cont1 .cont1_2{background:url(../images/main/contents1_2.jpg) 0 0 no-repeat;}
.cont1 .cont1_3{background:url(../images/main/contents1_3.jpg) 0 0 no-repeat;}
.cont1 .cont1_4{background:url(../images/main/contents1_4.jpg) 0 0 no-repeat;}
.cont1 span{float:left; color:#fff; padding-top:70px; margin-left:30px;}
.cont1 .cont1_2 span{color:#888;}


.cont2{float:left; width:490px;}
.cont2 dt{float:left; position:relative;}
.cont2 dt span{position:absolute; left:245px; top:85px; width:12px; height:21px; background:url(../images/main/demo_arrow.gif) 0 0 no-repeat;}
.cont2 dd{float:right; width:245px; background:#567bae; }
.cont2 dd a{display:inline-block; width:245px; height:64px; line-height:64px; font-size:125%; font-weight:bold; background:#567bae; background:url(../images/main/demo_arrow2.gif) 215px 50% no-repeat; text-align:left; vertical-align:middle; color:#fff;}
.cont2 dd a:hover{text-decoration:underline;}
.cont2 dd.dd2 a{height:65px; border-top:1px solid #6a89b4; border-bottom:1px solid #6a89b4; vertical-align:middle;}
.cont2 dd a img{padding-left:50px; padding-right:20px;}

.cont3{float:left; width:205px; height:170px; padding:25px 20px 0 20px; text-align:left; background:#fff;}
.cont3 dl{padding-left:70px;}
.cont3 dl dt, .cont4 dt{font-size:120%; color:#555; font-weight:bold;}
.cont3 .cont3_1{ background:url(../images/main/info_img1.gif) 0 50% no-repeat; margin-bottom:10px; }
.cont3 .cont3_1 dd{font-size:100%; color:#888;}
.cont3 .cont3_1 dd.first_dd{padding:3px 0 7px 0;}
.cont3 .cont3_2{ background:url(../images/main/info_img2.gif) 0 50% no-repeat; }
.cont3 .cont3_2 dt{font-size:100%; color:#888;}
.cont3 .cont3_2 dd{font-size:100%; color:#888;}
.cont4{float:left; width:195px; height:145px; padding:25px 25px; text-align:left; background:#eee;}

.cont4 dt{}
.cont4 dd{padding:4px 0 3px 0;}
.cont4 dd a{display:block; width:190px; font-size:100%; background:url(../images/main/bl_dot.gif) 0 50% no-repeat; padding-left:8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cont4 dd a:link, .cont4 dd a:visited, .cont4 dd a:focus{color:#888;}
.cont4 dd a:active, .cont4 dd a:hover{color:#666;}
.cont4 dd.first_dd a{width:170px; height:33px; font-size:120%; color:#555; line-height:120%; background:url(../images/main/ico_notice.gif) 0 50% no-repeat; padding-left:32px; text-overflow:ellipsis; white-space:normal; overflow:visible; margin:8px 0 6px 0; vertical-align:middle; }
.cont4 dd.first_dd a:link, .cont4 dd.first_dd a:visited, .cont4 dd.first_dd a:focus{color:#555;} 
.cont4 dd.first_dd a:active, .cont4 dd.first_dd a:hover{color:#333; text-decoration:underline;} 

.cont5{display:inline-block; font-size:0; width:100%; height:75px; background:#fff; vertical-align:middle; margin-top:10px;}
.cont5 li{display:inline-block; zoom:1;*display:inline/*IE7 HACK*/;  width:244px; height:45px; margin:15px 0; border-left:1px solid #e8e8e8;}
.cont5 li:first-child{border:none;}