@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	/*line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#424242;		/*文字色*/
} 
body {
	background:url(../images/bg.gif);
	background-color:#9999ff;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
p,li {
	line-height:160%;
}
p {
	margin:0 0 1em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
#koji {
	margin:100px 0px 0px 0px;
	width:100%;
	font-size:300%;
	text-align:center;
}
/*============================================
 Link Color
============================================*/
a {
	text-decoration:none;
}
a:link {
	color:blue;
}
a:visited {
	color:blue;/*#0C8EF2;*/
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:blue;
}

div#pagebody {
	width:780px; margin:0 auto;		/*内容全体をセンタリング*/
	text-align:left;				/*テキストの配置を左揃えにする*/
	/*background-image:url("images/bg_pagebody.gif");	/*内容全体の背景*/
	/*background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#eeeeff;		/*内容全体の背景色*/
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:60px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background:url(../images/bg_header.jpg) no-repeat; /*ヘッダ部分の背景画像 背景画像を繰り返さない*/
	background-color:#cccccc;		/*ヘッダ部分の背景色*/
}

div#headermenu01 {
	float:left;			/*リスト項目を横に並べる*/
	padding:5px 0px 0px 15px
}

h1 {
	padding:5px 0px 0px 30px;			/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

div#headermenu02 {
	float:right;						/*カラムを右寄せにする*/
	width:600px;
}
div#headermenu02 h1 {
	font-size:100%;
	color:white;
}
div#headermenu02 ul li {
	float:right;				/*リスト項目を横に並べる*/
	margin:10px 20px 0px 0px;	/*見出し内容の位置調整*/
	font-size:80%;				/*フォントサイズを80%にする*/
}
div#headermenu02 a {
	color:white;
}

/*============================================
メインメニュー
============================================*/
div#mainmenu {
	clear:both;						/*回り込みを解除する*/
	background-color:#eeeeee;
	font-weight:bold;
}

div#mainmenu ul {
	font-weight:bold;
	list-style-type:none;			/*リストマーカー無しにする*/
}

div#mainmenu li {
	width:110px;					/*背景画像に合わせたサイズ指定*/
	float:left;						/*リスト項目を横に並べる*/
	display:inline;					/*リスト項目をインライン表示にする*/
	list-style-type:none;			/*リストマーカー無しにする*/
	background-color:#330066;
	filter: alpha(style=1, opacity=100, finishopacity=50, startx=0, starty=20, finishx=20, finishy=130);
}

#mainmenuwide {
	width:230px;					/*背景画像に合わせたサイズ指定*/
}

div#mainmenu ul a {
	color:#cccccc;
	display:block;					/*リンクをブロック表示にする*/
	height:30px;
	margin:2px 5px 2px 5px;			/*見出し内容の位置調整*/
	text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

div#mainmenu ul a:hover {
	color:#cc0000;
	background-color:#FF9999;
	/*filter: alpha(style=1, opacity=100, finishopacity=20, startx=0, starty=80, finishx=0, finishy=30);*/
}

/*============================================
メインメニュー
============================================*/
div#mainimage {
	clear:both;						/*回り込みを解除する*/
	margin:5px 0px 5px 0px;
	background-color:#eeeeee;
	font-weight:bold;
}

/*============================================
パンくずリスト
============================================*/
#topicpath {
	clear:both;						/*回り込みを解除する*/
	font-size:85%;
	margin:3px 0px 10px 10px;
}

/*============================================
本文
============================================*/
#mainarea {
	height:400px;
}

/*============================================
サブメニュー（左カラム）
============================================*/
div#history {
	overflow: auto;
	width:160px;				/*幅の指定*/
	margin:5px 10px 5px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;				/*IE6のマージン算出のバグ対策*/
	float:left;					/*サブメニューのカラムを左寄せにする*/
	background-color:#ffffff;
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#history_header {
	height:26px;
	padding:6px 0px 0px 0px;
	background-color:#cccccc;
	font-size:90%;
	font-weight:bold;
	text-align:center;
}
div#history li {
	font-size:90%;
	line-height:normal;
	padding:5px 2px 0px 5px;
}
div#history .upd {
	width:150px;				/*幅の指定*/
	text-align:right;
	font-size:80%;
	padding:0px 0px 5px 5px;
}

