@charset "UTF-8";

html{
overflow-x : hidden;
overflow-y : auto;
}


body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family: HiraKakuProN-W3;
	color:#56352d;

	overflow-x : hidden;
	overflow-y : auto;
}

ul,li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

img{
	border:none;
	margin: 0;
	vertical-align: text-bottom;
}

.clear {
	clear:both;
}

a:link{
	text-decoration:none;
}

#wrap{
	width:100%;
}

/* バナー */

.center{
	text-align:center;
	margin:5px 0 ;
}
.center li{
	margin:10px auto;
}


/* head */

#topbar{
	width:100%;
	background:#fff url(../images/common/topbar.png);
	height:4px;
	box-shadow:rgba(0, 0, 0, 0.55) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.55) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.55) 0px 2px 3px 0px;
	z-index:100;
	position:fixed;
	top:0;
}

#head{
	width:100%;
	height:90px;
	margin:0;
	background:#fff url(../images/common/head_bg.png);
	text-align:center;
	background-size: 320px 90px;
	position:relative;
	border-bottom:1px solid #d5c284;
	box-shadow:rgba(0, 0, 0, 0.7) 0px 3px 4px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px 3px 4px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 3px 4px 0px;
}
#head a{
	width:100%;
	height:90px;
	display:block;
}
h1 img{
	position:relative;
	top:10px;
	width:320px;
}

.hours{
	background:#222;
	line-height:32px;
	text-align:center;
	height:32px;
	color:#fff;
	font-size:14px;
	border-bottom:1px solid #d5c284;
	box-shadow:rgba(0, 0, 0, 0.45) 0px 4px 6px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.45) 0px 4px 6px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.45) 0px 4px 6px 0px;
}


h2{
	margin:0;
	height:60px;
	color:#ffd9e7;
	font-size:20px;
	text-align:center;
	line-height:60px;
	text-shadow: 0 1px 0 #000;
	background:url(../images/common/h2_back.png)repeat-x 50% 0;
	border-top:1px solid #f3ece5;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 3px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 3px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 3px 2px;
}

h3{
	color:#ff2194;
	font-size:16px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	text-align:center;
	margin:20px auto 0;
	-moz-background-size:100% auto;
	background-size:100% auto;
	text-align:center;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	width:320px;
}

.nf_h{
	-moz-background-size:100% auto;
	background-size:100% auto;
}

h3 img{
	width:100%;
}

.caption{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:2.2;
	text-indent:5px;
	margin:0;
	background:#fd2777;
	border-top:3px solid #ccc;
	border-bottom:1px solid #999;
	text-align:center;
}

.ora_bg{
	background:url(../images/common/h3_ora_bg.png)repeat-x 50% 0;
}


/* メニュー＆関連リンク */

.main_menu{
	width:320px;
	margin:15px auto;
	overflow:hidden;
}
.main_menu li{
	float:left;
}

#menu ul{
	border-top:1px solid #000;
}

#menu li a,#links li a{
	display: block;
	width:100%;
	color:#644e3d;
	text-indent:10px;
}

#menu li a{
	height:50px;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top:1px solid #666;
	border-bottom:1px solid #000;
	text-shadow:0 1px 0 #fff;
	line-height:0;
	font-weight:bold;
	font-size:18px;
}

#menu li a img{
	width:320px;
}

#links{
	border-top:1px solid #666;
}

#links li a{
	height:40px;
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-top:1px solid #666;
	border-bottom:1px solid #000;
	line-height:2.6;
	font-size:16px;
	color:#ebb8de;
	padding-left:5px;
}


/* ライン */

.line1,.line2{
	width: 100%;
	margin:0px auto;
}

.line1{
	height:0px;

}

.line2{
	height:10px;
	border-bottom:2px solid #361536;
}

.line3{
	width:320px;
	height:22px;
	background:url(../images/line3.png) no-repeat;
	display:block;
	margin:0 auto;
}

/* ボタン */

.button{
	width:90%;
	display: block;
	margin:15px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: #eff6fb 0 1px 0;
	line-height:2.5;
	font-size:18px;
	text-align:center;
}
.button img{
	margin-right:5px;
}

