@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
}

/*--------------header---------------*/
#wrapper{
	color:#b7b7b7;
	background-color:#000;
	background-image: url(../images/bg.jpg);
}

#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#header h1{
	font-size:70%;
	font-weight:normal;
	float:left;
	margin:10px 0 0 10px;
	line-height:1.4;
	color:#FFF;
}
#h_logo{
	margin:10px 0 25px;
}

.chumon{
    margin-top:1%;

	position: absolute;
	top: 10px;
	right: 5px;
}

.chumon li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 8px;
	background: -moz-linear-gradient(
		top,
		#d46868 0%,
		#8f1818);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d46868),
		to(#8f1818));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #800c0c;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
		margin:12px 0 0 0;
}

.chumon li a{
	text-decoration:none;
	color:#FFF;
}

#navi{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	clear:both;
}
#navi imng{
	width:50%;
}

#navi li{
	width:50%;
	height:50px;
	float:left;
	border-bottom:1px solid #310900;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #655b47), color-stop(1, #f9e2b3));
	background: -moz-linear-gradient(bottom, #655b47 0%, #f9e2b3 100%);
}

#navi li a{
	text-decoration:none;
	font-size:85%;
	display:block;
	color:#fff;
	padding:0px 0 19px 10px;
	text-shadow:1px 1px 1px #310900;
}

#navi li:nth-child(even) a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #310900;
}

#navi li span {
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
	background-position:12px 18px;
	height: 62px;
	display: block;
	letter-spacing:0.2em;
}

#key_visual{
	width:320px;
	margin:10px auto 0 auto;
}

