@charset "UTF-8";
/*----------------------------------------------------------- 
CSS Document
Copyright 2009 i-ongroup.com All Rights Reserved.
-----------------------------------------------------------*/

/*------------
(1)共通
------------*/

*{margin:0; padding:0;}
html,body{
	width:100%;
	height:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	}
	
img {border:none; vertical-align:bottom; margin:0px;}
table{border-collapse:collapse;	line-height:1.3em;}
td {padding:0px; margin:0px;}

a {text-decoration:none;
	color:#006BB4;}
a:hover {color:#FF9900;}

/*オンマウスで画像表示*/
a.prank:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.prank span {display:none; padding:2px 3px; margin-left:8px; width: auto; height: auto;}
a.prank:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
/*オンマウスで画像表示*/

p {line-height:150%;
	margin:0px;
	padding:0px;
	color:#333;
	}

ul {list-style-position:inside;}
li {list-style-type:none;}
ol {list-style-position:inside;
	margin:0px 16px 0px 16px;}
ol li{list-style-type:decimal;
	margin:20px 0px;}

input,select,textarea {margin:3px 3px 3px 0px;
padding:0px 0px 0px 0px;
font-size:12px;}

input {line-height:15px;}

h1, h2, h3, h4{font-size:100%; margin:0px;}
h1, h2, h3 {
	font-weight:normal;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
	}


h1 {font-size:11px;
	color:#4d4d4d;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	}
	
h2 {font-size:18px;
	background:url(img/main_line.png) left bottom repeat-x;
	width:500px;
	padding:5px 0px 12px 0px;
	font-weight:normal;
	color:#171C61;
	margin:0px 0px 15px 10px;
	}

h3 {font-size:16px;
	color:#fff;
	padding:25px 0px 0px 0px;
	margin:0px 0px 35px 0px;
	display:block;
	}

h4 {color:#171C61;
	font-size:14px;
	margin:20px 0px 15px 0px;
	}
	
/*FLOAT解除*/
.clearfix:after {/*モダンブラウザ用*/
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	}
.clearfix {/*IE7、IE6、MacIE5.5用*/
	display:inline-table;
	}
	/*IE6以前用（IE6以前はmin-heightプロパティはサポート外）
	（*html Starハック）*/
	/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
	/* End hide from IE-mac */

.clear{clear:both;}   
.clear hr{display:none;}  



/*------------
(2)大枠
------------*/

#conteiner {width:850px;
	margin:0px auto;
	text-align:center;}

#wrap {width:850px;
	padding:0px;
    margin-left:auto;
    margin-right:auto;
	text-align:left;
	}

#left {width:158px;
	margin:0px;
	padding:0px 0px 50px 0px;
	}

#main {width:512px;
	padding:0px 15px;
	}
	
#right {
	width:126px;
	background-color:#e6e8e0;
	padding:10px 12px 0px 12px;
	}
	
/*------------
(3)LEFT&RIGHT
------------*/
#left img {margin:7px 0px;}

#left #menu {margin:20px 0px 10px 0px;
	width:158px;
	}

#left #menu a {background:url(img/lbtn_off.png) left top no-repeat;
	width:145px;
	height:57px;
	display:block;
	line-height:57px;
	padding-left:13px;
	color:#000;
	font-family:font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
	font-size:13px;
	}

#left #menu a:hover {background:url(img/lbtn_on.png) left top no-repeat;
	color:#C61A22;
	}
	
/*山瀬追加menu_del*/	
#left #menu_del {margin:0px 0px 10px 0px;
	width:158px;
	}

#left #menu_del a {background:url(img/lbtn_pink_off.png) left top no-repeat;
	width:145px;
	height:31px;
	display:block;
	line-height:31px;
	padding-left:13px;
	color:#000;
	font-family:font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	}

#left #menu_del a:hover {background:url(img/lbtn_pink_on.png) left top no-repeat;
	color:#FF0066;
	}

#eve_box {background-color:#FFF9EE;
	width:156px;
	border:1px solid #D4B0A0;
	margin:10px 0px 20px 0px;
	padding:0px 0px 10px 0px;}

#eve_box strong {background-color:#E98700;
	width:156px;
	height:22px;
	display:block;
	color:#FFF;
	text-align:center;
	padding:5px 0px 0px 0px;
	}

#eve_box a {margin:0px 0px 10px 0px;
	font-size:14px;
	color:#1C2787;
	background:url(img/leve_off.png) left center no-repeat;
	display:block;
	margin:10px 0px 0px 14px;
	padding-left:10px;}

#eve_box a:hover {color:#2CA6E0;
	background:url(img/leve_on.png) left center no-repeat;
	}

#eve_box p{color:#6A3A0D;
	font-size:10px;
	width:133px;
	margin-left:14px;}
	
