/* xxx
------------------------------------------------------------------------------*/
#MainContents {
	background:url(/_/feature/img/201205_01/main_bg.gif);
	padding-bottom:40px;
	line-height:1.7em;
	position:relative;
}
.mainBg {
	background:url(/_/feature/img/201205_01/header_bg.gif) no-repeat;
}
.headerImg {
	position:absolute;
	top:10px;
	left:380px;
}
.headerSNS {
	padding:330px 380px 5px 30px;
	line-height:1.1em;
}
* html .headerSNS {
	width:250px;
}
.headerSNS .snsBlock {
	border:3px solid #EBE4C7;
	background-color:#FFF;
	padding:8px 15px 5px;
}
.headerSNS .snsBlock li {
	margin-right:0;
}
 
.snsBlock li.gpone {
	margin-right:25px;
}


/* contentsNavi
------------------------------------------------------------------------------*/
.contentsNavi {
	padding-top:55px;
	background:url(/_/feature/img/201205_01/navi_bg.png) no-repeat left 55px;
	height:228px;
	position:relative;
	margin-bottom:20px;
}
.contentsNavi .btn li {
	position:absolute;
}
.contentsNavi .btn li.navi01 {
	top:78px;
	left:15px;
}
.contentsNavi .btn li.navi02 {
	top:112px;
	left:262px;
}
.contentsNavi .btn li.navi03 {
	top:106px;
	left:503px;
}
.contentsNavi .pin li {
	position:absolute;
}
.contentsNavi .pin li.pin01 {
	top:50px;
	left:125px;
}
.contentsNavi .pin li.pin02 {
	top:70px;
	left:352px;
}
.contentsNavi .pin li.pin03 {
	top:70px;
	left:598px;
}

/* contentsArea
------------------------------------------------------------------------------*/
.contentsArea {
	margin:0 30px;
	font-size:12px;
	line-height:30px;
}
.contentsArea .frame01 {	background:url(/_/feature/img/201205_01/frame_01.png) top no-repeat; padding-top:30px;	}
.contentsArea .frame02 {	background:url(/_/feature/img/201205_01/frame_03.png) bottom no-repeat; padding-bottom:30px;	}
.contentsArea .frame03 {	background:url(/_/feature/img/201205_01/frame_02.png) repeat-y;	padding:0 30px 10px;}

.imgWidth260 .imgBlock {
	width:260px;
	float:left
}
.imgWidth260 .txBlock {
	width:350px;
	float:left
}
.contents1 p.head {
	margin-bottom:18px;
}

