@charset "shift_jis";

/*html element
-------------------------------------------------------*/
body{
	margin:0 auto;
	text-align:center;
	font-size:small;
	color:#454545;
	font-family: "Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
	background:#d9caad;
	_font-size:0.8em;
	background: url(../img/bg.jpg) repeat;
}
a { color:#1C0905; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
table{ border:1px solid #ccc;border-collapse:collapse;}
th,td{	
	font-size:small;
	line-height:1.5em;
	border:1px solid #ccc;
	padding:10px;
	_font-size:0.8em;
	text-align:left;
}
th{ width:20%; background:#efeddc;}
h1,h2,h3,h4,h5,h6,ul,form,dl,ul,ol,dt,dd,li,p,address{
	margin:0;
	padding:0;
	line-height:1.0;
	list-style:none;
}
p,li,dd,dt{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.5em;
	font-size: 12px;
}


img{border:0}
hr{display:none}
address{font-style:normal}

/*container&cts
-------------------------------------------------------*/
#wrap {
	margin: 0 auto;
	text-align:center;
	width:910px;
	background: url(../img/wrap_bg.gif) no-repeat;
}
#container{
	margin:0 auto;
	width:910px;
	background: url(../img/cts_bg.gif) repeat-y;
}
#cts {
	padding: 0 5px;
	width: 900px;
	}

/*header
-------------------------------------------------------*/
#header{
	min-height:40px;
	padding:15px 20px 5px 20px;
	_height:80px;

}
#logo{
	font-size:28px;
	color:#270b00;
	float:left;
	text-indent: -9999px;
}
#logo strong,#logo a {
	display:block;
	background: url(../img/logo.jpg) no-repeat;
	width:205px;
	height: 45px;
	}
#logo a:hover { background: url(../img/logo.jpg) no-repeat 0 -45px;}
#subcopy{ margin: 2px 0 0 10px;float:left;font-size:10px;}



body:first-of-type #subcopy { font-size:9px;}

#shop{float:right;margin-top:5px; text-indent:-9999px;}
#shop a {
	display:block;
	background:url(../img/shop.jpg) no-repeat;
	width: 110px;
	height:30px;
	}

/*navi
-------------------------------------------------------*/
#navi{ width:860px;}
#navi ul{ width:860px; margin:0 0 0 20px;}
*+html body #navi ul{ width:860px; margin:0 0 0 0;}

#navi li{ float:left;}
#navi li.gm01,#navi li.gm02,#navi li.gm03,#navi li.gm04,#navi li.gm05,#navi li.gm06 { text-indent:-9999px;}
#navi li.gm01 a,#navi li.gm02 a,#navi li.gm03 a,#navi li.gm04 a,#navi li.gm05 a,#navi li.gm06 a { display: block;height:45px;}

#navi li.gm01 a {width: 143px;background: url(../img/gm01.gif) no-repeat;}
#navi li.gm02 a {width: 143px;background: url(../img/gm02.gif) no-repeat;}
#navi li.gm03 a {width: 143px;background: url(../img/gm03.gif) no-repeat;}
#navi li.gm04 a {width: 144px;background: url(../img/gm04.gif) no-repeat;}
#navi li.gm05 a {width: 143px;background: url(../img/gm05.gif) no-repeat;}
#navi li.gm06 a {width: 144px;background: url(../img/gm06.gif) no-repeat;}

#navi li.gm01 a:hover {width: 143px;background: url(../img/gm01.gif) no-repeat 0 -45px;}
#navi li.gm02 a:hover {width: 143px;background: url(../img/gm02.gif) no-repeat 0 -45px;}
#navi li.gm03 a:hover {width: 143px;background: url(../img/gm03.gif) no-repeat 0 -45px;}
#navi li.gm04 a:hover {width: 144px;background: url(../img/gm04.gif) no-repeat 0 -45px;}
#navi li.gm05 a:hover {width: 143px;background: url(../img/gm05.gif) no-repeat 0 -45px;}
#navi li.gm06 a:hover {width: 144px;background: url(../img/gm06.gif) no-repeat 0 -45px;}


#navi ul:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
}
/*fnavi
-------------------------------------------------------*/

p.pgup{ text-indent:-9999px;}
p.pgup a{ 
	display:block;
	margin: 0 0 0 800px;
	width:60px;
	height:25px;
	background:url(../img/totop.gif) no-repeat;
	}

