@charset "UTF-8";
/*
**********************************************************************
* details.css
* site name : BE-WAVE ヘアサロン
* description : 中身ページ指定
* since : 2009/12/10
*********************************************************************
*/

/*
==================================================================
* left共通
==================================================================
*/
	div#left{
		width:651px;
		float:left;
		display:inline;
		color:#e0c5c5;
	}

/*
==================================================================
* おすすめメニュー共通
==================================================================
*/
/* 大タイトル */
	h1.ttl{
		margin:0;
		padding:0;
	}

/* 背景色 */
	div.box_main{
		background-color:#3e0001;
		margin:6px 0 0 0;
		padding:10px 0 18px 0;
	}

/* 中タイトル */
	h2.mttl{
		margin:0 auto 15px;
		padding:0;
	}

/*
==================================================================
* 徹底修復!!ハホニコトリートメント
==================================================================
*/
/* ハホニコベーシックコースLV.1 */
	div.nihohako_step{
		width:606px;
		height:121px;
		margin:0 auto 6px;
		padding:0;
	}

	div.nihohako_step_img{
		width:110px;
		height:121px;
		float:left;
	}

	div.nihohako_step_dtl{
		width:471px;
		height:110px;
		float:right;
	}

	img.nihohako_step_ttl{
		width:471px;
		height:26px;
	}

	strong.treat_name{
		margin:5px 0 0 0;
		padding:0;
		float:left;
		color:#e9977a;
		font-size:100%;
	}

/* ドットライン */
	div.line_dot{
		background: url(../image/treatment/line_dot.gif) repeat-x;
		width:471px;
		height:2px;
		margin:23px 0 12px 0;
		padding:0;
	}

	p.nihohako_txt{
		width:455px;
		margin:0 14px 0 0;
		padding:0 0 0 0;
		line-height: 1.3em;
		text-align:left;
		color:#e0c5c5;
	}

/* その他 */
	div.others{
		width:606px;
		height:99px;
		margin:27px auto 30px;
		padding:0;
		text-align:left;
		background-color:#53090b;
		overflow:hidden;
	}

	div.others p{
		width:500px;
		margin:20px 0 0 19px;
		padding:0;
	}

	ul#others_list{
		width:450px;
		margin:14px 0 0 19px;
		padding:0;
		list-style-type:none;
	}

	ul#others_list li.lv2{
		margin:0 0 2px 45px;
		padding:0 0 0 0;
		list-style-image: url(../image/treatment/lv2.jpg);
	}

	ul#others_list li.lv3{
		margin:0 0 0 45px;
		padding:0;
		list-style-image: url(../image/treatment/lv3.jpg);
	}

	ul#others_list li p{
		margin:0 0 0 0;
		padding:0 0 2px 5px;
	}
	
	html>/**/body ul#others_list li p{	/* FF*/
		margin:0 0 0 0;
		padding:0 0 0 5px;
	}

	img.btn_hahonico{
		margin:0 auto 40px auto;
		padding:0;
	}

/* ボリュームコントロールトリートメント（BCT） */
	div#bct{
		width:606px;
		margin:15px auto 20px;
		padding:0;
		text-align:left;
	}

	div#bct p.bct_txt{
		width:370px;
		margin:0;
		padding:0;
		float:left;
		line-height: 140%;
	}

	div.osusume{
		width:606px;
		height:145px;
		margin:7px auto 0;
		padding:0;
		text-align:left;
		background-image:url("../image/treatment/img_frog.jpg");
	}
	
	div.m3d_osusume{
		width:606px;
		height:145px;
		margin:7px auto 0;
		padding:0;
		text-align:left;
		background-image:url("../image/m3d/img_frog.jpg");
	}

	img.ttl_osusume{
		width:213px;
		height:24px;
		margin:0 395px 0 0;
		padding:0 0 0 0;
	}

	img.ttl_merit{
		width:300px;
		height:24px;
		margin:0 308px 0 0;
		padding:0 0 0 0;
	}

	div.osusume p{
		width:400px;
		margin:0;
		padding:12px 0 0 50px;
		line-height: 195%;
		text-align:left;
	}

	div.m3d_osusume p{
		width:400px;
		margin:0;
		padding:12px 0 0 50px;
		line-height: 195%;
		text-align:left;
	}

	img.img_hair{
		width:421px;
		height:289px;
		margin:19px 185px 0 0;
		padding:0;
	}
	
	img.m3d_img_hair{
		width:606px;
		height:289px;
		margin:19px 0 0 0;
		padding:0;
	}

	div.to_hahonico{
		clear:both;
		text-align:right;
		margin:20px 20px 0 0;
		padding:0 15px 0 0;
		font-size:90%;
		background:url("../image/bct/ico_arrow.gif") no-repeat right 0;
	}


