@charset "utf-8";
/* CSS Document */

/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
	margin: 0;
 	padding: 0;
	color:#55402A;
	font-size:small;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	background:#FFF url(../img/top_bg_body.jpg) repeat-x;
	line-height:17px;
}

#container_outbox {
	background:#FFF url(../img/top_bg_conts.jpg) repeat-y;
	margin:0 auto;
	width:1010px;
	}


#container {
	padding-left:14px;
	color:#55402A;
}

#header {
	padding: 0;
	width:982px;
	height:136px;
}


#contentwrapper {
	float:left;
	width:982px;
}

#maincol {
 	float: left;
 	width: 742px;
	padding: 0;
	margin:15px 0;
}

#subcol {
	float:right;
	width:230px;
	margin: 15px 0 0 0;
	padding: 0;
}

#conts {
	float:left;
	width:742px;
	margin:15px 0 0 0;
}


#leftmenu {
	float:left;
	width:180px;
	margin:0;
	background-color:#F9F5EE;
	border:1px solid #F7EAE1;
}

#subsec {
	float:right;
	width:552px;
	margin:0;
}


#footer {
	text-align:center;
    width: 982px;
	padding:15px 0;
}



/* ヘッダ
---------------------------------------------------- */

#header #ttl {
	width:982px;
	padding: 0 ;
	margin: 0 ;
	height:18px;
}

h1 {
	font-size: 11px;
	font-weight: 100;
	color: #4C371F;
	padding: 3px 5px 0;
	text-align:left;
	height:15px;
	background-image:url(../img/h_h1.jpg);
	background-repeat:repeat-x;
	margin:0;
}


#header #logo{
	padding: 10px 5px 0;
	width:982px;
	height:80px;
}


#header #logo .left{
	margin-right:10px;
	float:left;
	width:280px;
}


#header #logo .center{
	padding: 0;
	margin:0 0 0 30px;
	float:left;
	width:232px;
}

#header #logo .right{
	padding: 0 ;
	margin:10px 0 0 30px;
	float:left;
	width:393px;
}


/* グローバルナビゲーション
---------------------------------------------------- */
#header ul#nav {
	margin: 0;
	width:982px;
	height:28px;
	padding:0;
}

#header ul#nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
 	text-indent: -9999px;
	width:982px;
	height:28px;
	float:left;
}

#header ul#nav li a {
 	display: block;
 	padding: 0;
 	height: 28px;
 	text-decoration: none;
	background-image:url(../img/nav_items.jpg) ;
	background-repeat: no-repeat;
}

#header ul#nav li#nav01 { width: 140px; }
#header ul#nav li#nav02 { width: 140px; }
#header ul#nav li#nav03 { width: 140px; }
#header ul#nav li#nav04 { width: 140px; }
#header ul#nav li#nav05 { width: 142px; }
#header ul#nav li#nav06 { width: 140px; }
#header ul#nav li#nav07 { width: 140px; }


#header ul#nav li#nav01 a { background-position:      0 0; }
#header ul#nav li#nav02 a { background-position: -140px 0; }
#header ul#nav li#nav03 a { background-position: -280px 0; }
#header ul#nav li#nav04 a { background-position: -420px 0; }
#header ul#nav li#nav05 a { background-position: -560px 0; }
#header ul#nav li#nav06 a { background-position: -702px 0; }
#header ul#nav li#nav07 a { background-position: -842px 0; }


#header ul#nav li#nav01 a:hover	{ background-position:      0 50%; }
#header ul#nav li#nav02 a:hover { background-position: -140px 50%; }
#header ul#nav li#nav03 a:hover	{ background-position: -280px 50%; }
#header ul#nav li#nav04 a:hover	{ background-position: -420px 50%; }
#header ul#nav li#nav05 a:hover	{ background-position: -560px 50%; }
#header ul#nav li#nav06 a:hover	{ background-position: -702px 50%; }
#header ul#nav li#nav07 a:hover	{ background-position: -842px 50%; }