/*div#history .more {
	position:relative;
}
*/
.more a {
	float:right;
	padding:0px 10px 0px 15px;
	font-size:80%;
	background:url(../images/morelink.gif) no-repeat 5px;
}
div#history_footer {
	height:20px;
	padding:5px 5px 0px 0px;
	background-color:#cccccc;
	text-align:center;
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding-bottom:6px;
	background-image:url("images/bg_submenu_footer.gif");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#cccccc;
}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:560px;
	margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/
div#news {
	width:560px;
	margin-right:5px;
	padding-top:5px; 			/*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 {
	clear:both;
	margin-bottom:10px;
	padding:0 0 5px 20px;
	border-bottom:solid 1px #cccccc;
	background:url("../images/headmark.gif") no-repeat left -4px;
	font-size:100%;
	font-weight:bold;
	text-align:left;
}
h3 {
	font-size:90%;
	font-weight:bold;
	margin-left:5px;
}
p {
	font-size:90%;
	margin:10px 0px 10px 10px;
	text-indent:10px;
}
hr {
	height:1px;
	border:solid 1px #cccccc;
	margin-bottom:5px;
}

.comment {
	float:right;
	font-size:80%;
	color:#009900;
	margin:0 20px 0 0;
}

/*============================================
記事（右カラム）
============================================*/
div#content .item1 {
	width:275px;
	float:left;
	border:2px;
	margin:5px,5px,5px,0px;					/*位置調整*/
	padding:0px,10px,0px,10px;		 		/*位置調整*/
}
div#content .item2 {
	width:275px;
	float:right;
	border:2px;
	margin:5px,0px,5px,0px;					/*位置調整*/
	padding:0px,10px,0px,10px;		 		/*位置調整*/
}

.pricesample{
	font-size:80%;
	width:100%;
}
.pricesample .c0{
	float:left;
	width:100%;
	color:red;
}
.pricesample .c1{
	float:left;
	width:70px;
	margin:5px,0px,5px,10px;					/*位置調整*/
	color:red;
}
.pricesample .c2{
	float:right;
	width:160px;
	margin:5px,10px,5px,0px;					/*位置調整*/
}
.pricesample .c21{
	float:left;
	width:100px;
}
.pricesample .c22{
	float:right;
	width:50px;
}
.pricesample .c3{
	float:right;
	width:220px;
	margin:5px,10px,5px,0px;					/*位置調整*/
}


/*============================================
記事（トピック用）
============================================*/
div#topics {
	/*float:center;*/
	width:100%;					/*幅の指定*/
	text-align:center;
}

div#topics h2 {
	width:80%;
	display:block;
	margin:20px 0px 0px 0px;
	padding:0px 50px 0px 0px;
	font-size:200%;
	clear:both;								/*回り込みを解除する*/
	border:2px;
	background-color:#FF9966;			/*背景色*/
	background-image:none;
}

/*============================================
フッタメニュー
============================================*/
div#footmenu {
	clear:both;					/*回り込みを解除する*/
	width:100%;
	margin:10px 0 0 0;
	padding:5px 0 5px 0;
	text-align:center;
	border-top:1px solid #CCC;
	font-size:80%;				/*フォントサイズを80%にする*/
}
div#footmenu p {
	margin:0 0 2px 0;
}

/*============================================
フッタ
============================================*/
div#footer {
	height:30px;
	text-align:center;
	clear:both;					/*回り込みを解除する*/
	/*background-image:url("images/bg_footer.jpg");	/*フッタ部分の背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	background-color:#cccccc;			/*フッタ部分の背景色*/
	font-size:small;			 /*フォントサイズを小さくする*/
}
div#footer address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:10px 10px 10px 0px;		 /*要素内容の位置調整*/
}

/*============================================
アコーディオンメニュー
============================================*/
#accordion {
	overflow:hidden;
	float:left; 
    border: 1px #ccc solid;  
    border-top:none;  
    width:380px;  
 	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
	margin:0px 5px 0spx 5px;
}

