@charset "shift_jis";
/* CSS Document */


/* ================ mainimg ================ */

#mainimgWrap{
	width:100%;
	height:543px;
	background:url(../img/index/mainimgwrap_bg.jpg) no-repeat center bottom;
}
div#mainimg{
	width:950px;
	height:398px;
	margin:0 auto;
	position:relative;
	padding-top:25px;
}
div#mainimg ul#photoBox{
	height:398px;
	position:relative;
}
div#mainimg ul#photoBox li{
	position:absolute;
	left:0;
	top:0;
}
div#mainimg ul#thumbBox{
	width:840px;
	height:131px;
	position:relative;
	margin:-48px auto 0 auto;
	background:url(../img/index/mainthumb_bg.png) no-repeat left bottom;
	z-index:5;
}
div#mainimg ul#thumbBox li{
	display:block;
	float:left;
	padding-top:9px;
	padding-left:30px;
}
div#mainimg ul#thumbBox li.first{
	padding-left:18px;
	
}

div#mainMovie{
	width:950px;
	height:398px;
	position:absolute;
	left:0;
	top:25px;
	z-index:4;
	overflow:hidden;
}
div#mainMovie img.img0{
	position:absolute;
	left:0;
	top:0;
}
div#mainMovie img#alphaimg{
	position:absolute;
	right:20px;
	top:20px;
	display:none;
}
div#mainMovie img.img1{
	position:absolute;
	right:200px;
	bottom:11px;
	z-index:3;
}
div#mainMovie img#lightup{
	position:absolute;
	right:300px;
	top:20px;
	z-index:1;
}
div#mainMovie #movieBox{
	width:833px;
	position:absolute;
	top:117px;
	left:18px;
}
div#mainMovie #movieBox li{
	float:left;
	display:none;
}
div#mainMovie #movieBox ul.cnt2{
	padding-top:16px;
	padding-left:114px;
}


/* ================ #sec1 ================ */


#sec1 .leftBox,
#sec1 .rightBox{
	float:left;
}
#sec1 .leftBox{
	width:178px;	
}
#sec1 .rightBox{
	width:462px;	
}


/* ================ #sec2 ================ */

#mainCont h2{
	width:640px;
	height:52px;
	text-align:center;
	padding-top:19px;
	padding-bottom:19px;
	background:url(../img/index/ttl_bg.gif) repeat-x;
}

#sec2 .cnt1,
#sec2 .cnt2,
#sec2 .cnt3,
#sec2 .cnt4{
	padding-top:25px;
}
#sec2{
	padding-top:20px;
}

#sec2 .container{
	padding-bottom:51px;
	background:url(../img/index/cnt_bg_bt.gif) no-repeat left bottom;
}
#sec2 .container .container-inner{
	width:590px;
	padding:0 25px;
	background:url(../img/index/cnt_bg_m.gif) repeat-y;
}
#sec2 .container .container-inner .itemBox{
	height:247px;
	background:url(../img/index/sec2_cnt1_img2.jpg) no-repeat left top;
	position:relative;
}
#sec2 .container .container-inner .itemBox a.item1,
#sec2 .container .container-inner .itemBox a.item2{
	position:absolute;
	top:-7px;
}
#sec2 .container .container-inner .itemBox a.item1{left:0;}
#sec2 .container .container-inner .itemBox a.item2{right:0;}
#sec2 .boxlayout{
	padding-top:20px;
}
#sec2 .boxlayout span{
	display:block;
	text-align:right;
	padding-top:6px;
	font-size:10px;
}

#sec2 p{
	text-align:center;
}
#sec2 .cnt1,
#sec2 h3.fix{
	padding-top:12px;
}
#sec2 .cnt3 .boxlayout .img1{
	text-align:center;
	padding-bottom:84px;
	background:url(../img/index/sec2_cnt3_arrow.gif) no-repeat center bottom;
	margin-bottom:11px;
}
#sec2 .cnt4 .container .container-inner{
	width:530px;
	padding:0 55px;
}
#sec2 .cnt4 ul.box1 li,
#sec2 .cnt4 ul.box2 li{
	display:block;
	float:left;
}
#sec2 .cnt4 ul.box1 li{
	padding-left:18px;
}
#sec2 .cnt4 ul.box2 li{
	padding-left:7px;
}
#sec2 .cnt4 ul.box1 li.first,
#sec2 .cnt4 ul.box2 li.first{
	padding-left:0;
}

/* ================ #sec3 ================ */

#sec3{
	padding-top:45px;
}
#sec3 .cnt1{
	padding-top:30px;
}
#sec3 .cnt1 .imgBox,
#sec3 .cnt1 .txtBox,
#sec3 .cnt2 .CommentBox .imgBox,
#sec3 .cnt2 .CommentBox .txtBox,
#interviewWrap ul li .imgBox,
#interviewWrap ul li .txtBox{
	float:left;
}
#sec3 .cnt1 .imgBox{
	width:149px;
	padding-right:20px;
}
#sec3 .cnt1 .txtBox{
	width:471px;
}
#sec3 .cnt2{
	padding-top:27px;
	position:relative;
}
#sec3 .cnt2 h3{
	padding-bottom:27px;
}
#sec3 .cnt2 .CommentBox .imgBox,
#interviewWrap ul li .imgBox{
	width:160px;
	padding-right:20px;
}
#sec3 .cnt2 .CommentBox .txtBox,
#interviewWrap ul li .txtBox{
	width:460px;
}
#sec3 .cnt2 .CommentBox .txtBox h4,
#interviewWrap ul li h4{
	width:460px;
	padding-bottom:1px;
	border-bottom:1px solid #FFF0F0;
	color:#EE7E98;
	font-weight:bold;
}
#sec3 .cnt2 .CommentBox .txtBox h4{
	font-size:16px;
}
#sec3 .cnt2 .CommentBox .txtBox dl{
	padding-top:15px;
	line-height:1.4;
}
#sec3 .cnt2 .CommentBox .txtBox dl dt{
	padding-bottom:7px;
	font-size:14px;
	font-weight:bold;
	color:#9D6C33;
}

#loadBtn{
	text-align:right;
	margin-top:27px;
	text-decoration:underline;
	cursor:pointer;
	color:#FF3366;
}
#loadBtn:hover{
	text-decoration:none;
}

/* ================ #Interview ================ */

#interviewWrap{
	display:none;
}
#interviewWrap ul li{
	width:640px;
	display:block;
	padding-top:25px;
	margin-top:27px;
	background:url(../img/common/dotted_p.gif) repeat-x left top;
}
#interviewWrap ul li h4{
	font-size:14px;
}
#interviewWrap ul li p{
	padding-top:12px;
}
#loader{
	position:absolute;
	bottom:-45px;
	left:297px;
	display:none;
}