@charset "shift_jis";
/*----------------------------
  CSS S.Kanamori Document 2008.09
  Last Update 09.03.11 S.Chiaki


　├ 共通設定
	　└ パンくずナビ

　├ サロンメニュー
　├ サロンのご案内
	　├ 受賞リスト
	　├ サロンのご案内
	　├ サロンまでの行き方
	　└ お近くのサロンを探す

　├ 料金表
　├ サロンカレンダー

	　├ カレンダー
	　└ 最新情報
	
　├ 会社概要
　├ サイトマップ
　├ プライバシーポリシー
　└ はじめての方へ

----------------------------*/

@import "common.css";
@import "calendar.css";


/*####################　共通設定　####################*/

#Main h3 {
	clear:both;
	}

#Main .contentsBox {
	margin:0 0 30px 0;
	}

#Main .contentsBox h3 {
	width:592px;
	height:36px;
	margin:0 0 20px 0;
	}


/*　パンくずナビ
-------------------------------------*/
#TopicPath {
	width:595px;
	margin:0 0 15px 5px;
	padding:12px 0 0;
	font-size:10px;
	zoom:1;
	}

#TopicPath ol{
	list-style:none;
	}

	#TopicPath ol:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#TopicPath ol li{
	float:left;
	white-space:nowrap;
	}

	#TopicPath ol li a:hover{ text-decoration:underline; }





/*####################　サロンメニュー　####################*/

#PageMenu #Main .contentsBox h3 {
	background:url(../../menu/img/title-menu.gif) 0 0 no-repeat;
	margin:0 0 10px;
	width:600px;
	height:40px;
	}
#PageMenu #Main .contentsBox h3 a{
 	display:block;
	width:73px;
	height:20px;
	padding:10px 0 0;
	margin:0 0 0 515px;
	text-indent:-9999px;
	} 

#PageMenu #Main .contentsBox dl{
	width:600px;
	}

	#PageMenu #Main .contentsBox dl dt{
	display:inline;
	float:left;
	width:290px;
	height:110px;
	margin:0 10px 11px 0;
	overflow:hidden;
	}
	
	#PageMenu #Main .contentsBox dl dt a{
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	height:110px;
	text-indent:-9999px;
	}
	
	#PageMenu #Main .contentsBox dl dt.menu01 a{ background-image:url(../../menu/img/menu_01.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu02 a{ background-image:url(../../menu/img/menu_02.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu03 a{ background-image:url(../../menu/img/menu_03.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu04 a{ background-image:url(../../menu/img/menu_04.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu05 a{ background-image:url(../../menu/img/menu_05.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu06 a{ background-image:url(../../menu/img/menu_06.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu07 a{ background-image:url(../../menu/img/menu_07.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu08 a{ background-image:url(../../menu/img/menu_08.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu09 a{ background-image:url(../../menu/img/menu_09.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu10 a{ background-image:url(../../menu/img/menu_10.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu11 a{ background-image:url(../../menu/img/menu_11.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu12 a{ background-image:url(../../menu/img/menu_12.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu13 a{ background-image:url(../../menu/img/menu_13.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu14 a{ background-image:url(../../menu/img/menu_14.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu15 a{ background-image:url(../../menu/img/menu_15.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu16 a{ background-image:url(../../menu/img/menu_16.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu17 a{ background-image:url(../../menu/img/menu_17.jpg); }
	#PageMenu #Main .contentsBox dl dt.menu18 a{ background-image:url(../../menu/img/menu_18.jpg); }

	#PageMenu #Main .contentsBox dl dd{
	display:none;
	}


/*####################　サロンのご案内　####################*/

#PageAbout #Main .contentsBox p {
	margin:0 0 10px 0;
	}