#fnavi{ width:860px; margin:20px auto 10px auto; height:30px;}
#fnavi ul{ width:860px; margin: 0 0 0 5px;}
#fnavi li{float:left;}
#fnavi li.fm01,#fnavi li.fm02,#fnavi li.fm03,#fnavi li.fm04,#fnavi li.fm05,#fnavi li.fm06 {
	text-indent:-9999px;
}
#fnavi li.fm01 a,#fnavi li.fm02 a,#fnavi li.fm03 a,#fnavi li.fm04 a,#fnavi li.fm05 a,#fnavi li.fm06 a {
	display:block;
	width: 132px;
	height: 30px;
	margin:0 12px 0 0;
}
#fnavi li.fm06 a {margin:0;}
#fnavi li.fm01 { background: url(../img/fm01.gif) no-repeat;}
#fnavi li.fm02 { background: url(../img/fm02.gif) no-repeat;}
#fnavi li.fm03 { background: url(../img/fm03.gif) no-repeat;}
#fnavi li.fm04 { background: url(../img/fm04.gif) no-repeat;}
#fnavi li.fm05 { background: url(../img/fm05.gif) no-repeat;}
#fnavi li.fm06 { background: url(../img/fm06.gif) no-repeat;}

#fnavi li.fm01:hover { background: url(../img/fm01.gif) no-repeat 0 -30px;}
#fnavi li.fm02:hover { background: url(../img/fm02.gif) no-repeat 0 -30px;}
#fnavi li.fm03:hover { background: url(../img/fm03.gif) no-repeat 0 -30px;}
#fnavi li.fm04:hover { background: url(../img/fm04.gif) no-repeat 0 -30px;}
#fnavi li.fm05:hover { background: url(../img/fm05.gif) no-repeat 0 -30px;}
#fnavi li.fm06:hover { background: url(../img/fm06.gif) no-repeat 0 -30px;}

#fnavi ul:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
}

/*contents
-------------------------------------------------------*/
#contents{
	width:860px;
	_width:900px;
	padding:10px 20px 0 20px;
	margin:0;
	_text-align:left;
}
#contents h2{
	margin:10px 0 0;
	padding:5px;
	_padding:15px 0 0 0;
	color:#4e483d;
}
*+html body #contents h2{
	padding:15px 0 0 0;
	}
#contents .rmd h2 {text-align:left;	text-indent:-9999px;}
#contents .rmd h2 strong {
	display:block;
	background: url(../img/rmd_title.gif) no-repeat;
	width: 220px;
	height: 14px;
	margin:15px 15px 0 20px;
	_margin: 15px 0 0 15px;
	}
#contents h3{
	margin:20px 0 0 0;
	color:#4e483d;
	font-size:1.1em;
}
#contents h4{
	color:#07b;
	margin:0 0 10px;
	font-size:1.0em;
}
#contents h5{
	color:#07b;
	font-size:small;
	font-weight:normal;
	margin:0 0 10px;
}
#contents p{margin:0 0 10px;}

#contents p.mainimg img {
	margin:5px 0 0 0;
	}

#contents p.clear {
	margin: 20px 0 0 0;
	font-size: x-small;
	_font-size: xx-small;
	}

#contents .rmd #arrival .box a.rmdbox {
	display:block;
	width: 191px;
	height: 210px;
	background: url(../img/rmd.jpg) no-repeat;
	}

#shopping #product_wrap { width:860px; min-height:700px;}
#shopping #product_wrap:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
}
body#guide #contents {
	width:560px;
	margin:0 auto;
	padding:0;
	}
body#guide #contents h2 {
	margin:0 0 10px 0 !important;
	}
body#guide .mokuji {
	background: url(../img/mokuji.gif) no-repeat left top;
	padding: 33px 0 0 40px;
	}
body#guide .mokuji a {
	color: #46321e;
	}
body#guide h4{
	color: #000000;
	margin:20px 0 0 0;
	padding: 0 0 5px 0;
	background: url(../img/line.gif) repeat-x bottom;
	}
body#guide .cart p{
	margin:10px 0 0 0;
	}
body#guide .mokuji p {
	font-weight:bold;
	}

body#guide #container .cts #contents p.pgup a{
	background:transparent url(../img/totop.gif) no-repeat scroll 0 0;
	display:block;
	height:25px;
	margin:0 0 0 500px;
	width:60px;
	}

body#guide #container {
	width:610px;
	margin:0 auto;
	background: url(../img/order_bg.gif) repeat-y;
	}
body#guide #container .cts {
	margin: 0 10px;
	}
body#guide #footer {
	width:610px;
	background: url(../img/copy_bg2.gif) repeat-y;
	}
body#guide p.close { margin:10px 0 0 0; text-indent: -9999px;}
body#guide p.close a { display:block; width:130px; height:30px; background: url(../img/close.gif) no-repeat; margin:0 0 0 200px;}

body#guide #container #header p {text-indent:-9999px;}
body#guide #container #header p strong {display:block; width:205px; height:45px; background:url(../img/logo.jpg) no-repeat;}
body#guide #container #header p {text-indent:-9999px; padding:0;}

/*pagetitle
-------------------------------------------------------*/
#pagetitle{
	background:#09d;
	padding:15px;
	color:#fff;
	font-size:large;
}

