/* 共通スタイル */
body{
	width:100%;
	background-image:url("../img/bg.gif");
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Arial;
}
div.flame{ /* 全体枠 */
	width:790px;
	min-height:600px; /* flex */
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:white;
	margin:auto;
}
div.header{ /* ヘッダ */
	width:100%;
	height:100px;
	margin:0px;
	background-image:url(../img/topbg.jpg);
	/*background-color:beige;*/
	padding:0px;
}
div.toplogo{ /* トップのロゴ表示 */
	float:left;
	margin:12px 0px 0px 4px;
	width:450px;
	height:85px;
	background-image:url(../img/logo.png);
}
div.topinfo{ /* トップの店舗情報部 */
	margin:0px;
	text-align:right;
	padding:34px 12px 4px 0px;
}
div.menuRibbon{ /* リボンメニュー */
	width:100%;
	height:25px;
	margin:0px;
	border-style:solid;
	border-color:black;
	border-width:1px 0px 1px 0px;
	padding:0px;
}
a.topnavi div{ /* リボンメニュー部のボタン枠 */
	height:100%;
	min-width:50px;
	padding:0px 12px;
	margin:0px;
	border-style:dashed;
	border-color:black;
	border-width:0px 1px 0px 0px;
	float:left;
	text-align:center;
	color:black;
}
a:hover.topnavi div{ /* リボンメニュー部のボタン枠 / マウスオーバー時 */
	height:100%;
	min-width:50px;
	padding:0px 12px;
	margin:0px;
	border-style:dashed;
	border-color:black;
	border-width:0px 1px 0px 0px;
	float:left;
	text-align:center;
	color:black;
	background-color:mistyrose;
}

a.topnavi div p{ /* リボンメニュー部のボタン枠内テキスト */
	margin:5px 0px 2px 0px;
	min-height:0px;
	font-weight:bold;
	padding:0px;
}
div.leftmenu{ /* 左メニュー */
	width:25%;
	margin:0px;
	/*background:whitesmoke;*/
	padding:0px;
	float:left;
}
div.content{ /* コンテンツ部 */
	width:75%;
	min-height:600px;
	margin:0px;
	float:left;
	padding:0px;
}
div.footer{ /* フッタ */
	width:98%;
	height:100px;
	/*background-color:beige;*/
	border-style:solid;
	border-color:black;
	border-width:1px 0px 0px 0px;
	margin:6px auto 0px;
	clear:both;
	padding:0px;
}
div.totop{ /* フッタ拡張 上へ戻る部 */
	margin:24px auto 0px;
	text-align:right;
	padding:0px 12px 0px 0px;
}
div.totop a{
	font-size:12px;
}
div.leftmenublock{ /* 左メニュー枠 */
	width:179px;
	margin:0px auto 12px 6px;
	padding:6px 6px 6px 0px;
	border-style:solid;
	border-color:black;
	border-width:0px 1px 1px 0px;
	background-color:white;
}
h1{ /* ヘッドライン１ */
	border-style:solid;
	border-color:lightsteelblue;
	border-width:0px 0px 0px 12px;
	background-color:aliceblue;
	padding:8px 0px 6px 6px;
	font-size:18px;
	font-weight:bold;
	margin:12px 6px 6px 6px;
}
h2{ /* ヘッドライン２ */
	border-style:solid;
	border-color:lightsteelblue;
	border-width:0px 0px 1px 12px;
	padding:4px 0px 2px 6px;
	font-size:16px;
	font-weight:bold;
	margin:12px 6px 6px 12px;
}
h3{ /* ヘッドライン3 */
	border-style:solid;
	border-color:lightsteelblue;
	border-width:0px 0px 1px 0px;
	padding:4px 0px 2px 12px;
	font-size:14px;
	font-weight:normal;
	margin:12px 6px 6px 18px;
}
h6{ /* 左メニューのヘッドライン */
	width:180px;
	margin:6px auto 0px 6px;
	background-color:black;
	color:white;
	padding:4px 0px 2px 6px;
	font-size:14px;
	font-weight:bold;
	
}
p{ /* テキスト要素の基準レイアウト */
	padding:0px 6px 3px 24px;
	line-height:20px;
	font-size:14px;
}
a{ /* テキストリンクの基準スタイル */ 
	color:black;
}
a:hover{
	color:orangered;
}
.calender{ /* カレンダー表示用 */
	border-style:solid;
	border-color:black;
	border-width:1px;
	border-collapse:collapse;
	margin:6px auto 0px 6px;
	width:186px;
}

.calender td{
	border-style:solid;
	border-color:black;
	border-width:1px;
	text-align:center;
	vertical-align:middle;
}
.calender td.sun{
	background-color:mistyrose;
}
.calender td.sat{
	background-color:lightcyan;
}
.calender td.hol{
	background-color:orange;
}