@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:200px;

	padding:0;

	font-size:100%;

}

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:0 0 0 40px;

	font-size:100%;

}



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

#top01 div#lpo03{

	float:right;

	width:330px;

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

}

/*LPO導入その4*/

#lpo04{

	width:400px;

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


}