@charset "UTF-8";

/*
Rio-B SHINJUKU Official Site
Oct 2012
version 1.0
Wroted by Shorta Kubo
*/


/****************************************

カラースキーム

*****************************************/

/*プレーンテキスト
#333;
*/

/*背景
#f9f9f9;
*/

/*リンク（通常）
#f04545;
*/

/*リンク（既訪問）
#dc0518;
*/

/*背景
#f9f9f9;
*/

/*フォントカラー　暗グレー
#555;
*/

/*フォントカラー　グレー
#999;
*/

/*フォントカラー　明グレー
#ccc;
*/

/*フォントカラー　ピンク
#f16455;
*/

/*フォントカラー　濃ピンク
#f04545;
*/

/*フォントカラー　緑
#759d5f;
*/





/****************************************

リセット

*****************************************/

/* --HTML-- */
html {
height:100%;
}

/* --BODY-- */
body {
margin:0;
height:100%;
position:relative;
padding:0;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}
	
	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}

/* --OTHER TAGS-- */
a img, img { 
border:0;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style:normal;
font-weight:normal;
display:inline;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%; 
	}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/* --A-- */
a {
cursor:pointer;
text-decoration:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
text-decoration:underline;
}

/* --FORM-- */
fieldset {
border:1px solid #ccc;
margin-bottom:1em;
padding:0 1em 1em 1em;
}

legend {
background:#fff;
padding:0.3em;
}

input, textarea {
line-height:1.4;
padding:0;
vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

	/* for IE6 */
	* html input {
	padding:0.1em;
	}
	
	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}

	* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	* html select {
	vertical-align:-0.2em;
	}
	
	/* for IE7 */
	*+html input {
	padding:0.1em;
	}
	
	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	*+html select {
	vertical-align:-0.2em;
	}

	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}
	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}
	
	html:first-child select {
	padding:0.2em;
	}

	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:-0.3em;
	}
	
	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) select {
	vertical-align:0.1em;
	}

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
margin:1em 0;
}

/* --LIST-- */
ol, ul {
margin:0;
text-align:justify;
text-justify:inter-ideograph;
}

dl {
margin:1em;
}

ol li, ul li {
list-style:none;
}

list-style:disc outside;
}

dl dd, ol li, ul li {
margin-bottom:0.5em;
}

/* --TABLE-- */
table {
margin-bottom:1em;
}

td, th {
border:1px solid;
padding:3px;
}

th {
font-weight:bold;
text-align:center;
}

/* --OTHER TAGS-- */
abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}

blockquote {
margin:1em;
}

caption {
margin-bottom:0.5em;
text-align:center;
}

p {
text-align:justify;
text-justify:inter-ideograph;
}

/* clearfix */
.clearfix:after {
content:"";
display:block;
clear:both;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}

/****************************************

基本スタイル

*****************************************/

html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body {
	position:relative;
	color:#333;
	background:#f9f9f9 url(../img/bg_con.jpg) repeat;
	}


.page_wrapper {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
	}

.contents {
	padding-bottom:430px;
	}

a {
	color:#f04545;
	}

	a:hover {
		text-decoration:underline;
		}

	a:visited {
		color:#dc0518;
		}



/****************************************

汎用デザイン調整クラス

*****************************************/

/*position制御*/

.pst_rlt {
	position:relative;
	}

.pst_abs {
	position:absolute;
	}

/*overflow制御*/

.ofl_hdn {
	overflow:hidden;
	}

.ofl_vsb {
	overflow:visible;
	}

.ofl_txt {
	text-overflow:ellipsis;
	overflow:hidden;
	}

/*font-color制御*/

.fntclr_dgray {
	color:#555;
	}

.fntclr_gray {
	color:#999;
	}

.fntclr_pink {
	color:#f16455;
	}

.fntclr_green {
	color:#759d5f;
	}

/*text-align制御*/

.talign_r {
	text-align:right;
	}

/*font制御*/

.fnt_ubuntu {
	font-family:Oswald, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-family:'Ubuntu Condensed', sans-serif;
	font-weight:normal;
	}

.fnt_belleza {
	font-family:Georgia, Times, Serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Proa";
	font-family:'Belleza', sans-serif;
	font-weight:normal;
	}

.fnt_sanserif {
	font-family:Arial, Helvetica, sans-serif;
	}

.fnt_serif {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}

.fnt_century {
	font-family:"Century", serif;
	}




/*背景指定*/

.bg_diagonal {
	background:url(../img/ptn_dotted.png) repeat;
	}


/****************************************

レイアウトテンプレート

*****************************************/

/*幅940 左右2カラム（左メインカラム）*/

.layout_col2_left {
	position:relative;
	margin:20px auto 0;
	width:940px;
	}

	.layout_col2_left .column1 {
		margin:0 350px 0 0;
		width:590px;
		}

	.layout_col2_left .column2 {
		position:absolute;
		top:0;
		right:0;
		width:320px;
		}


/*幅940 左右2カラム（左メインカラム、右カラムのコンテンツが多い場合）*/

.layout_col2_left_rc {
	position:relative;
	margin:20px auto 0;
	width:940px;
	}

	.layout_col2_left_rc .column1 {
		margin:0 620px 0 0;
		width:590px;
		}

	.layout_col2_left_rc .column2 {
		position:absolute;
		top:0;
		right:0;
		width:320px;
		}




/*幅940 1カラム（中央寄せ）*/

.layout_col1 {
	position:relative;
	margin:0 auto;
	width:940px;
	}

/*幅940 左右2カラム（右メインカラム）主に各スタイルページ用*/

.layout_col2_right_fl {
	position:relative;
	margin:20px auto 0;
	width:940px;
	}

	.layout_col2_right_fl .column1 {
		margin-top:-50px;
		padding:0 10px;
		float:left;
		top:0;
		left:0;
		width:300px;
		}

	.layout_col2_right_fl .column2 {
		float:right;
		width:610px;
		}


/****************************************

CSS3アニメーション

*****************************************/