/*
==================================================================
* メニュー・料金表
==================================================================
*/

	p.txt_menu{
		text-align:left;
		margin:20px 25px 25px 25px;
		padding:10px 10px 10px 20px;
		line-height:1.4em;
		border:1px solid #f28679;
		background-color:#a8240f;
		font-size:1.2em;
		font-weight:bold;
	}

	table.table_menu{
		width:606px;
		margin:0 auto 23px;
		padding:0;
		text-align:left;
		_font-size:100%;		/* IE6 */
		_color:#e0c5c5;			/* IE6 */
		border-collapse:collapse;
	}

	table.table_menu2{
		width:606px;
		margin:0 auto;
		padding:0;
		text-align:left;
		_font-size:100%;		/* IE6 */
		_color:#e0c5c5;			/* IE6 */
		border-collapse:collapse;
	}

	table.table_menu_hahonico{
		width:606px;
		margin:0 auto 0;
		padding:0;
		text-align:left;
		_font-size:100%;		/* IE6 */
		_color:#e0c5c5;			/* IE6 */
		border-collapse:collapse;
	}

	table.table_menu td.menu_explain,
	table.table_menu_hahonico td.menu_explain{
		padding:10px 0 0 0;
		color:#d99f9f;
		font-size:80%;
		text-align:right;
	}

	table.table_menu th.left{
		margin:0;
		padding:0 0 10px 0;
		background-color:#3e0001;
		color:#d99f9f;
		font-size:100%;
		text-align:left;
		text-indent:1.1em;
		border-bottom:1px solid #8d3839;
	}
	table.table_menu th.price{
		margin:0;
		padding:0 0 10px 0;
		background-color:#3e0001;
		color:#d99f9f;
		font-size:100%;
		border-bottom:1px solid #8d3839;
		text-align:center;
	}

