@charset "utf-8";

/* ////////////////////////////////////////////
 *                 RESET
 * //////////////////////////////////////////// */

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/* 2011.09.27 added by terada */
img{vertical-align: bottom;}
strong{font-weight: bold;}
#header table,#sidebar table,#footer table,#shop-other table{border-collapse:collapse;border-spacing:0}
#shop-other table{width:100%;}

/* ////////////////////////////////////////////
 *                 BASE & LAYOUT
 * //////////////////////////////////////////// */

/* clearfix
------------------------------------------*/
.clear{ clear: both; }
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: table; clear: both; }

/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #7b6045;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.6;
}
a{ color: #6f97b6; text-decoration: none; }
a:hover{ color: #6f97b6; text-decoration: underline; }
a:hover.alpha img{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.alpha input:hover{ filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

*{ outline: none; }

/*.logo a:hover img, #sidebar a:hover img, #main a:hover img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }*/

/* IE6 message */
.ie6-message{ padding: 10px 0; width: 100%; text-align: center; background: #feefda; border: #f7941d 1px solid; }
.ie6-message a{ color: #00f; }

/* general class
------------------------------------------*/
.serif{ font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.alphanumeric{ font-family: Verdana, Arial, sans-serif; }

.margin00{ margin: 0; }
.margin05{ margin: 0 0 5px 0; }
.margin10{ margin: 0 0 10px 0; }
.margin15{ margin: 0 0 15px 0; }
.margin20{ margin: 0 0 20px 0; }
.margin25{ margin: 0 0 25px 0; }
.margin30{ margin: 0 0 30px 0; }

.float-left{ float: left; }
.float-right{ float: right; }

.align-left{ text-align: left; }
.align-center{ text-align: center; }
.align-right{ text-align: right; }

.display-inline{ display: inline; }
.display-block{ display: block; }
.display-inline-block{ display: inline-block; *display: inline; zoom: 1; }

/* frame
------------------------------------------*/
body{
	text-align: center;
	background: #fff;
}
body#home{
}
#container{
}
#container-inner{
}
#header{
	margin: 0;
	border-top: #7b6045 3px solid;
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 157px;
	z-index: 1000;
}
.header-nav{
	text-align: right;
}
#home #content{
	background: none;
}
#content{
	background: url(/images/bread-bg.jpg) repeat-x 0 0;
}
#content-inner{
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 980px;
}
#sidebar{
	float: left;
	width: 200px;
	text-align: left;
}
#sidebar-inner{
}
#main{
	float: right;
	width: 750px;
	text-align: left;
}
#main-inner{
}
.entry-body{
	margin: 0 10px 10px 10px;
	width: 500px;
}
#footer{
	border-top: #7b6045 3px solid;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 47px;
}

/* shop */
.detailpage-left{
	width: 520px;
}
.detailpage-right{
}

/* ////////////////////////////////////////////
 *                 MT & PARTS
 * //////////////////////////////////////////// */

/* header
------------------------------------------*/
.site-description{
	position: absolute;
	top: 50px;
	left: 150px;
	color: #7b6045;
	font-size: 77%;
}
.logo{
	position: absolute;
	top: 35px;
	left: 0;
}
.header-tel{
	position: absolute;
	top: 48px;
	right: 0;
}
.gnav{
	position: absolute;
	top: 121px;
	left: 0;
}

/* droppy */
.gnav-ul { position: relative; text-align: left; zoom: 1; }
.gnav-ul li { float: left; display: block; position: relative; z-index: 1000; }
.gnav-ul ul { display: none; position: absolute; top: 41px; left: 0; width: 100%; background: #444; }
.gnav-ul ul li { float: none; }
.gnav-ul ul li a { display: block; padding: 5px 10px; color: #fff; font-size: 85%; zoom: 1; }
.gnav-ul ul li a.hover { text-decoration: none; background: #222; }

/* mainvisual
------------------------------------------*/
#mainvisual{
	margin: 0 0 30px 0;
	padding: 5px 0;
	background: url(/images/mainvisual-bg.jpg) repeat-x 0 0;
}
#mainvisual-inner{
	margin: 0 auto;
	width: 980px;
}
.visualbanner{
	float: left;
	width: 339px;
}
.visualbanner p{
	float: left;
}
#cross-slide{
	float: right;
	margin: 0 auto 0 auto;
	width: 636px;
	height: 300px;
	text-aling: center;
	line-height: 300px;
}


