@charset "utf-8";

/* サンヨー食品専用CSS
--------------------------------------------------------------- */

/*	BASIC CONTAINER
=============================================================== */
body, th, td, h1, h2, h3, h4, h5, h6 {
/*	color:#666666; */
	color:#505050;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size:0.75em;
	letter-spacing:1px;
	line-height:1.5;
}

body {	
	background-color: #FFFFFF;
	font-size: 85%;
	text-align: center;
	height: 100%;
}

div#container {
	width:800px;
	margin:0 auto;
	height:100%;
	margin-top: 15px;
}



div#header  ,
div#header2 {
	width: 800px;
	height: 128px;
	margin:0 auto;
	text-align:left;
}

/*
a:visited	{ color: #5bbf76; text-decoration:none; }
a:link 		{ color: #5bbf76; text-decoration:none; }
a:active 	{ color: #5bbf76; text-decoration:underline; }
a:hover 	{ color: #5bbf76; text-decoration:underline; }
*/
a:visited	{ color: #009900; text-decoration:none; }
a:link 		{ color: #009900; text-decoration:none; }
a:active 	{ color: #009900; text-decoration:underline; }
a:hover 	{ color: #ff00ff; text-decoration:underline; }

/* Basic Shop Template */
div#bodycontents {
	margin:0 auto;
	width:800px;
/*	color: #666666; */
	color: #505050;
}

div#bodycontentsrapper {
	margin:0 auto;
	width:740px;
}

div#maincontents {
	width: 540px;
	float: left;	
	text-align: left;
}

div#sidebar1 {
	position: relative;
	width: 186px;
	height: 100%;
	float: right;	
	text-align:left;
	background: url(../../../images/texture_sidebar_1.gif) top left no-repeat;
	padding: 7px 0 0 0;
}

	div#sidebar1 div.sidebar1_mid {
		position: relative;
		width: 186px;
		height: 100%;
		background: url(../../../images/texture_sidebar_2.gif) top left repeat-y;
	}

	div#sidebar1 div.sidebar1_btm {
		position: relative;
		width: 186px;
		height: 100%;
		background: url(../../../images/texture_sidebar_3.gif) bottom left no-repeat;
		padding: 0 0 11px 0;
	}


	div#sidebar1 div.sidebarbox {
		margin: 0 0 30px 7px;
	}

div#footer {
	clear:both;
	width:800px;
	height:100px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
}

/* LoginBox
-------------------------------- */
div#loginbox {
	position: absolute;
	top: 62px;
	left: 50%;
	width: 742px;
	height: 55px;
	margin:0 0 0 -371px;
	text-align:right;
	background: url(../images/visual_carttop.jpg) no-repeat left top;
	color: #f0f0f0;
}

	div#loginbox p {
		font-size: 11px;
		margin-right: 22px;
	}

	div#loginbox p.cart img {
		position: relative;
		top: 5px;
	}

	div#loginbox a:visited	{ color: #f0f0f0; text-decoration:none; }
	div#loginbox a:link 	{ color: #f0f0f0; text-decoration:none; }
	div#loginbox a:active 	{ color: #f0f0f0; text-decoration:underline; }
	div#loginbox a:hover 	{ color: #f0f0f0; text-decoration:underline; }


/*	ヘッダー
=============================================================== */
h1 {
	position: absolute;
	top: 116px;
	left: 50%;
	width: 738px;
	margin:0 0 0 -371px;
	text-align: right;
	color: #cccccc;
	font-size: 11px;
	font-weight: normal;
}


div#header  h1,
div#header  h2,
div#header2 h1,
div#header2 h2 {
	color:#6b5032;
}

/*
div#header h1 {
	position: relative;
	width:470px;
	top: 212px;
	left: 42px;
	font-size:12px;
}
*/

div#header h2 {
	position:absolute;
	width: 223px;
	height: 38px;
	top: 22px;	
	font-size:10px;
	margin-left: 29px;
}

div#header  a,
div#header2 a {
	text-decoration:none;
	color:#6b5032;
	font-weight:normal;
}

div#header  a:hover,
div#header2 a:hover {
	text-decoration:underline;
	font-weight:normal;
}

/*
div#header  img,
div#header2 img {
	position:relative;
	margin:0;
	top: 9px;
	left: 30px;
}
*/

div#pageinformation {
	clear:both;
	position: absolute;
	width:470px;
	height:25px;
	/* border:1px solid #eeeeee; */
 	margin:10px 10px 10px 15px;
}

