@charset "utf-8";
/* CSS Document */

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;	
}

/*------------ 背景カラー（全体） ------------*/
body {
	background-color: #EEE2CC;
}

/*------------ 上部分の全体 ------------*/
#wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/main_back.jpg) repeat-y left top;
}

/*------------ ヘッダー ------------*/
#header {
	width: 760px;
	padding: 0 20px;
	background: url(../images/header_back.gif) repeat-x left top;
}

/*------------ ヘッダーロゴ ------------*/
#header h1#header_logo {
	padding: 30px 0 8px 0;
	float: left;
}

#header h1#header_logo a {
	display: block;
	width: 245px;
	height: 54px;
	text-indent: -9999px;
	background: url(../images/header_logo.jpg) no-repeat;
}

/*------------ ヘッダーボックス（右） ------------*/
#header .right {
	width: 500px;
	text-align: right;
}

#header h2#header_comment {
	padding: 3px 0 2px 0;
	_padding: 2px 0;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 10px;
}

#header h3#header_tel {
	padding: 0 10px 0 0;
}

/*------------ ナビゲーション ------------*/
ul#nav {
	width: 760px;
	height: 50px;
	padding: 0 20px;
	text-indent: -9999px;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	background-repeat: no-repeat;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#nav li#home a,
ul#nav li#shop a {
	width: 126px;
	height: 50px;
}

ul#nav li#kodawari a,
ul#nav li#unagi a,
ul#nav li#ayu a,
ul#nav li#district a {
	width: 127px;
	height: 50px;
}

ul#nav li#home a {
	background-image: url(../images/nav_home_off.jpg);
}

ul#nav li#kodawari a {
	background-image: url(../images/nav_kodawari_off.jpg);
}

ul#nav li#unagi a {
	background-image: url(../images/nav_unagi_off.jpg);
}

ul#nav li#ayu a {
	background-image: url(../images/nav_ayu_off.jpg);
}

ul#nav li#district a {
	background-image: url(../images/nav_district_off.jpg);
}

ul#nav li#shop a {
	background-image: url(../images/nav_shop_off.jpg);
}

/*------------ ナビゲーション（ロールオーバー時） ------------*/
ul#nav li#home a:hover {
	background-image: url(../images/nav_home_on.jpg);
}

ul#nav li#kodawari a:hover {
	background-image: url(../images/nav_kodawari_on.jpg);
}

ul#nav li#unagi a:hover {
	background-image: url(../images/nav_unagi_on.jpg);
}

ul#nav li#ayu a:hover {
	background-image: url(../images/nav_ayu_on.jpg);
}

ul#nav li#district a:hover {
	background-image: url(../images/nav_district_on.jpg);
}

ul#nav li#shop a:hover {
	background-image: url(../images/nav_shop_on.jpg);
}

/*------------ メインイメージ ------------*/
#image_visual {
	width: 760px;
	padding: 0 20px;
}

/*------------ コンテンツ ------------*/
#contents {
	width: 760px;
	padding: 0 20px;
	background: url(../images/contents_back.gif) repeat-y left top;
}

/*------------ サイドコンテンツ ------------*/
#side_contents {
	width: 170px;
	font-size: 10px;
	float: left;
}

/*------------ 店舗情報 ------------*/
#shop_info {
	margin: 0 9px 23px 9px;
	padding: 0 0 15px 0;
	border-bottom: #63482b 1px dotted;
}

#shop_info h3 {
	padding: 15px 0 7px 0;
	font-size: 14px;
}

#shop_info ul {
	padding: 0 0 15px 0;
}

#shop_info ul li {
	padding: 0 0 5px 0;
	font-size: 10px;
}

/*------------ モバイル ------------*/
#mobile {
	text-align: center;
	background: url(../images/side_back.jpg) repeat-x left top;
}

#mobile p#QR {
	padding: 6px 11px;
}


/*------------ メインコンテンツ ------------*/
#main_contents {
	width: 570px;
	padding: 20px 0 0 20px;
	float: right;
}