.transparent1 * {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.transparent1:hover * {
	opacity:0.6;
}



/****************************************

各パーツデザイン

*****************************************/

/*共通パーツ
***************************/

/*影付き画像共通*/

.shadow_wrapper {
	padding:0 0 12px 0;
	background:url(../img/img_shadow.png) center bottom no-repeat;
	}

.img_wrapper {
	overflow:hidden;
	}

/*赤グラデーションボタン*/

.btnstl_psq,
.btnstl_lpsq {
	padding:2px 8px;
	color:#fff !important;,
	font-size:12px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    /* Old Browsers */
   background:f04545;

   /* IE9, Firefox 1.5-3.5, Safari 3.1-3.2, Opera 8.0-11.0, iOS Safari 3.2-4.0.3 */
   background:url(data:image/svg+xml;base64,...);

   /* Safari 4.0-5.0, Chrome 3-9, iOS Safari 4.0.4-5.0, Android 2.1-3.0 */
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f16455), color-stop(100%, #dc0518));

   background:-webkit-linear-gradient(top, #f16455, #dc0518);       /* Safari 5.1+, Chrome 10+, iOS Safari 5.1+, Android 4.0+ */
   background:-moz-linear-gradient(top, #f16455 0%, #dc0518);       /* Firefox 3.6-15.0 */
   background:      -o-linear-gradient(top, #f16455, #dc0518);       /* Opera 11.10-12.10 */
   background:         linear-gradient(to bottom, #f16455, #dc0518); /* IE10, Firefox 16.0+, Opera 12.50+ */

   /* IE 8+ */
   /* "-ms-filter" should be included first before "filter" in order for the filter to work properly in Compatibility View */
   /* http://msdn.microsoft.com/en-us/library/ms530752%28v=vs.85%29.aspx */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16455', endColorstr='#dc0518', GradientType=0)";

   /* IE 5.5-7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16455', endColorstr='#dc0518', GradientType=0);
}

/* Set filter: none; for IE 9+ */
/* Browsers which support both Media Queries and -ms-filter are only IE 9+ */
@media screen and (min-width:0) {
   .gradient {
     -ms-filter: "";
   }
}


	.btnstl_psq:hover,
	.btnstl_lpsq:hover {
		opacity:0.5;
		text-decoration:none;
		}

/*小*/
.btnstl_psq {
	font-size:12px;
	}

/*大*/

.btnstl_lpsq {
	margin:0 10px 0 0;
	padding:0;
	display:inline-block;
	width:172px;
	height:90px;
	text-align:center;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	}

	.btnstl_lpsq:hover {
		text-decoration:none;
		}



/*赤ラインマットボタン*/

.btnstl_rl {
	border:1px solid #f16455;
	display:block;
	height:38px;
	line-height:38px;
	background:#fff;
	color:#f16455;
	}

	.btnstl_rl:hover {
		background:#eef0ee;
		text-decoration:none;
		}

	.btnstl_rl:active,
	.btnstl_rl:visited	{
		color:#f16455;
		}


/*ボタンレイアウト M アイコン付*/

.btnsize_m_icon {
	position:relative;
	width:278px;
	font-size:16px;
	}

	.btnsize_m_icon p {
		position:absolute;
		top:1px;
		left:18px;
		width:36px;
		height:36px;
		overflow:hidden;
		}

	.btnsize_m_icon span {
		position:absolute;
		top:0;
		left:65px;
		}

/*ボタンレイアウト M 文字のみセンタリング*/

	.btnsize_m_center span {
		display:block;
		text-align:center;
		}

/*ボタンレイアウト M 印刷ボタン*/

		.btndz_print p {
			left:10px;
			width:50px;
			height:36px;
			overflow:hidden;
			font-size:18px;
			}


/*白ベース赤ラインボタン*/

/*ワイド*/

.btnstl_wpsq {
	margin:10px auto 10px;
	border:2px solid #f16455;
	width:740px;
	height:60px;
	position:relative;
	display:block;
	background:#fff;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	}

	.btnstl_wpsq:hover {
		background:#eef0ee;
		text-decoration:none;
		}

	.btnstl_wpsq p {
		position:absolute;
		left:25px;
		line-height:60px;
		font-size:36px;
		}

	.btnstl_wpsq span {
		position:absolute;
		left:240px;
		display:block;
		line-height:60px;
		font-size:14px;
		}


/*共通グリーンタイトルデザイン*/

.index_title {
	position:relative;
	border-bottom:1px solid #759d5f;
	width:100%;
	height:36px;
	}

	.index_title p {
		display:inline;
		line-height:36px;
		font-size:36px;
		}

	.index_title span {
		font-size:14px;
		}


/*コンテンツタイトル部*/

.title_visual,
.title_visual_s {
	margin:0 auto;
	width:940px;
	height:146px;	
	}

.title_visual_s {
	height:95px;	
	}


/*リストラッパー型リンク*/

		.list_wrap li a {
			width:100%;
			height:100%;
			display:block;
			color:#333;
			}

			.list_wrap li a:hover {
				opacity:0.7;
				text-decoration:none;
				}

/*公開予定*/

.under_construction {
	margin:120px;
	text-align:center;
	}




/*ヘッダー
***************************/

/*ヘッダーベース*/

header {
	display:block;
	height:99px;
	z-index:100;
	background:#fcfcfc;
	}

.header_wrapper {
	margin:0 auto;
	position:relative;
	display:block;
	width:940px;
	}

.header_wrapper ul {
	margin:0;
	}

.header_wrapper:after {
	position:absolute;
	display:block;
	top:99px;
	left:0;
	width:940px;
	height:21px;
	content:"";
	background:url(../img/header_shadow.png) center top no-repeat;
	}



/*ロゴ・電話番号表示*/

.logo {
	margin-top:-6px;
	top:0;
	left:0;
	width:195px;
	height:120px;
	z-index:100;
	-webkit-transition: margin 0.2s ease;
	-moz-transition: margin 0.2s ease;
	-o-transition: margin 0.2s ease;
	-ms-transition: margin 0.2s ease;
	transition: margin 0.2s ease;
	}

	.logo:hover {
		margin-top:0;
		}

	.logo a {
		position:absolute;
		left:0;
		top:0;
		display:block;
		width:100%;
		height:100%;
		}

.header_tel {
	top:0px;
	right:0px;
	width:200px;
	}

	.header_tel h1 {
		margin:5px 0;
		top:0;
		left:0;
		color:#aaa;
		font:8px normal;
		line-height:12px;
		}

	.header_tel .tel {
		top:29px;
		right:0px;
		width:200px;
		height:29px;
		}
	
		.header_tel img {
			top:-125px;
			}


/*グローバルナビゲーション*/

.global_nav {
	margin:0 210px 0 210px;
	}

		.global_nav li {
			border:1px solid #ddd;
			border-right:none;
			float:left;
			width:128px;
			height:48px;
			overflow:hidden;
			}

			.global_nav li.second {
				border-top:none;
				}

			.global_nav li.last {
				border-right:1px solid #ddd;
				}

			.global_nav li a {
				margin:0;
				display:block;
				width:100%;
				height:100%;
				color:#333;
				}

				.global_nav li a.selected,
				.global_nav li a:hover {
					background:#f04545;
					text-decoration:none;
					}

					.global_nav li a img {
						position:relative;
						display:block;
						-webkit-transition: top 0.2s ease;
						-moz-transition: top 0.2s ease;
						-o-transition: top 0.2s ease;
						-ms-transition: top 0.2s ease;
						transition: top 0.2s ease;
						}

					.global_nav li a.selected img,
					.global_nav li a:hover img,
					.global_nav li a:active img {
						top:-51px;
						}

			.global_nav li span {
				text-indent:-9999px;
				color:#fcfcfc;
				}

.global_nav .news img {
	left:0;
	}

.global_nav .concept img {
	left:-128px;
	}

.global_nav .staff img {
	left:-256px;
	}

.global_nav .gallery img {
	left:-384px;
	}

.global_nav .system img {
	left:-512px;
	}

.global_nav .access img {
	left:-640px;
	}

.global_nav .coupon img {
	left:-768px;
	}

.global_nav .feature img {
	left:-896px;
	}

/*サブナビゲーション*/

.sub_nav {
	top:64px;
	right:0px;
	width:210px;
	}

	.sub_nav ul {
		text-align:left;
		}

		.sub_nav li {
			padding-left:25px;
			position:relative;
			height:16px;
			line-height:16px;
			font-size:12px;
			}

			.sub_nav li p {
				position:absolute;
				top:4px;
				left:11px;
				width:8px;
				height:9px;
				}

				.sub_nav li p img {
					position:absolute;
					top:-160px;
					left:-180px;
					}

				.sub_nav li a.selected {
					padding:0 5px;
					display:block;
					background:#f04545;
					color:#fff;
					text-decoration:none;
					border-radius:5px;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					}

				.sub_nav li a.selected:hover {
					background:#ff9595;
					}


/*フッター
***************************/

/*フッターベース*/

footer {
	margin:80px 0 0;
	position:absolute;
	bottom:0;
	width:100%;
	height:350px;
	background:#fff;
	}

.footer_wrapper {
	margin:0 auto;
	width:940px;
	}

	footer .bg_diagonal {
		height:20px;
		}

/*"ページの一番上へ"ボタン*/

	footer .top_scroll {
		margin:0 0 0 -90px;
		position:absolute;
		top:-48px;
		left:50%;
		width:180px;
		height:56px;
		overflow:hidden;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		}

		footer .top_scroll a {
			position:absolute;
			top:0;
			left:0;
			display:block;
			width:100%;
			height:100%;
			z-index:1;
			}

	footer .top_scroll:hover {
		margin-top:-8px;
		}

		footer .top_scroll img {
			position:absolute;
			top:-155px;
			display:block;
			}

/*フッターナビ*/

.footernav {
	position:absolute;
	left:10px;
	top:20px;
	width:375px;
	}

	.footernav .index_title {
		border-bottom:none;
		}

	.footernav > div {
		border-left:1px solid #ccc;
		}

	.footernav ul {
		margin:0 15px 0 10px;
		display:block;
		float:left;
		}

	.footernav li {
		margin:5px 0 8px;
		}


/*フッターコンタクト*/

.contactus {
	position:absolute;
	left:400px;
	top:20px;
	width:280px;
	}

	.contactus .index_title {
		border-bottom:none;
		}

		.contactus .index_title span {
			line-height:36px;
			font-size:36px;
			}

	.contactus h5 {
		margin:15px 0 0;
		font-size:20px;
		}

	.contactus address.fntclr_dgray {
		display:block;
		font-size:12px;
		}

.mobile_qr {
	padding:0 0 0 10px;
	position:absolute;
	left:290px;
	top:20px;
	width:240px;
	}

	.mobile_qr .img_wrapper {
		margin:0 auto;
		height:108px;
		width:108px;
		}

	.mobile_qr .fntclr_dgray {
		margin:10px 0 3px;
		}

.mobile_address {
	margin:-5px 0 0;
	font-size:24px;
	}


/*共通右カラム
***************************/




/*トップページメインビジュアル
***************************/

.main_visual {
	border-bottom:1px solid #fff;
	height:344px;
	background:url(../img/wooden.jpg) repeat-x;
	}

	.main_visual h3 {
		padding:0 20px;
		line-height:46px;
		background:#da2d38;
		color:#fff;
		font-size:34px;
		font-weight:normal;
		:0 0 3px rgba(248,136,144,1);
		}

	.main_visual h2, .main_visual span {
		border:1px solid rgba(200,200,200,0.3);
		padding:0px 10px;
		color:#000;
		background:#000;
		background:rgba(255,255,255,0.8);
		}
		
		/* for IE7以上 */
		html>body .main_visual h2,
		html>body .main_visual span {
		background:#fff;
		}
		
		/* for IE6 */
		* html body .main_visual h2,
		* html body .main_visual span {
		background:#fff;
		}		

	.main_visual h2 {
		font-size:16px;
		line-height:30px;
		}

	.main_visual span {
		padding:2px 10px;
		line-height:30px;
		font-size:14px;
		}


/*専属スタイリスト専用*/

		.main_visual h3.senzoku {
			width:430px;
			}

/*トリートメント専用*/

		.main_visual h3.treatment {
			padding:0 0 0 91px;
			width:470px;
			}



/*トップページ新着情報・新着スタイル*/


/*新着情報リスト*/

.news_index {
	margin:10px 0 0;
	padding:0 10px 25px;
	}

		.news_index li p {
			margin:0 0 7px;
			display:inline-block;
			line-height:18px;
			vertical-align:top;
			}

	.news_index .news_date {
		width:70px;
		}

	.news_index .news_text {
		padding:0 10px 0 0;
		width:460px;
		font-size:12px;
		}

	.news_index .btnstl_psq {
		right:20px;
		bottom:0;
		}


/*新着記事リスト*/

.entries_index {
	margin:0;
	padding:0 10px;
	}

	.entries_index h4 {
		margin-top:0px;
		}

	.entries_index article {
		border-bottom:1px solid #ddd;
		margin:0 10px 0 0;
		padding:0 0 45px 0;
		position:relative;
		width:180px;
		float:left;
		}

		.entries_index a {
			display:block;
			width:100%;
			height:100%;
			}

		.entries_index a:hover {
			text-decoration:none;
			}

	.entries_index .img_wrapper {
		width:180px;
		height:180px;
		overflow:hidden;
		}

	.entries_index h5,
	.entries_index h6 {
		margin:5px 0 10px !important;
		height:28px;
		line-height:14px;
		font-size:12px;
		font-weight:normal;
		}

	.entries_index h5 {
		font-weight:bold;
		}

	.entries_index .btnstl_psq {
		display:inline-block;
		right:10px;
		bottom:20px;
		}


/*ナビゲーション*/

.top_nav {
	padding:0 10px;
	}

	.top_nav .index_title {
		border-bottom:none;
		}

	.top_nav li {
		margin:0 5px;
		padding:0;
		width:172px;
		display:inline-block;
		}

	.top_nav a {
		display:block;
		}

	.top_nav .bg_diagonal {
		padding:10px 0 11px;
		height:90px;
		font-size:0;
		}

	.top_nav ul {
		height:90px;
		text-align:center;
		}

	.top_nav .btnstl_lpsq {
		display:table;
		}

		.top_nav .btnstl_lpsq p {
			display:table-cell;
			text-align:center;
			vertical-align:middle;
			font-size:14px;
			}


/*コンセプト
***************************/

/*コンセプト画像回り込み*/

.concept_image {
	margin:10px 0 20px;
	}

	.concept_image .floater {
		width:620px;
		float:left;
		}

	.concept_image .text_wrapper {
		border:1px solid #ddd;
		padding:15px 15px 10px 17px;
		width:280px;
		float:right;
		line-height:20px;
		background:#f9f9f9;
		font-size:12px;
		}

		.concept_image .text_wrapper .talign_r {
			margin:18px 0 0;
			}


/*コンセプト大型ボタンナビゲーション*/

.concept_navigation {
	padding:10px 10px;
	}


/*ニュース
***************************/

.news_index.bg_diagonal {
	padding:10px;
	}

	.news_index.bg_diagonal div {
		padding:15px 10px 10px;
		background:#fff;
		}

/*ニュース　記事部分*/

.news_individual {
	margin:35px 0;
	border:2px solid #eee;
	background:#fff;
	}

	.news_individual .news_date {
		margin:20px 0 0 20px;
		font-size:18px;
		}

	.news_individual h4 {
		margin:3px 20px 0;
		line-height:26px;
		font-size:22px;
		font-weight:normal;
		}

	.news_individual .bg_diagonal {
		margin:5px 20px 10px;
		height:7px;
		}

	.news_individual .news_text {
		padding:0px 20px 20px;
		line-height:18px;
		font-size:12px;
		}



/*スタッフ紹介
***************************/

.staff_int {
	margin:30px 10px 0;
	}

	.staff_int .index_title {
		width:920px;
		}


/*スタッフ紹介　スタッフリスト*/

	.staff_list li {
		margin:5px 0 30px;
		border:1px solid #ccc;
		border-right:none;
		width:229px;
		height:478px;
		float:left;
		}

		.staff_list li:nth-of-type(5n),
		.staff_list li:nth-last-of-type(1) {
			border-right:1px solid #ccc;
			width:228px;
			}

/*スタッフ紹介　写真トリム*/

	.staff_list .img_wrapper {
		border-bottom:1px solid #ccc;
		width:229px;
		height:297px;
		overflow:hidden;
		}

		.staff_list li:nth-of-type(5n) .img_wrapper,
		.staff_list li:nth-last-of-type(1) .img_wrapper {
			width:228px;
			}

		.staff_list img {
			margin:0 0 0 -119px;
			position:relative;
			left:50%;
			}

/*スタッフ紹介　テキスト*/

	.staff_list h5,
	.staff_list p {
		margin:0 10px 0 15px;
		color:#666;

		font-size:12px;
		}

	.staff_list .staff_name {
		margin-top:15px;
		line-height:34px;
		overflow:hidden;
		color:#333;
		font-size:26px;
		font-weight:normal;
		}

	.staff_list .staff_ruby {
		line-height:18px;
		font-size:18px;
		}

	.staff_list .staff_position {
		margin-top:7px;
		}

	.staff_list .staff_feature {
		margin-top:15px;
		color:#759d5f;
		font-weight:bold;
		}

/*各スタッフ紹介
***************************/

.staff_information {
	margin:50px 10px 0;
	}

/*各スタッフ紹介　スタッフ名タイトルバー*/

.staff_head {
	border:1px solid #999;
	padding:10px;
	background:	url(../img/ptn_dotted.png) left top;
	}

	.staff_head > div {
		height:110px;
		background:#FFF;
		}

	.staff_head .staff_head_wrapper {
		left:290px;
		top:10px;
		}

	.staff_head .staff_name {
		margin:0;
		line-height:30px;
		font-size:34px;
		font-weight:normal;
		}

	.staff_head .staff_ruby {
		margin:0;
		line-height:18px;
		font-size:18px;
		}

	.staff_head .staff_ruby {
		line-height:18px;
		font-size:18px;
		}

	.staff_head .staff_position {
		margin:10px 0 0;
		}

/*各スタッフ紹介　スタッフ名タイトルバー ボタン配置*/
	.staff_head .btn_wrapper{
		top:0;
		right:10px;
		}

		.staff_head .btn_wrapper .btnstl_rl {
			margin:10px 0;
			-webkit-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);
			-moz-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);
			box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3);
			}


/*各スタッフ紹介　写真*/

	.staff_information .staff_photo {
		top:-71px;
		left:20px;
		width:240px;
		}

		.staff_information .staff_photo .btnstl_rl {
			margin:0 0 10px;
			width:238px;
			}

		.staff_information .staff_photo .imgwrapper {
			border:1px solid #aaa;
			overflow:hidden;
			width:238px;
			height:384px;
			}

/*各スタッフ紹介　コメント、データ部分*/

.staff_date_wrapper {
	top:0px;
	left:280px;
	}

	.staff_date_wrapper > div {
		float:left
		}

		.staff_information .index_title p {
			font-size:24px;
			}

	.staff_information .staff_comment {
		width:230px;
		}

		.staff_information .staff_comment .text_tall {
			margin:5px 0 0;
			line-height:26px;
			font-size:12px;
			}

	.staff_information .staff_data {
		margin:0 10px 0 30px;
		width:370px;
		}

		.staff_information .staff_data li {
			margin:1px;
			border-bottom:1px dashed #aaa;
			position:relative;
			min-height:37px;
			}

			.staff_information .staff_data li p {
				position:absolute;
				top:0;
				left:0;
				width:125px;
				line-height:37px;
				color:#759d5f;
				font-size:14px;
				font-weight:bold;
				}

			.staff_information .staff_data li span {
				margin-left:135px;
				padding:12px 0;
				display:block;
				font-size:12px;
				}


/*スタイルギャラリー一覧ページ
***************************/

.gallery_list_wrapper {
	padding:0 10px;
	position:relative;
	}

	.gallery_list_wrapper .index_title {
		margin:30px 0;
		border-color:#aaa;
		}

/*スタイル件数*/

.style_numbers {
	position:absolute;
	top:-2px;
	right:10px;
	width:180px;
	line-height:34px;
	background:#759d5f;
	color:#fff;
	font-size:30px;
	}

	.style_numbers p {
		margin:0;
		text-align:center;
		}

	.style_numbers strong {
		margin:0 7px;
		font-size:36px;
		}

/*スタイルリスト部分*/

.gallery_list {
	margin:5px -10px 0 -20px; 
	}

	.gallery_list li {
		border:1px solid #eaeaea;
		margin:0 0 10px 10px;
		width:178px;
		height:290px;
		overflow:hidden;
		float:left;
		}

		.gallery_list li a {
			padding:9px;
			position:relative;
			display:block;
			width:160px;
			height:100%;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			transition: all 0.3s ease;
			}

			.gallery_list li a:hover {
				display:block;
				background:#f16455;;
				text-decoration:none;
				}

				.gallery_list li a:hover h5 {
					color:#fff;
					}

			.gallery_list li a > div {
				display:block;
				width:160px;
				height:280px;
				overflow:hidden;
				}

		.gallery_list a > div:before {
			position:absolute;
			top:10px;
			left:10px;
			display:block;
			content:"";
			width:158px;
			height:10px;
			background:url(../img/ptn_diagonal.png) repeat-x;
			}

	.gallery_list .img_wrapper {
		border:1px solid #999;
		width:158px;
		height:223px;
		overflow:;
		text-align:center;
		}

		.gallery_list .img_wrapper img {
			margin-left:-11px;
			}

		.gallery_list li h5 {
			margin:-5px 0 0;
			width:100%;
			height:36px;
			line-height:18px;
			font-size:14px;
			}

/*NEWアイコン*/

.gallery_list .new > div:after {
			position:absolute;
			top:6px;
			right:4px;
			display:block;
			content:url("../img/icon_new.png");
			width:49px;
			height:49px;
	}



/*クーポン・メニューページ
***************************/

/*クーポン、タイトル文字*/

	.coupon_wrapper .index_title,
	.menu_wrapper .index_title {
		width:580px;
		}

	.coupon_wrapper > div {
		font-size:12px;
		}


/*個別クーポン表示*/

.coupon_individual {
	position:relative;
	margin:15px 0 25px;
	width:580px;
	min-height:184px;
	box-sizing:border-box;
	background:#fafafa;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.2);
	}

	.coupon_individual:after {
		position:absolute;
		bottom:-20px;
		left:0;
		display:block;
		width:560px;
		height:20px;
		content:url("../img/coupon_shadow.png");
		}

/*個別クーポン内容*/

	.coupon_individual .coupon_head {
		margin:0;
		padding:0 8px;
		height:29px;
		position:relative;
		overflow:visible;
		letter-spacing:-1px;
		box-sizing:border-box;
		color:#fff;
		background:#77a062 url(../img/campaign/coupon_head.jpg) top left repeat-x;
		font-size:16px;
		border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
		box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.7);
		}

	.coupon_individual .content {
		position:relative;
		min-height:185px;
		}

		.coupon_individual .content > div {
			min-height:185px;
			height:100%;
			}

	.coupon_individual .coupon_number {
		padding:10px;
		height:25px;
		position:absolute;
		top:-15px;
		left:0;
		line-height:25px;
		background:#f5726a;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
		box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.7);
		text-shadow:1px 1px 3px rgba(0,0,50,0.8);
		}

	.coupon_individual.rr .coupon_number {
		background:#7acc92;
		}


	/*画像カラム*/

	.coupon_individual .image {
		position:absolute;
		top:0;
		left:0;
		width:140px;
		min-height:185px;
		height:100%;
		overflow:hidden;
		border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
		}

	.coupon_individual .image {
		border-left:1px solid #ddd;
		width:140px;
		overflow:hidden;
		border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
		}

		.coupon_individual .img_wrapper {
			width:140px;
			min-height:185px;
			border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
			}

			.coupon_individual .img_wrapper img {
				display:block;
				}

	/*詳細カラム*/

	.coupon_individual .info {
		margin:0 130px 0 150px;
		padding:1px 0 5px;
		}

		.coupon_individual .coupon_name {
			line-height:20px;
			letter-spacing:-1px;
			color:#633;
			font-size:18px;
			text-shadow:0px 0px 1px rgba(100,50,50,0.5);
			}

		.coupon_individual .catch {
			margin:5px 0;
			line-height:16px;
			font-size:12px;
			color:#f04545;
			}

		.coupon_individual .txt {
			margin:6px 0;
			font-size:10px;
			line-height:14px;
			}

			.coupon_individual .tags li {
				margin:4px 3px 0 0;;
				padding:2px 8px;
				display:inline-block;
				float:left;
				letter-spacing:-1px;
				font-size:10px;
				color:#fff;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				border-radius:10px;
				}

			/*メニュータグ色制御*/
	
				.tags .cut {
					background:#f04545;
					}
	
				.tags .color {
					background:#66a6dd;
					}
	
				.tags .perm {
					background:#76bc51;
					}
	
				.tags .straight {
					background:#61b6ac;
					}
	
				.tags .relaxer {
					background:#51b6bc;
					}
	
				.tags .treatment {
					background:#dab247;
					}
	
				.tags .headspa {
					background:#51bc6a;
					}
	
				.tags .shampooblow {
					background:#6970c7;
					}
	
				.tags .styling {
					background:#aaa;
					}

				.tags .other {
					background:#888;
					}

	/*価格カラム*/

	.coupon_individual .discount {
		position:absolute;
		top:0;
		right:0;
		width:120px;
		background:#feada4;
		background: -moz-linear-gradient(left, #fec2bc, #feada4;);
		background: -webkit-gradient(linear, left top, left bottom, from(#fec2bc), to(#feada4));
		color:#612916;
		border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;
		box-sizing:border-box;
		box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.2);
		}

		.coupon_individual .balance {
			margin:25px 8px 0;
			}

		.coupon_individual .regular_price {
			position:relative;
			font-size:10px;
			}

			.coupon_individual .regular_price .price {
				font-size:12px;
				}

			.coupon_individual .regular_price:after {
				margin:8px 0;
				position:relative;
				bottom:0;
				left:0;
				box-sizing:content-box;
				content:"▼";
				display:block;
				text-align:center;
				}

		.coupon_individual .coupon_price {
			font-size:12px;
			}

			.coupon_individual .coupon_price .discount_p {
			font-size:18px;
			font-weight:bold;
			}

			.coupon_individual .coupon_price .price {
				margin-left:-3px;
				font-size:22px;
				text-align:center;
				letter-spacing:-2px;
				color:#ffffff;
				text-shadow:1px 2px 3px #000906;
				}

				.coupon_individual .coupon_price .price strong {
					margin-left:-2px;
					font-size:42px;
					letter-spacing:-2px;
					}

			.coupon_individual .coupon_price .tax {
				text-align:right;
				font-size:10px;
				}
			


/*予約案内スクロール追従*/

#reserve_scroller {
	margin:20px 0;
	width:300px;
	font-size:14px;
	z-index:800;
	}

	#reserve_scroller h4 {
		margin:5px 0;
		font-size:22px;
		}

	#reserve_scroller em {
		border-bottom:1px solid #ccc;
		font-weight:bold;
		}

	#reserve_scroller .tel_large {
		margin:5px 0;
		}

	#reserve_scroller .btnstl_psq {
		margin:10px 0;
		display:inline-block;
		}