/* footer
------------------------------------------*/
.oreder-aboutarea{
	margin: 0 auto 25px auto;
	width: 980px;
	color: #7b6045;
	font-size: 77%;
	background: url(/images/oreder-areabottom-bg.jpg) no-repeat 0 bottom;
}
.oreder-about-body{
	padding: 5px 39px 30px 39px;
	border-left: #e6ddcf 1px solid;
	border-right: #e6ddcf 1px solid;
}
.oreder-about-body p{
	margin: 0 0 0.6em 0;
}
.order-title{
	margin: 25px 0 10px 0;
}
.oreder-about-bodyleft{
	float: left;
	width: 430px;
	text-align: left;
}
.oreder-about-bodyright{
	float: right;
	width: 430px;
	text-align: left;
}
.fnav{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 77%;
	line-height: 47px;
}
.fnav li{
	display: inline;
	padding: 0 5px;
}
.fnav li a{
	color: #7b6045;
}
.copyright{
	position: absolute;
	top: 0;
	right: 0;
	color: #7b6045;
	font-size: 77%;
	line-height: 47px;
}

/* sidebar
------------------------------------------*/
.snav{
	margin: 0 0 30px 0;
}
.snav ul{
	padding: 10px;
}
.snav ul li span{
	display: block;
	color: #b9a991;
	font-size: 77%;
}
.snav li span.level1{
	display: block;
	padding: 2px 5px 2px 15px;
	font-size: 93%;
	background: url(/images/snav-btn-bg.jpg) no-repeat 3px 50%;
}
.snav li span.level1 a{
	display: block;
	color: #7b6045;
	font-size: 93%;
}
.news{
	margin: 0 0 20px 0;
}
.news-inner{
	padding: 10px 14px 0 14px;
	background: url(/images/news-bg.jpg) repeat-y 0 0;
}
.news li{
	padding: 3px;
	font-size: 85%;
	border-bottom: #e6ddcf 1px dotted;
}
.news li span{
	display: block;
	color: #b9a991;
	font-size: 77%;
}
.news li a{
	color: #7b6045;
}
.about{
	margin: 20px 0;
	padding: 10px;
	color: #fff;
	font-size: 77%;
	background: #222;
}

/* home
------------------------------------------*/
.main-leftblock{
	float: left;
	width: 520px;
}
.main-rightblock{
	float: right;
	width: 200px;
}
.recommend h2{
	position: relative;
}
.recommend h2 span{
	position: absolute;
	top: 7px;
	left: 0px;
	color: #7b6045;
	font-size: 26px;
	font-family: 'Petit Formal Script', cursive;
	font-weight: bold;
}
.main-recommend-coment{
	color: #7b6045;
	font-size: 93%;
	line-height: 15px;
}
.midle-main-banner{
	margin: 0 0 30px 0;
}
.midle-main-banner p{
	margin: 0 0 10px 0;
}

.goods-list{
	margin: 0 -10px 30px 0;
	zoom: 1;
}
.goods-list p{
	float: left;
	margin: 0 10px 10px 0;
}
.side-voice{
	margin: 0 0 20px 0;
	background: #f7f4ee;
}
.side-voice-body{
	margin: 0 10px;
	padding: 12px;
	color: #7b6045;
	font-size: 77%;
	background: #fff;
	border: #d8ccba 1px solid;
}
.side-voice-body .more-btn{
	margin: 25px 0 0 0;
	padding: 0 20px 0 0;
	text-align: right;
	background: url(/images/side-voice-more.jpg) no-repeat right 3px;
}
.side-voice-body .more-btn a{
	color: #7b6045;
}

