@charset "utf-8";

/* CSS Document */



/*共通スタイルシート読み込み*/

@import url("common.css");



/*LPO導入その1*/

#lpo01{
	width:735px;/*ダミーのため本アップの際には削除*/
	margin-bottom:10px;

}

/*LPO導入その2*/

#lpo02{

	width:735px;

	height:90px;/*ダミーのため本アップの際には削除*/

	margin-bottom:10px;

}



#top01{

	width:735px;

	padding-bottom:10px;

}



/*キャンペーンバナー・カレンダー・QRコードを囲む大枠*/

#top01 div.left{

	float:left;

	width:400px;

}

#top01 div.left p{
	padding-bottom: 10px;

}

/*Vitale for hairの見出し*/

#top01 div.left h3{

	padding:10px 0 5px;

}

/*カレンダー・QRコードの部分を囲む大枠*/

#top01 div.left div{

	width:390px;

	padding:0 0 0 10px;

	font-size:80%;

}



/*カレンダーの設定*/

#top01 div.left div.left{
	float:left;
	width:210px;
	padding:0;

}

table.calender{

	width:100%;

	border:none;

	font-family:Arial, Helvetica, sans-serif;

}

table.calender caption{

	caption-side:top;

	text-align:center;

	background-color:#937803;

	color:#ffffff;

	padding:0.1em;

}

table.calender th,

table.calender td{

	width:14%;

	border-bottom:1px solid #fbf1df;

	border-right:1px solid #fbf1df;

	text-align:center;

}

/*定休日の背景設定*/

table.calender td.close{

	background-color:#ffcc99;

}

/*注意

■土曜日と日曜日のカラー設定はcommon.cssで設定*/



/*QRコード*/

#top01 div.left div.right{
	float:left;
	width:140px;
	padding:20px 0 0 40px;
	font-size:100%;

}



/*LPO導入その3のためのスペース*/

#top01 div#lpo03{

	float:right;

	width:330px;

	height:340px;/*ダミーのため本アップの際には削除*/

}

/*LPO導入その4*/

#lpo04{

	width:400px;

	height:70px;/*ダミーのため本アップの際には削除*/


}

#top_right {
	float: right;
	width: 320px;
}

div.lpo03{
	width:310px;
	height:235px;
	padding-left: 10px;
	background-color: #FBF1DF;

}

.lpo03 dl{
	width:310px;
	height:235px;
	color:#836631;
	overflow:auto;
	padding-top:5px;

}

.lpo03 dt {
	list-style-type:none;
	float:left;
	padding-bottom:0.4em;
	width:40px;
	text-align: right;
}


.lpo03 dd {
	list-style-type:none;
	float:left;
	padding-bottom:0.4em;
	width:235px;
	padding-left:10px;

}

#top_f_box{
	display: block;
	height: 260px;
	width: 320px;
	margin-bottom: 20px;
}