@charset "utf-8";
/*---------------------------------------  -----------------------------------------*/
 * {
	margin: 0px;
	padding: 0px; }
img { border: none; vertical-align: bottom; }
ul { list-style: none; }
body {
	margin: auto;
	background-color: #fffdf0;
	text-align: center;
	letter-spacing: 1px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif; }
p {
	line-height: 2em;
	letter-spacing: 2px;
	text-align: justify; }
object { vertical-align: top; }
h2,h3,dt { color: #432224; }
h2,h3,h4 { font-weight: normal; }
h2 { font-size:120%; }
h3 { font-size:120%; }
h4 { font-size:110%; }

input:focus,
	textarea:focus { background-color: #faf9ec; }
input,
	textarea { font-size: 110%; }

a,a:link,a:visited {
	text-decoration: none;
	background: url(../img/underline.gif) repeat-x 100% 100%;
	color: #432224; }
a:active, a:hover {
	background: url(../img/underline_over.gif) repeat-x 100% 100%;
	color: #ff8000; }

/*---------- class ----------*/
.nav-title { display: none; }
.textleft { text-align: left; }
.textright { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.imgleft {
	float: left;
	margin-right: 10px; }
.imgright {
	float: right;
	margin-left: 10px; }
.imgtop { margin-bottom: 10px; }
.imgbottom { margin-top: 10px; }
.caution,
	ul.caution li { color: #eb0202; }
.to-head {
	clear: both;
	font-size: 90%;
	text-align: right;
	padding: 20px 0px; }
.notice {
	font-size: 90%;
	color: #eb0202;
	line-height: 130%; }
.memo {
	font-size: 95%;
	color: #333333;
	line-height: 130%; }
input.num {
	width: 35px;
	font-size: 120%;
	text-align: center; }

/*---------- clearfix ----------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0; }
.clearfix {
	display: inline-block;
	min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible; }
.clearfix { display: block; }
/* End hide from IE-mac */

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

/*---------- container ----------*/
#container {
	width: 850px;
	margin: auto;
	margin-top: 15px;
	overflow: hidden;
	text-align: left;
	font-size: 75%;
	background-color: #ffffff;
	color: #222222; }
* html #container { overflow: visible; }
 
/*---------- header ----------*/
#header {
	background-color: #fffdf0;
	font-size: 95%; }
	#header h1 {
 		float: left;
 		width: 400px;
 		height: 50px; }
 	#header h1 a { text-decoration: none; }
	#header ul {
		float: right;
		width: 400px;
		margin-top: 25px;
		text-align: right; }
	#header li {
		display: inline;
		margin-left: 3px; }

/*---------- contents ----------*/
#contents {
	padding-bottom: 10px;
	border: solid 1px #ccbdc2; }
	#contents h2 { margin-bottom: 20px; }

/*---------- main navi ----------*/
#main-navi { height: 55px; }
	#main-navi li {
		float: left;
		width: 169px;
		font-size: 120%;
		line-height: 100%;
		text-align: center; }

/*---------- path navi ----------*/
#path-navi,#shop-navi {
	background: #d5c3c1 url('../img/bg_path_navi.gif') repeat-x;
	height: 35px;
	padding: 0px 0px 0px 10px;
	margin-bottom: 20px;
	line-height: 2.5em;
	font-size: 95%; }
	#path-navi ul,#shop-navi ul { float: left; }
	* html #path-navi ul,
	* html #shop-navi ul { padding-top: 5px; }
	#path-navi li,#shop-navi li { display: inline; }
		#path-navi li img,#shop-navi li img {
			margin-left: 3px;
			margin-bottom: 0.8em; }
	#shop-navi span.btn-cart {
		float: right;
		padding-right: 0px; }

/*---------- main ----------*/
#main {
	width: 615px;
	float: right;
	margin-right: 30px; }
