@charset "utf-8";
/* CSS Document */

/* general
------------------------------------------*/

body {
font-size: 12px;
line-height: 1.4;
}

img {
vertical-align: bottom;
}

h2 {
width: auto;
clear: none;
text-indent: 0;
}



/* basic control
------------------------------------------*/

#contentwrap_shadow {
width: 950px;
overflow: hidden;
background: none;
}

#footer {
width: 950px;
margin: 0 auto;
overflow: hidden;
}

#footer ul {
margin: 0;
}

#footer p {
margin: 0;
}


/* content
------------------------------------------*/

#content {
text-align: left;
background: url(../../campaign/talent/img/background.jpg) left top repeat-y;
}

#contentwrap {
padding-bottom: 124px;
background: url(../../campaign/talent/img/background_ftr.jpg) left bottom no-repeat;
}

/* header
------------------------------------------*/

#header {
position: relative;
width: 950px;
height: 283px;
background: url(../../campaign/talent/img/header_bg.jpg) left top no-repeat;
}

#header h2 {
position: absolute;
left: 414px;
top: 62px;
}

#header p {
position: absolute;
left: 414px;
top: 144px;
}


/* index
------------------------------------------*/

#index {
margin: 0 auto;
width: 900px;
height: 297px;
background: url(../../campaign/talent/img/index/index_bg.jpg) left top no-repeat;
}

#index h3 {
width: 900px;
padding: 10px 0;
text-align: center;
}

#index ul {
width: 797px;
margin: 0 auto;
}

#index li {
float: left;
position: relative;
width: 391px;
height: 209px;
}

#index li * {
cursor: pointer;
}

#index #indexSection01 {background: url(../../campaign/talent/img/index/index_section01_bg.jpg) left top no-repeat;}
#index #indexSection02 {background: url(../../campaign/talent/img/index/index_section02_bg.jpg) left top no-repeat;}
#index #indexSection03 {background: url(../../campaign/talent/img/index/index_section03_bg.jpg) left top no-repeat;}

#index #indexSection01 {margin-right: 15px;}

#index li h4 {
position: absolute;
top: 15px;
left: 10px;
}

#index li h5 {
z-index: 100;
position: absolute;
top: 130px;
left: 180px;
}

#index li h6 {
z-index: 100;
position: absolute;
bottom: -20px;
right: 10px;
}

#index #indexSection03 h6 {
bottom: -25px;
right: 5px;
}

#index li p {
position: absolute;
top: 150px;
left: 5px;
}

#index li .clickableArea {
position: absolute;
top: 0;
left: 0;
display: block;
padding-top: 209px;
width: 391px;
height: 28px;
}


/* mainSection
------------------------------------------*/

#sectionContainer {
margin: 0 auto;
width: 921px;
}

#sectionContainer .section {
padding-top: 27px;
}

#sectionContainer .sectionInner {
padding-top: 15px;
background: url(../../campaign/talent/img/main_section_bg.gif) left top repeat-y;
}

#sectionContainer .hr {
padding: 30px 0;
height: 30px;
background: url(../../campaign/talent/img/common_border.jpg) center center no-repeat;
}

#sectionContainer .hr hr {
display: none;
}

/* section */
#sectionContainer #section01 {background: url(../../campaign/talent/img/section01/main_section01_header.jpg) left top no-repeat;}
#sectionContainer #section02 {background: url(../../campaign/talent/img/section02/main_section02_header.jpg) left top no-repeat;}
#sectionContainer #section03 {background: url(../../campaign/talent/img/section03/main_section03_header.jpg) left top no-repeat;}

#section01 .analyse .photo {background: url(../../campaign/talent/img/section01/main_section01_image.jpg) left top no-repeat;}
#section02 .analyse .photo {background: url(../../campaign/talent/img/section02/main_section02_image.jpg) left top no-repeat;}
#section03 .analyse .photo {background: url(../../campaign/talent/img/section03/main_section03_image.jpg) left top no-repeat;}

#section01 .secret { background: #7f2c44;}
#section01 .secret ul {background: url(../../campaign/talent/img/section01/main_section01_secret_bg.gif) left top repeat-y;}

#section02 .secret { background: #2c677f;}
#section02 .secret ul {background: url(../../campaign/talent/img/section02/main_section02_secret_bg.gif) left top repeat-y;}

#section03 .secret { background: #507f2c;}
#section03 .secret ul {background: url(../../campaign/talent/img/section03/main_section03_secret_bg.gif) left top repeat-y;}

#section01 .comment {height: 15px; padding: 15px 20px;}
#section02 .comment {height: 32px; padding: 6px 20px;}
#section03 .comment {height: 32px; padding: 6px 20px;}

/* analyse */
.section .analyse {
margin: 0 auto 15px;
width: 882px;
background: url(../../campaign/talent/img/main_section_analyse_bg.gif) left top repeat-y;
}

.section .analyse .interviewLink {
text-align: right;
margin-top: 5px;
}