#accordion dt{  
     background: #ddd;  
     padding: 5px;  
     border-top: 1px #ccc solid;  
}  

#accordion dt a{
	color: #000;
	text-decoration:none;
	display:block;
}  

#accordion dd{
	padding: 10px
}
 
#accordion {
	font-size:100%;
}
#accordion .detail0 {
	width:100%;
	clear:both;
	padding:10px 10px 10px 10px;
	margin:0px 0px 2px 0px;
	display:block;
	border:2px;
	background-color:#FFFFCC;
}
#accordion .detail1 {
	width:100%;
	clear:both;
	padding:10px 10px 10px 10px;
	margin:0px 0px 2px 0px;
	display:block;
	border:2px;
	background-color:#99CCFF;
}
#accordion .name {
	float:left;
	padding:0px 10px 0px 20px;
	font-size:100%;
	font-weight:bold;
	background:url("../images/headmark.gif") no-repeat left -4px;
}
#accordion .phone {
	float:left;
	margin:0px 5px 0px 10px;
	font-size:90%;
	width:95px;
}
#accordion .mapbutton {
	float:right;
	padding:0px 0px 0px 0px;
	font-size:90%;
}
#accordion hr {
	clear:both;
	margin:0px 0px 0px 0px;
}
#accordion .addr {
	clear:both;
	font-size:80%;
	padding:0px 0px 5px 5px;
}
#accordion .opent {
	float:left;
	font-size:80%;
	color:green;
	padding:0px 0px 5px 5px;
}
#accordion .holiday {
	font-size:80%;
	color:red;
	padding:0px 0px 0px 20px;
}

#map_area {
    width:380px;  
	float:right;
	margin:0px 0px 0px 0px;
}

#map_canvas {
    width:370px;  
    height:400px;  
	margin:0px 0px 0px 0px;
}

#remarks {
	text-align:center;
	font-size:80%;
	color:#009900;
	margin:10px 10px 10px 10px;
}
#remarks #shopcolor {
	display:inline;
	width:100px;
	height:20px;
	background-color:#FFFFCC;
	margin:5px 10px 0px 10px;
}
#remarks #shopcolor1{
	display:inline;
	width:100px;
	height:20px;
	background-color:#99CCFF;
}
#remarks1 {
	float:right;
	font-size:80%;
	color:#009900;
	margin:10px 10px 10px 10px;
}
#remarks1 #shopcolor {
	display:inline;
	width:120px;
	height:34px;
	background:url("../images/red-dot.png") no-repeat left;
	padding:20px 10px 0px 40px;
}
#remarks1 #shopcolor1{
	display:inline;
	width:150px;
	height:34px;
	background:url("../images/ltblue-dot.png") no-repeat left;
	padding:20px 10px 0px 40px;
	margin:0 0 0 40px;
}
/*============================================
価格メニュー
============================================*/
.pricemenu {
	float:left; 
    border: 1px #ccc solid;  
    border-top:none;  
    width:380px;  
 	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
	margin:0px 5px 0spx 5px;
	font-size:100%;
	text-align:right;
}

.pricemenu dt{  
	text-align:left;
    background: #ddd;  
    padding: 5px;  
    border-top: 1px #ccc solid;  
}  

.pricemenu dt a{
	color: #000;
	text-decoration:none;
	display:block;
}  

.pricemenu dd{
	padding: 10px
}
 
.pricemenu .detail1 {
	width:100%;
	height:120%;
	clear:both;
	padding:5px 10px 5px 10px;
	display:block;
	border:2px;
}

.pricemenu .detail2 {
	width:100%;
	clear:both;
	padding:0px 10px 0px 10px;
	display:block;
	border:2px;
	background-color:white;
}

.pricemenu .detail8 {
	width:95%;
	clear:both;
	padding:0px 10px 0px 10px;
	display:block;
	border:2px;
}

.pricemenu .detail9 {
	width:95%;
	clear:both;
	padding:0px 10px 0px 10px;
	display:block;
	border:2px;
	background-color:#CCCCFF;
}

.pricemenu .type1 {
	float:left;
	padding:0px 10px 0px 10px;
	font-size:110%;
	font-weight:bold;
}

.pricemenu .type2 {
	float:left;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:100%;
}