/*--------------home contents---------------*/
.title{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	font-size: 92%;
	line-height: 20px;
	height: auto;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #909090), color-stop(1, #b2b2b2));
	background: -moz-linear-gradient(bottom, #909090 0%, #b2b2b2 100%);
	padding:12px 0;
	text-align:center;
	text-shadow:1px 1px 1px #514325;
	width:96%;
	margin:10px auto 0 auto;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	color:#fff;
	background: url(../images/wood.png) repeat;
	font-weight:bold;
}

.inner{
	font-size:75%;
	width:96%;
	margin:0 auto 15px auto;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	background-color:#fff;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	line-height:1.8;
	color:#333;
	background: url(../images/contents_bg.png) repeat;
}

.inner ul{
	width:90%;
	margin:0 auto;
}

.inner ul li{
	padding:10px 0;
}

.inner span{
	color:#640202;
	font-weight:bold;
	font-size:110%;
}

.inner p{
	padding:10px;
}

.inner dl{
	padding:0 10px 5px 10px;
}

.inner dt{
	float:left;
	width:65px;
	padding:2px 0;
}

.inner dd{
	border-bottom:1px dotted #999;
	padding:2px 0;
}

.inner h3{
	color:#fff;
	font-size:110%;
	padding:3px 0 3px 5px;
	background-color:#a2af5f;
	text-shadow:1px 1px 1px #666;
	width:95%;
	margin:0 auto;
}

.bot{
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #801818), color-stop(1, #c15151));
	background: -moz-linear-gradient(bottom, #801818 0%, #c15151 100%);
    border-radius:5px;
	box-shadow:1px 1px 1px #333;
	padding:2px 5px;
}

.bot a{
	text-decoration:none;
	color:#fff;
}

.bot2{
	background: -moz-linear-gradient(center top, #ffb257, #fda33b 50%, #fc7700 51%, #ff840b);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffb257), color-stop(50%, #fda33b), color-stop(51%, #fc7700), to(#ff840b));
    border-radius:5px;
	box-shadow:1px 1px 1px #333;
	padding:5px;
}

.bot2 a{
	text-decoration:none;
	color:#000;
}

.frame{
	background-color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    border:1px solid #fee2fd;
	padding:10px;
	margin:0 auto 10px auto;
	width:86%;
	clear:both;
}

.list_type{
	padding-top:2px;
	overflow:auto;
}

.list_type li{
	float:left;
	padding-right:18px;
}

.point{
	color:#964ad0;
}

.aisatsu{
	font-size:75%;
	line-height:1.5;
	padding:10px 15px 0;
	font-weight:bold;
	color:#fff;
}

/*-----------------------------------------------------
メニュー
-------------------------------------------------------*/
.menu_box{
	margin-bottom:15px;
	background: url(../images/contents_bg.png) repeat;
}

.menu_box h4{
	margin:10px 0 5px 30px;
	font-weight:bold;
}


h3{
    color: #f2a141;
	margin:10%;
	padding:10%;
}

p.line{
	clear:both;
	width:90%;
	margin-left:5%;
	border-bottom:thin dotted #999999;
	color:#fff;
}
p.item2{
	width:75%;
	float:left;
	margin-left:5%;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
	color: #4C1A1A;
}
p.price2{
	width:15%;
	float:left;
	text-align:right;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
	color: #8F6408;
	font-weight:bold;
}

p.item4{
	width:75%;
	float:left;
	margin-left:5%;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
	color: #4C1A1A;
	font-weight:bold;
}

p.item4 .setu{
    color: #8F6408;
	font-weight:normal;
}

p.item5{
	width:65%;
	float:left;
	margin-left:5%;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
	color: #4C1A1A;
}

p.price4{
	width:25%;
	float:left;
	text-align:right;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
    color: #4C1A1A;	
}

p.price4 .bold_y{
   color: #8F6408;	
	font-weight:bold;
}

p.item6{
	width:65%;
	float:left;
	margin-left:5%;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
	color: #4C1A1A;
}

p.price5{
	width:25%;
	float:left;
	text-align:right;
	font-size:80%;
	padding:5px 0;
	line-height:1.4;
    color: #4C1A1A;	
}

p.price5 .bold_y{
   color: #8F6408;	
	font-weight:bold;
}

p.line4{
	clear:both;
	width:90%;
	margin-left:5%;
	border-bottom:thin dotted #999999;
	color: #4C1A1A;
}

.memoarea{
	margin:3%;
}

p.memo2{
	clear:both;
    color:#A76531;	
	font-size:80%;
	margin:0 0 0 2%;
}

p.memo3{
	clear:both;
    color:#A76531;	
	font-size:80%;
	margin:3%;
	font-weight:bold;
	line-height:1.6;
}

.menu_img img{
	display:block;
	margin:10px auto 10px;
}


/*--------------menu---------------*/

#menu_top{
	margin-top:20px;
	background: url(../images/sp_menu_top.jpg);
	width:100%;
	height:20px;
}

.title_menu{
	clear:both;
	background-color:#666;
	color:#fff;
	padding:5px;
	margin-top:20px;
	text-align:center;
	background: url(../images/wood2.png)  #909090 repeat;
}

.title_menu2{
	clear:both;
	background-color:#666;
	color:#fff;
	padding:5px;
	/*margin-top:20px;*/
	text-align:center;
	background: url(../images/wood2.png)  #909090 repeat;
}

.menu_list{
	width:90%;
	line-height:2.5;
	margin:10px auto;
	color:#cecece;
	font-size:72%;
}

.menu_list dt{
	float:left;
	width:83%;
	border-bottom:1px dotted #727272;
}

.menu_list dd{
	border-bottom:1px dotted #727272;
	text-align:right;
}

.menu_list span{
	font-size:70%;
	color:#ec8a75;
}

#bnr_menu{
	width:280px;
	margin:0 auto;
	line-height:1.5;
}

#bnr_menu a{
	font-size:90%;
	color:#f36a19;
	text-decoration:none;
	font-weight:bold;
}

/*--------------footer---------------*/

#switchButton {
	clear: both;
	text-align: center;
	font-size: 62%;
	display: block;
	margin: 0px;
	padding:10px 0;
}

#switchButton a {
	color: #fff;
}

#footer {
	background: -webkit-gradient(linear, left top, left bottom, from(#655b47), to(#f9e2b3));
	background: -moz-linear-gradient(top, #655b47 0%, #f9e2b3 88%);
	margin-top: 0px;
	height: 40px;
	width: 100%;
	display: block;
	clear: both;
	font-size: 62%;
	color: #fff;
	text-align: center;
	padding-top:10px;
}

.scroll_top {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 60px;
	bottom: 0px;
	position: fixed;
	right: 0px;
	z-index:10;
}

.scroll_top p {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 60px;
	display: block;
	overflow: hidden;
	position: relative;
}

.scroll_top p a {
	background-image: url(../images/top_go.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	height: 0px;
	width: 100px;
	padding-top: 100px;

}