#header ul#nav li#nav01 a.stay	{ background-position:      0 100%; }
#header ul#nav li#nav02 a.stay	{ background-position: -140px 100%; }
#header ul#nav li#nav03 a.stay	{ background-position: -280px 100%; }
#header ul#nav li#nav04 a.stay	{ background-position: -420px 100%; }
#header ul#nav li#nav05 a.stay	{ background-position: -560px 100%; }
#header ul#nav li#nav06 a.stay	{ background-position: -702px 100%; }
#header ul#nav li#nav07 a.stay	{ background-position: -842px 100%; }


/* 検索
---------------------------------------------------- */
#search {
	width: 742px;
	heigh: 245px;
	margin:0;
}
#search #search_btn{
	width:210px;
	height:245px;
	float:left;
	}
#search #search_btn ul{
	list-style-type:none;
	display: block;
	margin: 0;
	padding: 0;
	width:210px;
	height: 245px;
	float: left;
}
#search #search_btn ul li{
	display:inline;
}
#search #flash {
	margin-left:10px;
	float:left;
	width:552;
	height:245;
	border:1px solid #CCC;
}

/* 特集
---------------------------------------------------- */

#special {
	width: 742px;
	display:inline-table;
}

#special #specialttl {
	padding:0 0 5px;
	width: 742px;
	heigh: 33px;
	margin-top:15px;
}
#special #sec01 {
	display:inline-table;
}
*:first-child+html #special #sec01 {
	width:742px;
	margin-top:8px;
}


#special div.s_out{
	width:143px;
	height:150px;
	float:left;
	border:1px solid #d7d7d7;
	margin-right:3px;
	}
	
* html #special div.s_out{
	margin-right:2px;
	}
#special div.s_01 {
	padding:4px;
}

#special .salon_name{
	font-weight:bold;
	font-size: 12px;
	margin:3px 0;
}
#special .salon_text {
	line-height:14px;
	font-size: 10px;
	font-weight:normal;
	margin:0;

}

#special #sec02 {
	margin-top:5px;
}





/* 新着
---------------------------------------------------- */

#subsec #topics {
	width:552px;
}

#subsec #topics #topicsttl {
	width:552px;
	height:33px;
}

#subsec #topics #list01 {
	margin-left:10px;
	float:left;
	width:276px;
}

#subsec #topics ul#list01{
	list-style-type:none;
	margin:10px 0px 15px 10px;
	padding:0;
	margin:0;
}
#subsec #topics ul#list01 li{
	margin-top:4px;
	padding-left:20px;
	background-image:url(../img/icon_brown.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	line-height:1.5em;
}

#subsec #topics ul#list01 li .small{
	font-size:10px;
}



#subsec #topics #list02 {
	float:left;
	width:276px;
	margin-left:466px;
}

#subsec #topics ul#list02{
	list-style-type:none;
	margin:10px 0px 15px 10px;
	padding:0;
	margin:0;
}
#subsec #topics ul#list02 li{
	margin-top:4px;
	padding-left:20px;
	background-image:url(../img/icon_brown.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	line-height:1.5em;
}

#subsec #topics ul#list02 li .small{
	font-size:10px;
}


/* イチオシ
---------------------------------------------------- */
#subsec #arrival {
	width:552px;
	margin-top:15px;
	float:right;
}

#subsec #arrival #arrivalttl {
	width:552px;
	height:33px;
}

