@charset "utf-8";

@import"global.css";
@import"layout.css";
@import"modules.css";

/* Common */
h2 {position:absolute; z-index:-1; visibility:hidden;}
legend {position:absolute; z-index:-1; visibility:hidden;}
select, input[type="text"], input[type="password"] {display:inline-block; height:16px; padding:6px 11px; border:1px solid #ddd; background:#fff; font-size:12px; line-height:1; color:#777; vertical-align:middle;}
input[type="radio"], input[type="checkbox"] {border:0; background:none; vertical-align:middle;}
select {height:30px !important; padding-right:6px;}
label {vertical-align:middle;}
button {border:none;*overflow:visible}
input[placeholder] {color:#777;}

.btnArea {overflow:hidden;}
.flow {float:left;}
.reverse {float:right;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.hdObj {position:absolute; z-index:-1; height:0; font-size:0; visibility:hidden;}
.compWrap {width:920px; margin:0 auto; background:transparent;}

#container {padding-bottom:60px; background:url(/images/bp/eng/bg/bg_main_container.jpg) repeat 0 0;}
#container h3 {position:absolute; z-index:-1; visibility:hidden;}

/* Visual Section */
.visualSection {position:relative;}
.visualSection .rollingCtrl {*zoom:1; position:absolute; left:50%; bottom:40px; margin-left:-70px; z-index:20;}
.visualSection .rollingCtrl:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.visualSection .rollingCtrl span {display:block; float:left; width:19px; height:19px; margin-left:5px; background:url(/images/bp/eng/btn/btn_mainvisual_rolling_control.png) no-repeat -45px 0; cursor:pointer;}
.visualSection .rollingCtrl span.on {width:40px; background-position:0 0;}
.visualSection .rollingCtrl span.play {background-position:-91px 0;}
.visualSection .rollingCtrl span.pause {background-position:-68px 0;}
.visualSection .rollingCtrl span button {display:inline-block; text-indent:-999em;}
.visualSection ul {position:relative; width:100%; height:550px; overflow:hidden;}
.visualSection ul li {position:absolute; left:50%; top:0; z-index:10; margin-left:-950px;}
.visualSection ul li img {width:1900px; margin:0 auto;}

/* Content Section */
.contentSection {width:920px; margin:0 auto;}
.contentSection ul {*zoom:1; width:920px; overflow:hidden;}
.contentSection ul:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.contentSection ul li {float:left; position:relative; width:300px; margin-left:10px;}
.contentSection ul li:first-child {margin-left:0;}
.contentSection .topArea {margin-top:50px;}
.contentSection .bottomArea {margin-top:30px;}