/*　受賞リスト
-------------------------------------*/
#PageAbout #Main .contentsBox .prizeList {
	background:url(../../about/img/wall-oricon2.gif) no-repeat left bottom;
	width:590px;
	padding:0 0 15px 0;
	overflow:hidden;
	}

	#PageAbout #Main .contentsBox .prizeList ul {
	background:url(../../about/img/wall-oricon1.gif) no-repeat left top;
	width:400px;
	_width:590px;
	min-height:130px;
	_height:150px;
	padding:20px 10px 0 190px;
	}
	
	#PageAbout #Main .contentsBox .prizeList ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
	#PageAbout #Main .contentsBox .prizeList ul li{
	display:inline;
	float:left;
	border-right:1px solid #663300;
	margin:0 0 7px;
	padding:0 7px 0;
	line-height:1.1;
	color:#663300;
	white-space:nowrap;
	}
	
	#PageAbout #Main .contentsBox .prizeList ul li.end{
	border:none;
	}
	
	

/*　サロンのご案内
-------------------------------------*/
#PageAbout #Main .contentsBox h4 {
	margin:0 0 5px 5px;
	font-size:14px;
	}

#PageAbout #Main .contentsBox .guideBox {
	width:290px;
	padding:0 10px 0 0;
	}

	#PageAbout #Main .contentsBox .guideBox p{
	margin:0 0 10px 0;
	text-align:center;
	}


#PageAbout table {
	width:592px;
	margin:0 0 30px 0;
	}

	#PageAbout table th{
	background:url(../img/line_01.gif) repeat-x left bottom;
	width:100px;
	padding:10px 3px;
	text-align:left;
	line-height:1.5;
	}

	#PageAbout table th span{
	background:url(../img/arrow_01.gif) no-repeat left center;
	padding:0 0 0 12px;
	}

	#PageAbout table td {
	background:url(../img/line_01.gif) repeat-x left bottom;
	width:205px;
	padding:10px 3px;
	line-height:1.5;
	}

	#PageAbout table td span {
	background:url(../img/ico-freetel.gif) no-repeat left center;
	padding:0 0 0 28px;
	}

	*:first-child+html #PageAbout table td span {
	background:url(../img/ico-freetel.gif) no-repeat 0 2px;
	}


	#PageAbout table td ol{
	margin-left:17px;
	float:none;
	clear:both;
	list-style: disc;
	
	}
	#PageAbout table td strong{ color:#555;}

	#PageAbout table td span.tel{
	background:url(../img/ico-tel.gif) 0 1px no-repeat;
	min-height:13px;
	display:block;
	padding-left:28px;
	}

	#PageAbout table td span.freetel{
	background:url(../img/ico-freetel.gif) 0 1px no-repeat;
	min-height:13px;
	display:block;
	padding-left:28px;
	}




#PageAbout #Main .contentsBox .mapBox {
	width:282px;
	margin:-15px 10px 0 0;
	}

	#PageAbout #Main .contentsBox .mapBox dl{
	background:#f9f7f0;
	width:266px;
	_width:282px;
	margin:;
	padding:8px;
	zoom:1;
	}

	#PageAbout #Main .contentsBox .mapBox dl:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#PageAbout #Main .contentsBox .mapBox dl dt{
	display:inline;
	float:left;
	width:90px;
	}

	#PageAbout #Main .contentsBox .mapBox dl dd{
	display:inline;
	float:left;
	width:175px;
	padding:5px 0 0 0;
	}




/*　サロンまでの行き方
-------------------------------------*/
#PageAbout #Main .wayBox {
	margin:0 0 30px 0;
	zoom:1;
	}

	#PageAbout #Main .wayBox:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#PageAbout #Main .wayBox h3 {
	margin:0 0 30px 0;
	}


#PageAbout #Main .wayBox .routeBox{
	display:inline;
	float:left;
	width:180px;
	margin:0 0 10px 0;
	}

	#PageAbout #Main .wayBox .routeBox p{
	}
	
	#PageAbout #Main .wayBox .routeBox p.photo{
	border:1px solid #CCCCCC;
	width:178px;
	_width:180px;
	height:178px;
	margin:0 0 5px 0;
	text-align:center;
	}

