/* xxx
------------------------------------------------------------------------------*/
#MainContents {
	background:url(/_/feature/img/201204_01/main_bg.jpg) repeat-y;
	padding-bottom:40px;
	line-height:1.7em;
}

/* contentsNavi
------------------------------------------------------------------------------*/
.contentsNavi {
	margin-left:32px;
	margin-right:32px;
}
.contentsNavi li {
	margin-right:6px;
	float:left;
	text-indent:-999em;
}
.contentsNavi li.last {
	margin-right:0;
}
.contentsNavi li a {
	width:228px;
	height:125px;
	display:block;
	background-repeat:no-repeat;
}
.contentsNavi li.navi01 a {	background-image:url(/_/feature/img/201204_01/navi_01.png);	 }
.contentsNavi li.navi02 a {	background-image:url(/_/feature/img/201204_01/navi_02.png);	 }
.contentsNavi li.navi03 a {	background-image:url(/_/feature/img/201204_01/navi_03.png);	 }

.contentsNavi li a:hover,   .contentsNavi li a:active {	background-position:0 -125px;	 }
.contents1 .contentsNavi li.navi01 a,
.contents2 .contentsNavi li.navi02 a,
.contents3 .contentsNavi li.navi03 a {
 background-position:0 -250px
}

/* contentsArea
------------------------------------------------------------------------------*/
.contentsArea {
	margin-left:32px;
	margin-right:32px;
}
.contentsFrame01 {	background:url(/_/feature/img/201204_01/frame_03.png) bottom no-repeat; padding-bottom:17px;	}
.contentsFrame02 {	background:url(/_/feature/img/201204_01/frame_01.png) top no-repeat;	padding-top:13px;	}
.contentsFrame03 {	background:url(/_/feature/img/201204_01/frame_02.png)  repeat-y; padding:0 18px 10px;	}

.contentsArea .contentsInner {
	padding:5px 10px 0;
	background:url(/_/feature/img/201204_01/header_bg.gif) center top no-repeat;
}
.contentsArea p.contTit {
	margin-bottom:10px;
}

/* lead
------------------------------------------------------------------------------*/
.lead {
	padding:20px;
	background:url(/_/feature/img/201204_01/lead_bg.gif) ;
	color:#666;
	margin-bottom:30px;
}
.lead.withImg .imgBlock {
	width:120px;
	float:left;
	margin-right:20px;
}
.lead.withImg .txBlock {
	width:460px;
	float:left;
	line-height:1.8em;
	padding-top:10px;
}


/* section / item
------------------------------------------------------------------------------*/
.section {
	margin-bottom:40px;
}
.section.last {
	margin-bottom:0;
}
.section .secInner {
	padding:0 20px;
}

.contents1 .sec1 {
	background:url(/_/feature/img/201204_01/cont1_sec1_bg.jpg) no-repeat;
	padding:70px 0 0 300px;
	min-height: 311px;
	height: auto !important;
	height: 311px;
}

.contents1 .sec2 {
	background:url(/_/feature/img/201204_01/cont1_sec2_bg.jpg) no-repeat;
	padding:70px 300px 0 0;
	min-height: 210px;
	height: auto !important;
	height: 210px;
}

.contents1 .sec3 {
	background:url(/_/feature/img/201204_01/cont1_sec3_bg.jpg) no-repeat;
	padding:70px 0 0 300px;
	min-height: 230px;
	height: auto !important;
	height: 230px;
}


.contents3 .sec1 {
	background:url(/_/feature/img/201204_01/cont3_sec1_bg.jpg) no-repeat;
	padding:84px 0 0 330px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	position:relative;
}
.contents3 .sec1 p.spa {
	position:absolute;
	top:520px;
	left:210px;
}


.contents3 .sec2 {
	background:url(/_/feature/img/201204_01/cont3_sec2_bg.jpg) no-repeat;
	padding:84px 320px 0 0;
	min-height: 451px;
	height: auto !important;
	height: 451px;
	position:relative;
}
.contents3 .sec2 p.spa {
	position:absolute;
	top:520px;
	left:350px;
}

.contents3 .sec3 {
	background:url(/_/feature/img/201204_01/cont3_sec3_bg.jpg) no-repeat;
	padding:84px 0 0 330px;
	min-height: 516px;
	height: auto !important;
	height: 516px;
}


.item {
	margin-bottom:18px;
}
.item.last {
	margin-bottom:18px;
}

/* imgWidth
------------------------------------------------------------------------------*/
.imgWidth200 .imgBlock {
	width:200px;
	float:left;
}
.imgWidth200 .textBlock {
	width:380px;
	float:left;
}


/* cooperation  ------------------------------------*/
.cooperation {
	background:url(/_/feature/img/201204_01/cooperation_bg.gif) repeat-y;
	padding:0 0 0 5px;
	margin-top:20px;
	line-height:1.4em;
}
.cooperation .inner {
	padding:0 10px 0;
}
.cooperation p.head {
	font-weight:bold;
	color:#666;
	margin-bottom:2px;
}

/* comment  ------------------------------------*/
.comment {
	margin:0 30px;
	color:#635A5C;
}
.comment .frame01 {	background:url(/_/feature/img/201204_01/comment_bg_02.gif) repeat-y;	}
.comment .frame02 {	background:url(/_/feature/img/201204_01/comment_bg_03.gif) bottom no-repeat;	}
.comment .frame03 {	background:url(/_/feature/img/201204_01/comment_bg_01.gif) top no-repeat; padding:50px 40px 28px;	}



/* talk  ------------------------------------*/
.talk {
	color:#A55766;
}
.talk .frame01 {	background:url(/_/feature/img/201204_01/talk_frame_02.gif) repeat-y;	}
.talk .frame02 {	background:url(/_/feature/img/201204_01/talk_frame_03.gif) bottom no-repeat;	}
.talk .frame03{	background:url(/_/feature/img/201204_01/talk_frame_01.gif) top no-repeat; padding:35px 45px 65px 35px ;}

.talk.width380.width380 .frame01 {	background:url(/_/feature/img/201204_01/talk_frame380_02.gif) repeat-y;	}
.talk.width380 .frame02 {	background:url(/_/feature/img/201204_01/talk_frame380_03.gif) bottom no-repeat;	}
.talk.width380 .frame03{	background:url(/_/feature/img/201204_01/talk_frame380_01.gif) top no-repeat; padding:30px 40px 50px 30px ;}

/*   ------------------------------------*/
p.head {
	margin-bottom:10px;
}
.notes {
	line-height:1.4em;
}

.snap {
	margin-top:10px;
	background:url(/_/feature/img/201204_01/cont2_img_03.jpg) no-repeat;
	min-height: 235px;
	height: auto !important;
	height: 235px;
	margin-bottom:0;
	position:relative;
}
.snap .expand {
	position:absolute;
	left:240px;
	bottom:40px;
}



/*  profArea  ------------------------------------*/
.profArea {
	background:url(/_/feature/img/201204_01/prof_bg.gif);
	padding:5px;
}
.profArea .inner {
	background-color:#FFF;
	padding:5px;
}
.profArea .profPhBlock {
	width:108px;
	background-color:#CCC;
	float:left;
	margin-right:10px;
}
.profArea .profPhBlock .inner {
	padding:1px;
	background-color:#CCC;
}
.profArea .profPhBlock img {
	border:3px solid#FFF;
}
.profArea .txBlock {
	width:490px;
	float:left;
	font-size:91%;
	line-height:1.4em;
}

/*  snsBlock  ------------------------------------*/
.snsBlock {
	margin-left:37px;
	margin-bottom:12px;
}