.section .analyse .interviewLink a {color: #7f2c44;}
.section .analyse .interviewLink a:hover {text-decoration: none;}

.section .analyse .photo {
position: relative;
float: left;
width: 354px;
height: 221px;
}

.section .analyse .photo h3 {
position: absolute;
left: 10px;
top: 10px;
}

.section .analyse .photo h4 {
position: absolute;
right: 115px;
bottom: -8px;
}

.section .analyse ul {
float: left;
width: 528px;
}

.section .analyse li {
padding: 10px 18px;
}

.section .analyse li h4 {
margin-bottom: 15px;
}

.section .analyse li h5 {
margin-bottom: 15px;
}

.section .analyse .left {
float: left;
width: 203px;
}

.section .analyse .right {
float: left;
width: 253px;
}

/* secret */
.section .secret {
clear: both;
margin: 0 auto 1px;
width: 882px;
color: #fff;
}

.section .secret {
padding: 20px 0;
}

.section .secret ul {
margin-bottom: 1px;
padding: 10px 0;
}

.section .secret li {
float: left;
padding: 0 20px;
width: 195px;
}

.section .secret li h4 {
margin-bottom: 10px;
width: 195px;
text-align: center;
}

/* comment */
.section .comment {
position: relative;
margin: 0 auto 10px;
width: 842px;
background: #111;
}

.section .comment h4 {
position: absolute;
bottom: 0px;
right: 5px;
}

* html .section .comment h4 {
bottom: -1px;
}

/* conclude */
.section .conclude {
margin: 0 auto;
width: 882px;
background: url(../../campaign/talent/img/main_conclude_bg.gif) right top repeat-y;
}

/* item */
.section .item {
float: left;
border: 3px solid #ff9935;
padding-bottom: 20px;
width: 673px;
background: url(../../campaign/talent/img/main_section_item_header.jpg) left top no-repeat #e0d4c2;
}

.section .item h4 {
padding: 15px 0 40px;
width: 673px;
text-align: center;
}

.section .item dl {
margin: 0 auto;
width: 553px;
}

.section .item dt {
float: left;
text-align: center;
margin-right: 15px;
width: 204px;
background: #fff;
}

.section .item dd {
float: left;
width: 325px;
margin-bottom: 10px;
padding-bottom: 10px;
}

.section .item dd h5 {
margin-bottom: 10px;
}

.section .item dd p {
margin-bottom: 10px;
}

.section .item dd a {
color: #000;
text-decoration: underline;
}

.section .item dd a:hover {
text-decoration: none;
}

.section .item .separate {
padding-top: 20px;
border-top: 1px dotted #666;
}

/* subnav */
.section .subnav {
float: right;
width: 197px;
border-bottom: 1px solid #fff;
background: #fff;
}

.section .subnav h4 {
margin-bottom: 1px;
}

.section .subnav li {
margin-bottom: 1px;
}

.section .subnav a img {opacity: 0.5;}
.section .subnav a:hover img {opacity: 1;}

* html .section .subnav a img {filter: alpha(opacity=50);}
* html .section .subnav a:hover img {filter: alpha(opacity=100);}

*+html .section .subnav a img {filter: alpha(opacity=50);}
*+html .section .subnav a:hover img {filter: alpha(opacity=100);}

/* pagetop */
.section .pagetop {
padding: 15px 30px 20px;
width: 862px;
text-align: right;
background: url(../../campaign/talent/img/section_footer.jpg) left bottom no-repeat;
}



/* ad
------------------------------------------*/
#ad {
margin: 40px 0 0;
padding: 50px 25px 0;
width: 900px;
background: url(../../campaign/talent/img/ad/ad_border.png) center top no-repeat;
}

#adInner {
background: url(../../campaign/talent/img/ad/ad_background.gif) right top repeat-y;
}

#ad #presentation {
float: left;
width: 690px;
}

#ad h3 {
margin-bottom: 10px;
}

#ad #contentsBanner {
margin-bottom: 20px;
}

#ad #contentsBanner li {
float: left;
margin-right: 10px;
}

#ad #contentsList ul {
margin-bottom: 10px;
padding-bottom: 15px;
background: url(../../campaign/talent/img/ad/ad_contents_ftr.jpg) left bottom no-repeat;
}

#ad #contentsList li {
float: left;
background: url(../../campaign/talent/img/ad/ad_contents_hdr.jpg) 4px top no-repeat;
}

#ad #contentsList li.leftColumn {
width: 226px;
background: url(../../campaign/talent/img/ad/ad_contents_hdr.jpg) left top no-repeat;
}

#ad #contentsList li.rightColumn {
width: 223px;
background: url(../../campaign/talent/img/ad/ad_contents_hdr.jpg) right top no-repeat;
}

#ad #contentsList li.centerColumn {
padding: 0 8px;
width: 224px;
}

#ad #contentsList h4 {
padding: 15px 10px 5px;
}

#ad #contentsList h4 a {
padding-left: 15px;
color: #842222;
background: url(../../campaign/talent/img/ad/ad_contents_bullet.gif) left center no-repeat;
}

#ad #contentsList h4 a:hover {
text-decoration: none;
}

#ad #contentsList p {
padding: 0 15px 0 10px;
}

#ad #pr {
float: right;
width: 200px;
}

#ad #pr h4 {
margin-bottom: 10px;
padding: 5px;
color: #fff;
background: #842222;
}

#ad #pr p {
margin: 0 auto;
width: 180px;
}