/* CSS初期化のスタイルを記載 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
section, article, aside, hgroup, header, footer, nav, dialog, figure, figcaption {
	display: block;
}
ul, li, dl, dt, dd, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	etter-spacing: normal;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins { /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

a img{
	border:0;
}

body {
	color: #000000;
	margin: 0px;
	background: #FFF url(../images/common/bg.gif);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 200%;
}


/*Clearfix*/
.clr {
	/zoom : 1;
	}
.clr:after {
	content : ' ';
	display : block;
	clear : both;
	height:0;
	}
.clearboth{
	clear: both !important;
	}

#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding-top: 50px;
	background: #FFF;
}
#leftnavi{
	width: 200px;
	float: left;
	padding: 0px 12px;
}
#leftnavi li{
}
#rightBOX{
	width: 750px;
	float: left;
	padding-bottom: 50px;
}
.alc{
	text-align:center;
}
.all{
	text-align:left !important;
}
strong {
	font-size:100%;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #1F1F1F;
}
.padding10{
padding:10px;
}

.margn10{
margin:10px;
}

.float-L{
	float: left;
}

.float-R{
	float: right;
}

.R-mrgn-10{
margin-right:10px;
}

.R-mrgn-20{
margin-right:20px;
}

.L-mrgn-10{
margin-left:10px;
}

.L-mrgn-20{
margin-left:20px;
}

.L-mrgn-30{
margin-left:30px;
}

.L-mrgn-40{
margin-left:40px;
}

.L-mrgn-45{
margin-left:45px;
}

.L-mrgn-50{
margin-left:50px;
}

.L-mrgn-60{
margin-left:60px;
}

.L-mrgn-70{
margin-left:70px;
}

.L-mrgn-80{
margin-left:80px;
}

.L-mrgn-100{
margin-left:100px;
}


.top-mrgn-10{
margin-top:10px;
}

.top-mrgn-7{
margin-top:7px;
}
.top-mrgn-8{
margin-top:8px;
}

.top-mrgn-20{
margin-top:20px;
}

.top-mrgn-30{
margin-top:30px;
}

.top-mrgn-40{
margin-top:40px;
}

.top-mrgn-45{
margin-top:45px;
}

.top-mrgn-50{
margin-top:50px;
}

.top-mrgn-60{
margin-top:60px;
}

.top-mrgn-70{
margin-top:70px;
}


.top-mrgn-100{
margin-top:100px;
}


.bottom-mrgn-10{
margin-bottom:10px;
}

.bottom-mrgn-20{
margin-bottom:20px;
}

.bottom-mrgn-30{
	margin-bottom: 30px;
}

.bottom-mrgn-40{
margin-bottom:40px;
}

.bottom-mrgn-50{
margin-bottom:50px;
}
.bottom-mrgn-70{
margin-bottom:70px;
}

.bottom-mrgn-100{
margin-bottom:100px;
}
.text10-14 {
	font-size: 10px;
	line-height: 13px;
}


.redtxt {
	color: #990000;
}

.greentxt {
	color: #006633;
}
.bluetxt {
	color: #336699;
}
.goldtxt {
	color: #7c5221;
}
.limetxt {
	color: #91c72f;
}

.text11-16 { font-size: 11px; line-height: 16px; }

.text11-20 { font-size: 11px; line-height: 20px; }

.text12-16 { font-size: 12px; line-height: 16px; }

.text14-18 { font-size: 14px; line-height: 18px; }

.text15-30 { font-size: 15px; line-height: 30px; }

.text16-30 { font-size: 16px; line-height: 30px; }

.text10-16 { font-size: 10px; line-height: 16px; }


.text12-18 { font-size: 12px; line-height: 18px; }

.text14-19 { font-size: 14px; line-height: 19px; }
.text14-21 { font-size: 14px; line-height: 21px; }
.text14-26-nocolor { font-size: 14px; line-height: 26px; }
.text10-22 {
	font-size: 10px;
	line-height: 22px;
}