* html div#main { margin-right: 10px; }
* html div#main.order { margin-right: 5px; }
#main h3 { padding-bottom: 15px; }
#mainc {
	float: none;
	width: 750px;
	margin-left: 50px; }

/*---------- side ----------*/
#side {
	width: 170px;
	float: left;
	padding: 0px 20px 10px 10px;
	min-height: 30em;
	height: auto !important;
	height: 30em; }
	#side a,a:link { color: #333333; }
	#side a:visited { color: #333333; }
	#side a:active, #side a:hover { color: #ff8000; }
	#side dl,#side ul { width: 170px; }
	#side dt { padding-top: 5px; }
	#side ul { padding-top: 5px; }
	#side li {
		/*color: #ff8000;*/
		padding-left: 1em;
		padding-bottom: 10px; }
	#side ul li.arrow {
		font-weight: bold;
		background: url('../img/side_allow.gif') top left no-repeat; }
	#side ul li.arrow-under { padding-left: 25px; }

/*---------- houzukin ----------*/
/*
#houzukin {
	clear: both;
	position: absolute;
	padding-left: 15px;
	margin-top: 575px; }
	* html #houzukin { margin-top: -70px; }
*/
#houzukin {
	clear: both;
	margin-top: -2em; }
	#houzukin a {
		background: url('');
		text-decoration: none; }

/*---------- footer ----------*/
#footer {
	width: 850px;
	height: 5em;
	clear: both;
	background-color: #fffdf0; }
	#footer p.copyright {
		width: 500px;
		float: left;
		padding-top: 10px;
		font-size: 90%; }
#footer div#flag {
	width: 300px;
	float: right;
	padding-top: 5px;
	text-align: right; }