#subsec #arrival #sec03 .faze3{
	background-color: #333333;
	margin:0;
	padding-left:0;
}		
#subsec #arrival #sec03 .faze{
	background-color: #EEEAE3;
	line-height:14px;
	float:left;
	width:552px;
	padding:0;
	font-size: 11px;
	height: 103px;
}
#subsec #arrival #sec03 .left{
	float:left;
	margin:0 1px 0 2px;
	_margin-left:0px;
	width:180px;
	padding-left:0px;
	padding-top: 5px;
	background-color:#FFF;
	border:1px solid #d7d7d7;
	height: 93px;

}
#subsec #arrival #sec03 .center{
	float:left;
	margin:0 1px 0 0;
	width:180px;
	padding-left: 0px;
	padding-top: 5px;
	background-color: #FFF;
	border:1px solid #d7d7d7;
	height: 93px;

}
#subsec #arrival #sec03 .right{
	float:left;
	width:180px;
	margin:0;
	padding-left: 0px;
	padding-top: 5px;
	background-color: #FFF;
	border:1px solid #d7d7d7;
	height: 93px;

}
#subsec #arrival #sec03{
	width:552px;
	border-bottom:3px solid #EEEAE3;
	border-top:3px solid #EEEAE3;
	background-color: #EEEAE3;
	display:inline-table;
}
#subsec #arrival #sec03 .photo_salon{
	float:left;
	margin:0 5px 5px 3px;
}
#subsec #arrival #sec03 dt{
	margin:3px 0 3px 3px;
	line-height: 1em;
	height:2em;
}
#subsec #arrival #sec03 dl{
	margin:0;
}
#subsec #arrival #sec03 dd{
	float:left;
	width:180px;
	margin:0 0 5px 0;
	padding-right: 2px;
}
*html #subsec #arrival #sec03 dd{
	width:178px;
	height:70px;
}
#subsec #arrival #sec03 dt a{
	margin:0;
	line-height:1em;
}

#subsec #arrival .icon {
	background-image:url(../img/icon_bg.gif);
	width:178px;
	height:3px;
	margin:0;
	padding:0;
}

/* 説明 姉妹サイト
---------------------------------------------------- */
#subsec #read {
	clear:both;
	width:510px;
	border:1px solid #D3C2AF;
	padding:10px 20px;
	font-size:10px;
	line-height:14px;
	margin:20px 0;
}

#subsec #read #catch {
	width:330px;
	font-size:10px;
	margin:0 auto ;
}
	
#subsec #read #logo {
	width:225px;
	height:41px;
	margin:0 auto;
	padding:0 0 10px 0;
}

#subsec #read.text {
	width:510px;
	padding:10px 0;
	font-size:10px;
	line-height:14px;
	margin:20px 0;
}

#subsec .ttlbar{
	width:552px;
	height:25px;
	margin:10px 0;
}
#subsec .banner {
	width:552px;
	height:85px;
	margin:0 0 10px 0;
	padding:0;
}

#subsec #pr {
	width:552px;
	float:left;

}

#subsec #pr dl{
	float:left;
	width:170px;
	margin-right:19px;
	padding:0;
	margin-top:0;
}
#subsec #pr dl#pr_right{
	margin-right:0;
	}
#subsec #pr dt {
	padding:0;
	margin:0;
	width:170px;
	heigh:110px;
}

#subsec #pr dd {
	margin:0;
	padding:0;
	width:170px;
	font-size:10px;
	line-height:14px;
}

#special #sec01 .text {
	line-height:14px;
	font-size: 10px;
	font-weight:normal;
	margin:0;
	padding:2px;
}



/* 左メニュー スクープ
---------------------------------------------------- */
#leftmenu #scoop {
	float:left;
	width:180px;
}

#leftmenu #scoopttl {
	width:180px;
	height:22px;
}

#leftmenu #scoop dl{
	margin:0 0 2px 0;
}

#leftmenu #scoop dt{
	padding:5px 5px;
	margin:0;
	font-weight:bold;
}

#leftmenu #scoop dd{
	line-height:14px;
	width:170px;
	height:50px;
	margin:0 5px 5px 5px;
	font-size:75%;
	padding:0 0 10px 0;
	border-bottom:dotted 1px #A89786;

}