/*	メインコンテンツ
=============================================================== */
div.mainconttitle {
	background-color: #999933;
	color:#FFFFFF;
	width: 532px;
	height: 30px;
	padding-left:7px;
	font-weight:bold;
	text-indent: -9999px;
}

div#shopinformation {
	clear:both;
	width: 542px;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	margin:20px 10px 10px 0px;
}

	div#shopinformation div.mainconttitle {
		background: url(../images/caption_shopinfo.gif) no-repeat left top;
	}

	div#shopinformation div.shopphoto {
		width:180px;
		height:120px;
		float:left;
		background-color:#FFFFFF;
		margin:15px 5px 10px;
		text-align:center;
	}

	div#shopinformation div.shoptext {
		width:320px;
		float:right;
		margin:15px 0px 10px 0px;
		padding-right: 10px;
	}


div#whatsnew {
	clear:both;
	width: 542px;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	margin:20px 10px 10px 0px;
	text-indent: -9999px;
}

	div#whatsnew div.mainconttitle {
		background: url(../images/caption_whatsnew.gif) no-repeat left top;
	}

	div#whatsnew div.shoptext {
		margin:10px 10px 10px 10px;
		background-color:#FFFFFF;
	}

		div#whatsnew dl {
			clear:both;
		}

		div#whatsnew dt {
			float:left;
		}
	
		div#whatsnew dd {
			float:left;
			width:430px;
			margin-left:1em;
			margin-bottom:5px;
			
		}

		div#whatsnew div.shoptext p.moreinfo {
			clear: both;
			width: 100%;
			text-align: right;
		}

div.recommend {
	clear:both;
	width: 542px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	margin:10px 10px 10px 0px;
	text-indent: -9999px;
}

	div.recommend div.mainconttitle {
		background: url(../images/caption_recommend.gif) no-repeat left top;
	}

	div.recommend div.recommnendbody {
		width:100%;
		background-color:#ffffff;
		margin-bottom:10px;
	}

	div.recommend div.recommnendbody:after {
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}

	div.recommend div.itemcatch {
		font-size:14px;
		margin:16px 12px 10px 10px;
		padding-bottom:3px;
		border-bottom:1px solid #999999;
	}

	div.recommend div.itemcontainer {
		margin:0px 12px 0 10px;
	}

	div.recommend div.itemtext {
		width:215px;
		float:left;
		background-color:#ffffff;
	}

	div.recommend div.itempict {
		height:100%;
		float:right;
		background-color:#ffffff;
	}

    div.recommend div.itempict img {
        width: 200px;
	}

	div.recommend div.itemdetail {
		margin-top:10px;
	}

div#newproducts {
	clear:both;
	width: 542px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	margin:10px 10px 10px 0px;
	text-indent: -9999px;
}

	div#newproducts div.mainconttitle {
		background: url(../images/caption_newproducts.gif) no-repeat left top;
	}

	div#newproducts div#newproductsbody {
		width:100%;
		margin:0 0 10px 0;
	}

	div#newproducts div#newproductsbody:after {
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}

	div#newproducts div#newproductsbody div#newproductscontents {
		margin:10px 0 0 15px;
	}

	div#newproducts div.suggestitem {
		border:1px solid #cccccc;
/*		width:100px;
		height:150px; */
		width:170px;
		height:320px;
		float:left;
		text-align:center;
		margin:0 10px 10px 0;
	}

div#pickupitem1 ul {
	list-style-type:none;
	text-align:left;
}

/*	サイドバー
=============================================================== */
div#sidebar1 div {
/*	color:#D8D8D8; */
}

	div#sidebar1 ul {
		list-style-type:none;
	}
	
	div#sidebar1 li {
		margin:0px 5px 0px 10px;
	}
	
	div#sidebar1 div.sidebartitle {
		background-color:#999933;
		color: #ffffff;
		font-weight: bold;
		width: 169px;
		height: 30px;
		text-indent: -99999px;
		margin: 0 0 8px 0;
	}

		div#sidebar1 div#categories div.sidebartitle {
			background: url(../images/caption_menu.gif) no-repeat left top;
		}

		div#sidebar1 div#aboutshopping div.sidebartitle {
			background: url(../images/caption_about.gif) no-repeat left top;
		}

		div#sidebar1 div#abouttelfax div.sidebartitle {
			background: url(../images/caption_tel.gif) no-repeat left top;
		}

		div#sidebar1 div#abouttelfax p {
			margin: 0 0 0 8px;
			width: 160px;
		}

	/* ----------------------------------------- */
	div#sidebar1 input#searchword {
		margin:3px 5px 3px 10px;
		width:125px;
	}

	div#sidebar1 input#gosearch {
		width:30px;
	}