.text12-20 { font-size: 12px; line-height: 20px; }
.text12-26 { font-size: 12px; line-height: 26px; }
.text12-30 { font-size: 12px; line-height: 30px; }
.text13-24 {
	font-size: 13px;
	line-height: 24px;
	color:#d28d1a
}
.text13-26 { font-size: 13px; line-height: 26px; }
.text14-26 {
	font-size: 14px;
	line-height: 26pt;
	color: #CC0000;
}
.text14-30 { font-size: 14px; line-height: 30px; }
.text18-30 {
	font-size: 18px;
	line-height: 30pt;
}


HR {color:#AAAAAA}
.clear {
	clear: both;
}
.wrapper-bottom{
	width:1000px;
	margin:0 auto;
}

a{
	color: #006699;
	text-decoration: none
}
a:link {
	color: #006699;
	text-decoration: none
}


a:hover {
	color: #006699;
	text-decoration: underline
}

.conts a{
	color: #000000;
	text-decoration: none
}
.conts a:link {
	color: #000000;
	text-decoration: none
}

.conts a:hover {
	color: #FF6600;
	text-decoration: underline
}

.text10-150 { font-size: 10px; line-height: 150%; }

.text14-150 {  font-size: 14px; line-height: 150%}

.copyright {  font-size: 9px}

.font_white {  color: #FFFFFF}


h1 {
	color: #777777;
	
	letter-spacing: normal;
	margin: 0px;
	padding: 0px;
}

ul, li, dl, dt, dd, form {
margin: 0;
padding: 0;
border: 0;
list-style:none;
}


.conts {
	width: 980px;
	margin: 0px auto;
	padding: 30px 0px;
}


.conts910 {
	width: 920px;
	margin: 0px auto 0px;
	padding: 0px;
}



.conts-padding10 {
	border: 1px solid #d6d6d6;
	width: 864px;
	margin: 20px auto 10px;
	padding: 0px;
}



.contentsarea{
	margin: 0px;
	padding: 0px;
	text-align: left;
}



.headarea{
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 1000px;
	height: 190px;
	background: url(../images/common/head-line.gif) repeat-x 0px 125px;
}




.headarea h1{
	margin: 0px;
	letter-spacing: 0em;
	padding: 30px 20px 0px 10px;
	text-align: left;
	color: #000000;
	height: 20px;
	float: right;
}
.headarea h2{ margin:50px 0 0 30px; float:left;}

#gnav_sp {
	display: none;
}
 @media screen and (max-width: 640px) {
	 .headarea{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100px;
	background: url(../images/common/head-line.gif) repeat-x 0px 80px;
}




.headarea h1{
	margin: 0px;
	letter-spacing: 0em;
	padding: 5px 0px;
	text-align: center;
	color: #555;
	height: 15px;
	font-size: 9px;
	width: 100%;
	float: none;
}
.headarea h2{ margin:0px auto; text-align:center;
float:none;}
.headarea h2 img{ height: auto; width:110px;
margin:10px auto 0 auto;}
#leftnavi{
	display:none;
}
#leftnavi li{
}
#rightBOX{
	width: 100%;
	float: none;
	padding-bottom: 20px;
}
#wrapper {
	width: 100%;
	margin: 0px auto;
	padding-top: 20px;
	background: #FFF;
}
.wrapper-bottom{
	width:100%;
	margin:0 auto;
}
.wrapper-bottom img{ width:100%;}
 }


.syosaiBT01{
float: right;
}






.text28 {
	font: bolder 28px/33px;
	color: #CC0000;
}

.pagetop {
	margin: 0px auto;
	width: 980px;
	text-align: right;
	padding-top: 50px;
}

.pagetop a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60 )";
	background: #fff;
}


.shopinfo{
	width: 90px;
	
	padding-top: 50px;
	float:left;
}

.staff{
	width:360px;
	float:left;
}

.naka{
	margin-left:70px;
}

.line{
	width:600px;
	margin-top:100px;
	margin-bottom:80px;
	margin-left:80px;
}








.footarea{
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px;
	background: #252525;
}
.foot{
	margin: 10px auto 0px;
	width: 970px;
	text-align: center;
}


