@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: #343027;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.6;
}
a{ color: #97642F; text-decoration: none; }
a:hover{ color: #97642F; 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 url(/images/bg.jpg) repeat center 0;
}
body#home{
}
#container{
}
#container-inner{
}
#header{
	margin: 0 0 11px 0;
	background: url(/images/header-bg.jpg) repeat-x center 0;	
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 139px;
	z-index: 1000;
}
#content{
}
#content-inner{
	margin: 0 auto;
	padding: 0 0 30px 0;
	width: 1000px;
}
#sidebar{
	float: left;
	width: 230px;
	text-align: left;
}
#sidebar-inner{
}
#main{
	float: right;
	width: 750px;
	text-align: left;
}
#main-inner{
}
.entry-body{
	margin: 0 10px 10px 10px;
	width: 730px;
}
#footer{
	background: url(/images/footer-bg.jpg) repeat-x center 0;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 120px;
}

/* shop */
.detailpage-left{
	float: left;
	width: 400px;
}
.detailpage-right{
	float: right;
	width: 300px;
}

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

/* header
------------------------------------------*/
.site-description{
	position: absolute;
	top: 3px;
	left: 0;
	color: #fff;
	font-size: 77%;
}
.logo{
	position: absolute;
	top: 61px;
	left: 12px;
}
.header-tel{
	position: absolute;
	top: 30px;
	right: 0;
}
.gnav{
	position: absolute;
	top: 59px;
	left: 245px;
}

/* 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: #867966; }
.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: #D5D1C8; color: #554E3E; }

/* mainvisual
------------------------------------------*/
#mainvisual{
	background: url(/images/mainvisual-bg.jpg) no-repeat center 0;
	width: 1004px;
	height: 324px;
	margin:0 auto 20px auto;	
}
#cross-slide{
	margin: 0 auto;
	padding-left:2px;	
	width: 1000px;
	height: 320px;
	line-height: 320px;
	text-aling: center;
}


/* footer
------------------------------------------*/
.pagetop{
	margin: 0 auto;
	width: 1000px;
	text-align: right;
}
.fnav{
	position: absolute;
	top: 30px;
	left: 0;
	font-size: 77%;
}
.fnav li{
	display: inline;
	color: #fff;
}
.fnav li a{
	color: #fff;
}
.fnav2{
	position: absolute;
	top: 50px;
	left: 0;
	font-size: 77%;
}
.fnav2 li{
	display: inline;
	color: #fff;
}
.fnav2 li a{
	color: #fff;
}
.copyright{
	position: absolute;
	top: 100px;
	right: 0;
	color: #fff;
	font-size: 77%;
	margin: 0 auto;
	width: 1000px;	
}

/* sidebar
------------------------------------------*/
.snav{
	font-size: 85%;
}
.snav-inner{
	background-color:#FFF;
	border-left:#D9D4CD 1px solid;
	border-right:#D9D4CD 1px solid;
	padding:10px;
}
.snav-end{
	margin: 0 0 15px 0;	
	height:5px;
	background:url(/images/about-end.jpg) no-repeat left bottom;
	font-size:1px;
	line-height:1px;
}
.snav li.parent{
	padding: 5px 0 3px 0;
}
.snav li.parent span{
	padding: 0 0 0 10px;
	background: url(/images/snav-btn-bg.jpg) no-repeat 0 50%;
}
.snav li.child{
	margin-left:15px;
	padding: 3px 0;
	border:none;
}
.snav li.child span{
	padding: 0 0 0 15px;
	background: url(/images/snav-btn2-bg.jpg) no-repeat 3px 50%;
}
.snav li.parent a{
	display: block;
	color: #444;
}
.side-ban{
	margin-bottom:15px;
}

.about-top{
	padding-top:5px;
	background:url(/images/about-top.jpg) no-repeat 0 0;	
}
.about-inner{
	background-color:#FFF;
	border-left:#D9D4CD 1px solid;
	border-right:#D9D4CD 1px solid;
	padding:10px;	
	font-size: 85%;
}