/* 料金表(Hair) */
	table.table_menu td.arrow1,
	table.table_menu_hahonico td.arrow1{
	width:410px;
	margin:0;
	padding:5px 0 5px 13px;
	float:left;
	background-image: url(../image/menu/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	}

	table.table_menu td.charge1,
	table.table_menu_hahonico td.charge1{
		width:80px;
		padding:5px 13px 5px 0;
		text-align:right;
	}

	table.table_menu td.off1,
	table.table_menu_hahonico td.off1{
		width:85px;
		_width:70px;			/* IE6 */
		padding:5px 5px 5px 0;
		text-align:right;
		color:#f68862;
		background-color:#7a1617;
	}

	table.table_menu td.offset{
		width:85px;
		_width:70px;			/* IE6 */
		padding:5px 5px 5px 0;
		text-align:right;
		color:#f68862;
	}

	table.table_menu td.explain,
	table.table_menu_hahonico td.explain{
		padding:3px 0 0 13px;
		color:#d99f9f;
		font-size:80%;
		float:left;
		text-align:left;
	}

	html>/**/body table.table_menu td.explain,
	html>/**/body table.table_menu_hahonico td.explain{		/* FF*/
		padding:2px 0 0 13px;
	}


/* 料金表タイトル(10%OFF部分) */
	/* M3Dコース */
	div.m3d_discount{
	padding-bottom: 22px;
	}
	
	html>/**/body div.m3d_discount{		/* FF*/
	padding-left: 22px;
	}

	.table_m3d_discount{
	width: 606px;
	font-size: 100%;
	font-weight: bold;
	color: #d99f9f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8d3839;
}

	.m3d_left{
	width: 442px;
	text-align: left;
	padding-left: 10px;
}

	.m3d_center{
	width: 79px;
	text-indent:1.1em;
	text-align: center;
	padding-left: 10px;
}

	.m3d_right{
	width: 85px;
	text-align: center;
	padding-left: 10px;
}

	i.small {
	font-size: 75%;
	font-style: normal;
}

	p.m3d_info {
	text-align: right;
	padding-right: 25px;
}

/* 料金表タイトル(20%OFF部分) */
	/* ハホニココース */
	div.hahonico_discount{
	padding-bottom: 23px;
	}

	html>/**/body div.hahonico_discount{		/* FF*/
	padding-left: 22px;
	}
	
	.table_hahonico_discount{
	width: 606px;
	font-size: 100%;
	font-weight: bold;
	color: #d99f9f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8d3839;
}

	.hahonico_left{
	width: 442px;
	text-align: left;
	padding-left: 10px;
}

	.hahonico_center{
	width: 79px;
	text-indent:1.1em;
	text-align: center;
	padding-left: 10px;
}

	.hahonico_right{
	width: 85px;
	text-align: center;
	padding-left: 10px;
}

/* 料金表(コースメニュー) */
	/* ハホニココース */
		div.hahonico_box{
			background-color:#53090b;
			margin:0 18px 10px 18px;
			padding:10px 0;
			border:2px solid #7a1619;
		}
		table.table_menu_hahonico td.arrow_h{
	width:410px;
	margin:0;
	padding:5px 0 5px 13px;
	float:left;
	background-image: url(../image/menu/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 7px;
		}

		table.table_menu_hahonico td.charge_h{
			width:80px;
			padding:0 13px 0 0;
			text-align:right;
		}

		table.table_menu_hahonico td.off_h{
			width:85px;
			_width:70px;			/* IE6 */
			padding:5px 5px 5px 0;
			text-align:right;
			color:#f68862;
			background-color:#7a1617;
		}

	table.table_menu td.arrow2,
	table.table_menu_hahonico td.arrow2{
	width:410px;
	float:left;
	background-image: url(../image/menu/arrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 13px;
	height: 15px;
	}

	table.table_menu td.charge2,
	table.table_menu_hahonico td.charge2{
	width:80px;
	padding:3px 13px 0 0;
	text-align:right;
	}

	table.table_menu td.off2,
	table.table_menu_hahonico td.off2{
		width:85px;
		_width:70px;			/* IE6 */
		padding:5px 5px 5px 0;
		text-align:right;
		color:#f68862;
		background-color:#7a1617;
	}

	table.table_menu td.course,
	table.table_menu_hahonico td.course{
	width:410px;
	margin:0;
	padding:5px 0 0 13px;
	float:left;
	}

/* オプション インフォメーション タイトル */
	strong.ttl_other{
		margin:18px 0 0 100px;
		padding:0;
		float:left;
		color:#e9977a;
		font-size:100%;
	}

/* オプション */
	div.option{
		width:606px;
		height:80px;
		margin:0 auto 0;
		padding:0;
		border:solid 1px #c19292;
	}

	div.option p{
		margin:40px auto 0;
		padding:0;
	}

/* インフォメーション */
	div.information{
		width:606px;
		height:100px;
		margin:27px auto 30px;
		padding:0;
		text-align:left;
		background-color:#53090b;
		overflow:hidden;
	}

	ul#information_list{
		margin:35px auto 0;
		_margin:35px 0 0 112px;		/* IE6 */
		padding:0 0 0 0;
		list-style-type:none;
		line-height:130%;
	}

	ul#information_list li{
		width:380px;
		margin: 0 auto 0;
		padding:0;
	}

/* ジェルネイル(ボタン) */
	img.btn_nail_menu{
		width:242px;
		height:66px;
		margin:20px auto 0;
		padding:0;
	}

/*
==================================================================
* ヘアセット･ヘアスタイル
==================================================================
*/

	div.hair_style1{
		margin: 37px auto 10px;
		padding:0;
	}

	div.hair_style2{
		margin: 37px auto 20px;
		padding:0;
	}

	ul.hair_style_bg1{
		margin:20px 25px 25px;
		padding:10px 10px 10px 20px;
		text-align:left;
		border:1px solid #f28679;
		background-color:#a8240f;
		list-style-type:none;
	}

	ul.hair_style_bg1 li{
		text-align:left;
		padding:5px 0 5px 20px;
		background:url("../image/hairset/ico_hisigata.gif") 0 2px no-repeat;
	}

	div.hair_style_bg2{
		width:606px;
		height:188px;
		margin:0 auto 20px auto;
		text-align:center;
		background:url("../image/hairset/bg_flog_option.gif") 0 0 no-repeat;
		position:relative;
	}

	div.hair_style_bg2 p{
		width:300px;
		height:100px;
		position:absolute;
		top:50px;
		left:203px;
		text-align:left;
		line-height:215%;
	}

	html>/**/body div.hair_style_bg2 p{	/* FF*/
		position:absolute;
		top:37px;
		left:203px;
	}

/* オプション */
	table.table_menu th{
		margin:0;
		padding:10px 0;
		color:#e9977a;
	}

/*
==================================================================
* 編みこみエクステ
==================================================================
*/
	img.img_exte1{
		width:484px;
		height:329px;
		margin:19px auto;
		padding:0;
	}

	div.txt_exte{
		width:606px;
		height:145px;
		margin:7px auto 0;
		padding:0;
		text-align:left;
		background-image:url("../image/exte/img_frog.jpg");
	}

	div.txt_exte p{
		width:400px;
		margin:0;
		padding:12px 0 0 50px;
		line-height: 260%;
		text-align:left;
	}

	img.img_exte2{
		width:606px;
		height:206px;
		margin:20px auto 0;
		padding:0;
	}

/*
==================================================================
* 初めての方へ
==================================================================
*/
	p.txt_new{
		width:606px;
		margin:10px auto 0;
		padding:0;
		text-align:left;
		line-height:150%;
	}

	p.txt_new strong{
		font-size:120%;
	}

	img.img_service{
	width:606px;
	margin:19px auto;
	padding:0;
	}

	img.img_tel_num{
		width:606px;
		height:142px;
		margin:0 auto;
		padding:0;
	}

/* ジェルネイル(ボタン) */
	div.to_nail{
	margin:0 25px 25px 25px;
	padding:0;
	text-align:right;
	}

	div.to_nail p.txt_mark{
	background:url("../image/new/ico_mark.gif") no-repeat 0 0;
	padding:3px 0 5px 18px;
	margin:0 0 5px 0;
	text-align: left;
	}

	div.to_nail p.btn_txt_n{
		width:330px;
		float:left;
		margin:0 0 0 20px;
		font-weight:bold;
	}


/*
==================================================================
* おすすめメニュー
==================================================================
*/
	/* ニホハコトリートメント
	------------------------------------------------------------*/
	div.banner_hahonico{
		width:606px;
		height:105px;
		background:url("../image/recommend/banner_hahonico.jpg") no-repeat;
		margin:30px auto 0;
		padding:0;
	}

	div.banner_hahonico a{
		height:105px;
		margin:0 auto;
		display:block;
	}

	/* ニホハコトリートメント マウスオーバー
	------------------------------------------------------------*/
	div.banner_hahonico a:hover {
		background:url("../image/recommend/banner_hahonico.jpg") 0 -105px no-repeat;
	}

	/* 編みこみエクステ
	------------------------------------------------------------*/
	div.banner_exte{
		width:606px;
		height:105px;
		background:url("../image/recommend/banner_exte.jpg") no-repeat;
		margin:30px auto 0;
		padding:0;
	}

	div.banner_exte a{
		height:105px;
		margin:0 auto;
		display:block;
	}

	/* 編みこみエクステ マウスオーバー
	------------------------------------------------------------*/
	div.banner_exte a:hover {
		background:url("../image/recommend/banner_exte.jpg") 0 -105px no-repeat;
	}

	/* ヘアセット ヘアギャラリー
	------------------------------------------------------------*/
	div.banner_hair{
		width:606px;
		height:105px;
		background:url("../image/recommend/banner_m3d.jpg") no-repeat;
		margin:30px auto;
		padding:0;
	}

	div.banner_hair a{
		height:105px;
		margin:0 auto;
		display:block;
	}

	/* ヘアセット ヘアギャラリー マウスオーバー
	------------------------------------------------------------*/
	div.banner_hair a:hover {
		background:url("../image/recommend/banner_m3d.jpg") 0 -105px no-repeat;
	}

/*
==================================================================
* BCTの効果について
==================================================================
*/

	img.about_hair{
		width:606px;
		height:269px;
		margin:0 auto 20px;
		padding:0;
	}

	img.order_hair{
		width:606px;
		height:107px;
		margin:0 auto 10px;
		padding:0;
	}

	img.treatment_hair{
		width:606px;
		height:460px;
		margin:15px auto 0;
		padding:0;
	}

/*
==================================================================
* おすすめメニュー右ナビ_共通
==================================================================
*/

	ul#r_pickup_navi{
	background:url("../image/treatment/r_pickup.jpg") no-repeat;
	width:249px;
	height:120px;
	text-align:center;
	margin:0 0 10px 0;
	padding:0;
	}

	ul#r_pickup_navi li{
		height:62px;
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}

	ul#r_pickup_navi li span{
		display:none;
	}

	ul#r_pickup_navi a{
		display:block;
		height:62px;
	}

	#r_pickup01 a:hover {
		background:url("../image/treatment/r_pickup.jpg") 0px -186px no-repeat;
	}
	#r_pickup02 a:hover {
		background:url("../image/treatment/r_pickup.jpg") 0px -248px no-repeat;
	}
 
	#r_pickup03 a:hover {
		background:url("../image/treatment/r_pickup.jpg") 0px -310px no-repeat;
	}

	/* 店内キャンペーン
	------------------------------------------------------------*/
	div#campaign_o{
		width:250px;
		height:161px;
		margin:5px 0;
		padding:0;
		background-color:#3e0000;
	}

	div.btn_coupon_o,#chg_btn_on{
		width:238px;
		height:88px;
		background-image:url("../image/btn_coupon.jpg");
		margin:5px auto 0;
	}

	div.btn_coupon_o a{
		height:88px;
		margin:0;
		display:block;
	}

	/* 店内キャンペーン マウスオーバー
	------------------------------------------------------------*/
	div.btn_coupon_o a:hover {
		background:url("../image/btn_coupon.jpg") 0 -88px no-repeat;
	}