/*---------- form ----------*/
dl.form dt {
	width: 80px;
	float: left;
	clear: left;
	padding: 5px 0px;
	border-top: solid 1px #cccccc; }
dl.form dd {
	margin-left: 80px;
	padding: 5px 20px 5px 0px;
	border-top: solid 1px #cccccc; }
	dl.form dd input#Name,
		dl.form dd input#Furi,
		dl.form dd input#Email,
		dl.form dd input#Email_,
		dl.form dd input#Passwd,
		dl.form dd input#Add2,
		dl.form dd input#Sname,
		dl.form dd input#Sfuri,
		dl.form dd input#Sadd2 { width: 300px; }
	dl.form dd input#Zip,
		dl.form dd input#Szip { width: 75px; }
	dl.form dd input#AgeChk { width: 30px; }
	dl.form dd input#Tel,
		dl.form dd input#Add1,
		dl.form p input#Passwd,
		dl.form dd input#Stel,
		dl.form dd input#Sadd1 { width: 150px; }
	dl.form dd textarea { width: 490px; }
	dl.form dd input.btn-submit {
		width: 161px;
		margin: 15px 0px; }
	dl.form dd input.btn-back {
		width: 161px;
		margin: 15px 0px;
		margin-right: 30px; }
ul.btn-submit { padding-left: 75px; }
	ul.btn-submit li {
		width: 200px;
		float: left;
		text-align: center;
		margin: 10px;
		padding: 5px; }
		ul.btn-submit li a {
			display: block;
			background: url('');
			text-decoration: none; }
		ul.btn-submit li a:active,
		ul.btn-submit li a:hover {
			background: url('');
			text-decoration: none; }

/*---------- gtable ----------*/
table.gtable {
	width: 615px;
	font-size: 95%;
	border-spacing: 1px;
	border: solid 1px #dddddd;
	empty-cells: show;
	border-collapse: collapse; }
	table.gtable tr th {
		border: solid 1px #dddddd;
		background-color: #eeeeee;
		text-align: center;
		font-size: 90%;
		font-weight: normal; }
	table.gtable tr td {
		border: solid 1px #dddddd;
		padding: 3px 5px; }
		table.gtable tr td.gnum { text-align: center; }
		table.gtable tr td.gprice { text-align: right; }
	table.gtable tr.ctotal td {
		text-align: right;
		background-color: #eeeeee; }
		table.gtable tr.ctotal td  strong { font-size: 110%; }
	table.gtable td span.caution { font-size: 90%; }
	
/*---------- thanks msg ----------*/
dl.thanks-msg { padding: 15px 0px; }
	dl.thanks-msg dt {
		width: 80px;
		float: left;
		clear: left; }
	dl.thanks-msg dd {
		margin-right: 50px;
		margin-left: 90px;
		padding-bottom: 3px; }
		dl.thanks-msg dd.thanks-msg {
			font-weight: bold;
			font-size: 110%;
			margin-bottom: 20px; }

/*---------- loginbox ----------*/
div.loginbox {
	border: solid 1px #dddddd;
	padding: 5px;
	font-size: 90%;
	margin: 20px 0px 20px 0px; }
	div.loginbox p { text-align: center; }
	div.loginbox dt {
		width: 215px;
		float: left;
		clear: left;
		padding: 2px 0px;
		text-align: right; }
	div.loginbox dd {
		margin-left: 220px;
		padding: 2px 0px; }

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

/*---------- toppage ----------*/
#main-navi.toppage { border-bottom: solid 1px #ccbdc2; }
#slideshow { width: 848px; height: 300px; }
#slideshow img.pics { display: none; }
#topmain {
	width: 470px;
	margin-right: 0px;
	margin-top: 20px;
	padding-right: 0px;
	float: right; }
	* html #topmain { width: 460px; }
	#topmain h2 {
		margin-left: 5px;
		margin-bottom: 10px; }
	#topmain h2.glist { margin-top: 25px;}
	#topmain ul li { margin-bottom: 5px; }
#topside {
	width: 350px;
	margin-top: 20px;
	padding-left: 20px;
	float: left; }
	#topside h2 { margin-bottom: 15px; }
	#topside dl {
		
		width: 330px;
		overflow: hidden;
		margin-bottom: 20px; }
	#topside dt { margin-top: 3px; }
	#topside dd {
		padding-bottom: 1em;
		color: #d03d10;
		border-bottom: solid 1px #dddddd; }
	#topside dd a,
	#topside dd a:link,
	#topside dd a:visited {
		/*background: url('');*/
		color: #d03d10; }
	#topside dd a:active,
	#topside dd a:hover {
		background: url(../img/underline_over.gif) repeat-x 100% 100%;
		color: #ff8000; }
	#topside ul { padding-bottom: 3em; }
		#topside li {
			font-size: 105%;
			padding-top: 1px;
			padding-left: 1.5em;
			background: url(../img/titlemark_h4.gif) no-repeat; }
/*---------- about ----------*/
#main.about h3 {
	border-bottom: solid 1px #cccccc;
	padding-bottom: 5px;
	padding-top: 5px; }
#main.about p {
	padding-top: 5px;
	padding-bottom: 5px; }
	#main.about p.to-head { padding: 20px 0px; }
	
#main.about dt {
	font-weight: bold;
	padding: 5px 0px;
	border: 0px; }
#main.about dd { padding: 5px 20px; }
#main.about dl.about-info {
	padding: 10px 0px;
	text-align: center;
	border: solid 1px #cccccc; }
	#main.about dl.about-info dd { padding: 2px; }
 
/*---------- inquiry ----------*/
#main.inquiry h3 {
	padding-bottom: 15px; }
#main.inquiry dl { margin-bottom: 30px; }
	#main.inquiry dl.inquiry-info { font-size: 120%; }
		#main.inquiry dl.inquiry-info dt { padding-left: 30px; }
		#main.inquiry dl.inquiry-info dd {
			padding-left: 30px;
			display: inline; }
#side.inquiry { padding-top: 100px; }

/*---------- topics ----------*/
#main h3.topics {
	border-bottom: solid 1px #dddddd;
	background: url('../topics/img/titlemark.gif') top left no-repeat;
	padding: 1px 12px; }
	#main h3.topics a {
		background: url('');
		text-decoration: none; }