/*メニュー表示*/

	.menu_wrapper {
		margin-top:50px;
		}

	.menu_wrapper .clearfix {
		margin-left:-20px;
		}

		.menu_column {
			margin-left:20px;
			float:left;
			width:270px;
			}

		.menu_category {
			margin-bottom:15px;
			float:left;
			width:270px;
			}

			.menu_category h4 {
				margin:10px 0 0;
				border-bottom:1px solid #759d5f;
				color:#759d5f;
				font-size:18px;
				letter-spacing:-1px;
				font-weight:bold;
				}

				.menu_category h4 small {
					font-size:10px;
					}

			.menu_category li {
				border-bottom:1px dashed #999;
				position:relative;
				height:32px;
				line-height:32px;
				font-size:12px;
				}

			.menu_category .menu_name {
				padding:0 5px;
				position:absolute;
				width:180px;
				}

				.menu_category .menu_name small {
					font-size:10px;
					letter-spacing:-1px;
					}

			.menu_category .menu_price {
				position:absolute;
				width:90px;
				top:0;
				right:0;
				font-weight:bold;
				}


/*ご予約・ご来店の流れ　サロンシステム
***************************/

/*ご予約の流れ*/

.reserve_inform {
	padding:10px;
	font-size:12px;
	}

	.reserve_inform > div {
		padding:10px;
		background:#fff;
		}

	.reserve_inform .index_title {
		border-bottom:none;
		}

