@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.6em Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ text-align:center; font-size:84%; color:#555; background:#fff url("./img/background3.jpg") repeat; }

#container
{ margin:0 auto;
padding:0;
text-align:left;
width:780px;} 


/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#E4B029; }
a:visited{ color:#E4B029; text-decoration:none; }
a:hover{ color:#333; }

/* ページの大枠設定 */
#PAGETOP{ margin:0 0 0 15px; text-align:left; width:780px; background:#E9E7DA; border-top:0px solid #ccc;}

/* ヘッダー */
#HEADER{ margin:0; padding:20px 85px 0; color:#555; height:90px; background:#F3F2E9 url("./img/circle_y5.jpg") no-repeat 50% 100%;}
#HEADER a:link,#HEADER a:visited{ color:#555; text-decoration:none; }
#HEADER a:hover{ color:#999; text-decoration:underline; }
/* サイト名の文字 */
h1{ font:182% Helvetica,Arial,sans-serif; letter-spacing:2pt; color:#000; }
/* パンくずリスト */
ul#PAN{ list-style:none; padding:0; margin:-20px -5em 0 0; text-align:right; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; background:url("./img/pan2.gif") no-repeat scroll 100% 70% ; }

/* メニュー部分 */
#header_navi{ 
	float: left;
	width: 750px;
	height: 22px; 
	margin:0 0 2px 0; 
	padding:2px 15px 0; 
	border-top: solid 1px rgb(69,136,176);		
	border-bottom: solid 1px rgb(69,136,176);			
	line-height: 20px;
	background: #D0DE4B url("./img/nave_bar4.jpg") no-repeat 100% 50%;
}
#header_navi h2{ 
	display:none; 
}

/* メニューリスト・リンク */
#header_navi ul{ 
	font:bold 80% Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック";  
	margin: 0em;
	padding: 0em;
	list-style: none;
 }
#header_navi li{ 
	float: left; white-space: nowrap; 
}
#header_navi li a{
	display: block;
	margin: 0em;
	padding: 0em 3.0em; 
	border-right: solid 1px rgb(255,255,255);	
	background-color: inherit;
	font-weight:bold;
	color:#E9E7DA;
	text-decoration: none;
}
#header_navi li a:link { 
	color:#FFFFFF; 
}
#header_navi li a:hover{ 
	margin: 0em;
	padding: 0em 3.0em;
	border-right: solid 1px rgb(255,255,255);
	background-color: inherit;
	color:#999;
	text-decoration: none; 
}
#header_navi li.menu-on a:link, #header_navi li.menu-on a:visited{ 
	text-decoration:none; 
	color:#f28452; 
}

/* メニュー部分 */
#navi{ margin:0; padding:2px; float:left; width:178px; height:1.8em; border-width:1px;}
#navi h2{ font:100% Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック"; margin:0; padding:7px 0px 0px 10px; }
/* メニューリスト・リンク */
#navi ul{ list-style-type:none;}
#navi li{ display:inline; }
#navi li a{  
	display:block; 
	text-decoration:none; 
	margin:0; 
	margin-left:10px; 
	padding: 4px 20px;	 
	font:bold 100% Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック"; 
	color:#E4B029;   
	background:#E9E7DA url("./img/yajirusi2.gif") no-repeat 0 8px;}
#navi li a:link,#navi li a:visited{ color:#E4B029; }
#navi li a:hover{ color:#333; border-color:#888 #c8c8c8 #c8c8c8 #888; background:#E9E7DA url("./img/yajirusi.gif") no-repeat 0 8px;}
#navi li.menu-on a:link,#navi li.menu-on a:visited{ color:#333; background:#E9E7DA url("./img/yajirusi.gif") no-repeat 0 8px;}