#main div.topics {
	text-align: center;
	margin: 5px 5px 25px 5px; }
	#main div.topics div.text {
		text-align: left;
		overflow: hidden; }
	#main div.topics div.text p { margin-top: -5px; }
	#main div.topics  p.date {
		text-align: right;
		margin: 0px;
		padding: 0px; }
	#main div.topics p.more { text-align: right; }
	#main.topics p.pg_link { text-align: center; }

/*---------- topics input ----------*/
	#main div.topics span.finding {
		font-weight: bold;
		color: #432224;
		font-size: 110%; }
	#main div.topics span.bold { font-weight: bold; }
	#main div.topics span.small { font-size: 90%; }
	#main div.topics span.underbar { background: url(../img/underline.gif) repeat-x 100% 100%; }
	#main div.topics span.color1 { color: #432224; }
	#main div.topics span.color2 { color: #ff8000; }
	#main div.topics span.color3 { color: #eb0202; }
	#main div.topics span.color4 { color: #162146; }

/*---------- ginfo ----------*/
div#ginfo h3 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 15px; }
div#ginfo p {
	clear: left;
	padding: 10px 0px; }

/*---------- shop ----------*/
#contents h2.shop { margin-bottom: 0px; }
/*---------- goods list ----------*/
#contents ul.glist li {
	float: left;
	width: 125px;
	text-align: center;
	font-size: 90%;
	border: solid 1px #ccbdc2;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 25px;
	height: 150px;
	padding: 10px 0px 5px 0px; }
#contents ul.glist li span {
	display: block;
	height: 4em;
	text-align: left;
	line-height: 130%;
	overflow: auto;
	padding: 5px 5px; }
* html #contents ul.glist li span { height: 3.8em; }
#contents ul.glist li a {
	background: url('');
	display: block;
	color: #222222;
	text-decoration: none; }
#contents ul.glist li a:hover span { color: #ff8000; }
#contents ul.glist li a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7; }
#contents ul.glist li:hover { border: solid 1px #feb16c; }
#main.glist h3 { padding-bottom: 0px; }
#main.glist h3.glist { padding-bottom: 10px; }
#side dl.sidemenu dt,
#side dl.sideglist dt {
	padding-left: 1em;
	background: url(../img/marker.gif) no-repeat 0 0.7em; }
#side dl.sidemenu dt.noactive,
#side dl.sideglist dt.noactive {
	background: url(../img/marker2.gif) no-repeat 0 0.7em; }
#side ul.sidemenu li {
	padding-left: 1em;
	background: url(../img/marker.gif) no-repeat 0 0.3em; }


/*---------- goods detail ----------*/
#main div#gdetail {
	border: solid 1px #f1ebec;
	padding: 20px 25px; }
	#main div#gdetail h2 {
		margin-bottom: 10px; }
	#main div#gdetail dl {
		margin-top: 5px;
		float: left; }
	#main div#gdetail dt {
		width: 250px;
		padding-bottom: 5px; }
	#main div#gdetail dd {
		display: inline;
		padding-right: 10px; }
	#main div#gdetail dt span#gimg {
		display: block;
		padding-bottom: 5px;
		width: 250px;
		height: 250px; }
	#main div#gdetail dt span { line-height: 1em; }
	#main div#gdetail ul {
		width: 285px;
		float: right; }
	#main div#gdetail li {
		line-height: 2em;
		letter-spacing: 2px; }
	#main div#gdetail li.spec {
		font-size: 90%;
		line-height: 1.5em;
		border-top: dotted 1px #ccbdc2;
		border-bottom: dotted 1px #ccbdc2;
		padding: 5px 0px;
		margin: 5px 0px; }
	#main div#gdetail li.price {
		font-size: 110%;
		color: #432224; }
	#main div#gdetail li.pricem { color: #eb0202; }
	#main div#gdetail p.Noshi { display: none; }
	#main div#gdetail p.Noshi span {
		line-height: 1.3em;
		font-size: 85%; }
	#main div#gdetail input.Noshi { width: 150px; }