.tel_large {
	font-size:36px;
	letter-spacing:-2px;
	}

	.tel_large strong {
		margin:0;
		}

	.reserve_inform .pst_rlt {
		margin:10px 0 20px;
		padding:0 0 10px;
		height:30px;
		}

	.reserve_inform .btnstl_psq {
		display:block;
		right:0;
		bottom:0;
		}

/*ご来店の流れ　ビフォア*/

.before_styling .fnt_serif {
	margin:20px 0 7px;
	color:#996c33;
	font-size:24px;
	font-weight:normal;
	}

.before_transform {
	border:1px solid #dae6d6;
	padding:15px;
	background:#eaf6e6;
	}

	.before_transform img {
		margin:0 40px 0 30px;
		float:left;
		}

	.before_transform div {
		font-size:14px;
		}


/*ご来店の流れ　ステップ*/

	.step_flows li {
		margin:15px 0;
		padding:0 0 0 10px;
		}

		.step_flows li:after {
			display:block;
			content:"";
			width:100%;
			height:7px;
			background:url(../img/ptn_dotted.png)repeat;
			}

		.step_flows li img {
			margin:10px 0 2px 15px;
			float:right;
			}

	.step_flows h6 {
		margin:0 0 10px;
		font-size:24px;
		font-weight:normal;
		}

		.step_flows h6 strong {
			margin:0 3px;
			font-size:50px;
			}

		.step_flows li > div {
			margin:0 0 15px;
			font-size:14px;
			}

			.step_flows li > div strong {
				font-weight:bold;
				}


