@charset "Shift_JIS";

/* ------------------------------------------------------------*/
/* ------------------------- COMMON ------------------------ */
/* ------------------------------------------------------------*/

/*		font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;		*/

body{
	margin: 0;
	padding: 0;
	line-height:1.37;
	font-family: sans-serif;
	color : #000 ;
	background: url(../image/bg_all.gif) left top;
}
table {
	border-collapse:collapse;
}
div {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.6;
}
h2,h3,h4{
	color:#c03;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	font-size:1.3em;
	margin:5px 0 30px;
}

h3 {
	font-size:1.1em;
	margin:0 0 10px;
	line-height:1.3em;
}

h4 {
	font-size:1.0em;
	margin:0;
	padding:0;
}

h5 {
	font-size:1.0em;
	margin:0 0 5px;
}

h6 {
	font-size:1em;
	margin:0 0 5px;
}

img{
	border : 0; 
	vertical-align: bottom;
}

p{
	margin: 0 0 20px;
}

.noscreen {
	display:none;
}

.clear {
	clear:both;
}

.empty {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.empty-2 {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
}

a:link {text-decoration:underline; color:#33c;}
a:visited {text-decoration:underline; color:#90c ;}
a:hover {text-decoration:underline; color:#f03 ;}

/* ------------------------------------------------------------*/
/* ------------------------ CONTAINER --------------------- */
/* ------------------------------------------------------------*/
#container {
	margin:10px 0 10px;
	padding:0;
	width:100%;
	text-align:center;
}

#body-820 {
	width:820px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#body-820 td.c-data {
	margin:0;
	padding:10px;
	background: url(../image/bg_edge.gif) repeat left top;
}
#body-800 {
	width:800px;
	margin:0;
	padding:0;
	background-color:#fff;
}
#ribon {
	background: url(../image/bg_ribon_01.gif) no-repeat left top;
}
#ribon-dw {
	background: url(../image/bg_ribon_02.gif) no-repeat right bottom;
	padding:15px;
}

#ribon-hbn {
	background: url(../image/bg_ribon_hbn01.gif) no-repeat left top;
}
#ribon-hbn-dw {
	background: url(../image/bg_ribon_hbn02.gif) no-repeat right bottom;
	padding:15px;
}
#body-800 td {
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------*/
/* --------------------------- HEADER ---------------------- */
/* ------------------------------------------------------------*/
#header {
	margin:0;
	padding:0;
}
#header td {
	margin:0;
	padding:0;
}
#header h1 {
	display:block;
	width:420px;
	height:58px;
	margin:2px 0 0 5px;
	padding:0;
	line-height:1;
}
#header img.hch{
	width:374px;
	height:18px;
	margin:7px 0 5px 20px;
	padding:0;
}
#header img.tch{
	float:right;
	width:192px;
	height:12px;
	margin:5px 0 0;
	padding:0;
}
#header img.cch{
	float:right;
	width:157px;
	height:14px;
	margin:7px 0 0;
	padding:0;
}
#header img.hch-hbn{
	width:374px;
	height:18px;
	margin:2px 0 5px 5px;
	padding:0;
}
#header img.cch-hbn{
	float:right;
	width:285px;
	height:13px;
	margin:6px 0 0;
	padding:0;
}

/* ------------------------- 本文用 --------------------- */
#header h1.hbn {
	display:block;
	width:282px;
	height:40px;
	margin:0;
	padding:0;
	line-height:1;
}


/* ------------------------------------------------------------*/
/* ------------------------- CONTENTS --------------------- */
/* ------------------------------------------------------------*/
#contents{
	width:770px;
	margin:5px 0 10px;
	padding:0;
}
#contents td{
	margin:0;
	padding:0;
}
/* ------------------------- TopFlash --------------------- */
#top-flash {
	margin:0 0 7px;
}


/* ------------------------------------------------------------*/
/* ----------------------------- NAVI ----------------------- */
/* ------------------------------------------------------------*/
ul.t-navi{
	list-style:none;
	margin:0;
	padding:0;
}
ul.t-navi li{
	width:182px;
	height:30px;
	margin:0 0 2px;
	padding:0;
}
ul.t-navi li.shohin {
	/*height:210px;*/
	height:181px;
	background: url(../image/btn_03_bottom.gif) no-repeat left bottom;
}
ul.t-navi li a {
	display:block;
	width:182px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden; 
}
/* ------------------------- 商品紹介用 --------------------- */
ul.t-navi-s{
	list-style:none;
	margin:0;
	padding:28px 0 0;
	background: url(../image/btn_03_head.gif) no-repeat left top;
}
ul.t-navi-s li {
	width:182px;
	height:29px;
	margin:0;
	padding:0;
}
ul.t-navi-s li a {
	display:block;
	width:182px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden; 
}
/* ------------------------- ナビボタン個別設定 --------------------- */
ul.t-navi li.info a {
	background: url(../image/btn_01_a.gif) no-repeat left top;
}
ul.t-navi li.koda a {
	background: url(../image/btn_02_a.gif) no-repeat left top;
}
ul.t-navi li.cpny a {
	background: url(../image/btn_04_a.gif) no-repeat left top;
}
ul.t-navi li.link a {
	background: url(../image/btn_05_a.gif) no-repeat left top;
}