/* 記事部分 */
#KIZI{ color:#555; margin:0 0 0 185px; padding:2px; border-width:1px; background-color:#F3F2E9;}
.text{ margin:0 0 2px; padding:5px 8px 2em; border-width:0px; border-style:solid; border-color:#c8c8c8 #888 #888 #c8c8c8; }
/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -0.5em 0 0; }
ul.modori li a{ display:inline; text-decoration:none; padding:1px 3px; border-width:1px; border-style:solid; border-color:#c8c8c8 #888 #888 #c8c8c8; }
ul.modori li a:link,ul.modori li a:visited{ color:#777; }
ul.modori li a:hover{ color:#333; background:#eee; }

/* フッター */
#FOOTER{ font-size:88%; text-align:center; color:#E9E7DA; 
	background:#BB2D0C url("./img/footer2.jpg") no-repeat;
	height: 1.2em;
	margin: 0;
	padding: 1.0em 0em 1.0em 0em;  
	clear:both;}
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#E9E7DA; text-decoration:none; }
#FOOTER a:hover{ color:#999; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }

/* 見出し */

.purple {
color:#D3A8E5;
font-weight:bold;
}
.purple2 {
color:#D3A8E5;
font-size:13px;
font-weight:bold;
line-height:14px;
}
.orange {
color:#FFC733;
font-weight:bold;
}
.orange2 {
background:transparent url("./img/arrow2.gif") no-repeat scroll left center;
color:#FFC733;
font-size:13px;
font-weight:bold;
padding:0 0 0 8px;
}
.arrow {
background:transparent url(./img/arrow.gif) no-repeat scroll left center;
padding:0 0 0 15px;
text-decoration:none;
}

h5,h6{ margin:1em 0 0.4em; font-size:100%; }
h2{ font: 100% Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック"; letter-spacing:1pt; color:#999; padding:7px 0px 0px 10px; background:#543701; border-width:1px; border-style:solid; border-color:#c8c8c8 #888 #888 #c8c8c8;  height:1.8em;}
h3{ font:102% Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック";; color:#333; margin:0.5em 0 0.4em; padding:4px 5px; border-width:1px; border-style:solid; border-color:#c8c8c8 #888 #888 #c8c8c8; }
h4{ font-size:100%; font-weight:bold; color:#333; margin:1em 0 0.4em; }
h5{ font-weight:bold; }
h6{ text-align:right; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; color:#333; }
/* より強い強調 */
strong{ font-weight:bold; color:#00adaf; border-width:1px; border-style:solid; border-color:#c8c8c8 #888 #888 #c8c8c8; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #999; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }
/* 物理的タグ・使用は極力避けましょう */
tt{ font-family:monospace; } /* 等幅 */
b{ font-weight:bold; } /* 太字 */
i{ font-style:oblique; } /* 斜体 */
big{ font-size:132%; } /* 文字大 */
small{ font-size:84%; } /* 文字小 */

/* フォーム */
input,textarea,select{ background:#fff; color:#505050; border-width:1px; border-style:solid; border-color:#888 #c8c8c8 #c8c8c8 #888; margin:0.1em 0; }
input#BUTTON{ border-color:#c8c8c8 #888 #888 #c8c8c8; }

/* 番号付きリスト */
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI ol li{ padding:0; }
/* 普通リスト */
#KIZI ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI li{ padding:0; }
/* 説明付きリスト */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:0; }
#KIZI dd{ padding:0 5px; margin:0 0 0 0.8em; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用文 */
blockquote{ border-left:1px solid #c8c8c8; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ border-width:1px; border-style:solid; border-color:#888 #c8c8c8 #c8c8c8 #888; margin:0.5em 1em; padding:5px; }

/* menu */
#sub_content {
width:565px;
height:315px;
overflow:auto;
}
#sub_content h4{
color:#FFC733;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
#sub_content normal {
font-weight:normal;
text-decoration:none;
}
dl {
background:transparent url("./img/dot.gif") repeat-x scroll 0 1.5em;
margin:0 12px 10px 12px;
overflow:hidden;
width:490px;
}
dd.price, dd.ingredients, dt {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
dt {
color:#333333;
float:left;
font-weight:bold;
height:11px;
padding-right:3px;
}
dd {
margin:0;
}
dd.price {
color:#333333;
float:right;
padding-left:3px;
}
dd.ingredients {
color:#C9D633;
float:left;
font-size:11px;
padding:1px 0 3px;
width:100%;
}
.arrow {
background:transparent url(./img/arrow2.gif) no-repeat scroll left center;
padding:0 0 0 15px;
text-decoration:none;
}
.arrow:hover {
text-decoration:underline;
}
img.pict {
	margin:0em 0em 0.1em 1.0em;  
	float:right;
 }