/*ご来店の流れ　お仕上がり*/

	.step_flows .comment {
		margin:15px 0;
		font-size:14px;
		}

		.step_flows > div:nth-of-type(2) {
			margin:-30px 0;
			}

		.step_flows .comment > img {
			margin:0 10px 0 0;
			float:left;
			}

		.step_flows .comment strong {
			display:block;
			font-size:20px;
			}

		.step_flows .comment .txt_tall {
			margin:5px 0 5px 124px;
			font-size:14px;
			}

	.step_flows .btnstl_psq {
		margin:5px 0 5px 124px;
		display:block;
		width:200px;
		}

	.step_flows .btnstl_wpsq {
		width:auto;
		}

/*アクセス
***************************/

/*アクセス　情報*/

.access_information {
	padding:10px;
	}

	.access_information > div {
		padding:10px;
		background:#fff;
		}

	.access_information .mobile_qr {
		position: absolute;
		top:0px;
		right:15px;
		left:auto;
		width: 160px;
		font-size:12px;
		}

		.access_information .mobile_qr .fnt_ubuntu {
			font-size:28px;
			}

		.access_information .mobile_qr .fntclr_dgray {
			margin-top:10px;
			}

		.access_information .mobile_address {
			margin:-5px 0 0;
			font-size:16px !important;
			}

		.access_information div > h4 {
			margin:10px 0;
			font-size:36px;
			}

		.access_information div > h5 {
			margin:0;
			font-size:20px;
			}

