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

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

/*--------------header---------------*/
#wrapper{
	color:#6B4D24;
	background:url(../images/bg.png) repeat;
}

#wrapper_header{
}

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

#logo{
	float:left;
	width:40%;
	padding:8px 0 10px 10px;
}

#header_right{
	float:right;
	width:55%;
}

#header h1{
	font-size:65%;
	font-weight:normal;
	background: -webkit-gradient(linear, left top, left bottom, from(#522523), to(#785449));
	background: -moz-linear-gradient(top, #522523 0%, #785449 88%);
	color:#fff;
	padding:5px;
}

#tel_btn {
	width: 95px;
	height: 50px;
	margin-top: 17px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff5a00), color-stop(1.00, #cd0000));
    background: -webkit-linear-gradient(#ff5a00, #cd0000);
*/
	background: #ff5a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff5a00 0%, #cd0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a00), color-stop(100%,#cd0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff5a00 0%,#cd0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff5a00 0%,#cd0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff5a00 0%,#cd0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff5a00 0%,#cd0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#cd0000',GradientType=0 ); /* IE6-9 */
	display: block;
	box-shadow:1px 1px 1px #666;
	float:right;
}

#tel_btn a {
	font-size: 75%;
	line-height: 50px;
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
}

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

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

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

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

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

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


/*--------------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:url(../images/bg_title.png) repeat-x;
	padding:12px 0;
	text-align:center;
	text-shadow:1px 1px 1px #451d09;
	width:96%;
	margin:15px auto 0 auto;
	border-left:1px solid #ae7001;
	border-right:1px solid #ae7001;
	border-top:1px solid #ae7001;
	color:#fff;
}

.inner{
	font-size:75%;
	width:96%;
	margin:0 auto 5px auto;
	border-left:1px solid #ae7001;
	border-right:1px solid #ae7001;
	border-bottom:1px solid #ae7001;
	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;
	padding-bottom:5px;
}
.inner-eyemask {
	padding-bottom: 0;
	overflow: hidden;
}

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

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

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

.inner p{
	padding:10px;
	line-height:1.3;
}

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

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

.inner dd{
	border-bottom:1px dotted #999;
	padding:3px 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;
}

.concept{
	font-size:78%;
	width:90%;
	margin:10px auto;
	line-height:1.6;
}


/*--------------menu---------------*/
.title_menu{
	clear:both;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #741702), color-stop(1, #CD4B22));
	background: -moz-linear-gradient(bottom, #741702 0%, #CD4B22 100%);
	color:#fff;
	padding:8px;
	margin:20px auto 0 auto;
	text-align:center;
	width:90%;
	text-shadow:1px 1px 1px #451d09;
	border-radius:5px;
}

.title_h3{
	clear:both;
	margin:10px 0 0 10px;
}

.title_h4{
	background:#CC0000;
	color:#fff;
	font-size:100%;
	clear:both;
	padding:5px 0 5px 5px;
	margin-top:-10px;
	line-height:1.5;
}

.menulist{
	width:90%;
	margin:0 auto;
	font-size:72%;
	padding:0 10px 5px 0;
	overflow:hidden;
}

.menulist dt {
	float: left;
	padding: 7px 5px 10px 5px;
	text-align: left;
	width: 70%;
	color:#900;
	line-height:1.3;
}

.menulist dd {
	border-bottom: 1px dotted #edada1;
	padding: 5px 5px 10px 70%;
	text-align: right;
	width: 30%;
	color:#333;
	line-height:1.7;
}
.menulist dd span.kaiin {
	color:#900;
}

.menulist dt span{
	font-size:70%;
	color:#333;
	display:block;
	margin-top:5px;
}

.menulist ul li{
	margin-top:10px;
}

.menulist ul li img{
	width:250px;
	margin:0 auto;
}

.menulist ul p{
	line-height:1.4;
	font-size:90%;
	margin: 0 auto;
	width:240px;
	padding-left:10px;
}

.btn_hot img{
	width:200px;
	margin:10px auto 0 auto;
}

.zekomi{
	font-size:70%;
	margin: 10px 0 0 10px;
	line-height:1.6;
}

.zekomi2{
	font-size:130%;
	font-weight:bold;
	margin: 10px 0 0 10px;
	line-height:1.6;
	font-weight:bold;
	color:#D90003;
}

.zekomi span{
	font-size:130%;
	font-weight:bold;
	color:#D90003;
}

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

#switchButton a {
	color:#6B4D24;
}

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

/*----.scroll_top----*/

.scroll_top {
	height: 37px;
	width: 42px;
	bottom: 10px;
	position: fixed;
	right: 10px;
	z-index:10;
	background-color:#fdedf1;
	opacity:0.7;
	border-radius:8px;
	text-align:center;
	-moz-box-shadow: 0px 0px 3px #333;
    -webkit-box-shadow: 0px 0px 3px #333;
}

.scroll_top a {
	font-size:60%;
	color:#000;
	text-shadow:1px 1px 1px #FFF;
	text-decoration:none;
	display:block;
	padding-top:7px;
	line-height:1.2;
}