@charset "utf-8";

#story #title_col h2 { position:absolute; top:84px; left:50%; margin-left:-68px; z-index:1;}

/* sec1 */
#story #sec1 { width:100%; overflow-x:hidden; margin-top:90px;}
#story #sec1 h3 { text-align:center;}
#story #sec1 #carousel { padding-top:47px;}
#story #sec1 #carousel div { float: left; width:550px; height:365px; text-align: center; position: relative; padding-right:1px;}
#story #sec1 #carousel div img { border: none;}

/* sec2 */
#story #sec2 { width:1100px; margin:0 auto;}
#story #sec2:after { content:" " ; clear:both; display:block; height:0;}
#story #sec2 h4 { text-align:center; padding:52px 0 84px 0;}
#story #sec2 img.photo { float:left;}
#story #sec2 p { float:left; width:550px; padding:10px 0 0 60px;}


/* sec3 */
#story #sec3 { background:url(../../story/img/sec3_bg.jpg) no-repeat center 0; margin-top:80px;}
#story #sec3 div { width:1100px; margin:0 auto; padding:75px 0 80px 0;}
#story #sec3 p { line-height:26px; letter-spacing:0; padding-top:35px;}


/* sec4 */
#story #sec4 { width:1100px; background:url(../../story/img/sec4_bg.jpg) no-repeat right 0; margin:0 auto;}
#story #sec4:after { content:" " ; clear:both; display:block; height:0;}
#story #sec4 h3 { padding:115px 0 0 105px;}
#story #sec4 h4 { padding:45px 0 0 105px;}
#story #sec4 p { padding:120px 0 45px 45px;}
#story #sec4 div { float:left; width:550px; background:url(../../story/img/sec4_graph.gif) no-repeat 150px 18px; padding:18px 0 0 45px;}
#story #sec4 div:after { content:" " ; clear:both; display:block; height:0;}
#story #sec4 div p { padding:140px 0 50px 0;}
#story #sec4 div dl { float:left; width:250px; text-align:right; padding-right:15px;}
#story #sec4 img.photo { float:right; width:337px; padding-right:52px;}


/* sec5 */
#story #sec5 { width:1100px; border-top:1px solid #c8c8c8; margin:80px auto 0 auto;}
#story #sec5:after { content:" " ; clear:both; display:block; height:0;}
#story #sec5 h3 { text-align:center; padding-top:67px;}
#story #sec5 h4 { text-align:center; padding:50px 0 45px 0;}
#story #sec5 img.photo { float:left; padding-top:11px;}
#story #sec5 p { float:left; width:520px; padding:30px 0 0 65px;}
#story #sec5 div { float:left; width:100%; text-align:center; background:#f4f1e9; padding:20px 0; margin-top:25px;}


/* sec6 */
#story #sec6 { width:1100px; margin:120px auto 0 auto;}
#story #sec5:after { content:" "; clear:both; display:block; height:0;}
#story #sec6 .detail_col { float:left; width:540px;}
#story #sec6 .detail_col h4 { padding:55px 0;}


#story #sec6 .photo_col { float:right; width:504px;}
#story #sec6 .photo_col img { float:left; padding-left:4px;}
#story #sec6 .photo_col p { float:left; width:504px; font-size:0.9em; text-align:right; padding-bottom:40px;}


#story #sec6 ul { clear:both; padding:50px 0;}
#story #sec6 ul:after { content:" "; clear:both; display:block; height:0;}
#story #sec6 ul li { float:left; text-align:right; font-size:0.9em;}
#story #sec6 ul li.photo1 { width:300px; padding-right:10px;}
#story #sec6 ul li.photo2 { width:300px; padding-right:58px;}
#story #sec6 ul li.photo3 { width:134px; padding-left:10px;}

#story #sec6 a { display:block; width:541px; margin:0 auto;}
#story #sec6 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* sec7 */
#story #sec7 { width:1100px; border-top:1px solid #c8c8c8; margin:100px auto 0 auto;}
#story #sec7:after { content:" "; clear:both; display:block; height:0;}
#story #sec7_1 { float:right; width:400px; padding-top:115px;}
#story #sec7_1 h3 { text-align:center;}
#story #sec7_1 h4 { text-align:center; padding:45px 0 110px 0;}