#PageAbout #Main .wayBox .arrowBox{
	display:inline;
	float:left;
	width:22px;
	padding-top:85px;
	text-align:center;
	}


#PageAbout .contentsBox .mapBox{ text-align:center;}
#PageAbout .contentsBox .mapBox div.printWrap{
	clear:both;
	zoom:1;
	margin-right:5px;
	padding:0 0 10px 0;	
	}
	#PageAbout .contentsBox .mapBox div.printWrap:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	
	#PageAbout .contentsBox .mapBox p.print{
	margin:5px 0 10px 0;
	padding:3px 0 0 0;
	text-align:right;
	display:inline;
	}

	#PageAbout .contentsBox .mapBox p.print a{
	background:url(../img/arrow_02.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	}
	
	#PageAbout .contentsBox .mapBox p.print a:hover{
	text-decoration:underline;
	}



/*　お近くのサロンを探す
-------------------------------------*/
#PageAbout #SalonList {
	clear:both;
	background:url(../../about/img/wall-salonlist.gif) no-repeat 0 0;
	width:590px;
	height:166px;
	margin:0 0 15px 0;
	}

#PageAbout #SalonList h2,
#PageAbout #SalonList p {
	display:none;
	}

#PageAbout #SalonList dl {
	margin:0 0 0 17px;
	}

	#PageAbout #SalonList dl dt {
	display:inline;
	float:left;
	width:88px;
	height:100px;
	margin:0 5px 0 0;
	padding:48px 0 0 0;
	}
	
	#PageAbout #SalonList dl dt a{
	display:block;
	height:100px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	
	#PageAbout #SalonList dl dt.list01 a{ background-image:url(../../about/img/wall-salon01.jpg); }
	#PageAbout #SalonList dl dt.list02 a{ background-image:url(../../about/img/wall-salon02.jpg); }
	#PageAbout #SalonList dl dt.list03 a{ background-image:url(../../about/img/wall-salon03.jpg); }
	#PageAbout #SalonList dl dt.list04 a{ background-image:url(../../about/img/wall-salon04.jpg); }
	#PageAbout #SalonList dl dt.list05 a{ background-image:url(../../about/img/wall-salon05.jpg); }
	#PageAbout #SalonList dl dt.list06 a{ background-image:url(../../about/img/wall-salon06.jpg); }
	
	#PageAbout #SalonList dl dd {
	display:none;
	}


/*####################　料金表　####################*/


#PageFee #Main .contentsBox p {
	margin:10px 25px 0 5px;
	font-size:12px;
	}
	
#PageFee #Main .contentsBox p.btn{ text-align:right;
	margin:0 10px 0 5px;
}	


#PageFee #Main .contentsBox p.linkA {
	margin:5px 0 5px 5px;
	font-size:12px;
	}

#PageFee #Main .contentsBox p.linkB {
	margin:5px 20px 25px 0;
	font-size:12px;
	text-align:right;
	}

#PageFee #Main .contentsBox span {
	font-size:10px;
	}

/*####################　料金表新 11.4.4　####################*/

#PageFee #Main .contentsBox h3 {
	margin:25px 0 5px 0;}
#PageFee #Main .contentsBox table {
	margin:10px 0;
	width:590px;}

#PageFee #Main .contentsBox table th {
	text-align:center;
	font-size:12px;
	background-color:#fe9222;
	padding:8px;
	color:#ffffff;}
	#PageFee #Main .contentsBox table th.menu { text-align:left; padding-left:20px;}
#PageFee #Main .contentsBox table td {
	font-size:12px;
	padding:8px 10px;
	border-bottom:#b87728 dotted 1px;
	color:#343434;}
	#PageFee #Main .contentsBox table td span { font-size:10px;}
	#PageFee #Main .contentsBox table td strong { font-weight:normal; color:#f4645f; border:#f4645f solid 1px; font-size:10px; padding:2px;}
	#PageFee #Main .contentsBox table td.time { text-align:center;}
	#PageFee #Main .contentsBox table td.price { text-align:right; padding-right:20px;}
	#PageFee #Main .contentsBox table td a { text-decoration:underline;}

