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

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

/*--------------header---------------*/
#wrapper{
	color:#3a3a3a;
	background:url(../images/bg_body.jpg) repeat;
}

#wrapper_header{
	background:url(../images/bg_header.png) repeat-x;
}

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

#logo{
	float:left;
	width:35%;
	margin:0 0 0 10px;
}

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

#header h1{
	font-size:65%;
	font-weight:normal;
	margin:5px 0 5px 10px;
	line-height:1.4;
}

#tel_btn {
	background-color: #FFF;
	width: 90px;
	height: 50px;
	margin:0 10px 0 0;
	border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4395c5), color-stop(1, #1b76a8), color-stop(51%,#cd857c), color-stop(100%,#f5c1ba)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4aa77 0%,#672c00 50%,#672c00 51%,#a16e40 100%); /* Chrome10+,Safari5.1+ */
	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 #b6b6b6;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #063E84), color-stop(1, #4AA0CC));
	background: -moz-linear-gradient(bottom, #063E84 0%, #4AA0CC 100%);
}

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

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

#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 img{
	margin:0 auto;
	width:100%;
}


/*--------------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, #4395c5), color-stop(1, #1b76a8));
	background: -moz-linear-gradient(bottom, #D68D84 0%, #f6bab2 100%);
	padding:12px 0;
	text-align:center;
	text-shadow:1px 1px 3px #333;
	width:96%;
	margin:15px auto 0 auto;
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	border-top:1px solid #BCBCBC;
	color:#fff;
}

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

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

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

.inner ul li coffee{
	color:#37479a;
	font-weight:bold;
}

.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, #B56400), color-stop(1, #EF9D01));
	background: -moz-linear-gradient(bottom, #B56400 0%, #EF9D01 100%);
    border-radius:5px;
	box-shadow:1px 1px 1px #333;
	padding:2px 5px;
	text-decoration:none;
	color:#111;
}

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

.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;
}

#concept{
	font-size:75%;
	margin:5px auto 0 auto;
	line-height:1.6;
	width:90%;
}
.big{
	font-size:112%;
	color:#116695;
	font-weight:bold;
}
#concept p span{
	color:#F60;
}

/*--------------menu---------------*/
.title_menu{
	clear:both;
}

.title_menu img{
	margin:10px auto 0 auto;
	width:95%;
	border:1px solid #999;
}

.title_h3{
	margin:15px auto 8px auto;
	width:200px;
}

.menulist{
	width:94%;
	margin:0 auto 5px auto;
	font-size:72%;
	background-color:#fff;
	overflow:hidden;
	border-radius:5px;
}

.menulist dt {
	float: left;
	padding: 7px 5px 7px 5px;
	text-align: left;
	vertical-align: top;
	width: 70%;
}

.menulist dd {
	border-bottom: 1px dotted #edada1;
	padding: 7px 5px 7px 70%;
	text-align: right;
	vertical-align: top;
	width: 30%;
}



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

#switchButton a {
	color:#000;
}

#footer {
	/*background: -webkit-gradient(linear, left top, left bottom, from(#6e3c2d), to(#4E261A));
	background: -moz-linear-gradient(top, #6e3c2d 0%, #4E261A 88%);*/
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4395c5), color-stop(1, #1b76a8));
	margin-top: 5px;
	width: 100%;
	display: block;
	clear: both;
	font-size: 62%;
	text-align: center;
	padding:12px 0;
	color:#fff;
}

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

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

.scroll_top a {
	font-size:65%;
    color:#1657ED;
	text-shadow:1px 1px 1px #FFF;
	text-decoration:none;
	display:block;
	padding-top:8px;
	line-height:1.3;
}
#Card{
	width:292px;
	height:32px;
	margin:0 auto;
	padding:0;
	}
	
#Btn-Reservation{
	width:300px;
	margin: 10px auto 10px;
	}	
	

#shop-detail-menu dl{
	padding:0 10px 5px 10px;
}

#shop-detail-menu dt{
	float:left;
	width:180px;
	padding:3px 0;
}

.title_price{
	font-size:120%;
	font-weight:bold;
	color:#175696;
	margin:0 0 -10px -10px;
}

#shop-detail-menu dd{
	border-bottom:1px dotted #999;
	padding:3px 0;
	text-align:right;
}
#Icon-price{
	width:270px;
	margin:10px auto 0 auto;
	padding:0;
	}
	
.tenpo-setubi li{
	margin:0 auto;
	text-align:center;
	padding:0;
	width:268px;
	}
.tenpo-setubi li img {
	padding:10px 0 0 0;
	display:block;
	}		
.card-center {
	width:86%;
	margin:10px auto 15px auto;
	border:1px dashed #999;
	padding:8px 0 5px 0;
	font-size:92%;
	text-align:center;
	font-weight:bold;
	color:#1B76A8;
	line-height:1.4;
}
.card-center img{
	width:256px;
	margin:0 auto;
}
.chui{
	margin-bottom:-10px;
}

.ttl_h3{
	background-color:#369F49;
	color:#fff;
	padding:6px 0 4px 10px;
	clear:both;
	margin:15px 0 12px 2px !important;
	border-left:6px solid #060;
	width:90%;
	font-weight:bold;
}
.shiharai{
		border:1px solid #a4a4a4;	
		margin:7px 0 15px 10px;
		width:93%;
		line-height:1.6;
		clear:both;
		padding:0 !important;
}
.shiharai dt{
		padding:0px 0 0px 0px;
		width:100px;
		float:left;
		border-right:1px dotted #c2c2c2;
		background-color:#f0f0f0;
}
.shiharai dd{
		padding:7px 0 12px 120px;
		border-bottom:1px dotted #c2c2c2;	
}
.shiharai dd.end{
		border-bottom:none;	
}
.shiharai dd span{
	font-size:13px;
	color:#E66C00;
	font-weight:bold;
}
.ttl_h4{
	color:#369F49;
	font-weight:bold;
	border-left:4px solid #369F49;
	width:95%;
	padding:0 0 0 5px;
	margin:-3px 0 0 10px;
}
.chui{
	margin:-12px 0 -12px 12px;
}
.furikomi{
	padding:7px 0 7px 13px;
	width:86%;
	border:1px solid #a4a4a4;
	background-color:#f0f0f0;
	margin:7px 0 15px 10px;
}
.chui02{
	margin:-20px 0 3px 0;
}