#leftmenu #scoop .photo_scoop{
	float:left;
	border:1px solid #CCC;
	padding:1px;
	margin:0 5px 10px 0;
}

#leftmenu #scoop .text{
	float:right;
	width:115px;
	height:50px;
	font-size:10px;
	padding:2px 0px;
}

#leftmenu #scoop .dot01{
	float:left;
	background-image:url(../img/dot_178.gif);
	height:5px;
	width:178px;
	margin-top:5px;
	padding:0;
}

/* 左メニュー プレゼント
---------------------------------------------------- */
#leftmenu #present {
	float:left;
	width:180px;
	margin-top:10px;
}

#leftmenu #present #presentttl {
	float:left;
	width:180px;
	height:22px;
}

#leftmenu #present #bn {
	float:left;
	width:170px;
	height:109px;
	padding:10px 5px;
}

/* 左メニュー エリア検索　かんたん検索
---------------------------------------------------- */
#leftmenu #area {
	float:left;
	width:width:180px;
	margin-top:10px;
}

#leftmenu #area #ereattl {
	float:left;
	width:180px;
	height:22px;
}

#leftmenu #area #list03 {
	margin-left:10px;
	float:left;
	width:180px;
}

#leftmenu #area ul#list03{
	list-style-type:none;
	margin:15px 0px 15px 20px;
	padding:0;
	margin:0;
}
#leftmenu #area ul#list03 li{
	margin-top:4px;
	padding-left:0;
	background-image:url(../img/icon_brown.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	line-height:1.3em;
}

#leftmenu #area ul#list03 li .small{
	font-size:10px;
}



#leftmenu #area ul#list03 li a{
	padding-left:18px;
}








#leftmenu #easy {
	float:left;
	width:180px;
	height:120px;
	margin-top:10px;
}

#leftmenu #easy #easyttl {
	float:left;
	width:180px;
	height:22px;
}

#leftmenu #easy #easysearch {
	float:left;
	height:100px;
	padding:10px 12px;
}



/* 左メニュー おトク情報
---------------------------------------------------- */
#leftmenu #check {
	float:left;
	width:180px;
	margin-top:10px;
}

#leftmenu #check #checkttl {
	float:left;
	width:180px;
	height:22px;
}
#leftmenu #check #list01 {
	margin-left:10px;
	float:left;
	width:180px;
	font-size:10px;
}
#leftmenu #check ul#list01{
	list-style-type:none;
	margin:10px 0px 15px 10px;
	padding:0;
	margin:0;
}
#leftmenu #check ul#list01 li{
	margin-top:4px;
	padding-left:20px;
	background-image:url(../img/icon_brown.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	line-height:1.5em;
	padding-bottom:7px;
	border-bottom:dotted 1px #A89786;
}
#leftmenu #check ul#list01 li a{

}


/* 左メニュー 新着情報
---------------------------------------------------- */
#leftmenu #pickup {
	float:left;
	width:180px;
	height:600px;
	margin-top:10px;
}

#leftmenu #pickup #pickupttl {
	float:left;
	width:180px;
	height:22px;
}
#leftmenu #pickup #list01 {
	margin-left:10px;
	float:left;
	width:180px;
	font-size:10px;
}
#leftmenu #pickup ul#list01{
	list-style-type:none;
	margin:10px 0px 15px 10px;
	padding:0;
	margin:0;
}
#leftmenu #pickup ul#list01 li{
	margin-top:4px;
	padding-left:20px;
	background-image:url(../img/icon_brown.jpg);
	background-repeat:no-repeat;
	background-position:5px 5px;
	line-height:1.5em;
	padding-bottom:7px;
	border-bottom:dotted 1px #A89786;
}


#leftmenu #pickup #backnumber {
	float:right;
	width:86px;
	heigh:15px;
	margin:5px 5px 20px 0;
}