#commenu {width:158px;}

#commenu a {background:url(img/lico_off.png) left center no-repeat;
	font-size:12px;
	color:#000;
	padding-left:30px;
	display:block;
	margin:8px 0px 0px 0px;
	}

#commenu a:hover {background:url(img/lico_on.png) left center no-repeat;
	color:#0395F9;}
	
#ban_place {margin:15px 0px;
	border-top:1px dashed #999;
	padding-top:15px;
	}

#ban_place img {margin:0px 0px 10px 0px;}

/* TOPページ */
#top_right {background:url(img/top_right.png) left top no-repeat;
	width:150px;
	padding:120px 0px 40px 0px;
	text-align:center;
	}

#top_right strong {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;;
	color:#46210C;
	font-size:14px;
	font-weight:normal;
	display:block;
	margin:15px 0px 0px 0px;
	line-height:130%;
	}

#top_right p {
	margin:0px 8px 8px 15px;
	font-size:10px;
	color:#5B4A3F;
	text-align:left;
	line-height:130%;
	}

table.topics {width:493px;
	margin:0px auto;
	}

table.topics th {font-weight:normal;
	width:70px;
	text-align:left;}

table.topics td {padding:0px 0px 5px 5px;
	color:#333;}

table.topics td a {color:#FF1493;}
table.topics td a:hover {color:#E95711;}


/*------------
(4)MAIN
------------*/

#intro {width:485px;
	margin:0px auto;
	}

#intro p {float:right;
	margin:0px;}

.mwrap {width:465px;
	margin:15px auto 0px auto;
	}

.mwrap img {margin:0px 0px 5px 0px;}

#mwrap_b {width:485px;
	border-top:1px dashed #ccc;
	padding-top:15px;
	margin:25px auto 0px auto;}

#pnavi {font-size:10px;
	text-align:right;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	}

.box {background:url(img/main_h3.png) left top no-repeat;
	padding:0px 25px 0px 25px;
	margin:52px 0px 0px 0px;
	}

.box p {line-height:140%;
	margin:10px 0px 15px 0px;}

/* ボタン */
a.btn {background:url(img/btnbg_off.png) left center no-repeat;
	padding:8px 26px 0px 40px;
	margin:10px 0px 15px 0px;
	display:block;
	height:22px;
	color:#000;
	border:1px solid #CDB99A;
	}

a.btn:hover {background:url(img/btnbg_on.png) left center no-repeat;}

a.ico {background:url(img/ico_off.png) left center no-repeat;
	padding:1px 0px 0px 22px;
	margin:5px 0px 0px 0px;
	display:block;
	color:#333;
	}

a.ico:hover {background:url(img/ico_on.png) left center no-repeat; color:#00A9D9;}


/* レイアウト */
.f_left,.f_right {vertical-align:top;}
.f_left {float:left;}
.f_right {float:right}
.f_right img {margin:0px 0px 15px 0px;}
.t_right {text-align:right;
	display:block;
	padding-right:10px;
	margin:40px 0px 0px 0px;
	}
	
.t_center {text-align:center;
	display:block;
	margin:40px 0px 0px 0px;
	}

.t_left {display:block;
	margin:40px 0px 0px 0px;
	}

/* テーブル・ボックス */
.b_box_head {background:url(img/b_box_head.png) left top no-repeat; width:450px; height:22px;}
.b_box_foot {background:url(img/b_box_foot.png) left top no-repeat; width:450px; height:22px;}
.b_box_body {background:url(img/b_box_body.png) left top repeat-y; width:410px; padding:0px 20px; margin:0px; height:auto;}
.b_box_body p {margin:0px; padding:7px 0px 15px 0px;}

#r_box {
	width:auto;
	border:1px solid #C61A22;
	margin:0px;
	padding:0px;
	}

#r_box strong {background-color:#C61A22;
	width:auto;
	height:15px;
	display:block;
	color:#fff;
	text-align:left;
	text-size:11px;
	padding:5px 0px 3px 15px;
	}

#r_box p{color:#333;
	font-size:12px;
	width:190px;
	margin:12px 0px 8px 12px;
	line-height:140%;
	}
	

table.brown {width:100%;
	margin:0px 0px 0px 0px;
	}
	
table.brown th {background-color:#E6E6FA;
	text-align:center;
	color:#000;
	font-weight:normal;
	border:1px solid #C0C0C0;
	padding:5px 5px;
	/*padding:5px 28px;*/
	}
	
table.brown td {border:1px solid #C0C0C0;
	padding:5px 10px;
	font-size:13px;
	color:#FF3366;
	}