.pricemenu .type0 {
	float:left;
	padding:0px 10px 0px 20px;
}

.pricemenu .gaku {
	float:right;
	padding:0px 0px 0px 10px;
}

#westarea, #eastarea {
}

#areachange1, #areachange2 {
	float:right;
	font-size:90%;
	color:blue;
	margin:0 20px 0 0;
}

/*============================================
問い合せ用
============================================*/
div#toiawase {
	text-align:center;
}
div#toiawase td {
 	font-size:120%;
 	color:green;
	margin:5px,5px,5px,0px;					/*位置調整*/
	padding:0px,10px,0px,10px;		 		/*位置調整*/
}

/*============================================
about us
============================================*/
div#center {
	text-align:center;
}
div#aboutus {
	width=80%;
	text-align:left;
}

div#aboutus ul {
	margin:0px 0px 0px 50px;
	text-align:left;
}


div#aboutus td {
	padding:2px,5px,2px,5px;
}

/*============================================
links
============================================*/
div#linklist {
	width=100%;
}

div#linklist .linkimg {
	float:left;
	width=150px;
	text-align:center;
}

div#linklist .linknote {
	float:right;
	width=440px;
	margin:0 0 0 0;
	background-color;blue;
}

div#linklist .linknote p {
	font-size:90%;
}


div#linklist hr {
	clear:both;
	width=100%;
}

/*============================================
sitemap
============================================*/
div#sitemap {
	width=100%;
}

div#sitemap ul {
	margin:0 0 0 20px;
}

/*============================================
更新履歴
============================================*/
div#historylist {
	overflow: auto;			/* はみ出た部分の処理 */
	width:100%;				/*幅の指定*/
	margin:5px 10px 5px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;				/*IE6のマージン算出のバグ対策*/
}

div#historylist .row {
	width:100%;				/*幅の指定*/
}

div#historylist .upd {
	float:left;
	width:100px;				/*幅の指定*/
	text-align:center;
	font-size:100%;
	padding:5px 0px 5px 5px;
}
div#historylist .note {
	font-size:100%;
	line-height:normal;
	padding:5px 2px 0px 5px;
}

/*============================================
しみ
============================================*/
img#shimicoin {
	position:absolute;
	top:100px;
	left:670px;
	z-index:1;
}

div#shimi {
	text-align:center;
}

div#shimi #price1 {
	color:red;
	position:relative;
	top:130px;
	left:250px;
	font-size:150%;
	z-index:2;
}

div#shimi #price2 {
	color:red;
	position:relative;
	top:50px;
	left:-100px;
	font-size:150%;
	z-index:2;
}

div#shimi #price3 {
	color:red;
	position:relative;
	top:50px;
	left:150px;
	font-size:150%;
	z-index:2;
}

div#shimi #tri {
	color:red;
	font-size:300%;
	clear:both;
}

div#shimi .imgr {
	float:right;
	margin:0px 100px 0px 0px;
	z-index:1;
}

div#shimi .imgl {
	float:left;
	margin:0px 0px 0px 150px;
	z-index:1;
}

div#shimi .imgc {
	float:center;
}

div#shimi .col80l {
	text-align:left;
	width:80%;
}

div#shimi .col80r {
	text-align:right;
	width:80%;
}

/*============================================
併設
============================================*/
div#heisetu {
	width:90%;					/*幅の指定*/
	text-align:center;
}

div#heisetu h3 {
	width:90%;
	display:block;
	margin:20px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	font-size:200%;
	clear:both;								/*回り込みを解除する*/
	border:2px;
	background-color:#FF9966;			/*背景色*/
	background-image:none;
}
div#heisetu #tanto {
	width:90%;
	display:block;
	margin:20px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	font-size:120%;
	clear:both;
	background-color:#66FF66;			/*背景色*/
	background-image:none;
}

div#heisetu .toi {
	text-align:left;
	width:95%;
	margin:0px 0px 0px 0px;
	text-indent: 0;
}

div#heisetu .kai {
	display:block;
	margin:5px 30px 5px 30px;
	padding:3px 5px 3px 5px;
	background-color:#660099;			/*背景色*/
	color:#66FF66;
	text-align:left;
	text-indent: 0;
}

