@charset "utf-8";

/*
Name: Foods 3
Description: FOODSテンプレート1.0
Version: 2.0
TopImage: image/header.jpg
*/


/* ------------------------------ margin, padding のリセット */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p{
	margin: 0;
	padding: 0;
}


/* ------------------------------ 強調表示解除 */


address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}


/* ------------------------------ block element */


div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address{
  display: block;
}


/* ------------------------------ hタグ */


h1, h2, h3, h4, h5, h6{
	font-size: 1em;
}


/* ------------------------------ Body */


body{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
	color: #1e1e1e;
	line-height: 140%;
	text-align: center;
	background: url(image/bg.gif) center top repeat-x;
}


/* ------------------------------ Link */


a{ color: #1e1e1e; text-decoration: none; }
a:hover{ color: #eb9109; text-decoration: underline; }


/* ------------------------------ Img */


img{
	border: none;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

img a:link{ text-decoration: none; }
img a:hover{ text-decoration: none; }


/* ------------------------------ Paragraph */

p{
	line-height: 140%;
	color: #1e1e1e;
}


/* ------------------------------ List */


ul,ol,dl{
	margin: 0px;
	padding: 0px;
}


li,dt,dd{
	margin: 0px;
	padding: 0px;
	list-style: none none outside;
	font-size: 100%;
}


/* ------------------------------ clearfix */


.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }





/*
	Frame and Setting
------------------------------------------------------------ */


/* ------------------------------ All Frame */

#contents{
	width: 780px;
	margin: 0px auto;
	border-right: 1px #1e1e1e solid;
	border-left: 1px #1e1e1e solid;
	background-color: #ffffff;
	text-align: left;
}


/* ------------------------------ Top */


/* 枠 */
#top{
	width: 780px;
	height: 200px;
	margin: 0px auto;
	background: #fff url(image/header.jpg) left top no-repeat;
}


/* 最上段h1タグの設定 */
#top h1{
	padding: 20px 0px 0px 20px;
	font-size: 180%;
	font-weight: bold;
}

/* h1タイトルのリンクカラー設定 */
#top h1 a{ color: #a85c05; text-decoration: none; }


/* サイトタイトル */
#top h2{
	padding: 20px 0px 0px 40px;
	font-size: 110%;
        color: #a85c05;
}


/* ------------------------------ Main Contents */


/* 枠 */
#mainsection{
	width: 780px;
	margin: 20px auto 0px;
	text-align: left;
}


/* 右側用枠 */
#mainbox{
	float: right;
	width: 520px;
	display: inline;
	margin: 0px 10px 0px 0px;
}


/* ------------------------------ header */

/* 枠 */
#header{
	margin: 0px;
	text-align: left;
}


/* ヘッダーテキスト設定 */
#header p{
	padding: 10px 7px;
	text-align: left;
}


/* ヘッダー画像設定 */
#header img{
	margin: 5px 0px;
}


/* ------------------------------ main */

/* コンテンツ全体枠（右枠） */
#main{
	margin: 0px 0px 0px 0px;
}


/* コンテンツ見出し */
#main h3{
	padding: 7px 0px 5px 25px;
	color: #a85c05;
	font-size: 110%;
	font-weight: bold;
	background: url(image/h3-bg.gif) left top no-repeat;
}


#main h3 a{ color: #a85c05; text-decoration: none; }
#main h3 a:hover{ color: #a85c05; text-decoration: underline; }


/* コンテンツテキスト */
#main p{
	padding: 10px;
}


/* 商品ボックス全体枠 */
#main .productbox{
	margin: 20px 0px 0px 10px;
}


/* 商品画像設定 */
#main .productbox img{
	float: left;
	margin: 5px 7px 5px 0px;
}



/* ------------------------------ footer */

/* フッター全体枠 */
#footer{
	margin: 20px 0px 0px 0px;
	background-color: #ffffff;
	text-align: left;
}


/* フッターテキスト設定 */
#footer p{
	padding: 10px 7px;
	text-align: left;
}


/* フッター画像設定 */
#footer img{
	margin: 5px 0px;
}



/*
	Sidemenu
------------------------------------------------------------ */


/* メニュー全体枠（左枠） */
#sidemenu{
	float: left;
	display: inline;
	width: 210px;
	margin: 0px 0px 0px 10px;
	text-align: left;
}


/* 各メニュー枠 */
#sidemenu dl{
	width: 208px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border: 1px #1e1e1e solid;
}


/* メニュー見出し */
#sidemenu dl dt{
	display: block;
	padding: 6px 0px;
	background: #eb9109;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}


/* 各メニュー共通設定 */
#sidemenu dl dd{
	display: inline;
}


/* 各メニューリンク文字設定 */
#sidemenu dl dd a{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 20px;
	background: #f9bb73 url(image/side-mark.gif) 5px 11px no-repeat;
}


/* メニューマウスオーバー設定 */
#sidemenu dl dd a:hover{
	background: #f9bb73 url(image/side-mark_on.gif) 5px 11px no-repeat;
	color: #eb9109;
}


/* アドセンス広告枠 */
#sidemenu .side-ad{
	margin: 20px 5px;
}


/* テキスト（記載する場合） */
#sidemenu p{
	margin 15px; 0px 0px;
	font-size: 0.95em;
}



/*
	end
------------------------------------------------------------ */

#end{
	width: 780px;
	margin: 30px 0px 0px 0px;
	border-top: 1px #1e1e1e solid;
}


#end address{
	padding: 5px 0px;
	font-size: 0.8em;
	color: #1e1e1e;
	text-align: center;
}


#end p{
	padding: 15px;
}


#main .box{
	width: 164px;
	height: 200px;
	padding: 1px;
	border: 1px solid #666666;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	margin-right: 2px;
	right: auto;
	overflow: hidden;
}

#main .box .imgbox {
	text-align: center;
	width: 160px;
	height: 170px;
	margin: 5px auto;
}

#main .box img{
	padding: auto;
	border: 0;
}

#main .detail{
   	clear: both;
	text-align:center;
}

#main .detail a{
	display: block;
	margin: 5px 0px 0px 0px;
}

#main a{ color: #002bb8; text-decoration: none; }