.train_information {
	margin:15px 0 0;
	font-size:14px;
	}

	.train_information strong {
		font-size:16px;
		}


.opening_hours {
	margin:15px 0 0;
	font-size:14px;
	}

	.opening_hours td {
		border:none;
		font-size:12px;
		}

	.opening_hours strong {
		font-weight:bold;
		}


/*アクセス Googleマップ*/

.access_gmap {
	margin:20px 0;
	border:1px solid #ccc;
	padding:10px 8px;
	}

	.access_gmap iframe {
		border:1px solid #ccc;
		}


/*採用情報
***************************/

/*ビジュアル*/

.smoke_wrapper {
	margin:0 auto 30px;
	padding:10px;
	position:relative;
	top:20px;
	width:920px;
	height:284px;
	background:rgba(0,0,0,0.7);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}

.round_wrapper {
	width:920px;
	height:284px;
	overflow:hidden;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}


/*採用情報ナビゲーション*/

.recruit_nav {
	margin:20px 0 10px -28px;
	}

	.recruit_nav li {
		margin-left:27px;
		float:left;
		width:215px;
		height:131px;
		}

/*採用情報ナビゲーション*/

	.recruit_content .index_title {
		margin:20px 0 0;
		padding:10px 0 0;
		}

	.recruit_content h5 {
		border-bottom:1px solid #759d5f;
		margin:0;
		padding:7px 10px;
		background:#e0f0e0;
		}

	.recruit_content td {
		padding:15px 10px;
		border:none;
		border-bottom:1px solid #ddd;
		vertical-align:top;
		font-size:12px;
		}

	.recruit_content td:first-child {
		width:90px;
		font-size:14px;
		}

	.recruit_content td:last-child {
		width:600px;
		}