/* 右メニュー
---------------------------------------------------- */
/* ----幅狭いページのみ----*/
#subcol #statics_searchmenu{
	width:230px;
	height:245px;
	margin-bottom:10px;

	}
#statics_searchmenu ul{
	list-style-type:none;
	display: block;
	margin: 0;
	padding: 0;
	width:210px;
	height: 245px;
	float: left;
}
#statics_searchmenu ul li{
	display:inline;
}
#subcol #rightmenu #special_salon_right {
	margin:5px;
	clear:both;
	display:inline-table;
	height:700px;
}
* html #subcol #rightmenu #special_salon_right {
	height:780px;
}
*:first-child+html  #subcol #rightmenu #special_salon_right {
	height:780px;
}
#subcol #rightmenu #special_salon_right dl{
	margin:0;
	border-bottom:dotted 1px #A89786;
	float:left;
	padding:5px;
}

#subcol #rightmenu #special_salon_right dt{
	float:left;
	line-height:14px;
	font-size:85%;
	width:135px;
	margin-left:0;
}
#subcol #rightmenu #special_salon_right .salon_text{
	line-height:14px;
	font-size: 10px;
	font-weight:normal;
	margin:0;
}
#subcol #rightmenu #special_salon_right .salon_name{
	font-weight:bold;
	font-size: 12px;
	margin:3px 0;
}

#subcol #rightmenu #special_salon_right dd{
	float:right;
	width:70px;
	margin:-47px 0 0 130px;
}

#subcol #rightmenu #special_salon_right .photo_special{
	border:1px solid #CCC;
	padding:1px;
}


#subcol #rightmenu #present_right{
	padding:5px;
	font-size:11px;
	line-height:18px;
	height: 110px;
	}
#subcol #rightmenu #present_photo{
	float:left;
	margin:0 5px 10px 0;
	}
#subcol #rightmenu #category_text{
display:inline-table;
}
#subcol #rightmenu #category_text ul{
	list-style-type:none;
	line-height:21px;
	font-weight:bold;
	padding-left:10px;
	}
* html #subcol #rightmenu #category_text ul{
	margin-left:0;
	}
*:first-child+html  #subcol #rightmenu #category_text ul{
	margin-left:0;
	}
	
#subcol #rightmenu #pr_right{
	padding-left:30px;
	}
#subcol #rightmenu #pr_right dl{
	float:left;
	width:170px;
	padding:0;
	margin-top:0;
}

#subcol #rightmenu #pr_right dt {
	padding:0;
	margin:0;
	width:170px;
}

#subcol #rightmenu #pr_right dd {
	margin:0;
	padding:0;
	width:170px;
	font-size:10px;
	line-height:14px;
}


/* ----幅狭いページのみ----*/

	
#subcol #statics{
	width:230px;
	height:142px;
}

#subcol #rightmenu {
	width:230px;
	margin:0;
	background-color:#EBE6DE;
	border:1px solid #D5C9B9;
	display:inline-table;
 }
#subcol #rightmenu .ttl {	
	width:220px;
	height:22px;
	margin:5px 5px 8px 5px;
	padding:0;
}
#subcol #rightmenu #category dl{
	margin:0;
}

#subcol #rightmenu #category dt{
	padding:0;
	margin:0 10px;
	font-weight:bold;
}

#subcol #rightmenu #category dd{
	width:210px;
	height:40px;
	margin:2px 0 8px 10px ;
	padding:0;
}

#subcol #rightmenu #editor dl{
	margin:0;
}
#subcol #rightmenu #editor dt{
	width:210px;
	height:62px;
	padding:0;
	margin:0 10px;
}

#subcol #rightmenu #editor dd{
	width:210px;
	line-height:14px;
	font-size:75%;
	margin:2px 10px 5px 10px ;
	padding:0;
}