#main p.btn-incart {
	height: 40px;
	padding: 0px;
	padding-bottom: 20px;
	text-align: right; }

/*----------  suggest ----------*/
.suggest_results {
	font-size: 85%;
	border: 1px solid gray;
	background-color: #ffffff;
	position: absolute;
	z-index: 10000;
	display: none; }
.suggest_results li {
	padding: 0px 5px;
	white-space: nowrap;
	text-align: left; }
.suggest_over {
	cursor: pointer;
	background-color: #dddddd; }
.suggest_match { text-decoration: underline; }
.suggest_results p { display: none; }

/*---------- cart ----------*/
#main.cart h3 { margin-right: 20px; }
#main.cart p.msg-enpty {
	padding: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd; }
#main.cart ul.btn-cart {
	padding-top: 5px;
	text-align: right; }
	#main.cart ul.btn-cart li { padding-left: 30px; display: inline }
#main.cart p.msg-cartchk {
	text-align: center;
	padding-top: 20px; }
#main.cart dd input#Email,
	#main.cart dd input#Passwd { width: 200px; }

/*---------- forget ----------*/
#main.cart dl.forget dt,
#main.cart dl.forget dd {
	padding: 10px 0px;
	}

/*---------- order ----------*/
#main.order h3 { padding-bottom: 5px; }
#main.order dl {
	margin-bottom: 30px; }
	#main.order dl.inquiry-info { font-size: 120%; }
	#main.order dl.order-info dt { padding-left: 30px; }
	#main.order dl.order-info dd {
		padding-left: 30px;
		display: inline; }
#main.order p.order-msg {
	font-size: 90%;
	padding: 0px 20px 10px 0px; }
#main.order dl.form dt { width: 120px; }
#main.order dl.form dd { margin-left: 120px; }
#main.order dl#sendchk { margin-bottom: 10px; }

/*---------- company ----------*/
#main.company dl { margin-bottom: 30px; }
#main.company dt {
	width: 100px;
	float: left;
	clear: left;
	padding: 5px 0px;
	border-top: solid 1px #cccccc; }
	#main.company dt.name { border-top: solid 1px #ffffff; }
#main.company dd {
	margin-left: 100px;
	padding: 5px 0px;
	border-top: solid 1px #cccccc; }
	#main.company dd.name { border-top: solid 1px #ffffff; }
#main.company div#map {
	width: 600px;
	height: 500px; }
#main.company dl.access {
	font-size: 90%;
	line-height: 130%; }
#main.company dl.access { padding-top: 5px; }
	#main.company dl.access dt {
		width: 130px;
		padding: 2px 0px;
		border: 0px; }
	#main.company dl.access dd {
		margin-left: 130px;
		padding: 2px 0px;
		border: 0px; }
#main.company p.greeting { padding-bottom: 5px; }
#main.company p.signature {
	text-align: right;
	padding: 10px; }

/*---------- legal ----------*/
div#mainc.legal { padding-top: 15px; }
#mainc.legal dt {
	width: 155px;
	float: left;
	clear: left;
	padding: 5px 0px;
	border-top: solid 1px #cccccc; }
#mainc.legal dd {
	margin-left: 155px;
	padding: 5px 0px;
	border-top: solid 1px #cccccc; }
	#mainc.legal dd dl { clear: both; }
		#mainc.legal dd dl dt {
			float: none;
			width: auto;
			border: none;
			padding: 0px; }
		#mainc.legal dd dl dd {
			width: auto;
			margin-left: 1em;
			border: none;
			padding: 0px 0px 5px 0px; }
		#mainc.legal dd dl dd li span { font-size: 90%; }
	#mainc.legal dd dl dt { font-weight: bold; }
#mainc.legal p.to-head { padding-right: 0px; }