/*---------------------------初期化-----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	}
	
	* html body { /* for IE6 */
	font-size: 80%;
	}
	
	*:first-child+html body { /* for IE7 */
	font-size: small;
	}
 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------リファレンス一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }



******指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->

******min-height高さ揃え*********

min-height: 100px;
height: auto !important;
height: 100px;

******ファイルの読み込み*********
<script type = "text/javascript" src="./prototype.js"></script>
<script type="text/javascript">
window.onload = function() {
new Ajax.Updater($("ID名"), "./○○.html");
};
</script>

******ifream可変*********
<iframe style="overflow:hidden;" onload = 'this.style.height = parseInt(this.contentWindow.document.documentElement.scrollHeight + 30)+"px";' src="" width="" height="auto"  frameborder="0" title="">この部分はインラインフレームを使用しています。</iframe>

******class指定*********
a.クラス:link, a.クラス:visited, a.クラス:active {
	color: #ef0000;
	text-decoration: none;
}

a.クラス:hover {
 	color: #ef0000;
	text-decoration: underline;
}

******リスト画像真ん中*********
list-style:none;
background:url(＃.jpg) 0 50% no-repeat;
padding-left:30px;
margin-left:-10px;
margin-bottom:30px;

******google吹き出し消しSAMPLE*********

<iframe width="173" height="130" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=38.254186,140.335103&amp;sll=38.254493,140.335193&amp;sspn=0.012638,0.021565&amp;gl=jp&amp;ie=UTF8&amp;z=13&amp;start=0&amp;ll=38.261839,140.339355&amp;output=embed"></iframe>






 -------------------------------------------------------------------------*/

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:75%;
 background-color:#fff;
 background-image:url(./img/pbk.jpg);
 background-repeat:repeat;
 background-position:top center;
 line-height:110%;
 }


/* 全体のボックス */
#content {
 width:923px;
 _width:925px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 background:url(./img/cbk.jpg) top center repeat;
 }
 


/* ヘッダーのボックス */
#box_header{
 width:100%;
 clear:both;
 background-color:#1b1d08;
 background:url(./img/bk.jpg) top center no-repeat;
}
#box_cheader{
 width:100%;
 clear:both;
 background-color:#1b1d08;
 background:url(./img/contents/chbk.jpg) top center no-repeat;
 height:134px;
}


/* 左のボックス */
#box_left {
 width:230px;
 float:left;
 padding-left:30px;
 margin:20px 0px;
}



/* 右のボックス */
#box_right {
 width:645px;
 float:right;
 margin:20px 0px 20px 0px;
 }
#box_right_aboutus {
 width:645px;
 float:right;
 margin:20px 0px 20px 0px;
 }
 #box_right_inquiry {
 width:645px;
 float:right;
 margin:20px 0px 20px 0px;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
 text-align:center;
 padding-top:5px;
 background:url(./img/cbbk.jpg) top center no-repeat;
}


/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #1b1d08;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #1b1d08;
	text-decoration: underline;
}


/* P要素全体に適用 */
p {
	line-height:150%;
}



/* TABLE要素全体に適用 */
table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
}

td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:110%;
}

hr{
border:1px dotted #333333;}



/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.fleft{
float:left;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 
}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}

.pads5{padding:0px 5px;}
.pads10{padding:0px 10px;}
.mart20{margin-top:20px;}
.marr30{margin:0px 30px 0px 10px;}
.martb10{margin:10px 0px;}
.lediv{width:295px; margin-top:20px; padding-right:10px;}
.ridiv{width:300px; margin-top:20px; margin-left:10px;}
.oh{overflow:hidden;}
.accol{background-color:#dcd4a8;}


/*
--------------------個別で指定-------------------------
*/

dl#navi{
background-color:#c9bf8c;
color:#372622;
width:230px;
font-size:120%;
/font-size:110%;
}