#story #sec7_2 { float:left; width:654px; padding-top:67px;}
#story #sec7_2:after { content:" "; clear:both; display:block; height:0;}
#story #sec7_2 a { display:block; width:199px; margin:5px 4px 0 auto;}
#story #sec7_2 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#story #sec7_2 h4 { padding:8px 0 0 15px;}
#story #sec7_2 p { padding:35px 0 35px 15px;}
#story #sec7_2 img.photo { float:left; width:323px; padding-right:4px;}


/* sec8 */
#story #sec8 { background:url(../../story/img/sec8_bg1.jpg) repeat-x center 40px; margin-top:25px; overflow:hidden;}
#story #sec8 .inner { width:1600px; position:relative; top:0; left:50%; margin-left:-800px; /display:inline-block;}
#story #sec8 .inndr:after { content:" "; clear:both; display:block; height:0;}
#story #sec8 .detail_col { float:right; width:720px; padding-right:250px;}
#story #sec8 .detail_col:after { content:" "; clear:both; display:block; height:0;}
#story #sec8 .detail_col h4 { float:left; width:215px; padding-top:120px;}
#story #sec8 .detail_col img.photo1 { float:right; width:260px; padding-right:9px;}
#story #sec8 .detail_col p.intro { float:left; width:720px; margin-top:-90px;}
#story #sec8 .detail_col ul { clear:both; /display:inline-block;}
#story #sec8 .detail_col ul:after { content:" "; clear:both; display:block; height:0;}
#story #sec8 .detail_col ul li { float:left; padding-right:11px; padding-top:20px;}
#story #sec8 .detail_col img.photo2 { float:left; width:181px; padding-top:48px;}
#story #sec8 .detail_col div { float:right; width:510px; padding-top:85px;}
#story #sec8 .detail_col div h4 { float:none; padding:0;}
#story #sec8 .detail_col div p { padding:20px 0;}
#story #sec8 .detail_col div dl {  background:url(../../story/img/sec8_bg2.png); padding:15px 20px; /display:inline-block;}
#story #sec8 .detail_col div dl:after { content:" "; clear:both; display:block; height:0;}
#story #sec8 .detail_col div dt { float:left; width:80px; letter-spacing:0;}
#story #sec8 .detail_col div dd { float:left; width:390px; letter-spacing:0;}
#story #sec8 .detail_col div a { display:block; width:199px; margin:35px 0 0 auto;}
#story #sec8 .detail_col div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#story #sec8  img.photo3 { float:left; padding-top:40px;}


/* sec9 */
#story #sec9 { width:1100px; margin:90px auto 0 auto;}
#story #sec9 .detail_col { background:#e9ded2; padding:10px 12px 30px 20px; margin-bottom:25px; /display:inline-block;}
#story #sec9 .detail_col:after { content:" "; clear:both; display:block; height:0;}
#story #sec9 .detail_col div { float:right; width:620px;}
#story #sec9 .detail_col div a { display:block; width:92px; margin:0 0 0 auto;}
#story #sec9 .detail_col div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#story #sec9 .detail_col div h4 { padding-top:25px;}
#story #sec9 .detail_col div p { line-height:1.6em; letter-spacing:0; padding:20px 110px 0 0;}
#story #sec9 .detail_col img.photo { float:left; width:390px; padding-top:20px;}


/* sec10 */
#story #sec10 { width:1100px; margin:160px auto 0 auto; overflow:hidden;}
#story #sec10:after { content:" "; clear:both; display:block; height:0;}
#story #sec10 h3 { text-align:center;}
#story #sec10 h4 { text-align:center; padding:60px 0;}
#story #sec10 p.caption { text-align:right; padding-bottom:5px;}
#story #sec10 ul { width:1110px; padding-bottom:5px;}
#story #sec10 ul:after { content:" "; clear:both; display:block; height:0;}
#story #sec10 ul li { float:left; width:360px; text-align:right; font-size:0.9em; padding-right:10px;}
#story #sec10 div { float:right; width:370px;}
#story #sec10 div p { padding:100px 0 75px 0;}
#story #sec10 div a { display:block; width:271px; margin:0 0 0 auto;}
#story #sec10 div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#story #sec10 dl { float:left; width:650px; text-align:right; font-size:0.9em;}