@charset "utf-8";

/* がとーよしだ専用CSS
---------------------------------------------------------------------- */

/*	BASIC CONTAINER
=============================================================== */
body {
	background-color:#f5e8a2;
	font-size: 90%;
}

div#container {
	width:744px;
	margin:0 auto;
	height:100%;
}

div#loginbox {
	width:724px;
	margin:0 auto;
	text-align:right;
}

div#header  ,
div#header2 {
	width:744px;
	height:120px;
	margin:0 auto;
	text-align:left;
	background-image:url(../images/header.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

a:visited,
a:link {
	color: #591d02;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* Basic Shop Template */
div#bodycontents {
	margin:0 auto;
	width:744px;
	color:#40220E;
	background-image:url(../images/backimg.gif);
	background-position:top left;
	background-repeat:repeat-y;
}


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

div#sidebar1 {
	float: left;	
	width: 222px;
	margin: 0 0 10px 0;
	height: 100%;
	text-align: left;
}

div#footer {
	clear:both;
	width:744px;
	height:100px;
	margin:0 auto;
	text-align:center;
	background-image:url(../images/bottomshadow.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:10px;
}

/*	HEADER
=============================================================== */
div#header  h1,
div#header  h2,
div#header2 h1,
div#header2 h2 {
	color:#6b5032;
}

div#header h1 {
	position:absolute;
	width:470px;
	margin-left:242px;
	top:165px;
	font-size:12px;
}

div#header h2 {
	position:absolute;
	width:470px;
	top:180px;
	margin-left:242px;
	font-size:10px;
}

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:absolute;
	margin:0px auto 0px 62px;
	top: 45px;
}

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

/*	MAIN CONTENTS
=============================================================== */
div.mainconttitle {
	/*height:14px;
	background-color: #8b9c00;*/
	background-color: #937d4c;
	color:#FFFFFF;
	padding-left:7px;
	font-size:10px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
}

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

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

	div#shopinformation div.shoptext {
		width:270px;
		float:right;
		background-color:#FFFFFF;
		margin:15px 0px 10px 0px;
		padding-right:10px;
	}


div#whatsnew {
	clear:both;
	width:470px;
	border:1px solid #ffffff;
	background-color:#FFFFFF;
	margin:10px 10px 10px 15px;
}

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

	div#whatsnew dt {
		float:left;
	}

	div#whatsnew dd {
		margin-left:5em;
		margin-bottom:5px;
		
	}


div.recommend {
	clear:both;
	width:470px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	margin:10px 10px 10px 15px;
}

	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 20px;
		padding-bottom:3px;
		border-bottom:1px solid #40220E;
	}

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

	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;
		height: auto;
	}

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

div#newproducts {
	clear:both;
	width:470px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	margin:10px 10px 10px 15px;
}

	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:138px;
		min-height:170px;
		float:left;
		text-align:center;
		margin:0 10px 10px 0;
	}

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

/*	SIDE BAR1
=============================================================== */
div#sidebar1 div {
	margin-left:25px;
	padding-left:5px;
	color: #ffffff;
}

	div#sidebar1 ul {
		list-style-type:none;
	}
	
	div#sidebar1 li {
		width:142px;
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 10px;
	}
	
	div#sidebar1 div.sidebartitle {
		margin:10px 10px 7px 5px;
		/*background-color: #8b9c00;*/
		background-color: #937d4c;
	}

	div#sidebar1 a {
		color: #591d02;
		display:block;
	}
	
	div#brandlist p.brandlistname a:link {
		color:#666666;
		text-decoration:underline;
	}
	
	div#sidebar1 a:hover {
		color: #8b9c00;
		/*background-color:#9B724F;*/
	}

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

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

div#sidebar1 div#ad1 {
	margin:50px 0px 0px 40px;
	width:160px;
}

/*	FOOTER
=============================================================== */
div#footnavi {
	width:734px;
	height:20px;
	margin:0 auto;
}

div#footnavi ul {
	list-style-type:none;
}

div#footnavi li {
	display:block;
	float:right;
	padding:0px 5px 0px 5px;
}

div#footnavi li.footnavimenu {
	border-right:1px solid #D8D8D8;
}

div#footlink {
	width:736px;
}

div#footlink h3 {
	float:left;
	width: 692px;
	margin-top:3px;
	font-size:11px;
	text-align:right;
	color: #591d02;
	font-weight: normal;
}

div#footlink img {
	float:right;
}

/*	シンプルパターンページ 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#breadcrumb {
	margin:10px 0px 0px 20px;
}

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

	div#baseitembox h3{
		margin:0px 10px 10px 10px;
		padding-top:10px;
	}

	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 10px;
		width:220px;
	}

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

	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 20px;
	}

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

	div.subimage img {
		margin:10px 0 0 10px;
		max-width:450px;
	}

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

	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 {
		float:left;
		width: 138px;
		margin: 5px 5px 10px 0px; 
		xmin-height: 180px;
		height: 200px;
		border: 1px solid #cccccc;
		text-align: center;
	}

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

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

	div#newproducts div.suggestitem img.suggestpict,
	div.itemsuggest div.suggestitem img.suggestpict {
		border:1px solid #eeeeee;
		margin-top:10px;
		width:135px;
		height: auto;
	}

	div#newproducts div.suggestitem div.suggestitemname,
	div.itemsuggest div.suggestitem div.suggestitemname {
		margin:10px 10px 10px 10px;
		text-align:left;
	}

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

        div#newproducts div.suggestitem div.issoldout,
        div.itemsuggest div.suggestitem div.issoldout {
                display: none;
        }

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

	div.itemsuggest div.orderby {
		margin:5px 10px 10px 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 10px;
	font-size:12px;
}

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

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

	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:#6b5032;
		border-bottom-color:#6b5032;
	}

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

/* 説明文章共通ネスト */
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;
}

div#notes div.cmcdiv td.dataname {
	width:335px;
}

/*	問い合わせ
=============================================================== */
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;
}