table.s10 {width:auto; margin:0px 0px 0px 10px;}
table.s10 td {padding:10px;
	border-bottom:1px dashed #999;}
	
/* 豆乳＆湯葉の効果 */
#eiyo {background:url(co_kouka/img/eiyo_bg.png) left top no-repeat;
	width:461px;
	height:144px;
	padding:20px 20px 0px 0px;
	margin:0px auto;
	}

#eiyo .koumoku {width:220px;
	margin:0px;
	display:block;
	}

#eiyo strong {background:url(co_kouka/img/eiyo_ico.png) left center no-repeat;
	padding:0px 0px 0px 15px;
	color:#008C98;
	margin:0px 0px 0px 22px;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	}

#eiyo p {color:#5B4A3F;
	font-size:11px;
	margin:0px 0px 10px 37px;
	}



/* ご注文と配送 */
#deli_amenu {background:url(co_delivery/img/deli_bar.png) left top no-repeat;
	width:500px;
	height:26px;
	font-size:10px;
	padding:4px 0px 0px 10px;
	margin:0px 0px 20px 5px;
	}

#deli_amenu a {color:#333;
	background:url(img/leve_off.png) left center no-repeat;
	padding-left:13px;
	display:inline;
	margin:0px 27px 0px 0px;
	}
	
#deli_amenu a:hover {color:#33CCFF;
	background:url(img/leve_on.png) left center no-repeat;}


/* イベントレポート */
#shimada {background:url(event/img/tbp/shimadasan.png) left top no-repeat;
	width:468px;
	height:190px;
	margin:30px 0px;
	}

#shimada p {padding:77px 0px 0px 0px;
	margin:0px 0px 0px 153px;
	line-height:135%;
	width:305px;}

#blog_a {background:url(event/img/tbp/blog01.jpg) left top no-repeat;
	width:456px;
	height:212px;
	margin:15px 0px 5px 0px;
	}

#blog_a p {padding:103px 0px 0px 0px;
	margin:0px 0px 0px 18px;
	width:420px;
	}

.blog_b {background:url(event/img/tbp/blog02.jpg) left top no-repeat;
	width:223px;
	height:179px;
	float:left;
	margin:0px 8px 0px 0px;
	}

.blog_b p {width:108px;
	font-size:11px;
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 106px;
	line-height:120%;
	}

#blog_c {width:456px;
	height:114px;
	background:url(event/img/tbp/blog04.jpg) left top no-repeat;
	}

#blog_c p{width:211px;
	padding:16px 0px 0px 0px;
	margin:0px 0px 0px 151px;
	font-size:11px;
	}

/* メディア掲載情報 */
.m_box {
	width:460px;
	border:1px solid #808080;
	margin:0px 0px 20px 0px;
	padding:0px;
	}

.m_box strong {background-color:#EDF9F3;
	width:auto;
	display:block;
	color:#1C6387;
	padding:13px 10px;
	border-bottom:1px solid #808080;
	}

.m_box p{color:#333;
	font-size:12px;
	width:232px;
	margin:12px 0px 12px 16px;
	line-height:140%;
	float:left;
	}

.m_box img {float:right;
	margin:10px 8px 10px 0px;}

ul.ico {margin:0px; padding:0px;}

/*
ul.ico li {background:url(img/ico_non.png) left center no-repeat;
	padding:0px 0px 0px 20px;
	magin:10px 0px 10px 0px;
	display:block;
	line-height:20px;
	}
*/

ul.ico li a {background:url(img/ico_off.png) left center no-repeat;
	display:block;
	color:#333;
	padding:0px 0px 0px 22px;
	magin:10px 0px 10px 0px;
	line-height:20px;
	list-style-position:outside;
	}

ul.ico li a:hover {background:url(img/ico_on.png) left center no-repeat; color:#00A9D9;}




/* みなさんの声 */
.anq {background:url(co_user/img/anq_01.png) left top no-repeat;
	width:460px;
	height:200px;
	border-bottom:1px dashed #ccc;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.anq p {padding:140px 0px 0px 0px;
	margin:0px 0px 0px 206px;
	width:240px;
	}

.voice {background:url(co_user/img/voice_bg.png) left top no-repeat;
	width:230px;
	height:141px;
	margin:10px 0px 0px 0px;
	}
	
.voice p {color:#2B2121;
	padding:0px 0px 0px 20px;
	width:190px;
	}

.voice strong {color:#B01A22;
	margin:0px 0px 5px 20px;
	padding:25px 0px 0px 0px;
	display:block;
	}

#voice_pro1,#voice_pro2 {width:195px;
	height:327px;
	padding:0px 16px;
	margin:15px 0px 0px 0px;
	}
	
#voice_pro1 {background:url(co_user/img/voice_bg3.png) left top no-repeat; float:left;}
#voice_pro2 {background:url(co_user/img/voice_bg2.png) left top no-repeat; float:right;}

#voice_pro1 p,#voice_pro2 p {color:#333;
	width:193px;
	}