#PageFee #Main .contentsBox#Bridal table p {
	margin-left:0px;
	margin-right:0px;}
	#PageFee #Main .contentsBox#Bridal table td.text {
		background-color:#e3e3e3;}
	#PageFee #Main .contentsBox#Bridal table td strong {
		font-size:12px;
		border:none;
		font-weight:bold;
		color:#f4645f;}

/*####################　サロンカレンダー　####################*/

#PageCalender #Main p {
	width:585px;
	margin:0 10px 40px 5px;
	line-height:1.7;
	}


/*　カレンダー
-------------------------------------*/
#PageCalender .calenderBox {
	margin:0 0 30px 0;
	}

#PageCalender .calenderBox h4{
	display:inline;
	float:left;
	width:315px;
	margin:0 0 5px 5px;
	font-size:16px;
	}

#PageCalender .calenderBox ul {
	display:inline;
	float:right;
	width:265px;
	margin:0 15px 0 0;
	}
	
	#PageCalender .calenderBox ul li{
	display:inline;
	float:right;
	}
	
	#PageCalender .calenderBox ul li a:hover {
	text-decoration:underline;
	}

#PageCalender #Main .calenderBox p.holiday {
	margin-bottom:15px;
	text-align:right;
	}

#PageCalender .calenderBox table {
	clear:both;
	width:588px;
	_width:590px;
	border-right:1px solid #e7e4de;
	border-bottom:1px solid #e7e4de;
	margin:0 0 7px 0;
	}

	#PageCalender .calenderBox table th {
	background:#f5f5f5;
	border-top:1px solid #e7e4de;
	border-left:1px solid #e7e4de;
	width:80px;
	padding:10px 5px;
	text-align:center;
	vertical-align:middle;
	}

	#PageCalender .calenderBox table th.sat { background:#d3ebf8; }
	#PageCalender .calenderBox table th.sun { background:#ffedf2; }
	#PageCalender .calenderBox table td.sat { background:#f6fdfe; }
	#PageCalender .calenderBox table td.sun { background:#fff9fa; color:#ff6666; }
	#PageCalender .calenderBox table td.holiday { background:#f8f8f8; color:#999999; }

	#PageCalender .calenderBox table td {
	border-top:1px solid #e7e4de;
	border-left:1px solid #e7e4de;
	width:80px;
	min-height:50px;
	padding:5px 5px 15px;
	font-family:Verdana;
	vertical-align:top;
	}
	
	#PageCalender .calenderBox table td img{
	padding-top:3px;
	_margin-top:3px;
	}



/*　最新情報
-------------------------------------*/
#PageCalender #Main .contentsBox {
	position:relative;
	}

#PageCalender #Main .contentsBox h3.new {
	background:url(../img/title-info.gif) no-repeat 0 0;
	margin:0 0 15px 0;
	text-indent:-9999px;
	font-size:0;
	}

#PageCalender #Main .contentsBox ul {
	position:absolute;
	top:8px;
	right:19px;
	width:110px;
	}

	#PageCalender #Main .contentsBox ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#PageCalender #Main .contentsBox ul li {
	display:inline;
	float:left;
	width:40px;
	margin:0 0 0 14px;
	}

	#PageCalender #Main .contentsBox ul li a{
	display:block;
	height:20px;
	text-indent:-9999px;
	}