/*------------ コンテンツボックス ------------*/
.contents_box {
	padding: 10px 0 15px 0;
}

.contents_box2 {
	padding: 20px 20px 0 20px;
}

.contents_box3 {
	padding: 20px 0;
}

/*------------ 見出し ------------*/
#main_contents h3.sub_title {
	padding: 5px;
	color: #FFFFFF;
	font-size: 14px;
	background: url(../images/subtitle_back.jpg) no-repeat;
}

h4.sub_title2 {
	padding: 0 0 0 17px;
	font-size: 14px;
	background: url(../images/icon_red_circle.gif) left center no-repeat;
}

/*------------ 赤枠 ------------*/
#redline_box {
	border: #8a2a03 3px solid;
}

/*------------ 赤字 ------------*/
.red_title,
.red_title2 {
	font-weight: bold;
	color: #cc3300;
}

.red_title {
	font-size: 14px;
}

/*------------ 灰字 ------------*/
.gray_title,
.gray_title2 {
	font-weight: bold;
	color: #3c3c3c;
}

.gray_title {
	font-weight: bold;
}

/*------------ 赤枠内値段 ------------*/
#redline_box dl {
	padding: 0 0 5px 0;
}

#redline_box dl dt {
	float: left;
	width: 120px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #cc3300;
}

#redline_box dl dd {
	margin-left: 120px;
	padding: 0 0 0 8px;
	font-weight: bold;
	font-size: 14px;
	color: #3c3c3c;
}

/*------------ 料理リスト ------------*/
.menu_list li {
	width: 180px;
	padding: 0 14px 0 0;
	_padding: 0 12px 0 0;
	float: left;
	display:block;
}
.pic li {
	height:130px;
}

.menu_list li.last {
	padding-right: 0;
}

/*------------ バナーリスト ------------*/
ul#banner_list {
	padding: 0 0 20px 0;
}

ul#banner_list li {
	float: left;
}

.right9 {
	padding-right: 9px;
}

/*------------ アクセスリスト ------------*/
ul#info_list {
	padding: 10px 0 15px 0;
}

dl#access_list {
	border-top: #432107 1px dashed;
}

dl#access_list dt {
	padding: 15px 0 0 8px;
	font-size: 12px;
	font-weight: bold;
	color: #cc3300;
	background: url(../images/icon_red_allow.gif) left 17px no-repeat;
}

/*------------ 写真枠 ------------*/
.photo {
	padding: 1px;
	border: #A4A4A4 1px solid;
}

/*------ リンク色（コンテンツ全体） ------*/
#contents a {
	color: #336600;
}

#contents a:hover {
	color: #;
}

#contents a:visited {
	color: #;
}

/*------------ フッター全体 ------------*/
#footer {
	width: 780px;
	padding: 10px 10px 50px 10px;
	color: #FFFFFF;
	background-color: #432107;
}

/*------------ フッター ------------*/
#footer ul#text_nav {
	font-size: 10px;
	border-left: #FFFFFF 1px solid;
	float: left;
}

#footer ul#text_nav li {
	padding: 0 5px;
	border-right: #FFFFFF 1px solid;
	display: inline;
}

#footer ul.text_nav li.last {
	border-right: #FFFFFF 1px solid;
}

#footer ul.text_nav a:hover {
	text-decoration:underline;
}

#footer address {
	font-size: 10px;
	float: right;
}

/*------ リンク色（フッター） ------*/
#footer #text_nav a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer #text_nav a:hover {
	text-decoration: underline;
}

#footer #text_nav a:visited {
	color: #;
}

/*------------ red ------------*/
.red {
	color: #FF0000;
}

/*------------ top10px ------------*/
.top10 {
	padding-top: 10px;
}

/*------------ top15px ------------*/
.top15 {
	padding-top: 15px;
}

/*------------ top20px ------------*/
.top20 {
	padding-top: 20px;
}

/*------------ top15px ------------*/
.btm15 {
	padding-bottom: 15px;
}

/*------------ bottom40px ------------*/
.btm40 {
	padding-bottom: 40px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}