/* home
------------------------------------------*/
.message1{
	position:relative;
	margin: 0 0 20px 0;
	width:750px;
	height:254px;
	background: url(/images/message1-bg.jpg) no-repeat 0 0;	
}
.message1 h2{
	position: absolute;
	top: 48px;
	left: 32px;	
}
.message1-body{
	position: absolute;
	top: 86px;
	left: 31px;	
	font-size: 77%;
	width:410px;
	line-height:2em;
}
.message2{
	position:relative;	
	margin: 0 0 20px 0;
	width:750px;
	height:370px;
	background: url(/images/message2-bg.jpg) no-repeat 0 0;
}
.message2 h2{
	position: absolute;
	top: 27px;
	left: 28px;
}
.message2-box{
	position: absolute;
	top: 104px;
	left: 10px;
	overflow:hidden;
}
.message2-body{
	float:left;
	font-size: 77%;
	width:230px;
	margin-left:10px;
	line-height:1.8em;
}
.message2-body h3{
	margin:10px 0;
}
.message2-b{
	border:#ABA293 1px solid;
}
.message3{
	margin: 0 0 20px 0;
}
.message4{
	margin: 0 0 20px -20px;
}
.message4 img{
	margin: 0 0 0 20px;
}
.newblog{
	margin: 0 0 20px 0;	
}
.newblog ul{
	padding: 10px;
	font-size: 93%;
}
.newblog li{
	padding: 3px 0 3px 20px;
	background: url(/images/main-btn.jpg) no-repeat 0 50%;
}
.newblog li span{
	margin: 0 10px 0 0;
}
.newblog li a{
	color: #444;
}
.news{
	margin: 0 0 20px 0;		
}
.news ul{
	padding: 10px;
	font-size: 93%;
}
.news li{
	padding: 3px 0 3px 20px;
	background: url(/images/main-btn.jpg) no-repeat 0 50%;
}
.news li span{
	margin: 0 10px 0 0;
}
.news li a{
	color: #444;
}

.mainban0525 img{
	margin-bottom:15px;
}

/* lower
------------------------------------------*/
.bread{
	margin: 0 0 20px 0;
	font-size: 77%;
	text-align: left;
}
.bread .separator{
	padding: 0 5px;
}
.page-title{
	margin: 0 0 20px 0;
	height: 50px;
	line-height: 50px;
	color: #343027;
	font-size: 138.5%;
	font-weight: bold;
	text-indent: 25px;
	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: 35px;
	line-height: 35px;
	font-size: 116%;
	font-weight: bold;
	text-indent: 20px;
	color:#fff;
	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;
	width: 40%;
	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;
	width: 60%;
	text-align: right;
}
.entry-body h3{
	clear:both;
	margin: 1.8em 0 0.8em 0;
	height: 30px;
	line-height: 25px;
	font-size: 100%;
	text-indent: 20px;
	background: url(/images/h3-bg.jpg) no-repeat 0 0;
}
.entry-body h4{
	margin: 1.2em 0 0.8em 0;
	padding: 0 0 0 5px;
	font-size: 116%;
	font-weight: bold;
	border-left: #ddd 3px solid;
}
.entry-body h5{
	margin: 0 0 0.8em 0;
	font-weight: bold;
	border-bottom: #ddd 1px dashed;
}
.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: #BD7B01 1px solid;
}
.blog-sideparts li{
	padding: 5px;
	font-size: 93%;
	border-bottom: #ddd 1px dashed;
}
.blog-sideparts li a{
	display: block;
	color: #444;
}

/* 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: #BD7B01 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;
	width: 550px;
}
.comments-preview-inner{
	padding: 30px 40px;
	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;
}

/* ////////////////////////////////////////////
 *                 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;
}