/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.kobu-ya.com/
File name:		layout.css
Summary:		base styles
Created:		2008-10-10
Last update:	2008-10-10 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2008 dabhand Inc.
--------------------------------------------------------------- */

/* Basis */
/* ------------------------------------------------------------ */
body {
	background-color: #2b1200;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	color: #2b1200;
	margin: 0px;
	padding: 0px;
}

div,
p,
span,
a,
img,
ul,
ol,
li,
dl,
dt,
dd {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px #f00 solid;
}

br {
	letter-spacing: 0;
}

/* テキストを表示させない */
/* ------------------------------------------------------------ */
.none {
	display: none;
}

/* Font size H_type */
/* ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

/* Font size */
/* ------------------------------------------------------------ */
.text10 { font-size: 10px;line-height: 1.5em;color: #000;}
.text12red { font-size: 12px;line-height: 1.5em;color: #c80000;}

/* Link */
/* ------------------------------------------------------------ */
a:link, a:visited {
	color: #2b1200;
	text-decoration: none;
}

a:hover, a:active {
	color: #2b1200;
	text-decoration: underline;
}

/* Margin */
/* ------------------------------------------------------------ */
.top_margin5 {
	padding-top: 5px;
	border: 0px #f0f solid;
}

.top_margin10 {
	padding-top: 10px;
	border: 0px #f0f solid;
}

.top_margin20 {
	padding-top: 20px;
	border: 0px #ff0 solid;
}

.top_margin30 {
	padding-top: 30px;
	border: 0px #ff0 solid;
}

.top_margin50 {
	padding-top: 50px;
	border: 0px #ff0 solid;
}

.top_margin700_0 {
	text-align: left;
	margin: 0px 0px 0px 75px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.top_margin700_5 {
	text-align: left;
	width: 700px;
	margin: 5px 75px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.top_margin700_10 {
	text-align: left;
	width: 700px;
	margin: 10px 75px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.top_margin700_20 {
	text-align: left;
	width: 700px;
	margin: 20px 75px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.top_margin700_30 {
	text-align: left;
	width: 700px;
	margin: 30px 75px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* Header */
/* ------------------------------------------------------------ */
#header {
	background: #f0e5d7 url(../images/head.gif) left top no-repeat;
	width: 850px;
	height: 130px;
	margin: 0px auto 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

#header #logo a {
	width: 130px;
	height: 130px;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	border: 0px #f0f solid;
}

#header h2 {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 30px 15px 0px 0px;
	padding: 0px;
	display: block;
	float: right;
	border: 0px #f0f solid;
}

/* Body */
/* ------------------------------------------------------------ */
#container {
	clear: both;
	background-color: #f0e5d7;
	text-align: center;
	width: 850px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.pagetop {
	clear: both;
	width: 90px;
	margin: 30px 0px 0px 720px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* Footer */
/* ------------------------------------------------------------ */
#footer_list {
	clear: both;
	margin: 30px auto 0px;
	padding: 15px 0px 0px;
	display: block;
	border-top: 1px #000 solid;
}

#footer_list ul {
	list-style: none;
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer_list li {
	margin: 0px;
	padding: 0px;
	display: inline;
	border: 0px #ff0 solid;
}

.footer_text {
	clear: both;
	text-align: center;
	font-size: 11px;
	line-height: 1.5em;
	margin: 15px auto 0px;
	padding: 15px 0px 0px;
	display: block;
	border-top: 1px #bdaa9d solid;
}

address {
	clear: both;
	text-align: center;
	font-style: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px auto;
	padding: 15px 0px;
	display: block;
	border: 0px #ff0 solid;
}

.copyright_jp {
	font-size: 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/* Header menu */
/* ------------------------------------------------------------ */
.header_menu {
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #ff0 solid;
}

.header_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #ff0 solid;
}

.header_menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	border: 0px #f0f solid;
}

/* Bread crumb menu */
/* ------------------------------------------------------------ */
.bread_crumb {
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 2px #2B1200 solid;
}

.bread_crumb ul {
	list-style: none;
	font-size: 10px;
	line-height: 40px;
	color: #2b1200;
	height: 40px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #ff0 solid;
}

.bread_crumb li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	border: 0px #f0f solid;
}

.bread_crumb a:link,
.bread_crumb a:visited {
	color: #2b1200;
	text-decoration: none;
}

.bread_crumb a:hover,
.bread_crumb a:active {
	color: #2b1200;
	text-decoration: underline;
}

/* Title */
/* ------------------------------------------------------------ */
.title_bg {
	clear: both;
	background-color: #fff;
	margin: 1px 0px 0px;
	padding: 0px;
	display: block;
	border-top: 1px #2b1200 solid;
	border-bottom: 1px #2b1200 solid;s;
}

.title_bg .title {
	text-align: left;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.title_text_bg {
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px #2b1200 solid;
}

.title_text_bg .title_text {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	width: 700px;
	margin: 0px 75px;
	padding: 20px 0px;
	display: block;
	border: 0px #f00 solid;
}

.button_bg {
	clear: both;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.button_bg ul {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.button_bg li {
	width: 140px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	display: inline;
	border: 0px #f00 solid;
}

/* 新着情報 */
/* ------------------------------------------------------------ */
.info_title {
	clear: both;
	background-color: #2b1200;
	width: 700px;
	margin: 30px auto 0px;
	padding: 5px 19px;
	display: block;
	border: 1px #2b1200 solid;
}

.info_title h3 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.info_frame {
	text-align: left;
	width: 700px;
	margin: 0px auto;
	padding: 19px;
	display: block;
	border-left: 1px #2b1200 solid;
	border-right: 1px #2b1200 solid;
	border-bottom: 1px #2b1200 solid;
}

.info_frame td {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.info_frame img {
	width: 180px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* 昆ぶ家のこだわり */
/* ------------------------------------------------------------ */s
.care_layout {
	width: 850px;
	margin: 0px;
	padding: 0px;
}

.care_layout .td_underline {
	border-bottom: 1px #000 solid;
}

/* メニューのご紹介 */
/* ------------------------------------------------------------ */
.menu_layout td {
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	white-space: nowrap;
	padding: 5px 0px;
	border-top: 1px #000 solid;
}

.menu_layout .td_underline {
	border-bottom: 1px #000 solid;
}

.menu_layout2 p {
	font-size: 14px;
	line-height: 1.5em;
	color: #000;
	white-space: nowrap;
	margin: 10px 0px 0px;
	padding: 0px;
	border: 0px #000 solid;
}

.menu_layout2 .menu_sub_ruby {
	font-size: 9px;
	line-height: 1.5em;
	color: #000;
	margin-bottom: -10px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

.menu_layout2 span {
	font-size: 14px;
	line-height: 1.5em;
	color: #ac3234;
	margin: 0px;
	padding: 0px;
	border: 0px #000 solid;
}

.menu_sub_text {
	font-size: 10px;
	line-height: 1.5em;
	color: #875d3f;
	margin: 5px 0px 0px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

.menu_sub_text2 {
	text-align: left;
	font-size: 11px;
	color: #170f68;
	margin: 0px 0px 5px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

.menu_sub_ruby {
	font-size: 9px;
	line-height: 1.5em;
	color: #000;
	margin: 0px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

.menu_cap {
	text-align: left;
	font-size: 10px;
	color: #000;
	margin: 5px 0px 0px;
	padding: 0px;
	display: block;
	border: 0px #000 solid;
}

.menu_cap_frame {
	text-align: center;
	font-size: 10px;
	color: #000;
	width: 350px;
	margin: 20px 0px 0px;
	padding: 5px 0px;
	display: block;
	border: 1px #000 solid;
}

.menu_text_nowrap {
	color: #000;
	margin: 0px;
	display: inline;
	float: left;
	border: 0px #000 solid;
}

.menu_cap_frame2 {
	text-align: center;
	font-size: 10px;
	color: #000;
	margin: 0px 0px 0px 10px;
	padding: 0px 5px;
	display: inline;
	float: left;
	border: 1px #000 solid;
}

.text_middle {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	vertical-align: middle;
	border: 0px #000 solid;
}

.menu_cap_frame3 {
	text-align: center;
	color: #000;
	margin: 20px 0px 0px;
	padding: 5px 0px;
	display: block;
	border: 1px #000 solid;
}

.menu_cap_frame3 td {
	text-align: left;
	font-size: 10px;
	color: #000;
	margin: 0px;
	padding: 0px;
	border: 0px #000 solid;
}

/* 店舗のご案内 */
/* ------------------------------------------------------------ */
#shop_bg {
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	border-top: 1px #2b1200 solid;
	border-bottom: 1px #2b1200 solid;
}

#shop_layout {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
	border-right: 1px #2b1200 solid;
}

#shop_layout th {
	background-color: #2b1200;
	width: 205px;
	padding: 0px;
	border: 0px #f00 solid;
}

#shop_layout td {
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	width: 495px;
	padding: 0px;
	border: 0px #f00 solid;
}

#shop_layout .shop_address {
	text-align: left;
	margin: 0px;
	padding: 5px 0px 5px 20px;
	display: block;
	border-bottom: 1px #3f2b19 solid;
}

#shop_layout .shop_businesshours {
	text-align: left;
	margin: 0px;
	padding: 5px 0px 0px 20px;
	display: block;
	border: 0px #f00 solid;
}

#shop_layout .map {
	margin: 10px 0px 0px;
	padding: 10px 20px;
	display: inline;
	float: right;
	border: 0px #f00 solid;
}

/* プライバシーポリシー */
/* ------------------------------------------------------------ */
.privacypolicy_text {
	clear: both;
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	width: 700px;
	margin: 10px 75px 0px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* 名物料理ご紹介 */
/* ------------------------------------------------------------ */

#cuisine_layout_bg1 {
	background: #fff url(../images/cuisine_bg1.jpg) left top no-repeat;
	width: 712px;
	height: 284px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#cuisine_layout_bg2 {
	background: #fff url(../images/cuisine_bg2.jpg) left top no-repeat;
	width: 712px;
	height: 284px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#cuisine_layout_bg3 {
	background: #fff url(../images/cuisine_bg3.jpg) left top no-repeat;
	width: 712px;
	height: 284px;
	margin: 30px auto 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.cuisine_text {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	width: 265px;
	margin: 60px 27px 0px 420px;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

/* お問い合わせフォーム */
/* ------------------------------------------------------------ */
#inquiry table {
	width: 700px;
	margin: 10px auto 0px;
	padding: 0px;
	border: 0px #f00 solid;
}

#inquiry th {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	width: 135px;
	padding: 0px;
	border: 0px #f00 solid;
}

#inquiry td {
	text-align: left;
	font-size: 12px;
	width: 545px;
	padding: 0px 10px;
	border: 0px #f00 solid;
}

.type1 {
	width: 200px;
}

.type2 {
	width: 8em;
}

.type3 {
	width: 3em;
}

.type4 {
	width: 100%;
}

.type1,.type2,.type3,.type4 {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	padding: 2px;
}

select {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

.submit {
	margin-top: 20px;
	border: 0px #f00 solid;
}

.submit button {
	cursor: pointer;
	cursor: hand;
	background-color: #f0e5d7;
	border-style: none;
}

.type1:focus,.type2:focus,.type3:focus,.type4:focus {
	border-color: #2b1200;/* フォーカス時のボーダーの色を指定 */
	background-color: #fff;/* フォーカス時の背景色を指定 */
}

.error_text {
	text-align: left;
	width: 660px;
	margin: 0px auto;
	padding: 0px;
	display: block;
	border: 0px #f00 solid;
}

.error_text2 {
	color: #f00;
}

.error_text ul {
	margin: 0px;
	padding: 0px;
	border: 0px #0f0 solid;
}

.error_text li {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	border: 0px #00f solid;
}

.error_text td {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0px;
}