/*
==================================================================
* 店内キャンペーン
==================================================================
*/

	div.campaign{
		width:606px;
		height:188px;
		margin:0 auto;
		text-align:center;
		background:url("../image/campaign/bg_flog.gif") 0 0 no-repeat;
	}

	div.campaign p.txt{
		width:440px;
		text-align:left;
		margin:20px 0 0 80px;
		line-height:120%;
	}

	html>/**/body div.campaign p.txt{
		width:440px;
		text-align:left;
		padding:25px 0 0 60px;
		line-height:120%;
	}

	div.campaign p.btn{
		width:440px;
		margin:25px 0 0 80px;
	}

	p.campaign_img{
		border:solid 1px #712d2f;
		margin:20px auto;
		padding:20px 20px 0 20px;
		width:550px;
	}

	p.campaign_img img{
		margin:0 0 20px 0;
	}

/*
==================================================================
* スタイリスト
==================================================================
*/
	div.stylist{
		text-align:left;
		width:620px;
		margin:20px 0 20px 0;
	}

	div.stylist img{
		margin:0 15px;
	}

	p.stylist_img{
		width:308px;
		float:left;
		border:solid 1px #CCC;
		margin:0 0 0 5px;
	}

	table.stylist{
		float:left;
		font-size:12px;
		text-align:left;
		margin:0 0 0 10px;
		width:320px;
		letter-spacing:2px;
		line-height:140%;
	}

	table.stylist th{
		vertical-align:top;
		font-weight:normal;
		width:35%;
		padding:5px 5px 5px 10px;
	}

	table.stylist td{
		width:65%;
		padding:5px 5px 5px 10px;
	}

	table.stylist .gray{
		background-color:#EFEFEF;
	}