.side-profile{
	font-size: 77%;
}
.side-profile p{
	margin: 0 0 0.6em 0;
}
.side-blog{
	margin: 0 0 30px 0;
	text-align: center;
}
/* lower
------------------------------------------*/
.bread{
	margin: 0 0 20px 0;
	height: 35px;
	font-size: 77%;
	text-align: left;
	line-height: 35px;
}
.bread a{
	color: #7b6045;
}
.bread .separator{
	padding: 0 5px;
}
.page-title{
	margin: 0 0 20px 0;
	height: 51px;
	color: #7b6045;
	font-size: 138.5%;
	line-height: 51px;
	text-indent: 15px;
	background: url(/images/page-title-bg.jpg) no-repeat 0 0;
}
.page-title span{
	font-size: 12px;
	font-weight: normal;
}
.entry-once{
	margin: 0 0 20px 0;
}
.entry-title{
	margin: 0 0 20px 0;
	height: 30px;
	color: #fff;
	font-size: 123.1%;
	line-height: 30px;
	text-indent: 15px;
	background: url(/images/entry-title-bg.jpg) no-repeat 0 0;
}
.entry-title a{
	color: #fff;
}
.entry-meta-area{
	margin: 20px 0 0 0;
	padding: 10px;
	font-size: 77%;
}
.bookmarks{	
	float: left;
	overflow: hidden;
}
.bookmarks .bookmarks-btn{
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}
.bookmarks .twitter{
	margin: 0 5px 0 0;
}
.entry-meta{
	float: right;
	padding: 2px 0 0 0;
	text-align: right;
}
.entry-body h3{
	clear: both;
	margin: 1.8em 0 0.8em 0;
	padding: 5px 5px 5px 23px;
	color: #c68282;
	font-size: 116%;
	background: url(/images/entry-h3-bg.jpg) no-repeat 0 50%;
}
.entry-body h4{
	clear: both;
	margin: 1.2em 0 0.8em 0;
	padding: 5px 5px 5px 23px;
	color: #6f97b6;
	font-size: 116%;
	background: url(/images/entry-h4-bg.jpg) no-repeat 0 50%;
}
.entry-body h5{
	clear: both;
	margin: 1.2em 0 0.8em 0;
	padding: 5px 5px 5px 23px;
	color: #a8c682;
	font-size: 116%;
	background: url(/images/entry-h5-bg.jpg) no-repeat 0 50%;
}
.entry-body p{
	margin: 0 0 0.8em 0;
}
.entry-body strong{
	font-weight: bold;
}
.entry-body ol{
	margin: 0 0 20px 0;
}
.entry-body ol li{
	margin: 0 0 0 25px;
	list-style: outside decimal;
}
.entry-body ul{
	margin: 0 0 20px 0;
}
.entry-body ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}
.entry-body ul li ul{
	margin: 0 0 15px 0;
}
.entry-body ul li ul li{
	margin: 0 0 0 20px;
	list-style: outside circle;
}
.entry-body table.table01{
	margin: 0 0 0.8em 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.entry-body table.table01 th{
	padding: 10px;
	width: 20%;
	background: #eee;
	border: #ddd 1px solid;
}
.entry-body table.table01 td{
	padding: 10px;
	border: #ddd 1px solid;
}
.entry-body table.table01 td ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}

/* pagebute */
.pagebute{
	padding: 30px 0;
	text-align: center;
}

/* blog
------------------------------------------*/
.blog-nav{
}
.blog-sideparts{
	margin: 0 0 20px 0;
}
.blog-sideparts-title{
	font-size: 108%;
	font-weight: bold;
	border-bottom: #7b6045 1px solid;
}
.blog-sideparts li span{
	display: block;
	padding: 5px;
	font-size: 93%;
	border-bottom: #7b6045 1px dashed;
}
.blog-sideparts li a{
	display: block;
	color: #7b6045;
}