/*スタイルギャラリー各スタイル画面
***************************/

	.style_individual .btnstl_rl {
		margin-bottom:10px;
		width:auto;
		}
	
/*スタイリストコメント部分*/

.stylist_comment {
	border:1px solid #ddd;
	padding:10px;
	position:relative;
	background:#fff;
	}

	.stylist_comment imgwrapper {
		border:1px solid #ddd;
		margin:10px 0;
		padding:10px;
		background:#fff;
		}

		.stylist_comment .imgwrapper {
			margin:0 0 5px 10px;
			border:1px solid #ccc;
			float:right;
			width:96px;
			height:128px;
			}

		.stylist_comment .stylist_title {
			font-size:36px;
			}

		.stylist_comment .stylist_name {
			font-size:18px;
			line-height:16px;
			}

		.stylist_comment .comment_txt {
			padding:0 0 18px;
			font-size:12px;
			}

		.stylist_comment a.btnstl_psq {
			position:absolute;
			right:10px;
			bottom:10px;

			}
	
	
/*スタイル詳細情報*/
.style_detail {
	margin:15px 0;
	}

.style_detail li {
	margin:5px 0;
	position:relative;
	}

	.style_detail p {
		position:absolute;

		width:40px;
		font-size:18px;
		}

		.style_detail li > div {
			margin:0 0 0 60px;
			position:relative;
			width:240px;
			}

			.style_detail li > div {
				margin:0 0 0 60px;
				position:relative;
				width:240px;
				font-size:12px;
				line-height:21px;
				}

			.style_detail li strong {
				margin-right:6px;
				}

		.style_detail li .tags div {
			margin:0 0 3px 0;
			padding:0 3px 0 16px;
			float:left;
			height:18px;
			background:url(../img/tag.png) left top no-repeat;
			}

		.style_detail li .tags span {
			padding:0 5px 0 3px;
			display:block;
			background-color:#f04545;
			color:#fff;
			height:18px;
			line-height:18px;
			-moz-border-radius:0px 3px 3px 0px / 0px 3px 3px 0px;
			-webkit-border-radius:0px 3px 3px 0px / 0px 3px 3px 0px;
			-o-border-radius:0px 3px 3px 0px / 0px 3px 3px 0px;
			-ms-border-radius:0px 3px 3px 0px / 0px 3px 3px 0px;
			}

.model_name {
	font-size:10px;
	}


	
/*スタイル名*/

.styles_switch {
	position:relative;
	}

.styles_switch h2 {
	position:absolute;
	display:inline;
	left:1px;
	bottom:15px;
	width:290px;
	z-index:9000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

	.styles_switch h2:hover {
		opacity:0.1;
		}

.styles_switch h2 span {
	width:290px;
	line-height:34px;
	background:#da2d38;
	background:rgba(249,69,69,0.8);
	color:#fff;
	font-size:28px;
	}

	
/*こんな方にオススメ！チャート内容*/

.hair_data {
	}

	.hair_data .fnt_serif {
		margin:15px 0 5px;
		font-size:20px;
		}

	.hair_data p {
		position:relative;
		display:inline-block;
		overflow:hidden;
		width:49px;
		height:15px;
		}

	.hair_data p.fntclr_dgray {
		width:42px;
		}

	.hair_data .diagram {
		display:inline-block;
		}

	.hair_data img {
		position:absolute;
		display:block;
		}


/*チャートスプライト画像の座標指定*/


			.hair_data .diagram .first img {
				left:-43px;
				z-index: 9999;
}

			.hair_data .diagram .second img {
				left:-93px;
				}

			.hair_data .diagram .third img {
				left:-143px;
				}

.hair_data_quantity img {
	top:0;
	}

	.hair_data_quantity .on img {
		top:-15px;
		}

.hair_data_quality img {
	top:-30px;
	}

	.hair_data_quality .on img {
		top:-45px;
		}

.hair_data_thickness img {
	top:-60px;
	}

	.hair_data_thickness .on img {
		top:-75px;
		}

.hair_data_curly img {
	top:-90px;
	}

	.hair_data_curly .on img {
		top:-105px;
		}


.hair_data_contours .diagram p {
	width:45px;
	height:45px;
	}


.hair_data_contours img {
	top:-120px;
	}

	.hair_data_contours .on img {
		top:-165px;
		}

			.hair_data_contours .diagram .first img {
				left:-43px;
				}

			.hair_data_contours .diagram .second img {
				left:-88px;
				}

			.hair_data_contours .diagram .third img {
				left:-133px;
				}

			.hair_data_contours .diagram .fourth img {
				left:-178px;
				}

			.hair_data_contours .diagram .fifth img {
				left:-223px;
				}


/*Before写真*/

.style_before {
    position:absolute;
    right:-1px;
	margin:10px 0;
    width: 290px;
	}

.style_before .fnt_belleza {
    margin:0 -0.3em 0 9px;
	font-size:32px;
	color:#ccc;
	}

.style_before li{
	display:inline-block;
    margin:0 -0.3em 0 9px;
	}

.style_before .imgwrapper {
    border:1px solid #999;
	position:relative;
    width:133px;
    height:133px;
    overflow:hidden;
	}

.style_before .imgwrapper img {
    position:absolute;
    display:block;
    left:-23px;
    top:-23px;
	}


/****************************************

iViewスライダー用クラス

*****************************************/
/***iView***/

/* The slider */
.iviewSlider {
	overflow: hidden;
	}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	right:20px !important;
	bottom:20px !important;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
	}

#iview-timer div {
	border-radius: 3px;
	}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.active {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline-block;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}


/***メインビジュアルスキン***/
.main_visual .container {
	padding:20px 0 0;
	display: block;
	width: 940px;
	margin: 0px auto;
}

.main_visual #iview {
	display: block;
	width: 920px;
	height: 285px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
	border-radius: 5px;
	position: relative;
	-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	overflow: hidden;
}