div#heisetu #kai2 {
	width:100%;
	display:block;
	margin:20px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	clear:both;
	background-color:#66FF66;			/*背景色*/
	background-image:none;
}

div#heisetu .imgr {
	float:right;
	margin:20px 50px 20px 0px;
}

div#heisetu .imgl {
	float:left;
	margin:20px 0px 20px 50px;
	z-index:1;
}

div#heisetu .imgc {
	float:center;
}

div#heisetu .col80l {
	text-align:left;
	width:80%;
	text-indent: 0;
}

div#heisetu .col80r {
	text-align:right;
	width:80%;
}

div#heisetu #d1{
	clear:both;
	float:left;
	width:48%;
	margin:20px 0px 0px 0px;	
}

div#heisetu #d2{
	float:right;
	width:100%;
	text-align:left;
}
div#heisetu #d3{
	float:right;
	width:48%;
	text-align:left;
	margin:20px 0px 0px 0px;	
}

#d2 .c0{
	padding:2px 0px 2px 0px;	
}
#d2 .c01{
	float:left;
	width:35%;
	color:green;
	font-size:90%;
}
#d2 .c02{
	float:left;
	width:23%;
	font-size:90%;
}
#d2 .c03{
	float:left;
	width:23%;
	font-size:90%;
}
#d2 .c04{
	float:right;
	width:18%;
	font-size:90%;
}

#d3 .c3{
	width:70%;
}
/*============================================
宅配
============================================*/
div#takuhai {
	width:90%;					/*幅の指定*/
	text-align:center;
}

div#takuhai h3 {
	width:90%;
	display:block;
	margin:20px 0px 20px 0px;
	padding:10px 0px 10px 0px;
	font-size:200%;
	clear:both;								/*回り込みを解除する*/
	border:2px;
	background-color:#FF9966;			/*背景色*/
	background-image:none;
}

div#takuhai .col80l {
	text-align:left;
	width:80%;
	text-indent: 0;
}

div#takuhai .tri {
	color:blue;
	font-size:150%;
	clear:both;
}

div#takuhai #tejyun {
	text-align:center;
	width:80%;
	display:block;
	margin:20px 0px 20px 0px;
	padding:3px 0px 3px 0px;
	clear:both;
	background-color:#66FF66;			/*背景色*/
	background-image:none;
}

div#takuhai .remarks {
	text-indent: 0;
	text-align:left;
	font-size:80%;
	width:80%;
	padding:10px 5px 10px 5px;
	background-color:#66FF99;			/*背景色*/
}

#takuhai #cc{
	width:90%;
	display:block;
}
#takuhai .c0{
	padding:5px 0px 5px 0px;	
}
#takuhai .c1{
	float:left;
	width:32%;
	font-size:95%;
	text-align:right;
	padding:0px 20px 0px 0px;	
}
#takuhai .c2{
	float:left;
	width:44%;
	font-size:95%;
	text-align:left;
}
#takuhai .c3{
	float:right;
	width:22%;
	font-size:95%;
	text-align:left;
}
#takuhai #links{
	width:90%;
	display:block;
	margin:20px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	font-size:100%;
	clear:both;
	background-color:#66FF66;			/*背景色*/
	background-image:none;
}

#takuhai #m1{
	align:center;
	padding:10px;
}

#takuhai #m1 th{
	font-size:120%;
	width:150px;
	text-align:right;
	padding:3px;
}

#takuhai #m1 td{
	width:400px;
}

#takuhai #m2{
	font-size:120%;
	text-align:left;
	padding:10px;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent: 40px;
}

#takuhai #m3{
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent: 60px;
}

#takuhai #m4{
	width:90%;
	height:400px;
	display:block;
	border-style:solid;
	border-width:2px;
	margin:10px 0px 10px 0px;
}

#takuhai .price {
	width:90%;
	margin:20px 0px 0px 0px;
}
#takuhai .price {
	align:center;
	padding:4px;
}

#takuhai .price tr{
	background-color:#00FFFF;
}

#takuhai .price td{
	text-align:center;
	vertical-align:top;
	padding:6px;
}