div#sidebar1 div#ad1 {
	margin:20px 7px 0px 8px;
}

/*	お問い合わせ
=============================================================== */
div#inqbox {
	position: absolute;
	top: 16px;
	left: 50%;
	margin:0 0 0 48px;
	width: 314px;
	height: 47px;
	text-align: left;
}

	div#inqbox div.topcaption{
		position: relative;
		width: 201px;
		height: 13px;
	}

	div#inqbox div.bottomcaption{
		position: relative;
		width: 320px;
		height: 34px;
	}

		div#inqbox div.mail{
			position: relative;
			float: left;
			width: 102px;
			height: 33px;
		}
		div#inqbox div.tel{
			position: relative;
			float: right;
			width: 211px;
			height: 33px;
		}


/*	フッター
=============================================================== */
div#footer ul.ft_sub {
	background: transparent url(../images/bg_ft_submenu.gif) no-repeat scroll left top;
	clear: both;
	height: 27px;
	margin: 0 0 0 20px;
	padding: 0.5em 0 0;
	width: 743px;
	list-style: none;
}

div#footer ul.ft_sub li {
	float:left;
	font-size: 85%;
	padding:0 0 0 38px;
}

div#footer address {
	clear:both;
/*	margin:0 0 0 -20px; */
	width: 743px;
	margin: 0 auto;
	font-size: 12px;
}

/*	シンプルパターンページ CSS
=============================================================== */
/* Simple Shop Template */
div#bodycontents2 {
	width:744px;
	margin:0 auto;
	color:#40220E;
	background-image:url(../images/simplecontainer.gif);
	background-position:top left;
	background-repeat:repeat-y;
	margin-bottom:-5px;
}

div#header2 h1 {
	position:absolute;
	width:470px;
	top:180px;
	font-size:18px;
	margin:10px 10px 10px 52px;
}

div#header2 h2 {
	position:absolute;
	width:680px;
	text-align:right;
	top:165px;
	font-size:10px;
}

div#bodycontents2 div#simplecontainer {
	margin:0 9px 0 27px;
	padding-top:30px;
	text-align:left;
}

div#bodycontents2 div#simplecontainer p {
	margin:5px 20px 0px 30px;
}

div#bodycontents2 div#simplecontainer ol {
	margin:5px 20px 5px 60px;
}

div#bodycontents2 div#simplecontainer h3 {
	margin:5px 20px 5px 30px;
}

div#bodycontents2 div#simplecontainer h4 {
	margin:5px 20px 5px 30px;
}

div#pageinformation2 {
	clear:both;
	width:470px;
	height:25px;
	margin:10px 10px 10px 15px;
}

div#simplecontainer div#simplecontents {
	margin:35px 0 0 25px;
	padding:0 0 100px 0;
}

/* Error Message
--------------------------------------------------------------*/
div#simplecontents ul#errmessage {
	padding:10px 0 0 0;
}

#errmessage .error {
	padding:0 0 0 15px;
	background-image: url("../../../images/error.gif");
	background-repeat:no-repeat;
	background-position:0px 3px;
	list-style:none;
	font-weight:bold;
	color:#ff0000;
}

/*	商品単品ページ 
=============================================================== */
/* ぱんくずりすと */
div#topicpath {
	position: absolute;
	top: 116px;
/*	margin: 0 0 0 10px; */
	color: #cccccc;
}

	div#topicpath a:visited	{ color: #cccccc; text-decoration:none; }
	div#topicpath a:link 	{ color: #cccccc; text-decoration:none; }
	div#topicpath a:active 	{ color: #5bbf76; text-decoration:underline; }
	div#topicpath a:hover 	{ color: #5bbf76; text-decoration:underline; }


/* 商品メインボックス */
div#baseitembox {
	background-color:#FFFFFF;
	width: 530px;
	/*margin:5px 20px 0px 20px;*/
}

	div#baseitembox h3{
		margin:0px 10px 10px 0;
		padding-top:10px;
		padding-bottom:3px;
		border-bottom:1px solid #999999;
		font-size: x-large;
	}

	div#baseitembox ul.messages {
		margin:0 0 10px 0;
	}
	
	div#baseitembox li.message {
		padding:0 0 0 10px;
		list-style:none;
		font-weight:bold;
		color:#ff6666;
	}