ul.t-navi li.info a:hover {
	background: url(../image/btn_01_b.gif) no-repeat left top;
}
ul.t-navi li.koda a:hover {
	background: url(../image/btn_02_b.gif) no-repeat left top;
}
ul.t-navi li.cpny a:hover {
	background: url(../image/btn_04_b.gif) no-repeat left top;
}
ul.t-navi li.link a:hover {
	background: url(../image/btn_05_b.gif) no-repeat left top;
}

ul.t-navi li.info a.selected,ul.t-navi li.info a.selected:hover {
	background: url(../image/btn_01_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi li.koda a.selected,ul.t-navi li.koda a.selected:hover {
	background: url(../image/btn_02_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi li.cpny a.selected,ul.t-navi li.cpny a.selected:hover {
	background: url(../image/btn_04_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi li.link a.selected,ul.t-navi li.link a.selected:hover {
	background: url(../image/btn_05_c.gif) no-repeat left top;
	cursor:default;
}
/* ------------ ナビボタン［商品紹介］個別設定 ------------ */
ul.t-navi-s li.gn a {
	background: url(../image/btn_03_01_a.gif) no-repeat left top;
}
ul.t-navi-s li.ns a {
	background: url(../image/btn_03_02_a.gif) no-repeat left top;
}
ul.t-navi-s li.sk a {
	background: url(../image/btn_03_03_a.gif) no-repeat left top;
}
ul.t-navi-s li.tc a {
	background: url(../image/btn_03_04_a.gif) no-repeat left top;
}
ul.t-navi-s li.tk a {
	background: url(../image/btn_03_05_a.gif) no-repeat left top;
}
ul.t-navi-s li.ks a {
	background: url(../image/btn_03_06_a.gif) no-repeat left top;
}

ul.t-navi-s li.gn a:hover {
	background: url(../image/btn_03_01_b.gif) no-repeat left top;
}
ul.t-navi-s li.ns a:hover {
	background: url(../image/btn_03_02_b.gif) no-repeat left top;
}
ul.t-navi-s li.sk a:hover {
	background: url(../image/btn_03_03_b.gif) no-repeat left top;
}
ul.t-navi-s li.tc a:hover {
	background: url(../image/btn_03_04_b.gif) no-repeat left top;
}
ul.t-navi-s li.tk a:hover {
	background: url(../image/btn_03_05_b.gif) no-repeat left top;
}
ul.t-navi-s li.ks a:hover {
	background: url(../image/btn_03_06_b.gif) no-repeat left top;
}

ul.t-navi-s li.gn a.selected,ul.t-navi-s li.gn a.selected:hover {
	background: url(../image/btn_03_01_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi-s li.ns a.selected,ul.t-navi-s li.ns a.selected:hover {
	background: url(../image/btn_03_02_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi-s li.sk a.selected,ul.t-navi-s li.sk a.selected:hover {
	background: url(../image/btn_03_03_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi-s li.tc a.selected,ul.t-navi-s li.tc a.selected:hover {
	background: url(../image/btn_03_04_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi-s li.tk a.selected,ul.t-navi-s li.tk a.selected:hover {
	background: url(../image/btn_03_05_c.gif) no-repeat left top;
	cursor:default;
}
ul.t-navi-s li.ks a.selected,ul.t-navi-s li.ks a.selected:hover {
	background: url(../image/btn_03_06_c.gif) no-repeat left top;
	cursor:default;
}


/* ------------------------------------------------------------*/
/* ---------------- TOP［お知らせ部分］ ------------------ */
/* ------------------------------------------------------------*/
#topics-body {
	margin:0 0 24px;
	padding: 0;
}
#topics-body td {
	margin:0;
	padding: 0;
}
#topics td {
	height:180px;
	background: url(../image/topics_bg.gif) no-repeat left bottom;
}
p.detail {
	font-size:0.9em;
	text-align:left;
	margin:0;
	padding:7px  0 5px 20px;
}
p.detail a {
	margin:0;
	padding:0 0 0 16px;
	background: url(../image/ya_red.gif) no-repeat left center;
}

/* ------------------------------------------------------------*/
/* ---------------- 本文［コンテンツ部分］ ---------------- */
/* ------------------------------------------------------------*/
#hbn-contents {
	width:100%;
}
#hbn-contents td.hbn-head {
	padding:0 20px 10px 20px;
}
td#hbn-bottom {
	padding:34px 0 0;
	text-align:right;
}
/* ------ ［このページの先頭へ］ ---- */
#hbn-bottom a {
	margin-right:20px;
	padding-right:20px;
	background: url(../image/ya_up.gif) no-repeat right center;
	font-size:0.75em;
}

.hbn-data td {
	margin:0;
	padding:20px;
}
p.topic-path {
	margin:0 0 10px;
	padding:0 0 7px;
	font-size:0.75em;
	line-height:1.3em;
	border-bottom: dotted 1px #ca8269;
}
#hbn-contents h2 {
	margin:5px 0 0;
	padding:0;
	line-height:1.3em;
}
.hbn-data {
	width:100%;
	margin:0 0 14px;
	padding:0;
}
/* ---------------- 本文［ごあいさつ］ ---------------- */
#hbn-top-data {
	width:520px;
	margin:0 0 20px 20px;
}
#hbn-top-data td p {
	margin:0 0 12px;
	font-size:0.9em;
	line-height:1.6em;
}
/* ---------------- 本文［会社概要］ ---------------- */
#hbn-gaiyo {
	width:100%;
	margin:0 0 20px;
	font-size:0.9em;
	line-height:1.4em;
	border-bottom: solid 1px #c96;
}
#hbn-gaiyo td.mds{
	width:15%;
	padding:5px 10px 5px 0;
	text-align:right;
	border-top: solid 1px #c96;
	white-space: nowrap;
}
#hbn-gaiyo td.hbn{
	padding:5px 0 5px 10px;
	border-top: solid 1px #c96;
}
#hbn-gaiyo td.photo{
	padding:5px 0 5px 10px;
	border-top: solid 1px #c96;
}

