/* MainContents
------------------------------------------------------------------------------*/
#MainContents {
	padding-bottom:30px;
	font-size:115%;
}
.mac #MainContents {
	font-size:102%;
}
#MainContents .contents1 {
	background:url(/_/feature/img/201206_01/main_bg_01.gif);
}
#MainContents .contents2 {
	background:url(/_/feature/img/201206_01/main_bg_02.gif);
}
#MainContents .contents3 {
	background:url(/_/feature/img/201206_01/main_bg_03.gif);
}

/* ------------------------------------------------------------------------------*/
.mainVisual {
	margin-bottom:10px;
}
.contentsTitle {
	margin-bottom:15px;
}


/* topNavi
------------------------------------------------------------------------------*/
.topNavi {
	margin:0 5px 40px;
}
.topNavi li {
	float:left;
}


/* contentsWrap
------------------------------------------------------------------------------*/
.contentsWrap {
	margin:0 20px;
}
/* sectionBlock
-------------------------*/
.sectionBlock {
	margin-bottom:50px;
	padding:9px;
}
.contents1 .sectionBlock {	background:url(/_/feature/img/201206_01/sectionblock_bg_01.gif);	}
.contents2 .sectionBlock {	background:url(/_/feature/img/201206_01/sectionblock_bg_02.gif);	}
.contents3 .sectionBlock {	background:url(/_/feature/img/201206_01/sectionblock_bg_03.gif);	}
.sectionBlock .frame {
	border:1px solid #a6dcac;
	background-color:#FFF;
}
.contents1 .sectionBlock .frame {	border-color:#a6dcac;	}
.contents2 .sectionBlock .frame {	border-color:#97d3bd;	}
.contents3 .sectionBlock .frame {	border-color:#c8d283;	}

.sectionBlock .inner {
	padding:25px 25px 0;
}
.sectionBlock .lead {
	border-left:5px solid #CCC;
	padding:3px 5px 3px 15px;
	line-height:1.7em;
	margin-bottom:25px;
}
.contents1 .sectionBlock .lead {	border-color:#a6dcac;	}
.contents2 .sectionBlock .lead {	border-color:#97d3bd;	}
.contents3 .sectionBlock .lead {	border-color:#c8d283;	}


/* recommendBlock
-------------------------*/

.recommendBlock .recoTit {
	margin-bottom:20px;
}
.recommendBlock .item {
	position:relative;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	margin-bottom:40px;
}
.recommendBlock .item.h220 {
	min-height: 220px;
	height: 220px;
}
.recommendBlock .item.h240 {
	min-height: 240px;
	height: 240px;
}
.recommendBlock .item.h260 {
	min-height: 260px;
	height: 260px;
}
.recommendBlock .item.h280 {
	min-height: 280px;
	height: 280px;
}
.recommendBlock .item.h300 {
	min-height: 300px;
	height: 300px;
}

.recommendBlock .head {
	background:url(/_/feature/img/201206_01/contents1_reco_head_line.gif) no-repeat center bottom;
	padding-bottom:3px;
	margin-bottom:15px;
}
.recommendBlock .head p {
	background:url(/_/feature/img/201206_01/contents1_reco_head_icon.gif) no-repeat left top;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	line-height:1.3em;
	font-weight:bold;
	font-size:109%;
	padding-top:7px;
	padding-left:44px;
}
.recommendBlock .head p.line2 {
	padding-top:0;
	background-position:left bottom;
}
.recommendBlock .head,
.recommendBlock .body {
	width:400px;
}
.recommendBlock .phLeft .head,
.recommendBlock .phLeft .body {
	padding-left:250px;
}
.recommendBlock .phRight .head,
.recommendBlock .phRight .body {
	padding-right:250px;
}
* html .recommendBlock .phLeft .head,
* html .recommendBlock .phLeft .body {
	padding-left:200px;
}
* html .recommendBlock .phRight .head,
* html .recommendBlock .phRight .body {
	padding-right:200px;
}
.recommendBlock .body {
	line-height:1.7em;
}
.recommendBlock p.photo {
	position:absolute;
}
.recommendBlock .phLeft p.photo {
	top:0;
	left:0;
}
.recommendBlock .phRight p.photo {
	top:0;
	left:410px;
}
* html ..recommendBlock .phRight p.photo {
	top:0;
	left:430px;
}


.recommendBlock .w350 .head,
.recommendBlock .w350 .body {
	width:350px;
}
.recommendBlock .w350.phLeft .head,
.recommendBlock .w350.phLeft .body {
	padding-left:300px;
}
.recommendBlock .w350.phRight .head,
.recommendBlock .w350.phRight .body {
	padding-right:300px;
}
* html .recommendBlock .w350.phLeft .head,
* html .recommendBlock .w350.phLeft .body {
	padding-left:250px;
}
* html .recommendBlock .w350.phRight .head,
* html .recommendBlock .w350.phRight .body {
	padding-right:250px;
}
.recommendBlock .w350.phRight p.photo {
	top:0;
	left:360px;
}

* html .recommendBlock .w350.phRight p.photo {
	top:0;
	left:380px;
}


/* contents2
------------------------------------------------------------------------------*/


.contents2 {
	line-height:1.7em;
}

.contents2 .sectionBlock .inner {
	padding:30px;
}

.contents2 .sectionBlock .item {
	margin-bottom:30px;
}
.contents2 .sectionBlock .item.last {
	margin-bottom:0;
}
.contents2 .sectionBlock .item .head {
	height:66px;
	position:relative;
	margin-bottom:7px;
}
.contents2 .sectionBlock .item .head p {
	position:absolute;
	top-:0;
	left:-47px;
}

.contents2 .sectionBlock .nar {
	border-left:5px solid #CCC;
	padding:6px 5px 6px 15px;
	margin-bottom:15px;
}
.contents2 .sectionBlock .nar p {
	font-weight:bold;
	line-height:1.6em;
	color:#666;
}
.contents2 .sectionBlock .nar.icon {
	border-width:0px;
	padding:10px 5px 9px 50px;
	font-size:116%;
	line-height:1.6em;
	min-height: 22px;
	height: auto !important;
	height: 22px;
}
.contents2 .sectionBlock .nar.par1 {
	background:url(/_/feature/img/201206_01/contents2_nar_icon_01.gif) no-repeat;
}
.contents2 .sectionBlock .nar.par2 {
	background:url(/_/feature/img/201206_01/contents2_nar_icon_02.gif) no-repeat;
}
.contents2 .sectionBlock .nar.par3 {
	background:url(/_/feature/img/201206_01/contents2_nar_icon_03.gif) no-repeat;
}

.contents2 .sectionBlock .nar.withPhoto .phBlock {
	float:right;
	width:340px;
	margin-left:20px;
}
.contents2 .sectionBlock .nar.withPhoto .txBlock {
	float:right;
	width:250px;
}
.contents2 .sectionBlock .nar.withPhoto.w200 .phBlock {
	width:240px;
}
.contents2 .sectionBlock .nar.withPhoto.w200 .txBlock {
	width:350px;
}


.contents2 .sectionBlock .voice {
	background:url(/_/feature/img/201206_01/contents2_voice_bg.gif) ;
	margin-bottom:25px;
	color:#777;
}

.contents2 .sectionBlock .voice .voiceInner {
	padding:20px 25px;
	line-height:1.8em;
}

.voiceInner:after {  content: ".";    display: block;   clear: both;  height: 0;  visibility: hidden;}
.voiceInner {  min-height: 1px;}
* html  .voiceInner {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

.contents2 .sectionBlock .voice.tit .voiceInner {
	background:url(/_/feature/img/201206_01/contents2_voice_title.gif) no-repeat ;
	padding:56px 25px 15px;
}
.contents2 .sectionBlock .voice.tit.dr .voiceInner {
	background:url(/_/feature/img/201206_01/contents2_voice_title_dr.gif) no-repeat ;
}
.contents2 .sectionBlock .voice.tit.dr .phBlock {
	float:left;
	width:200px;
	margin-right:20px;
}
.contents2 .sectionBlock .voice.tit.dr .txBlock {
	float:left;
	width:370px;
	font-size:91%;
	line-height:1.6em;
}






/* xxxxx
------------------------------------------------------------------------------*/




/* salonBlock
------------------------------------------------------------------------------*/
.salonBlock {
	background-color:#FFF;
	margin: 0 10px;
	padding:10px;
}
.salonBlock .leftBlock {
	width:310px;
	float:left;
	margin-right:20px;
}
.salonBlock .rightBlock {
	width:310px;
	float:left;
}

/* cooperation  ------------------------------------*/
.cooperation {
	background:url(/_/feature/img/201204_01/cooperation_bg.gif) repeat-y;
	padding:0 0 0 5px;
	line-height:1.4em;
}
.cooperation .inner {
	padding:5px 10px;
}
.cooperation p.head {
	font-weight:bold;
	color:#666;
	margin-bottom:6px;
}
.cooperation .withPhoto  {
	margin-bottom:5px;
}
.cooperation .withPhoto .phBlock {
	width:50px;
	margin-right:10px;
	float:left;
}
.cooperation .withPhoto .txBlock {
	width:530px;
	float:left;
}

.salonInfo  {
	margin-bottom:5px;
	margin-left:20px;
}
.salonInfo .phBlock {
	width:150px;
	margin-right:20px;
	float:left;
}
.salonInfo .txBlock {
	width:420px;
	float:left;
}
.salonInfo .txBlock p.salonName {
	background-color:#EFEEDE;
	line-height:1.1em;
	padding:5px;
	color:#302E1A;
	border-left:3px #68632E solid;
}
.salonInfo .txBlock p.salonName em {
	padding-left:20px;
	color:#999;
}



/* .contents3
------------------------------------------------------------------------------*/
.contents3 .sectionBlock .inner {
	padding:20px;
}


/* .colItem
 ------------------------------------------------*/
.colItem {
	background-color:pink;
}
.colItem .colmnInner {
	padding-bottom:15px;
}
.colmnInner:after {  content: ".";    display: block;   clear: both;  height: 0;  visibility: hidden;}
.colmnInner {  min-height: 1px;}
* html  .colmnInner {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

/* titleArea ------------------*/
.colItem .titleArea  {
	padding-bottom:2px;
	margin-bottom:12px;
}
.colItem .titleArea .titleInner  {
	padding:15px 15px 5px 65px;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	position:relative;
}
.colItem .titleArea .titleInner.dbl  {
	padding-left:75px;
}
.colItem .titleArea .titleInner.tip  {
	padding-left:95px;
}

.colItem .titleArea .titleInner p.ques em {
	background-color:#DEEFEE;
	padding:2px 0;
	line-height:2em;
	color:#36340f;
	font-size:111%;
}
.mac .colItem .titleArea .titleInner p.ques em {
	font-size:111%;
}
.colItem .titleArea .titleInner p.qNum  {
	position:absolute;
	top:15px;
	left:12px;
}

/* ansArea ------------------*/
.colItem .ansArea  {
}
.colItem .ansArea .ansInner  {
	line-height:1.8em;
	color:#544E35;
}


/* half ------------------*/
.colItem.half  {
	width:316px;
	float:left;
	margin-right:28px;
	margin-bottom:25px;
	background:url(/_/feature/img/201206_01/contents3_col_h_btm.jpg) center bottom no-repeat;
	padding-bottom:16px;
}
.colItem.half.ph  {
	width:316px;
	background-image:none;
	padding-bottom:0;
}
.colItem.half.right  {
	margin-right:0;
}
.colItem.half .colmnInner  {
	background:url(/_/feature/img/201206_01/contents3_col_h_bg.jpg) no-repeat;
}
.colItem.half .titleArea  {
	background:url(/_/feature/img/201206_01/contents3_col_h_tit_line.png) center bottom no-repeat;
}
.colItem.half .titleArea .titleInner  {
	background:url(/_/feature/img/201206_01/contents3_col_h_tit_bg.jpg) no-repeat;
}

.colItem.half .ansArea  {
	background:url(/_/feature/img/201206_01/contents3_col_h_ans_frame_02.gif) center bottom no-repeat;
	margin:0 18px;
}
.colItem.half .ansArea .ansInner  {
	background:url(/_/feature/img/201206_01/contents3_col_h_ans_frame_01.gif) center top no-repeat;
	padding:13px;
}

/* full ------------------*/
.colItem.full  {
	background:url(/_/feature/img/201206_01/contents3_col_f_btm.jpg) center bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:25px;
}
.colItem.full .colmnInner {
	background:url(/_/feature/img/201206_01/contents3_col_f_bg.jpg) no-repeat;
}
.colItem.full .titleArea  {
	background:url(/_/feature/img/201206_01/contents3_col_f_tit_line.png) center bottom no-repeat;
}
.colItem.full .titleArea .titleInner  {
	background:url(/_/feature/img/201206_01/contents3_col_f_tit_bg.jpg) no-repeat;
}
.colItem.full .ansArea  {
	background:url(/_/feature/img/201206_01/contents3_col_f_ans_frame_02.gif) center bottom no-repeat;
	margin:0 22px;
}
.colItem.full .ansArea .ansInner  {
	background:url(/_/feature/img/201206_01/contents3_col_f_ans_frame_01.gif) center top no-repeat;
	padding:15px;
}
.ansInner:after {  content: ".";    display: block;   clear: both;  height: 0;  visibility: hidden;}
.ansInner {  min-height: 1px;}
* html  .ansInner {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

.colItem.full.withPhoto .ansArea .ansInner .phBlock  {
	width:200px;
	float:left;
}
.colItem.full.withPhoto .ansArea .ansInner .txBlock  {
	width:360px;
	float:left;
}


/*profArea
----------------------------------------- */
.profArea {
	border:#C9C286 solid 4px;
	margin:0 5px 30px;
	padding:12px;
	background-color:#FFF;
}
.profArea .phBlock {
	width:160px;
	float:left;
	margin-right:20px;
}
.profArea .txBlock {
	width:495px;
	float:left;
	color:#666;
}
.profArea .txBlock p.name {
	margin-bottom:7px;
	background-color:#96906C;
	color:#FFF;
	line-height:1.1em;
	padding:3px 3px 3px 6px;
}
.profArea .txBlock p.name em {
	font-weight:bold;
	padding-right:5px;
}

/*btmNavi
----------------------------------------- */
.btmNavi {
	margin-left:30px;
	margin-top:25px;
}
.btmNavi li {
	float:left;
}