.main_visual #iview {
}

.main_visual #iview .iviewSlider {
	display: block;
	width: 920px;
	height: 285px;
	overflow: hidden;
	border-radius: 4px;
}

.main_visual #iview div.iview-directionNav {
	position: absolute;
	top: 187px;
	left: 0px;
	z-index: 9;
	width: 100%;
}

.main_visual #iview .iview-controlNav {
	position: absolute;
	bottom: 20px;
	left: 418px;
}

.main_visual #iview .iview-controlNav a {
	text-indent: -9999px;
}

.main_visual #iview .iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../img/bullets_2.png') no-repeat 0px 0px;
	line-height: 0px;
	margin-right: 7px;
}

.main_visual #iview .iview-controlNav a.iview-control.active {
	background-position: 0px -11px;
}

.main_visual #iview div.iview-directionNav {
	position: absolute;
	top: 102px;
	left: 0px;
	z-index: 9;
	width: 100%;
}

.main_visual #iview div.iview-directionNav a {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 100px;
	background-image: url(../img/nav_paddles.png);
	text-indent: -9999px;
}

.main_visual #iview div.iview-directionNav a:active {
	background-image: url(../img/nav_paddles_down.png);
}

.main_visual #iview div.iview-directionNav a.iview-nextNav {
	right: 20px;
	background-position: 56px 0px;
}

.main_visual #iview div.iview-directionNav a.iview-prevNav {
	left: 20px;
	background-position: -16px 0px
}

.main_visual .iview-caption {
	border-radius: 3px;
}

.main_visual .iview-caption.video-caption {
	padding: 10px;
}

.main_visual #iview-preloader {
	border: #666 1px solid;
	width: 150px
}

.main_visual #iview-preloader div {
	background: #666;
}



/*サムネイルスキン*/

.styles_switch #iview {
    border:1px solid #999;
	display: block;
	width: 318px;
	height:450px;
	background: #f9f9f9;
	position: relative;

}

.styles_switch .iviewSlider {
    width:318px;
	height:450px;

}

.styles_switch .iview-controlNav {
	position: relative;
	top:-451px;
	right:-320px;
	width:288px;
}

.styles_switch .iview-controlNav li {
    margin-left:9px;
    width:135px;
    height:135px;
    overflow:hidden;
}

.styles_switch .iview-controlNav li a {
    border:1px solid #999;
	display:block;
    width:135px;
    height:135px;
    overflow:hidden;
}


.styles_switch .iview-controlNav a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.styles_switch .iview-controlNav a:hover img {
	opacity:0.6;
}

.styles_switch .iview-controlNav li img {
    position:absolute;
    display:block;
    left:-23px;
    top:-23px;
}

.styles_switch .iview-controlNav a:after  {
	background:url(../img/icon_passive.png) left top no-repeat;
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:135px;
	height:135px;
	content:"";
}

.styles_switch .iview-controlNav a.active:after {
	background:url(../img/icon_active.png) left top no-repeat;
}


.styles_switch #iview-timer {
	right:5px !important;
	bottom:5px !important;
	}



/****************************************

年末キャンペーンレイアウト用

*****************************************/

/***トップページ　メインビジュアル部分***/

.c_main_v {
	height:304px;
	background-image: url(../img/campaign/c_main_v_h.png);
	background-repeat:no-repeat;
	}

	.c_main_v a:hover {
		opacity:0;
		}



/***トップページ　メイン説明部分***/

.c_main {
	padding:0 10px 15px;
	position:relative;
	}

.c_main .c_main_btn  {
	position:absolute;
	left:35px;
	top:509px;
	background-image: url(../img/campaign/c_main_btn_h.png);
	background-repeat:no-repeat;
	}

	.c_main .c_main_btn a:hover  {
		opacity:0;
		}

/***右上固定リンク部分***/

.c_medal {
	margin-top:-6px;
	padding:5px 0px 0px 5px;
	top:60px;
	right:-15px;
	z-index:100;
	-webkit-transition: margin 0.2s ease;
	-moz-transition: margin 0.2s ease;
	-o-transition: margin 0.2s ease;
	-ms-transition: margin 0.2s ease;
	transition: margin 0.2s ease;
	animation-name:animation1;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;

	-moz-animation-name:animation1;
	-moz-animation-duration:1.5s;
	-moz-animation-timing-function:ease-in-out;
	-moz-animation-iteration-count:infinite;

	-webkit-animation-name:animation1;
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;

	-o-animation-name:animation1;
	-o-animation-duration: 1.5s;
	-o-animation-timing-function:ease-in-out;
	-o-animation-iteration-count:infinite;

	-ms-animation-name:animation1;
	-ms-animation-duration:1.5s;
	-ms-animation-timing-function:ease-in-out;
	-ms-animation-iteration-count:infinite;
	}

	@-moz-keyframes animation1 {
		0% {margin-top:-5px;}
		50% {margin-top:0px;}
		100% {margin-top:-5px;}
		}

	@-webkit-keyframes animation1 {
		0% {margin-top:-5px;}
		50% {margin-top:0px;}
		100% {margin-top:-5px;}
		}

	@-o-keyframes animation1 {
		0% {margin-top:-5px;}
		50% {margin-top:0px;}
		100% {margin-top:-5px;}
		}

	@-ms-keyframes animation1 {
		0% {margin-top:-5px;}
		50% {margin-top:0px;}
		100% {margin-top:-5px;}
		}

	.c_medal a {
		display:block;
		width:109px;
		height:139px;
		background-image: url(../img/campaign/c_medal_h.png);
		background-repeat:no-repeat;
		}

	.c_medal a:hover img {
		opacity:0;
		}


/***クーポンページ***/

.c_main_vc {
	margin:20px auto;
	width:940px;
	height:286px;
	}

/***クーポンページ　新規/RR用クーポンナビゲーション***/

.coupon_nav {
	margin:10px auto 35px;
	width:940px;
}

.coupon_nav p {
	padding:0 5px;
	width:450px;
	display:inline-block;
	text-align:center;
}

.coupon_nav p a {
	border-radius:5px;
	display:block;
	padding:30px 0;
	color:#fff;
	text-decoration:none;
}

.coupon_nav p a:hover {
}

.coupon_nav p.newcomer a {
	background-color:#f16455;
}

.coupon_nav p.newcomer a:hover {
	background-color:#ff9475;
}
.coupon_nav p.rr a {
	background-color:#35c144;
}

.coupon_nav p.rr a:hover {
	background-color:#55cf74;
}