h3.g-mds {
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.1em;
	margin:20px 0 10px;
	line-height:1.3em;
	color:#2E8B57;
}

/* ---------------- 本文［懐かし村］ ---------------- */
#hbn-contents h2.g-mds {
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:1.4em;
	line-height:1.3em;
	color:#2E8B57;
	margin:20px 0 14px;
}
#hbn-nks {
	width:100%;
	margin:0 0 20px;
	font-size:85%;
	line-height:1.4em;
	border-bottom: solid 1px #c96;
}
#hbn-nks td{
	padding:5px 0 5px 10px;
	border-top: solid 1px #c96;
}

#hbn-kodawari-shiki {
	width:100%;
	margin:0 0 20px;
	font-size:90%;
	line-height:1.4em;
	border-bottom: solid 1px #c96;
}
#hbn-kodawari-shiki td{
	padding:5px 0 5px 10px;
	border-top: solid 1px #c96;
}
#hbn-kodawari-shiki td.mds{
	width:70px;
	text-align:center;
}
#hbn-kodawari-shiki td.mds h4{
	font-size:1.4em;
}


/* ---------------- 本文［直営店ご案内］ ---------------- */
#hbn-shop {
	width:540px;
	margin:0px;
}
#hbn-shop td.left {
	width:260px;
	margin:0;
	font-size:0.9em;
	line-height:1.4em;
}
#hbn-shop td.right {
	width:280px;
	margin:0;
	font-size:0.9em;
	line-height:1.3em;
}
p.shop-data{
	margin:0;
	padding:0 0 4px;
}
p.shop-info {
	width:540px;
	margin:0;
	padding:10px 0 0;
	font-size:0.9em;
	line-height:1.3em;
}
/* ---------------- 本文［製品ページ］ ---------------- */
table.hbn-seihin {
	width:540px;
	margin:0;
	padding:0;
}
table.hbn-seihin td.left {
	text-align:right;
	width:170px;
	margin:0;
	font-size:0.9em;
}
table.hbn-seihin td.right {
	width:360px;
	margin:0;
}