/*
==================================================================
* スタイル写真集
==================================================================
*/

	div.design {
		width:650px;
		overflow:hidden;
		margin:10px 0;
	}

	div.design_last{
		width:650px;
		overflow:hidden;
		margin:10px 0 30px 0;
	}

	div.gallery{
		padding: 5px;
		overflow:hidden;
		margin:0 0 0 5px;
		float:left;
		width:305px;
		text-align:left;
	}

	div.gallery2{
		padding: 5px;
		overflow:hidden;
		margin:0 0 0 5px;
		text-align:left;
	}

	div.gallery h3,
	div.gallery2 h3{
		margin:0 0 0 12px;
		padding:0;
	}

	.gallery ul,
	.gallery2 ul{
		list-style: none;
		margin:10px 0 0 12px;
		padding:0;
	}

	.gallery ul li,
	.gallery2 ul li{
		display: inline;
		margin:0 5px 0 0;
		padding:0;
	}

	.gallery ul img,
	.gallery2 ul img{
		border: 1px solid #190000;
	}

	.gallery ul a:hover img,
	.gallery2 ul a:hover img{
		border: 1px solid #b6430f;
		color: #fff;
	}

	.gallery ul a:hover,
	.gallery2 ul a:hover{
		color: #fff;
	}

/*
==================================================================
* M3D
==================================================================
*/

	img.btn_m3d{
		margin:40px auto 40px auto;
		padding:0;
	}