@charset "utf-8";


/* 【飲食店、くつろぎスポット用スタイルシート】
-----------------------------------------------------------------*/

#intro {
	color:#555555; /* ← 文字色 */
	background-color: #FFFFFF;

	width: 760px;
	padding: 0 0 5px 0;

	margin:0;
	border-top: 0px solid #FF0000;
	border-right: 0px solid #FF0000;
	border-left: 0px solid #FF0000;
	border-bottom: 0px solid #FF0000;
}





#prmry01 {
	float: left;
	width: 200px;
	height: 350px;
	margin: 5px 0; /* 上下方向にマージンを指定 */
	background-color: #FFFFFF;
}




#scndry01 {
	float: right;
	width: 548px;
	margin: 0 0 5px 0; /* 上下方向にマージンを指定 */
	background-color: #FFFFFF;
	border: 1px solid #FF0000;
}







/* 見出しと段落
---------------------------------------------*/

/* font-sizeプロパティの計算値は継承するため、body要素に指定したフォントサイズが
   以下（↓）の h2 要素に対しても反映される。 */
/* 例えば h2（↓）は body でいったん 75% になったフォントの、117% サイズ。 */


#prmry01 h2 {
	height: 18px;
	color: #FFFFFF;
	background-color: #FFA000;
	padding: 2px 5px;
	margin: 0 0 6px 0;
}




#scndry01 h2 {
	display: block;
	/*　float: right;　*/
	width: 499px;
	height: 15px;
	line-height: 10px; /* ← 行ボックスの高さを固定 */
	overflow: hidden; /* ← はみ出した内容を隠すように指定 */

	font-size: 117%;
	color: #333333;
	background-color: #FFFFFF;
	border-left: 39px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	margin: 0;
	padding: 8px 5px 0 5px;
}






/* dining ナビゲーション
---------------------------------------------*/
#navi01 {
	float: right;
	width: 560px;
	margin: 5px 0;
}
#navi01 ul {
	list-style: none; /* ← リストのマーカー（黒丸）を表示させないように指定 */
	margin: 0;
	padding: 0px;
	height: 23px;
	overflow: hidden; /* ← はみ出した内容を隠すように指定 */
	/*　border-bottom: 2px solid #CCCCCC;　*/
}
#navi01 li {
	float: right;
	width: 90px;
	margin: 0 0 0 2px;
	padding: 0;
}
#navi01 a {
	display: block; /* ← 本来インライン要素であるa要素には、ボックス幅を指定することはできませんが、こうしてブロックレベル要素として表示させることで……『上級レイアウト』p.85参照。*/
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	padding: 3px 0 8px 0;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../dining/images/b_navi.gif); /* オフマウス時の背景画像を指定 */
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration: none; /* ← リンクの下線を表示させないように指定。*/
	text-align: center;
}
#navi01 a:hover {
	color: #333333;
	background-color: #297E27; /* オンマウス時の背景色を指定 */
	background-position: right top; /* オンマウス時の背景画像の開始位置を右上に指定 */
}





/* 店の紹介ボックス
---------------------------------------------*/

/* 店の紹介ボックス
---------------------------------------------*/

.section {
	/*　background: #FFFFFF url(../dining/images/shop/mino02.jpg) left top no-repeat;　*/
	margin: 10px 0 0 0;
	padding: 0 0 5px 10px;
	border-bottom: 1px solid #FF0000;
}


.name {
	float: left;
	width: 282px;
	height: 24px;
	font-size: 150%;
	overflow: hidden; /* ← はみ出した内容を隠すように指定 */
}


.section th {
	font-size: 160%;
	font-weight: normal;
}
.section th small {
	font-size: 60%;
}
.section td img{
	border: 0;
	background:url(images/b0detail_b.gif) top right no-repeat;
}
.section td a{
	display: block;
	width: 100%; /* ← Windows Internet Explorer対策のため、ボックスの幅を指定。*/
	height: 24px;
}
.section td a:hover {
	background-color: transparent;
}
.section td a:hover img{
	visibility: hidden;
}