#PageCalender .contentsBox table {
	border:none;
	width:592px;
	}

	#PageCalender .contentsBox table th {
	background:url(../img/line_01.gif) repeat-x left bottom;
	width:110px;
	padding:7px;
	vertical-align:middle;
	font-weight:normal;
	}
	
	#PageCalender .contentsBox table td {
	background:url(../img/line_01.gif) repeat-x left bottom;
	padding:7px;
	text-align:left;
	}

		#PageCalender .contentsBox table td a {
		display:block;
		}
	
		#PageCalender .contentsBox table td a:hover {
		text-decoration:underline;
		}
	
	#PageCalender .contentsBox table td.title a {
	background:url(../img/arrow_02.gif) no-repeat 0 2px;
	padding:0 10px 0 20px;
	line-height:1.5;
	}

	#PageCalender .contentsBox table td.date {
	width:5em;
	font-family:Verdana;
	}



/*####################　会社概要　####################*/
#PageCompany #Main .contentsBox a:hover{ text-decoration:underline;}
#PageCompany #Main .contentsBox h3 {
	margin:0 0 20px;
	}
#PageCompany #Main .contentsBox h3.enkaku{
	margin:0 0 5px;
	}

#PageCompany #Main .contentsBox p {
	margin:0 0 20px;
	}

#PageCompany #Main  p.tRight{ margin:0 20px 0 0; padding:0; text-align:right; color: #555;}


#PageCompany #Main .contentsBox table {
	width:590px;
	border-right:1px solid #e0dcd7;
	border-bottom:1px solid #e0dcd7;
	margin:0 0 35px 0;
	}

	#PageCompany #Main .contentsBox td {
	border-top:1px solid #e0dcd7;
	border-left:1px solid #e0dcd7;
	padding:10px 7px 10px 15px;
	line-height:1.6;
	}

	#PageCompany #Main .contentsBox td.c01 { background:#f2efea; }
	#PageCompany #Main .contentsBox td.c02 { background:#f7f6f4; }
	#PageCompany #Main .contentsBox td.c03 { background:#f8f7f4; }
	#PageCompany #Main .contentsBox td.c04 { background:#fcfcfa; }

	#PageCompany #Main .contentsBox td a:hover{
	text-decoration:underline;
	}

/*沿革*/
#PageCompany #Main table#History{
	border: solid 1px #EAD6C8;
	border-bottom:none;
	width:588px;
	margin:10px 0 35px 0;
	}

#PageCompany #Main table#History td{
	text-align:left;
	padding:2px 10px;
	border:none; 
	border-bottom: solid 1px #EAD6C8;
	margin:0;
	}
	#PageCompany #Main table#History td p{
	margin:0;
	padding:0 0 2px 10px;
/*	background:url(../img/arrow_03.gif) 0 4px no-repeat;
*/	padding:0 0 2px 10px;
	} 



#PageCompany #Main table#History th{
	padding:5px 10px;
	border:none; 
	border-bottom: solid 1px #EAD6C8;
	text-align:top; 
	margin:0;
	}


	#PageCompany #Main .contentsBox ul{ margin:15px 0 35px;}
	#PageCompany #Main .contentsBox li{
	background:url(../img/arrow_01.gif) 0 4px no-repeat;
	padding:0 0 0 15px;
	margin:0 30px 3px;

	}	

/*####################　サイトマップ　####################*/

#PageSitemap {
	}

#PageSitemap #Main {
	}

#PageSitemap #Main .contentsBox {
	margin:0 0 30px 0;
	padding-top:20px;
	}

#PageSitemap .contentsBox ul {
	width:520px;
	_width:490px;
	margin:0 20px 10px;
	line-height:1.7;
	}

	#PageSitemap .contentsBox ul li {
	background:url(../img/arrow_02.gif) no-repeat 0 4px;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	}

	#PageSitemap .contentsBox ul li ul{
	}
	
	#PageSitemap .contentsBox ul li ul li{
	background:url(../img/arrow_01.gif) no-repeat 0 7px;
	margin:0 0 3px 0;
	padding:0 0 0 15px;
	}


/*####################　プライバシーポリシー　####################*/

#PagePolicy {
	}
	