/*menu
-------------------------------------------------------*/
#subnavi{
	width:155px;
	_width:215px;
	padding:30px 15px 0 15px;
	float:right;
	border-top:1px solid #c8c8c8;
}
#subnavi h2{
	font-size:1.2em;
	margin:0 0 15px;
	border-left:14px solid #07b;
	padding-left:5px;
}
#subnavi ul{
	margin:0 0 30px 15px;
}

#subnavi li{margin:5px 0;}

#subnavi li.m01{
	height:120px;
	background:#fecece;
}
/*footer
-------------------------------------------------------*/
#footer{
	width:910px;
	clear:both;
	height:45px;
	margin:10px 0 0 0;
	padding: 0 0 0 0;
	background: url(../img/copy_bg.gif) no-repeat bottom;
}
#footer p {
	padding: 10px 0 0 0;
	}
#footer p{text-align:center}

/*form
-------------------------------------------------------*/

#contents form {
	width:600px;
	margin: 0px auto 20px auto;
	}

#contents form td{
	padding:5px;
	vertical-align:top;
	font-weight:normal;
	font-size: 12px;
	width:400px;
}

#contents table.time {
	width:600px;
	margin: 20px 0 0 115px;
	border: 0;
	background: none;
	}
*+html body #contents table.time {
	margin: 20px 0 0 0px;
	}
#contents table {
	width:600px;
	margin: 0px auto 20px auto;
	border: 0;
	background: none;
	}

#contents form th {
	vertical-align:top;
	color: #6E523D;
	background:none;
	font-size:12px;
	border:none;
	width: 120px;
	padding: 10px 10px 5px 10px;
	margin:0 10px;
	background: url(../img/line.gif) repeat-x top;
	}
#contents form td {
	background:none;
	font-size:12px;
	border:none;
	padding:5px 10px;
	margin: 0 10px;
	background: url(../img/line.gif) repeat-x top;
	}

/*dealer
-------------------------------------------------------*/
#contents.dealer h2 {
	text-indent:-9999px;
	padding:0;
	}
#contents.dealer h2 strong {
	background: url(../img/h2_dealer.jpg) no-repeat;
	display:block;
	width:860px;
	height:70px;
	}
#contents #area ul { width:860px; margin: 10px 0 20px 0;}
#contents #area ul:after { 	
	visibility:hidden;
	height:0;
	content:".";
	clear:both;
	display:block;
	}
#contents #area li {
	float:left;
	text-indent:-9999px;
	}
#contents #area li a {
	display:block;
	height:30px;
	}
#contents #area li.area01 a { background: url(../img/area01.jpg) no-repeat;width:123px;}
#contents #area li.area02 a { background: url(../img/area02.jpg) no-repeat;width:123px;}
#contents #area li.area03 a { background: url(../img/area03.jpg) no-repeat;width:123px;}
#contents #area li.area04 a { background: url(../img/area04.jpg) no-repeat;width:123px;}
#contents #area li.area05 a { background: url(../img/area05.jpg) no-repeat;width:123px;}
#contents #area li.area06 a { background: url(../img/area06.jpg) no-repeat;width:122px;}
#contents #area li.area07 a { background: url(../img/area07.jpg) no-repeat;width:123px;}

#contents #area li.area01 a:hover { background: url(../img/area01.jpg) no-repeat 0 -30px;}
#contents #area li.area02 a:hover { background: url(../img/area02.jpg) no-repeat 0 -30px;}
#contents #area li.area03 a:hover { background: url(../img/area03.jpg) no-repeat 0 -30px;}
#contents #area li.area04 a:hover { background: url(../img/area04.jpg) no-repeat 0 -30px;}
#contents #area li.area05 a:hover { background: url(../img/area05.jpg) no-repeat 0 -30px;}
#contents #area li.area06 a:hover { background: url(../img/area06.jpg) no-repeat 0 -30px;}
#contents #area li.area07 a:hover { background: url(../img/area07.jpg) no-repeat 0 -30px;}


/*lib
-------------------------------------------------------*/
span.super{
	vertical-align:super;
	font-size:x-small;
	font-weight:normal;
}
#contents .margin30{margin:0 0 30px 0;}
#contents .margin15{margin:0 0 15px 0;}
.center{text-align:center;}


/*lib*/

div.box{
	width:208px;
	float:left;
}
#contents .rmd {
	background: url(../img/rmd_bg.jpg);
	padding: 0 0 20px 0;
	_margin: 20px 0 0 0;
	}
#contents .rmd #arrival {
	width:860px;
	margin: 10px 0 0 20px;
	}
*+html body #contents .rmd #arrival {
	margin: 10px 0 0 10px;
	}

* html body #contents .rmd #arrival {
	width:840px;
	margin: 0px 0 0 24px;
	}
#contents .rmd #arrival:after { 	
	visibility:hidden;
	height:0;
	content:".";
	clear:both;
	display:block;
	}