@charset "Shift-JIS";


/*----------------------------*/
/*        float clear         */
/*----------------------------*/

.clearfix ,#g-navi ,#symptom-wrap ,.sym-text-box ,#recommend ,.about-maguma ,.plan-box ,#salon-box ul ,#salon-place ,.type-icon {
  zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after ,#g-navi:after ,#symptom-wrap:after ,.sym-text-box:after ,#recommend:after ,.about-maguma:after ,.plan-box:after ,#salon-box ul:after ,#salon-place:after ,.type-icon:after { /* for modern browser */
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

/*----------------------------*/
/*        	g navi	         */
/*----------------------------*/
ul#g-navi {
	width:800px;
	height:50px;
	margin:0;
	padding:0;
}

#g-navi li {
	display:inline;
	line-height:0;
}

#g-navi a ,#g-navi a:link {
	height:50px;
	background-position:0 0;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
	
#g-navi a:hover {
	background-position:0 -50px;
}
#g-navi01, #g-navi02, #g-navi03, #g-navi04 {
	float:left;
	width:194px;
	padding:0;
}
#g-navi01 {
	margin:8px 8px 0 0;
	background:url(../img/g_navi_01.gif) no-repeat left;
}
#g-navi02 {
	margin:8px 8px 0 0;
	background:url(../img/g_navi_02.gif) no-repeat left;
}
#g-navi03 {
	margin:8px 8px 0 0;
	background:url(../img/g_navi_03.gif) no-repeat left;
}
#g-navi04 {
	margin:8px 0 0 0;
	background:url(../img/g_navi_04.gif) no-repeat left;
}


/*----------------------------*/
/*        	about	         */
/*----------------------------*/

a.btn-a-check ,a.btn-a-coupon {
	display:block;
	margin:10px auto;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	width:350px;
	height:40px;
}

a.btn-a-check:hover ,a.btn-a-coupon:hover {
	background-position:0 -40px;
}

a.btn-a-check {
	background:url(../about/img/btn_typecheck.gif) no-repeat 0 0;
}

a.btn-a-coupon{
	background:url(../about/img/btn_coupon.gif) no-repeat 0 0;
}


#symptom-wrap {
	width:610px;
	margin:10px 0;
}

#symptom-wrap .symptom-box {
	width:300px;
	background-color:#fde8c6;
}

#symptom-wrap .symptom-box h3 {
	font-size:12px;
	margin-bottom:5px;
	margin-left:10px;
}

#symptom-wrap .symptom-box img {
	vertical-align:bottom;
}

#symptom-wrap dl.sym-text-box {
	width:280px;
	margin:0 10px;
	padding:10px 0;
	background-color:#FFFFFF;
}
	
#symptom-wrap dl.sym-text-box dt {
	display:inline;
	float:left;
	width:180px;
	margin:0 0 5px 40px;
	padding:0;
}
#symptom-wrap dl.sym-text-box dd {
	display:inline;
	float:right;
	width:30px;
	margin:0 30px 5px 0;
	padding:0;
}

#recommend {
	width:800px;
}

#recommend .left-item {
	width:180px;
	margin-right:10px;
}

#recommend .right-item {
	margin-bottom:10px;
	width:610px;
}

.about-maguma {
	width:800px;
	margin-bottom:10px;
}


.about-maguma .right-item {
	width:590px;
}

/*----------------------------*/
/*        	type	         */
/*----------------------------*/
#type-check {
	width:500px;
	background:url(../type/img/check_bg.gif) repeat-y;
	text-align:center;
}

#type-check ul {
	width:300px;
	margin:0 100px;
	text-align:left;
}

#type-check ul li {
	background:url(../type/img/check_mark.gif) no-repeat left;
	padding-top:1px;
	padding-left:30px;
	margin-bottom:10px;
	vertical-align:middle;
}

.plan-box {
	width:800px;
	margin-bottom:10px;
	background-color:#fff2de;
}

.plan-boxh3 {
	margin:0 0 5px 0;
}

.plan-box .left10 {
	width:480px;
	margin:0;
	padding:5px 10px 0 10px;
}

.plan-box .left10 .left-i25 {
	padding-left:25px;
}
#cold-main .left-i25 p.t-indent {
	padding-left:18px;
}
.plan-box span {
	color:#FF6633;
}

.plan-box ul.right-box {
	float:right;
	width:300px;
	text-align:center;
	margin:0;
	padding:0;
}

.plan-box ul.right-box li {
	width:300px;
	margin:0;
	padding:0;
	line-height:0;
}

.plan-box ul.right-box img {
	vertical-align:bottom;
}

.plan-box .p-spa-bg {
	background:url(../type/img/spa/i_bg.gif) repeat-y;
}

.plan-box .p-body-bg {
	background:url(../type/img/body/i_bg.gif) repeat-y;
}

.plan-box .p-beauty-bg {
	background:url(../type/img/beauty/i_bg.gif) repeat-y;
}

/*----------------------------*/
/*        	salon	         */
/*----------------------------*/

#salon-place {
	width:800px;
}

#salon-place li {
	display:inline;
	float:left;
	padding:0 5px 20px 5px;
}

#salon-box {
	width:800px;
	padding:5px 0;
}

#salon-box h3 {
	margin:0;
}

#salon-box ul {
	width:800px;
	margin-bottom:10px;
	padding-bottom:15px;
	background:url(../img/line_x.gif) repeat-x bottom;
}

#salon-box ul.ul-end {
	margin-bottom:0;
}

#salon-box ul li {
	display:inline;
	float:left;
	width:187px;
	margin-right:17px;
}

#salon-box ul li.li-end {
	margin-right:0;
}

#salon-box ul li.btm-sp {
	margin-bottom:13px;
}

#salon-box ul li ul {
	width:187px;
	margin:0;
	padding:0;
}

#salon-box ul li ul img {
	vertical-align:bottom;
}

#salon-box ul li ul li {
	display:block;
	float:none;
	margin:0;
	padding:5px 0 0 0;
	font-size:10px;
}

#salon-box ul li ul.top-ma {
	margin-top:27px;
}

#salon-box ul li ul li a {
	font-size:12px;
}

#salon-box ul li ul.type-icon {
	padding-bottom:0;
	background:none;
}

#salon-box ul li ul.type-icon li {
	display:inline;
	float:left;
	width:auto;
}
	
a.btn-s-detail ,a.btn-s-coupon {
	display:block;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	width:187px;
	height:25px;
}

a.btn-s-detail:hover ,a.btn-s-coupon:hover {
	background-position:0 -25px;
}

a.btn-s-detail {
	background:url(../salon/img/btn_detail.gif) no-repeat 0 0;
}
a.btn-s-coupon {
	background:url(../salon/img/btn_coupon.gif) no-repeat 0 0;
}