.pink_bt{
	border: solid 3px #343257;
	color:#343257;
	font-weight:bold;
	background:#fff;
}

.red_bt{
	border: solid 1px #a11431;
	color:#fff;
	text-shadow: #770e23 0 -1px 0;
	background-image: -moz-linear-gradient(top, #ad314a 0%, #a11431 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ad314a), color-stop(10, #a11431));
	background-image: -webkit-linear-gradient(top, #ad314a 0%, #a11431 100%);
}

.ent_bt{
	border: solid 1px #F3377C;
	color:#fff;
	text-shadow: #770e23 0 -1px 0;
	background: rgb(243,55,124); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,55,124,1) 0%, rgba(226,18,56,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,55,124,1)), color-stop(100%,rgba(226,18,56,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(243,55,124,1) 0%,rgba(226,18,56,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(243,55,124,1) 0%,rgba(226,18,56,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(243,55,124,1) 0%,rgba(226,18,56,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(243,55,124,1) 0%,rgba(226,18,56,1) 100%); /* W3C */
}

.exi_bt{
	border: solid 1px #66b6fc;
	color:#333;
	text-shadow: #fff 0 -1px 0;
	background: rgb(178,225,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C */
}

.brown_bt{
	border: solid 1px #56352d;
	color:#fff;
	text-shadow: 0 -1px 0 #000;
	background-image: -moz-linear-gradient(top, #7c5d55 0%, #56352d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7c5d55), color-stop(1, #56352d));
	background-image: -webkit-linear-gradient(top, #7c5d55 0%, #56352d 100%);
}

/* 下部ボタン */

.bottom_bt{
	width:90%;
	margin:12px auto 16px auto;
	border: solid 1px #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	background-image: -moz-linear-gradient(top, #666 0%, #333 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333));
	background-image: -webkit-linear-gradient(top, #666 0%, #333 100%);
	overflow:hidden;
}
.bottom_bt a{
	width:49%;
	display: block;
	font-weight:bold;
	font-size:16px;
	line-height:2;
	text-align:center;
	text-shadow: 0 -1px 0 #490714;
	color:#fff;
	float:left;
}
a.bottom_bt_top{
	border-left:1px solid #620d1e;
}
.bottom_bt img{
	margin-right:3px;
}

/* 電話 */

#contact{
	text-align:center;
	text-decoration:none;
	padding:5px 0 15px 0;
	background:#fff;
}

.tel a{
	width:316px;
	display: block;
	margin:13px auto;
	line-height:2;
	font-size:18px;
	text-align:center;
background: rgb(197,172,94); /* Old browsers */
background: -moz-linear-gradient(top, rgba(197,172,94,1) 0%, rgba(255,252,233,1) 50%, rgba(197,172,94,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(197,172,94,1) 0%,rgba(255,252,233,1) 50%,rgba(197,172,94,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(197,172,94,1) 0%,rgba(255,252,233,1) 50%,rgba(197,172,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	
}
.tel a img{
	margin-right:5px;
}
.hour{
	font-size:14px;
	font-weight:bold;
	color:#644e3d;
}

/* footer */

#footer{
	width:100%;
	background:#666;
}

#footerbar{
	width:100%;
	background:#361536;
	height:8px;
	z-index:100;
-moz-background-size:640px 8px;
background-size:640px 8px;
}

#footnavi{
	width:100%;
	margin:10px auto;
}

#footnavi li a:hover{
	background:#333;
}

#footerfoot{
	width:100%;
	height:48px;
	padding-top:10px;
	background:#222;
	border-bottom:10px solid #333;:
}

#copyright{
	width:100%;
	margin:0 auto;
	font-size:11px;
	line-height:1.2em;
	color:#fff;
	text-align:center;
}

.bana{
	line-height:0em;
	width:320px;
	margin:0 auto;
}

.bana img{
	width:100%;
}

.icon_soldout {
    position: absolute;
    right: 0px;
    top: 0px;
}

.r_line{
	width:100%;
	border:none;
	border-bottom:2px solid #666;
	height:1px;
	margin:30px auto 5px;
}


.bb22{
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
}