/*
	div#baseitembox div#itembox {
		margin:0px 15px 0px 0px;
	}
*/	
	div#baseitembox img#mainpict {
		float:left;
		margin:0px 20px 10px 0;
		width:255px;
		height: auto;
	}

	div#baseitembox div.spectext1 {
		float:right;
		width:250px;
	}

	div#baseitembox p.mainprice {
		font-weight:bold;
	}

	div#baseitembox p.mainshorttext {
		margin:0px 5px 10px 0px;
	}

	div#baseitembox p.count {
		margin:10px 0px 10px 0px;
	}

	div#baseitembox p.gotocart {
		margin:10px 0px 10px 0px;
	}

	div#baseitembox div.spectext2 {
		margin:20px 20px 10px 0;
	}

div.subcategories,	
div.itemsuggest,
div.itemgallery,
div.subimage {
	background-color:#FFFFFF;
/*	width:480px;
	margin:5px 20px 0px 20px;*/
	padding-bottom:10px;
}

	div.subimage img {
/*		margin:10px 0 0 10px; */
		width:450px;
	}

	div.subcategories div#subcategoriestitle,
	div.itemsuggest   div#itemsuggesttitle,
	div.itemgallery   div#itemgallerytitle {
		margin:0px 10px 5px 0;
		font-weight:bold;
		padding-top:10px;
	}


/* ★ */
div#itemsuggesttitle {
	border-bottom:1px solid #cccccc;
	font-size:14px;
	margin:16px 12px 10px 10px;
	padding-bottom:3px;
}

	div.itemgallery div.thumbnail {
		margin:0px 10px 0px 15px;
	}

	div.itemgallery img {
		float:left;
		border:1px solid #cccccc;
		margin-right:5px;
	}

	div.itemgallery div.comment {
		clear:both;
		margin:10px 10px 0px 15px;
		color:#999999;
	}


	/* ---------------*/ 
	div.itemsuggest div.suggestitemcase {
/*		margin:0px 20px 0px 15px; */
	}

	div.itemsuggest div.suggestitem {
		width:528px;
		/* height:150px; 
		height: 1%;
		border:1px solid #cccccc;
		float:left;*/
		text-align:center;
		margin:5px 0 10px 0px;
		padding-bottom: 10px; 
	}

	div.itemsuggest div.suggestitemcase ul {
		list-style:none;
		display:block;
	}

	div.itemsuggest div.suggestitemcase li {
		float:left;
	}


div.itemsuggest div.suggestitemcase div.suggestitem { 
	position: relative;
/*	width: 480px; */
}


div.itemsuggest div.suggestitem div.suggestitemimg {
	float: right;
	width: 185px;
/*	height: auto;
	border: 1px solid #cccccc; */
}

div.itemsuggest div.suggestitem div.suggestitemtextarea {
	float: left;
	width:315px;
}

	div#newproducts div.suggestitem img.suggestpict,
	div.itemsuggest div.suggestitem img.suggestpict {
/*		border:1px solid #eeeeee;
		margin:10px 0 0 10px; */
		float: left;
		width: 185px;
/*		height: auto; */
	}

	div#newproducts div.suggestitem div.suggestitemname,
	div.itemsuggest div.suggestitem div.suggestitemname {
		margin:10px 0 10px;
		text-align:left;
		border-bottom:1px solid #CCCCCC;
		font-size:14px;
		/*margin:16px 12px 10px 10px;*/
		padding-bottom:3px;
	}