#subcol #rightmenu #mobile{
	display:inline-table;
	height:70px;
	margin:0;
}
#subcol #rightmenu div#mobile{
	width:210px;
	padding:5px;
	margin:0;
	font-size:11px;
	line-height:18px;
}
#subcol #rightmenu #mobile .qr{
	float:left;
	padding:0;
	margin:0 5px 5px 0;
}
#subcol #rightmenu #campaign {
	padding:5px;
	height:85px;
	clear:both;
	display:inline-table;
}
#subcol #rightmenu #camapaign_photo{
	padding-left:5px;
}

#subcol #rightmenu #mobile_text{
	padding:0 0 5px 5px;
	font-size:75%;
}

#subcol #rightmenu #special_salon {
	margin:5px;
	clear:both;
	display:inline-table;
	height:850px;
}
* html #subcol #rightmenu #special_salon {
	margin:5px;
}

#subcol #rightmenu #special_salon dl{
	margin:0;
	border-bottom:dotted 1px #A89786;
	float:left;
	padding:5px;
}

#subcol #rightmenu #special_salon dt{
	float:left;
	line-height:14px;
	font-size:85%;
	width:135px;
	margin-left:0;
}
#subcol #rightmenu #special_salon .salon_text{
	line-height:14px;
	font-size: 10px;
	font-weight:normal;
	margin:0;
}
#subcol #rightmenu #special_salon .salon_name{
	font-weight:bold;
	font-size: 12px;
	margin:3px 0;
}

#subcol #rightmenu #special_salon dd{
	float:right;
	width:70px;
	margin:-47px 0 0 135px;
}

#subcol #rightmenu #special_salon .photo_special{
	border:1px solid #CCC;
	padding:1px;
}



/* フッタ
---------------------------------------------------- */
#footer {
	clear:both;
	text-align: center;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline-table;
	line-height:19px;
}

/* リンク
---------------------------------------------------- */
A {
	TEXT-DECORATION: underline;
	color:#645946;

}
A:hover {
	TEXT-DECORATION: none;

}





/* サロンページのことだけ
---------------------------------------------------- */
.title01{
	font-size:16px;
	color:#e13860;
	border-left:6px solid #cccccc;
	padding-left:7px;
	font-weight:bold;
	line-height: 19px;
}
.bg03{
	background-color: #FFFFFF;
	border-left:6px solid #E55682;
}


/* テンプレ　特集用
---------------------------------------------------- */
#contents_tokushu{
	margin-left:15px;
	}




/* テキストだけ
---------------------------------------------------- */

.text11px_line15px{
	font-size:11px;
	line-height:15px;
	}
.text11px_line15px a{
	color:#f2617c;
	}
.text11px_line17px {
	font-size:11px;
	line-height:17px;
	color:#663300;
}
.text11px_line17px a{
	color:#663300;
	}


/* テキスト 調整*/
.text10px {
	font-size: 10px
}
.text10px_line13px {
	font-size: 10px;
	line-height: 13px;
}
.text11px {
	font-size: 11px
}
.text11px_line13px {
	font-size: 11px;
	line-height: 13px;
}
.text11px_line15px{
	font-size:11px;
	line-height:15px;
	}
.text11px_line15px a{
	color:#dd4d68;
	}
.text12px {
	font-size: 12px;
}
.text12px_line15px {
	font-size: 12px;
	line-height: 15px;
}
.text12px_line17px {
	font-size: 12px;
	line-height: 17px;
}
.text13px {
	font-size: 13px;
}
.text14px {
	font-size: 14px;
}
.text15px {
	font-size: 15px;
}
.text16px {
	font-size: 16px;
}
.text17px {
	font-size: 17px;
}
.text18px {
	font-size: 18px;
	line-height:23px;
}
.text19px {
	font-size: 19px;
}
.text20px {
	font-size: 20px;
	line-height:25px;
}
.text21px {
	font-size: 21px;
}
.text22px {
	font-size: 22px;
	line-height:23px;
}
.text25px {
	font-size: 25px;
	padding:3px 0px;
}