#PagePolicy .contentsBox h3{
	background:url(../img/wall-titile.gif) no-repeat left center;
	width:572px;
	_width:592px;
	height:36px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:14px;
	line-height:36px;
	} 

#PagePolicy .contentsBox p {
	width:585px;
	margin:0 10px 18px 5px;
	line-height:1.7;
	}

#PagePolicy .contentsBox ul {
	width:520px;
	margin:0 10px 18px 25px;
	line-height:1.7;
	}

	#PagePolicy .contentsBox ul li {
	background:url(../img/arrow_01.gif) no-repeat 0 7px;
	margin:0;
	padding:0 0 0 15px;
	}


/*####################　はじめての方へ　####################*/

#PageFirst {
	}
	
#PageFirst #Main .contentsBox h3{
	padding:0;
	} 
#PageFirst #Main .contentsBox h4{ margin-bottom:15px;}
#PageFirst #Main .contentsBox div{
	background:url(../../first/img/back_line.gif) 0 0 repeat-y;
	clear:both;
	margin:0;
	padding:0 0 30px; 
	}

#PageFirst #Main .contentsBox div:after{
	display:block;
	content:".";
	visibility:hidden;
	clear:both;
	height:0;
	}	
	#PageFirst #Main .contentsBox div p.photo{
	display:inline;
	float:left;
	width:250px;
	text-align:right;
	margin:0 15px 0 0;
	}
	#PageFirst #Main .contentsBox div p.tel{
	background:url(../../first/img/step01_tel.gif) 0 0 no-repeat;
	width:335px;
	height:22px;
	text-indent:-9999px;
	float:right;
	margin:20px 0 3px;
	}
	#PageFirst #Main .contentsBox div p.attention{
	background:url(../../first/img/step05_txt.gif) 0 0 no-repeat;
	width:528px;
	height:40px;
	text-indent:-9999px;
	margin:0 0 0 40px;
	padding:0;
	}


	#PageFirst #Main .contentsBox div p{ margin:10px 20px 10px 45px ; line-height:1.6;}
	#PageFirst #Main .contentsBox div p.mail{ margin:0 0 3px;}
	#PageFirst #Main .contentsBox div p.contact{ margin:0 0 25px;}
	
	
	#PageFirst #Main .contentsBox div ul{ margin:0 10px 0 65px ;}
	#PageFirst #Main .contentsBox div li{
	background:url(../img/arrow_01.gif) 0 5px no-repeat;
	padding:0 10px;
	}

/*#PageFirst #Main .contentsBox div p{ clear:both; margin:13px 20px 0 55px; padding-bottom:45px;}*/



#PageFirst #Main .contentsBox .endTxt{
	background:url(../../first/img/txt.gif) 0 0 no-repeat;
	width:590px;
	height:74px;
	text-indent:-9999px;
	}
	
	
/*　スタッフメッセージ
-------------------------------------*/

#Main .entryBox .photoBox h3{
	margin:0 0 0 10px;
	padding:0;
	}
#Main .entryBox .photoBox {
	clear:both;
	}
#Main .entryBox .photoBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}	
	#Main .entryBox .photoBox p.photo{
	display:inline;
	float:right;
	width:120px;
	margin:0 0 10px 0;
	text-align:center;
	}
	#Main .entryBox .photoBox p.photo img{
	margin-bottom:5px;
	}

#Main .entryBox .messageBox {
	padding:0 10px 0 5px;
	border-bottom:#999999 dotted 1px;
	margin-bottom:15px;
	}

	#Main .entryBox .messageBox p {
	margin:5px 0 15px 10px;
	line-height:1.6;
	}
	
#Main .entryBox .messageBox .certifying p { 
	color:#cc6600;
	line-height:1.4;
	}

#Main #StaffBox {
	margin-bottom:25px;}

#Main #StaffBox ul { margin:0 10px;}
#Main #StaffBox ul li {
	background:url(../img/arrow_02.gif) 0 0 no-repeat;
	padding-left:20px;}
	 

	
/*end*/