/*
		div#newproducts div.suggestitem div.suggestitemname,
		div.itemsuggest div.suggestitem div.suggestitemname {
		}
*/
div.itemsuggest div.suggestitem div.suggestitemname a:visited	{ color: #666666; text-decoration:none; }
div.itemsuggest div.suggestitem div.suggestitemname a:link 		{ color: #666666; text-decoration:none; }
div.itemsuggest div.suggestitem div.suggestitemname a:active 	{ color: #5bbf76; text-decoration:underline; }
div.itemsuggest div.suggestitem div.suggestitemname a:hover 	{ color: #5bbf76; text-decoration:underline; }


	div#newproducts div.suggestitem div.suggestitemprice,
	div.itemsuggest div.suggestitem div.suggestitemprice {
/*		margin:10px 0px;*/
		text-align:left;
	}

		div#newproducts div.suggestitem div.suggestitemprice span.mainprice ,
		div.itemsuggest div.suggestitem div.suggestitemprice span.mainprice {
			color: #f93c7c;
			font-weight:bold;
			font-size: x-large;
		}


		div.itemsuggest div.suggestitem div.itemdetail {
			text-align:left;
			margin-top: 10px;
		}

	div.itemsuggest div.recordcount {
		margin:10px 0;
	}

	div.itemsuggest div.orderby {
		margin:5px 10px 0px 15px;
		text-align: right;
	}

		div.itemsuggest div.orderby .current {
			font-weight: bold;
		}

	div.itemsuggest div#pager {
		clear:both;
		margin:5px 10px 0px 15px;
		letter-spacing:2px;
	}

	/* ---------------*/ 
	div.subcategories ul {
		margin:0 10px 0 15px;
		list-style:none;
		display:block;
	}

	div.subcategories li {
	}


/*	著作権/商標/免責事項など
=============================================================== */
div#notes {
	width:490px;
	margin:15px 0px 0px 0;
	font-size:12px;
}

	/* 標準パターン */
	div#notes h2 {
	/*	color:#6b5032;*/
		margin:0 0 15px 0;
		border-left:5px solid #999999;
		border-bottom:1px solid #999999;
		padding:0px 0px 3px 5px;
		font-size:100%;
	}

	div#notes h3 {
		color:#6b5032;
		margin:25px 10px 15px 15px;
		border-bottom:1px solid #cccccc;
		padding:0px 0px 5px 5px;
		font-size:100%;
	}

	div#notes ol,
	div#notes ul {
		margin:5px 0px 0px 40px;
	}

	div#notes li {
		margin-bottom:3px;
	}

	div#notes table {
		font-size:12px;
	}

	/* 配送料設定テーブル */
	div#notes table.delitbl {
		margin:10px 0px 0px 30px;
		font-size:12px;
	}

	div#notes table.delitbl td {
		padding:2px;
	} 

	div#notes table.delitbl td.place{
		width:360px;
		border:1px solid #ffffff;
	}

	div#notes table.delitbl td.price{
		width:60px;
		border:1px solid #ffffff;
		text-align:right;
	}

	/* 色設定の共通化 */
	div#notes h2 {
		border-left-color:#33aa33;
		border-bottom-color:#33aa33;
	}

	div#notes h3 {
		border-bottom-color:#cccccc;
	}

/* 説明文章共通ネスト */
div#notes div.kiyakudiv p,
div#notes div.privacydiv p,
div#notes div.suisyoudiv p,
div#notes div.chosakudiv p,
div#notes div.bgndiv p {
	margin:0px 10px 3px 25px;
}

/* お支払い方法　*/
div#notes p.toptext {
	margin:0px 0px 20px 25px;
}

/* プライバシポリシー　*/
div#notes div.privacydiv ol {
	margin-left:60px;
}

/* 特定商取引に基づく表示　*/
div#notes div.cmcdiv table {
	margin-left:30px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}

div#notes div.cmcdiv td {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:3px;
}

div#notes div.cmcdiv td.fname {
	width:100px;
	font-size:100%;
}

div#notes div.cmcdiv td.dataname {
	width:335px;
	font-size:100%;
}

/*	問い合わせ
=============================================================== */
div#contact {
	width:490px;
	margin:15px 0px 0px 10px;
	font-size:12px;
}

	div#contact ul#errmessage {
		margin:0 0 10px 15px;
	}

	div#contact h2 {
		color:#6b5032;
		margin:0 0 15px 10px;
		border-left:5px solid #6b5032;
		border-bottom:1px solid #6b5032;
		padding:0px 0px 3px 5px;
		font-size:16px;
	}

	div#contact table#entrycontact {
		margin:10px 0 0 10px;
		border-style:none;
		font-size:12px;
	}
	
	div#contact table#entrycontact td {
		padding:0 3px 3px 0;
	}
	
	div#contact table#entrycontact td.top {
		vertical-align:top;
		padding:3px 0 0 0;
	}
	
	div#contact input.fullname {
		width:200px;
		ime-mode:active;
	}
	
	div#contact input.email {
		width:200px;
		ime-mode:inactive;
	}
	
	div#contact textarea {
		width:370px;
		font-size:12px;
	}

	div#contact div#buttonarea {
		width:483px;
		text-align:right;
		margin:10px 0 20px 0px;
	}

	div#contact p.message {
		margin:10px 0 0 15px;
	}

/* -------------------------------------- */
div.bottomdummy {
	height:50px;
}

/*	おまじない (BLOCK内BLOCKを内包させる for FF etc...)
=============================================================== */
div:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}