/* ketaipost */
.ketaipost-images{
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}
.ketaipost-image{
}

/* calendar */
#calendar{
	margin: 0 0 20px 0;
	padding: 10px;
	background: #fff;
	border: #7b6045 3px solid;
}
.calendarhead{
	padding: 0 0 5px 0;
	font-size: 85%;
	text-align: center;
}
.calendarhead a{
	font-size: 116%;
}
#calendar table{
	width: 100%;
}
#calendar th{
	font-weight: bold;
	font-size: 93%;
	text-align: center;
}
#calendar td{
	font-size: 85%;
	text-align: center;
}
#calendar th.sunday{
	color: #a00;
}
#calendar th.saturday{
	color: #00a;
}
span.holiday{
	color: #a00;
}
span.saturday{
	color: #00a;
}
td.today{
    display: block;
    background: #eee;
}

/* comment, trackbacks */
.entry-comment{
}
.entry-comment h2{
	margin: 0 0 10px 0;
	font-size: 116%;
	font-weight: bold;
}
#comment-nav{
	zoom: 1;
}
#comment-nav:after{
	content: "";
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}
#prev-comments{
	float: left;
}
#next-comments{
	float: right;
}

.trackbacks{
	margin: 0 0 20px 0;
	padding: 20px;
	border: #ddd 1px solid;
}
.trackbacks-info{
	padding: 5px;
	font-size: 93%;
	background: #eee;
	border: #ddd 1px solid;
}
.comments{
	margin: 0 0 20px 0;
	padding: 20px;
	border: #ddd 1px solid;
}
.comments h4{
	margin: 0 0 10px 0;
	font-size: 116%;
	font-weight: bold;
}
.comments .asset-meta{
	margin: 0 0 5px 0;
	font-size: 93%;
	border-bottom: #bbb 1px dotted;
}
.comments p{
	margin: 0 0 0.8em 0;
}
#comments-open{
	padding: 20px;
	font-size: 93%;
	background: #eee;
	border: #ddd 1px solid;
}
#comments-form label{
	display: block;
	font-weight: bold;
}
#comments-form label span{
	padding: 0 0 0 3px;
	font-weight: normal;
}
#comments-form label span{
}
#comments-form #comment-bake-cookie{
	margin: 10px 0 15px 0;
	width: auto;
}
#comments-form #comment-form-remember-me label{
	display: inline;
}
#comment-form-reply{
	margin: 0 0 5px 0;
}
#comment-form-reply #comment-reply,
#comment-form-reply #comment-reply-label{
	display: inline;
	font-weight: normal;
}
#comments-open-data input{
	margin: 0 0 10px 0;
	padding: 5px;
	width: 60%;
	border: #ddd 1px solid;
}
#comments-form textarea{
	margin: 0 0 10px 0;
	padding: 5px;
	width: 80%;
	height: 150px;
	border: #ddd 1px solid;
}
#comments-open-footer{
	padding: 30px 0 0 0;
}

#comments-open-captcha input{
	margin: 10px 0;
	padding: 5px;
	width: 30%;
	border: #ddd 1px solid;
}

/* comments-preview */
body#comments-preview-body{
	color: #444;
	background: #fff;
}
.comments-preview{
	margin: 50px auto;
	max-width: 550px;
}
.comments-preview-inner{
	margin: 0 10px;
	padding: 20px;
	text-align: left;
	background: #fff;
	border: #ddd 1px solid;
}
.comments-preview h1{
	margin: 0 0 5px 0;
	font-size: 167%;
	font-weight: bold;
	border-bottom: #ddd 1px dashed;
}
.comments-preview h2{
	margin: 0 0 10px 0;
	font-size: 116%;
	font-weight: bold;
}
.comments-preview .asset-meta{
	margin: 0 0 10px 0;
	padding: 0 3px;
	font-size: 85%;
}
.comments-preview-back{
	margin: 10px 0 0 0;
	padding: 5px;
	font-size: 93%;
	text-align: center;
	background: #eee;
	border: #ddd 1px solid;
}

