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


　├ Flash
　├ メイン

	　├ テーブル
	　├ 最新情報
	　├ サロンのご案内
	　└ スタッフメッセージ


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

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


/*####################　Flash　####################*/

#Flash {
	background:#FFFFFF url(../../img/top-image.jpg) no-repeat 0 0;
	width:600px;
	height:389px;
	margin:0 0 30px 0;
	}

	#Flash h2,
	#Flash ul li {
	display:none;
	}


/*####################　メイン　####################*/

#Main .contentsBox {
	position:relative;
	width:592px;
	margin:0 4px 30px;
	}


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


/* テーブル */

table {
	border:none;
	}

	table th{
	background:url(../img/line_01.gif) repeat-x left bottom;
	border:none;
	padding:5px;
	font-weight:normal;
	}
	
	table td{
	background:url(../img/line_01.gif) repeat-x left bottom;
	border:none;
	padding:5px;
	text-align:left;
	}


/*　最新情報
-------------------------------------*/

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

#Main .contentsBox ul {
	position:absolute;
	top:8px;
	right:10px;
	width:170px;
	/*margin:-36px 0 20px 470px;*/
	}

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

	#Main .contentsBox ul li {
	display:inline;
	float:left;
	width:40px;
	margin:0 0 0 14px;
	}
	#Main .contentsBox ul li.bn{
	width:100px;
	}
	#Main .contentsBox ul li a{
	display:block;
	height:20px;
	text-indent:-9999px;
	}

table.table01 {
	width:592px;
	}

	table.table01 th {
	width:110px;
	padding:7px;
	vertical-align:middle;
	}
	
	table.table01 td {
	padding:7px;
	}	
		table.table01 td a:hover {
		text-decoration:underline;
		}
	
	table.table01 td.title a {
	background:url(../img/arrow_02.gif) no-repeat 0 2px;
	/*width:360px;*/
	padding:0 10px 0 20px;
	line-height:1.5;
	}

	table.table01 td.date {
	width:5em;
	font-family:Verdana;
	}


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

#Main .contentsBox h2.info {
	background:url(../img/titiel-about.gif) no-repeat 0 0;
	padding:10px 0 0 0;
	text-indent:-9999px;
	}
	
	#Main .contentsBox h2.info a {
	display:block;
	width:82px;
	height:18px;
	margin:0 0 0 500px;
	}

#Main .contentsBox h3 {
	margin:0 0 5px 5px;
	font-size:14px;
	}

#Main .contentsBox{
	zoom:1;
	clear:both;
	}
#Main .contentsBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Main .contentsBox .guideBox {
	display:inline;
	float:left;
	width:290px;
	width:300px;
	padding:0 0 0 0;
	}

table.table02 {
	width:290px;
	}

	table.table02 th{
	width:100px;
	padding:10px 3px;
	text-align:left;
	line-height:1.5;
	}

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

	table.table02 td {
	width:200px;
	padding:10px 3px;
	line-height:1.5;
	}


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

	table.table02 td span.freetel{
	background:url(../img/ico-freetel.gif) 0 1px no-repeat;
	min-height:13px;
	display:block;
	padding-left:25px;
	}
	
	table td ol{
	margin-left:17px;
	float:none;
	clear:both;
	list-style: disc;
	
	}
	table td strong{ color:#555;}

#Main .contentsBox .mapBox{
	display:inline;
	float:right;
	width:282px;
	margin:-15px 0 0 0;
	text-align:right;
	}

	#Main .contentsBox .mapBox p img{
	margin-bottom:10px;
	}

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

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


	#Main .contentsBox .mapBox dl{
	background:#f9f7f0;
	width:266px;
	_width:282px;
	margin:;
	padding:8px;
	margin-top:10px;
	text-align:center;	
	}

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

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

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


/*　スタッフメッセージ
-------------------------------------*/
#Main .contentsBox h2.mess {
	background:url(../img/titiel-message.gif) no-repeat 0 0;
	padding:10px 0 0 0;
	text-indent:-9999px;
	margin:0;
	_padding-bottom: 18px;
	}
	
	#Main .contentsBox h2.mess a {
	display:block;
	width:92px;
	height:18px;
	margin:0 0 0 492px;
	}

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

	#Main .contentsBox .photoBox p{
	display:block;
	min-height:145px;
	
	}

	#Main .contentsBox .photoBox dl{
	margin:10px 10px 10px;
	display:block;
	}
	#Main .contentsBox .photoBox dl dt{ text-align:right;}
	#Main .contentsBox .photoBox dl dd{
	color:#cc6600;
	margin:5px 0;
	}

#Main .contentsBox .messageBox {
	padding:0 10px 0 5px;
	}

	#Main .contentsBox .messageBox p {
	margin:5px 0 0 10px;
	line-height:1.6;
	}

/*end*/