.contents1 .cmt1Frame1 {	background:url(/_/feature/img/201205_01/cont1_cmt1_frame_02.gif) top repeat-y; margin-bottom:20px;}
.contents1 .cmt1Frame2 {	background:url(/_/feature/img/201205_01/cont1_cmt1_frame_03.gif) bottom no-repeat;	}
.contents1 .cmt1Frame3 {	background:url(/_/feature/img/201205_01/cont1_cmt1_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents1 .cmt1Frame4 {	background:url(/_/feature/img/201205_01/cont1_cmt1_frame_line.png) repeat-y; padding:0 30px 26px;}

.contents1 .cmt2Frame1 {	background:url(/_/feature/img/201205_01/cont1_cmt2_frame_02.gif) top repeat-y; margin-bottom:30px;}
.contents1 .cmt2Frame2 {	background:url(/_/feature/img/201205_01/cont1_cmt2_frame_03.gif) bottom no-repeat;	}
.contents1 .cmt2Frame3 {	background:url(/_/feature/img/201205_01/cont1_cmt2_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents1 .cmt2Frame4 {	background:url(/_/feature/img/201205_01/cont1_cmt2_frame_line.png) repeat-y; padding:0 34px 26px;}

.contents1 p.first {
	text-indent:3.5em;
}
.narration {
	margin:0 15px 20px;
	background:url(/_/feature/img/201205_01/cont_narration_icon.gif) left top no-repeat;
	padding-left:35px;
	line-height:24px;
	padding-top:4px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
}


.contents2 p.head {
	margin-bottom:5px;
}
.contents2 .cmt1Frame1 {	background:url(/_/feature/img/201205_01/cont2_cmt1_frame_02.gif) top repeat-y; margin-bottom:15px;}
.contents2 .cmt1Frame2 {	background:url(/_/feature/img/201205_01/cont2_cmt1_frame_03.gif) bottom no-repeat;	}
.contents2 .cmt1Frame3 {	background:url(/_/feature/img/201205_01/cont2_cmt1_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents2 .cmt1Frame4 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_line.png) repeat-y; padding:0 30px 26px;}

.contents2 .cmt2Frame1 {	background:url(/_/feature/img/201205_01/cont2_cmt2_frame_02.gif) top repeat-y; margin-bottom:20px;}
.contents2 .cmt2Frame2 {	background:url(/_/feature/img/201205_01/cont2_cmt2_frame_03.gif) bottom no-repeat;	}
.contents2 .cmt2Frame3 {	background:url(/_/feature/img/201205_01/cont2_cmt2_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents2 .cmt2Frame4 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_line.png) repeat-y; padding:0 34px 26px;}


.contents2 .item {
	background:url(/_/feature/img/201205_01/cont2_line.gif) center bottom no-repeat;
	padding-bottom:40px;
	margin-bottom:30px;
}
.contents2 .item.app5 {
	background-image:none;
	padding-bottom:0;
	margin-bottom:0;
}

.appInfo {
	height:46px;
	padding:0 15px 15px;
	background-repeat:no-repeat;
	background-position:15px top;
	position:relative;
}
.app1 .appInfo {	background-image:url(/_/feature/img/201205_01/cont2_01_app.gif);	}
.app2 .appInfo {	background-image:url(/_/feature/img/201205_01/cont2_02_app.gif);	}
.app3 .appInfo {	background-image:url(/_/feature/img/201205_01/cont2_03_app.gif);	}
.app4 .appInfo {	background-image:url(/_/feature/img/201205_01/cont2_04_app.gif);	}
.app5 .appInfo {	background-image:url(/_/feature/img/201205_01/cont2_05_app.gif);	}

.appInfo ul.btn {
	position:absolute;
	top:2px;
	right:5px;
}
.appInfo ul.btn li {
	float:left;
	margin-right:10px;
}



.contents3 p.head {
	margin-bottom:5px;
}
.contents3 .cmt1Frame1 {	background:url(/_/feature/img/201205_01/cont3_cmt1_frame_02.gif) top repeat-y; margin-bottom:15px;}
.contents3 .cmt1Frame2 {	background:url(/_/feature/img/201205_01/cont3_cmt1_frame_03.gif) bottom no-repeat;	}
.contents3 .cmt1Frame3 {	background:url(/_/feature/img/201205_01/cont3_cmt1_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents3 .cmt1Frame4 {	background:url(/_/feature/img/201205_01/cont3_cmt1_frame_line.png) repeat-y; padding:0 30px 26px;}

.contents3 .cmt2Frame1 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_02.gif) top repeat-y; margin-bottom:20px;}
.contents3 .cmt2Frame2 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_03.gif) bottom no-repeat;	}
.contents3 .cmt2Frame3 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_01.gif) top no-repeat; padding-top:22px;	}
.contents3 .cmt2Frame4 {	background:url(/_/feature/img/201205_01/cont3_cmt2_frame_line.png) repeat-y; padding:0 34px 26px;}

.contents3 .item {
	background:url(/_/feature/img/201205_01/cont3_line.gif) center bottom no-repeat;
	padding-bottom:40px;
	margin-bottom:30px;
}
.contents3 .item.last {
	background-image:none;
	padding-bottom:0;
	margin-bottom:0;
}

.contents3 p.poins {
	margin-top:30px;
	padding-top:10px;
	margin-bottom:10px;
}
.contents3 p.point.top {
	margin-top:0;
}
.contents3 p.nar {
	color:#605D36;
	font-weight:bold;
	margin-bottom:10px;
	line-height:20px
}
.contents3 p.nar.l2 {
	line-height:30px
}
.contents3 p.nar em {
	padding-right:7px;
}
.contents3 p.nar em img {
	vertical-align: middle;
}





/* cooperation  ------------------------------------*/
.cooperation {
	background:url(/_/feature/img/201204_01/cooperation_bg.gif) repeat-y;
	padding:0 0 0 5px;
	margin:30px 10px 0;
	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;
}


/* btmNavi  ------------------------------------*/
.btmNavi {
	margin-top:20px;
	margin-left:35px;
}
.btmNavi li {
	float:left;
	text-indent:-999em;
}
.btmNavi li a {
	background-repeat:no-repeat;
	display:block;
	width:230px;
	height:120px;
}
.btmNavi li.navi01 a {	background-image:url(/_/feature/img/201205_01/btmnavi_01.png);	}
.btmNavi li.navi02 a {	background-image:url(/_/feature/img/201205_01/btmnavi_02.png);	}
.btmNavi li.navi03 a {	background-image:url(/_/feature/img/201205_01/btmnavi_03.png);	}

.btmNavi li a:hover, .btmNavi li a:active {
	background-position:0 -120px;
}

.btmNavi ul.btmNavi01 li.navi01 a,
.btmNavi ul.btmNavi02 li.navi02 a,
.btmNavi ul.btmNavi03 li.navi03 a
 {
	background-position:0 -240px;
}