#navi dd{padding:10px 10px; border-bottom:1px dashed #372622;}
#navi dt{background-color:#372622; color:#fff; font-weight:bold;padding:10px 10px;}

#map {margin-top:20px; border:1px dashed #372622;}
h2{background:url(./img/h2bk.jpg) top left no-repeat; color:#fff; width:620px; height:36px; padding:13px 0px 13px 20px; font-weight:bold;}
h3{background:url(./img/h3bk.jpg) top left no-repeat; color:#fff; width:300px; height:36px; padding:13px 0px 13px 20px; font-weight:bold;}
.lediv p{padding:0px 10px 10px 5px;}

#box_cheader p{
display:block;
width:923px;
 _width:925px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;}
 
 
 
 /*お店紹介*/
#box_right_aboutus dl,#box_right_aboutus ul{
margin:10px 10px 20px 10px;}


#box_right_aboutus dt{
font-size:120%;
font-weight:bold;
padding-bottom:15px;
text-decoration:underline;
}

*:first-child+html #box_right_aboutus dt{
font-size:100%;
_font-size:100%;
font-weight:bold;
}

/*お問合せはCGIフォルダの中で指定*/

/*そばの雑学*/
#knowledge dl {
	width:95%;
	margin: 0 0 0 5px;
	padding: 0 0 20px 0;
}

#knowledge dl em {
	float: left;
	width: 40px;
	background: #cecab5;
	color: #b41600;
	padding: 5px 0;
}

#knowledge dl span {
	display: block;
	margin-left: 40px;
	padding: 5px 10px;
}

#knowledge dl dt {
	background: #e6deb2;
}

/*三春町のみどころ*/
#point-01,#point-02 {
	margin: 10px 10px 20px 10px;
	padding: 0;
}

#point-01 img{
display:block;
margin:0px 20px;}
#point-01 ul,#point-02 ul {
	margin: 0;
	padding: 0 0 100px 0;
	list-style-type: disc;
	list-style-position: inside;
	color: #b41600;
}
#point-01 li,#point-02 li{
padding:10px 0px;}

/*ショッピング*/

#shopping {
width:600px;}

#shopping hr{
border:1px dashed #723d04;
width:90%;
}


#shopping #pdt-01,
#shopping #pdt-02,
#shopping #pdt-03,
#shopping #pdt-04
 {
	margin: 0;
	padding: 0 0 20px 0;
}

#shopping div.detail {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 0 0 20px;
}

#shopping div.detail p.sub {
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	color: #723d04;
}

#shopping div.detail p.text {
	margin: 0;
	padding: 0 0 10px 0;
}

#shopping div.detail p.price {
	margin: 0;
	padding: 5px 0 10px 0;
	color: #b41600;
}

#shopping div.detail p.price em {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 18px;
	font-weight: bold;
}

#shopping div.detail p.buy {
	position: relative;
	top: 0px;
	left: 300px;
	width: 168px;
	height: 38px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#shopping div.detail p.buy a {
	display: block;
	width: 168px;
	height: 38px;
	background: url(../images/btn_buy.gif) no-repeat 0 0;
}

#shopping div.detail p.buy a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-color: transparent;
}

#shopping div.pict {
	float: right;
}


#shopping #howto {
	width: 600px;
	margin: 0;
	padding: 0;
	border: 1px solid #b0a56c;
}

#shopping #howto h5 {
background-color:#b0a56c;
color:#fff;
font-weight:bold;
padding:10px 0px 10px 15px;
	overflow: hidden;
}

#shopping #howto ul {
	padding: 20px 0;
}

#shopping #howto ul li.left {
	float: left;
	width: 255px;
	padding: 0 20px;
	border-right: 1px solid #ccc;
}

#shopping #howto ul li.right {
	float: left;
	width: 256px;
	padding: 0 20px;
}

#shopping #howto p {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 180%;
}

#shopping #howto p em {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #723d04;
}

#shopping #howto p span {
	font-size: 10px;
	color: #666;
}