#voice_pro1 strong,#voice_pro2 strong {font-size:14px;
	display:block;
	margin:0px 0px 10px 0px;
	padding:20px 0px 0px 0px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;;
	}

#voice_pro1 strong {color:#006BB4;}
#voice_pro2 strong {color:#BF1A47;}

/* 雛の使い方 */
#flash {width:465px;
	height:225px;
	margin:40px auto 10px auto;
	background-color:#ccc;
	border:1px solid #999;
	}

table.howto {width:460px;}
table.howto td {padding:15px 3px;
	border:0px solid #ccc;}
table.howto td p {font-size:12px;
	color:#333;
	width:235px;
	padding:0px 0px 0px 15px;
	}

table.howto strong {font-weight:bold;
	color:#008C98;
	display:block;
	margin:10px 0px 10px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dashed #999;
	font-size:14px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;;
	}

/* フォーム */
#formT {width:460px; border:1px dashed #ccc; padding:10px 0px 0px 15px; margin:0px 0px 0px 15px;}
#formT table th {text-align:left;
	color:#666;}
#formT p {line-height:125%;
	margin:5px 0px;
	color:#CC0033;
	font-size:11px;
	}

.goodstype {/*8/7山瀬作成 商品選択部分*/
	width: 241px; 
	margin:15px 0px 0px 15px; 
	height:127px;
	}
	
.er {/*11/17 山瀬作成 緊急予約用*/
	margin:25px 10px 0px 10px;
	padding:10px 0px 10px 0px;
	line-height: 18px;
	font-size:14px;
	color:#CC0033;
	font-weight:bold;
	border-bottom:1px solid #CC0033;
	border-top:1px solid #CC0033;
	}

table.kakunin {margin:0px 0px 0px 11px;}
table.kakunin th {border:1px solid #999;
	background-color:#FFE6CA;
	padding:5px 10px 5px 10px;
	text-align:left;
	color:#5B4A3F;
	}
table.kakunin td {
	border:1px solid #999; 
	width:auto;
	padding:5px 10px 5px 10px;
	text-align:left;}
table.kakunin td.ltor {text-align:right}
	

/* ランディングのフォーム */
#rand_wrap {width:800px;
	height:auto;
	margin:0px auto;
	border:5px solid #B22222;/*2011年チラシ用*/
	/*border:1px solid #ccc;*/
	}

#rand_wrap h3 {background:none;
	border-bottom:1px solid #CC0000;
	border-left:10px solid #CC0000;
	padding:0px 0px 5px 25px;
	margin:50px 0px 30px 0px;
	}

.rand_mwrap {width:740px;
	margin:30px auto;
	}

.rand_mwrap p.brown {width:280px;
	margin:8px 0px 0px 10px;
	color:#5B4A3F;
	}

.rand_mwrap #r_box {width:400px;}
.rand_mwrap #r_box p {width:365px;}

#rand_syohin {
	background-color:#000000;
	width:150px;
	float:right;
	margin:30px 0px 0px 0px;
	padding:10px 20px 20px 20px;
	height:500px;/*2011年チラシ用*/
	}

#rand_syohin p {margin:3px;
	color:#FFFFFF;
	font-size:11px;
	width:132px;
	margin:3px 0px 15px 14px;
	}

/*------------
(5)FOOT
------------*/
#foot {width:auto;
	text-align:center;
	font-size:12px;
	height:65px;
	padding:30px 0px 0px 0px;
	}

#foot #menu {width:auto;
	height:25px;
	background-color:#E5E5E5;
	text-align:center;
	padding:13px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	}

#foot #menu a {color:#000;}
#foot #menu a:hover {color:#dc143c;}

#copy {
	background-color:#4D4D4D;
	color:#fff;
	height:18px;
	padding-top:3px;
	}

/*------------
(6)FONT
------------*/
.f_red {color:#C61A22;}
.f_green {color:#006933;}
.f_tur {
	font-size:13px;
	color:#00A498;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	margin:10px 0px;
	display:block;
	}
	
.f_m10 {margin:5px 0px 10px 10px;
	padding:0px;
	color:#5B4A3F;
	display:block;
	}

.f_err {display:block;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	}

/*山瀬追加ﾌｫﾝﾄ装飾*/
.f_gold{color:#996600;
	font-size:18px;
	font-weight:bold;
	padding-bottom:20px;
	}
.f_small{font-size:11px;
	margin:5px 0px 0px 10px;
	display:block;
	color:#336699;
	}


/*------------
(7)印刷
------------*/

/* -MacIEバグ対策のため@media指定- */
@media screen,print{
#contents{
	display:inline;
	font-size:90%;
	padding:0 5px 7px 17px;
	height:22px;
	white-space:nowrap;
	line-height:2;
	}