.foot a{
	color: #FFFFFF;
	text-decoration: none
}
.foot a:link {
	color: #FFFFFF;
	text-decoration: none
}


.foot a:hover {
	color: #FFFFFF;
	text-decoration: underline
}



.foot_copy{
	font-size: 12px;
	margin: auto;
	width: 750px;
	line-height: 160%;
}

.L-mrgn-20pc{ margin-left:20px;}
 @media screen and (max-width: 640px) {
body {
	min-width: 320px;
	width: 100%;
	position: relative;
	
	
}
header {
	width: 100%;
	height: auto;
	z-index: 1000;
	margin: auto;
	padding: 10px 0 0 0;
	text-align: center;
}
header #gnav {
	display: none;
}
header h1 {
	width: 100px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 10px 0;
	position: relative;
	float: none;
	text-align: center;
}
header h1 img{ width:100px; height:auto;}
header h2 {
}
#gnav_sp {
	display: block;
}
.btn {
	background: #000 url(../img/sp-menu_btn.png) no-repeat 0 0;
	background-size: 90px 45px;
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	top: 28px;
	left: 10px;
	cursor: pointer;
	z-index: 900;
}
.peke {
	background-position: -45px 0;
}
.drawr {
	display: none;
	background-color: #222728;
	position: absolute;
	top: 0px;
	left: 0;
	max-width: 350px;
	min-width: 320px;
	padding: 75px 0 20px 0px;
	z-index: 99;
	color: #FFF;
}
#spmenu li {
	max-width: 350px;
	min-width: 320px;
	text-align: left;
	border-top: solid 1px #434343;
}
#spmenu li:last-child {
	border-bottom: solid 1px #434343;
}
#spmenu li a {
	color: #fff;
	display: block;
	padding: 15px 20px;
}
#spmenu li a.yel {
	color: #fff100;
}
.backbg {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;

	display: none;
	top: 0px;
	position: fixed;
	z-index:10;
}

.footarea{
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px;
	background: #252525;
	width:100%;
}
.foot{
	margin: 10px auto 0px;
	width: 100%;
	text-align: center;
}
.foot_copy{
	font-size: 12px;
	margin: auto;
	width: 90%;
	line-height: 160%;
}

.pagetop {
	margin: 10px auto;
	width: 90%;
	text-align: center;
	padding-top: 20px;
}

.staff{
	width:90%;
	float: none;
	margin:10px auto !important;
	padding-bottom:10px;
	border-bottom:dotted 1px #999999;
}
.staff.st{
	width: 90%;
	float: none;
	margin: 10px auto !important;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999999;
}
.staff.st .float-L{ width:141px; height:auto; float:none; margin-left:auto; margin-right:auto;}
.L-mrgn-20pc{ margin-left:0px;}

}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 50px;
	font-size: 77%;
	
	display: none;
	z-index: 5000;
}
#page-top a {
	background-color: rgba(255,255,255,0.7);
	text-decoration: none;
	color: #000;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: block;
	border-radius: 50px;
	border: 1px solid #CCC;
}
#page-top a:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.3);
	color: #f19149;
}

.news{
	padding: 0 3%;
}

@media screen and (min-width: 641px) {
.sp {
	display: none;
}
.pc {
	display: inline-block;
}
.pcBlk {
	display: block;
}
}
.fl_pc{ float:left;}
.fr_pc{ float:right;}
@media screen and (max-width: 640px) {
	.fl_pc.L-mrgn-45,
	.fl_pc.top-mrgn-30{ margin:10px auto !important; width:100%; text-align:center;}
	.fl_pc{ float:none;}
.fr_pc{ float:none;}
.sp {
	display: inline-block;
}
.pc,.pcBlk {
	display: none;
}
#page-top {
	display: none;
}
.imgfix img{ width:100%; height:auto;}
}
.btm-mrgn-L{margin-bottom:70px;}
.btm-mrgn-M{margin-bottom:40px;}
/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */ 
@media screen and (max-width: 480px) {
	.btm-mrgn-L{margin-bottom:20px !important;}
	.btm-mrgn-M{margin-bottom:10px;}
}