html,body{
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

body{
	background: url("../images/index/background.png?20150212");
}

div#container1{
	width: 910px;
	padding: 30px;
	background: #fff;
	margin: 0 auto;
}

div#container2{
	width: 910px;
	background: url("../images/index/line1.png?20150212") repeat-x;
	background-position: left bottom;
	overflow: hidden;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

div#container3{
	width: 910px;
	overflow: hidden;
	margin-bottom: 30px;
}

div#container4{
	width: 910px;
	overflow: hidden;
	margin-bottom: 30px;
}

img{
	display: block;
	border: 0;
}

iframe.twitter-share-button{
	width: 100px !important;
}

p.reserve{
	font-size: 3em;
	line-height: 3em;
	font-weight: 900;
	text-align: center;
	color: #f66;
}

address{
	text-align: center;
	font-style: normal;
}

/* ****************************** header ****************************** */

div#header{
	width: 100%;
	background: #000;
}

div#header div.inner{
	width: 970px;
	margin: 0 auto;
	padding: 2px 0;
	overflow: hidden;
}

div#header div.inner p{
	font-size: 0.85em;
	float: left;
	color: #fff;
}

/* ****************************** social ****************************** */

div#social{
	float: right;
}

div#social p{
	display: inline;
}

div#social p img{
	display: inline;
}

/* ****************************** lead ****************************** */

div#lead{
	width: 910px;
	height: 650px;
	margin-bottom: 30px;
	background: url("../images/index/eyecatch.jpg?250312") no-repeat;
	position: relative;
}

div#lead h1{
	width: 550px;
	height: 450px;
	background: url("../images/index/title.png?xxx") no-repeat;
	text-indent: -9999em;
	position: absolute;
	left: 10px;
	top: 75px;
}

div#lead p.main{
	width: 440px;
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 10px;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	background: rgba(255,255,255,0.5);
	/* color: #620; */
	position: absolute;
	bottom: 30px;
	left: 20px;
}

/* ****************************** twitter ****************************** */

div#twitter{
	width: 440px;
	height: 300px;
	float: left;
}

/* ****************************** status ****************************** */

div#status{
	width: 380px;
	padding: 30px;
	height: 240px;
	float: right;
	background: url("../images/index/background_c.jpg?20150212");
}

div#status h2{
	font-size: 1.5em;
	color: #620;
	margin-bottom: 20px;
}

div#status p{
	margin-bottom: 10px;
}

div#status ul{
	padding-left: 20px;
}

div#status ul li{
	font-size: 1.2em;
	line-height: 1.5em;
}

/* ****************************** about ****************************** */

div#about{
	width: 380px;
	padding: 30px;
	float: left;
	background: url("../images/index/background_a.jpg?20150212");
}

div#about h2{
	width: 380px;
	height: 24px;
	background: url("../images/index/label.png?20150212") no-repeat;
	background-position: 0 0;
	margin-bottom: 15px;
	text-indent: -9999em;
}

div#about p{
	margin-bottom: 15px;
	color: #620;
}

/* ****************************** access ****************************** */

div#access{
	width: 380px;
	padding: 30px;
	float: right;
	background: url("../images/index/background_b.jpg?20150212");
}

div#access h2{
	width: 380px;
	height: 24px;
	background: url("../images/index/label.png?20150212") no-repeat;
	background-position: 0 -24px;
	margin-bottom: 15px;
	text-indent: -9999em;
}

div#access dl{
	width : 380px;
	overflow: hidden;
	margin-bottom: 15px;
	color: #620;
}

div#access dl dt{
	float: left;
}

/* ****************************** map ****************************** */

div#map{
	width: 910px;
	margin-bottom: 30px;
}

div#map h2{
	width: 380px;
	height: 24px;
	background: url("../images/index/label.png?20150212") no-repeat;
	background-position: 0 -48px;
	margin-bottom: 30px;
	text-indent: -9999em;
}

/* ****************************** shopList ****************************** */


div#shopList h2{
	width: 380px;
	height: 24px;
	background: url("../images/index/label.png?20150212") no-repeat;
	background-position: 0 -72px;
	margin-bottom: 30px;
	text-indent: -9999em;
}

div#shopList ul,
div#shopList ul li{
	position: static;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#shopList ul{
	width: 940px;
	margin-left: -30px;
	overflow: hidden;
}

div#shopList ul li{
	width: 380px;
	margin-left: 30px;
	margin-bottom: 30px;
	padding: 30px;
	float: left;
	background: url("../images/index/background_c.jpg?20150212");
}

div#shopList ul li div.text{
	width: 185px;
	float: right;
}

div#shopList ul li div.text h3{
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #620;
}

div#shopList ul li div.text p.map{
	background: #620;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 2px;
	border-radius: 4px;
	text-align: center;
}

div#shopList ul li div.text p.disable{
	color: #620;
	font-size: 0.85em;
	line-height: 1.3em;
	padding: 2px;
	border-radius: 4px;
	text-align: center;
	border: 1px dashed #ccc;
	font-weight: 900;
}

div#shopList ul li div.text p.kana{
	font-size: 0.85em;
	line-height: 1.3em;
	margin-bottom: 5px;
	color: #620;
}

div#shopList ul li div.text p.fbPage a{
	display: block;
	width: 88px;
	height: 16px;
	background: url('../images/index/fb_banner.png');
	text-indent: -9999em;
}

div#shopList ul li div.text p.fbPage a:hover{
	background-position: bottom left;
}

div#shopList ul li div.text p.telTitle{
	border-top: 1px dotted #620;
	margin-top: 15px;
	padding-top: 5px;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #444;
}

div#shopList ul li div.text p.telNumber{
	font-size: 1.3em;
	font-weight: 900;
	line-height: 1.3em;
	color: #444;
}

div#shopList ul li div.text p.telTime{
	font-size: 0.85em;
	line-height: 1.3em;
	border-bottom: 1px dotted #620;
	padding-bottom: 5px;
	color: #444;
}

div#shopList ul li div.text p.caption{
	margin-top: 15px;
	line-height: 1.5em;
	color: #620;
}

div#shopList ul li div.image{
	width: 180px;
	float: left;
}

div#shopList ul li div.image p.main{
	margin-bottom: 6px;
}

div#shopList ul li div.image p.sub{
	width: 186px;
	margin-left: -6px;
	overflow: hidden;
}

div#shopList ul li div.image p.sub img{
	float: left;
	margin-left: 6px;
	margin-bottom: 6px;
}

div#shopList ul li div.image p.caption{
	padding-top: 6px;
	font-size: 0.85em;
	line-height: 1.3em;
	text-align: center;
	color: #620;
}

div#shopList p.detail{
	clear: both;
	padding-top: 15px;
	line-height: 1.3em;
	color: #444;
}

/* ****************************** attention ****************************** */

div#attention{
	background: url("../images/index/line2.png?20150212") repeat-x;
	background-position: left bottom;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

div#attention h2{
	font-size: 1.5em;
	color: #444;
}

div#attention ol{
	margin-top: 15px;
}

div#attention ol li{
	margin-left: 30px;
	font-size: 1.3em;
	color: #444;
	line-height: 1.5em;
}