table.hbn-seihin td.left img {
	margin:0 0 3px;
}
table.hbn-seihin td p {
	margin:0;
	padding:0;
}
table.hbn-seihin td p.se-mds {
	font-size:0.85em;
	line-height:1.4em;
	color:#c03;
}
table.hbn-seihin td h3 {
	margin:3px 0 5px;
	font-size:1.4em;
	font-family : "平成明朝","HeiseiMincho","ＭＳ Ｐ明朝", "MS PMincho", "MS Mincho", serif;
	color:#8B0000;
}
img.new {
	margin:0 0 5px;
}
table.hbn-seihin td p.se-hbn {
	margin:0 0 5px;
	font-size:0.9em;
	line-height:1.4em;
}
table.hbn-seihin td p.se-data {
	margin:5px 0 5px;
	padding:5px 0 0;
	font-size:0.8em;
	line-height:1.4em;
	color:#008000;
	border-top: dotted 1px #363;
}
img.go-ya{
	float:right;
}
/* ---------------- 本文［小山のこだわり・麺ものがたり］ ---------------- */
table.hbn-kodawari {
	width:100%;
	margin:0;
}
table.hbn-kodawari  p{
	margin:0;
	padding:7px 0 10px;
	font-size:0.9em;
	line-height:1.6em;
}
table.koda-4-box {
	margin:0 0 10px;
	width:240px;
}
table.koda-4-box td p {
	margin:0;
	padding:0 0 0 10px;
	font-size:0.9em;
	line-height:1.4em;
}
table.koda-box {
	margin:0 0 10px;
}
table.koda-box h4 {
	margin:0 0 10px 10px;
}
table.koda-box td p {
	margin:0;
	padding:0 0 0 10px;
	font-size:0.9em;
	line-height:1.4em;
}

img.men-st-p {
	float:right;
	margin: 0 0 10px 14px;
}
/* ---------------- 本文［プライバシーポリシー］ ---------------- */
table.hbn-kodawari dt{
	font-size:0.9em;
	line-height:1.4em;
	font-weight:bold;
}
table.hbn-kodawari dd{
	font-size:0.9em;
	line-height:1.4em;
}


/* ---------------- トピックス［詳細ページ］ ---------------- */
table.topics-data {
	width:500px;
	margin:0 20px 20px;
	font-size:0.9em;
	line-height:1.4em;
}
table.topics-data td h3 {
	width:500px;
	margin:10px 0 0;
	font-size:1.4em;
}
table.topics-data td p {
	margin:0;
	padding: 0 0 10px;
}
p.t-days {
	text-align:right;
}
table.p-box {
	margin:0 0 14px;
	padding: 0;
}
/* ------------------------------------------------------------*/
/* ---------------------- お知らせ一覧 ---------------------- */
/* ------------------------------------------------------------*/
#news-top{
	width:480px;
	font-size:0.9em;
	line-height:1.6em;
	text-align:left;
}

#news-top .days {
	margin-left:10px;
	color:#316745;
}
#news-top .news-link a {
	margin-left:14px;
}

/* ---------- ご予約・お問合せフォーム ---------- */
p.order-hbn {
	padding: 0 0 10px 30px;
	font-size:0.9em;
	line-height:1.4;
}
#order-tbl {
	width:100%;
	border-collapse: collapse;
	border:0;
	font-size:0.9em;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.6;
}
#order-tbl td.tbl-mds {
	width:30%;
	margin:0;
	padding: 5px 10px 5px 0;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	text-align:right;
	background: url(../02_info/image/od_mds_bg.gif) repeat left top;
}
#order-tbl td.tbl-hbn {
	width:70%;
	margin:0;
	padding: 5px 0 5px 10px;
	border-top: solid 1px #ccc;
	background: url(../02_info/image/od_hbn_bg.gif) repeat left top;
}
p.order-cmt {
	margin:3px 0 0;
	font-size:0.8em;
}
#order-tbl td.order-btn {
	margin:0;
	padding: 5px 0;
	text-align:center;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

/* ------------------------------------------------------------*/
/* --------------------------- FOOTER ---------------------- */
/* ------------------------------------------------------------*/
#footer {
	margin:0;
	padding:0;
}
#footer td {
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.3em;
}
#footer td p.f_name {
	font-size:1.2em;
	color:#603;
	margin:0 0 7px;
}
#footer td p.f_add {
	margin:0;
	padding:0 0 7px;
}

p.pvp{
	font-size:0.83em;
	text-align:right;
	margin:0;
	padding:0 0 7px;
}
p.pvp a {
	margin:0;
	padding:0 30px 0 16px;
	background: url(../image/ya_red.gif) no-repeat left center;
}
p.pvp a.toppage {
	padding:0 50px 0 16px;
}
#footer td.crd {
	margin:0;
	padding:7px 0 3px;
	font-size:0.75em;
	line-height:1.3em;
	color:#663333;
	border-top: dotted 1px #ca8269;
}