@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: #444;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.8;
}
a{ color: #5dab92; text-decoration: none; }
a:hover{ color: #5dab92; 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; }

/* web font (font-sizeは、14px, 28px, 42px, 56px, 70px, 98pxだときれいに表示される)
------------------------------------------*/
.fa{
	font-size: 14px;
	vertical-align: middle;
}

/* 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; }
.margin35{ margin: 0 0 35px 0; }
.margin40{ margin: 0 0 40px 0; }
.margin45{ margin: 0 0 45px 0; }
.margin50{ margin: 0 0 50px 0; }

.font10{ font-size: 10px !important; }
.font11{ font-size: 11px !important; }
.font12{ font-size: 12px !important; }
.font13{ font-size: 13px !important; }
.font14{ font-size: 14px !important; }
.font15{ font-size: 15px !important; }
.font16{ font-size: 16px !important; }
.font18{ font-size: 18px !important; }
.font20{ font-size: 20px !important; }
.font22{ font-size: 22px !important; }
.font24{ font-size: 24px !important; }
.font26{ font-size: 26px !important; }
.font28{ font-size: 28px !important; }
.font30{ font-size: 30px !important; }
.font35{ font-size: 35px !important; }
.font40{ font-size: 40px !important; }
.font45{ font-size: 45px !important; }
.font50{ font-size: 50px !important; }
.font55{ font-size: 55px !important; }
.font60{ font-size: 60px !important; }

.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{
	min-width: 980px;
	/* text-align: center; */
	background: #fff;
}
body.home{
}
#container{
	overflow: hidden;
	padding: 105px 0 0 0;
}
#container-inner{
}
#header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1000;
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 105px;
}
#content{
}
#content-inner{
	padding: 0 0 60px 0;
}
.home #content-inner{
	margin: 0;
	width: auto;
}
#sidebar{
}
#sidebar-inner{
}
#main{
	margin: 0 auto;
	max-width: 980px;
	text-align: left;
}
.home #main{
	width: auto;
}
#main-inner{
}
.entry-body{
	margin: 0 0 10px 0;
}
#footer{
	background: url('../../../js/images/syoumei-lp/default/footer-bg.jpg') repeat-x center 0;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 614px;
}

#blog-nav{
	text-align: left;
	background: #e1f0ed;
}
#blog-nav-inner{
	width: 980px;
	margin: 0 auto;
	padding: 44px 0 62px;
}

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

/* googlemap */
.googlemap{
	width: 100%;
	height: 400px;
}

/* ////////////////////////////////////////////
 *                 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-main div.first{
	position: relative;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 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;
}