/* cf_form
------------------------------------------*/
.cf_title_head_comment{
	margin: 0 0 20px 0;
}
.cf_title_footer_comment{
	margin: 0 0 20px 0;
}
#cf-form .req{
	color: #c00;
}
#cf-form table{
	margin: 0 0 20px 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#cf-form table table{
	margin: 0;
	width: 80%;
}
#cf-form table th{
	padding: 10px;
	width: 20%;
	background: #eee;
	border: #ddd 1px solid;
}
#cf-form table td{
	padding: 10px;
	border: #ddd 1px solid;
}
#cf-form table td table td{
	padding: 2px 5px 2px 0;
	border: none;
}
input.cf_text_input, input.cf_email_input, input#f_2_zip, input#f_2_city, .cf_kennbutu_value input{
	margin: 0 5px 0 0;
	padding: 2px 3px;
	width: 60%;
	border: #ddd 1px solid;
}
.cf_textarea_td textarea{
	padding: 2px 3px;
	width: 80%;
	height: 150px;
	border: #ddd 1px solid;
}
#cf-form .btn{
	text-align: center;
}
#cf-form .btn input{
	margin: 0 10px;
}

/* gallery
------------------------------------------*/
.gallery-list{
}
.gallery-list-once{
	float: left;
	display: inline;
	margin: 0 0 20px 20px;
	width: 220px;
}
.gallery-list-once img{
	margin: 0 0 3px 0;
}
.gallery-list-once h2{
	font-size: 93%;
}
.gallery-list-once h2 a{
	color: #444;
}

.gallery-entry-imagearea{
	margin: 0 20px 20px 20px;
}
.gallery-entry-mainimg{
	float: left;
	width: 300px;
}
.gallery-entry-subimagearea{
	float: right;
	width: 400px;
}
.gallery-entry-subimagearea div{
	float: left;
	display: inline;
	margin: 0 0 20px 20px;
	width: 80px;
}

/* search
------------------------------------------*/
.search-list{
}
.search-list dt span{
	margin: 0 10px 0 0;
}
.search-list dd{
	margin: 0 0 20px 0;
	font-size: 93%;
}
.search-paging{
	padding: 30px 0;
	text-align: center;
	list-style: none;
}
.search-paging li{
	margin: 0 5px !important;
	padding: 3px 5px;
	display: inline;
}
.search-paging li a{
	margin: 0;
	padding: 0;
}

/* ////////////////////////////////////////////
 *                 JAVASCRIPT
 * //////////////////////////////////////////// */

/* jquery.rollOver.js
------------------------------------------*/
.ro-switch,
.ro-fswitch{
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/* jquery.slideImage.js
------------------------------------------*/
.slide-image-main{
	position: relative;
	text-align: center;
	overflow: hidden;
}
.slide-image-main div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: -1;
}
.slide-image-thumbnail li{
	cursor: pointer;
}

/* sp-link-btn
------------------------------------------*/
.sp-link-btn{
	padding: 30px 0;
	text-align: center;
	background: #000;
}
.sp-link-btn a{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: -webkit-gradient(
		linear,
		center top,
		center bottom,
		color-stop(0%, rgba(255, 255, 255, 0.2)),
		color-stop(50%, rgba(255, 255, 255, 0.1)),
		color-stop(51%, rgba(0, 0, 0, 0.0)),
		color-stop(100%, rgba(0, 0, 0, 0.1))
	);
	-webkit-box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 0 rgba(0, 0, 0, 0.25),
		0 2px 2px 0 rgba(0, 0, 0, 0.15),
		0 -1px 0 0 rgba(0, 0, 0, 0.25);
	background-color: #92a4b8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sp-link-btn a:hover{
	text-decoration: none;
}