/* *********************************************************

■ベース設定　　　　　　　　　　　　L.011～
■共用部分レイアウト・フォント設定　L.058～
■トップページレイアウト　　　　　　L.135～
■検索結果　　　　　　　　　　　　　L.310～
■店舗詳細ページ　　　　　　　　　　L.414～
■メニューページ　　　　　　　　　　L.550～
■クーポン発行ページ　　　　　　　　L.605～

********************************************************* */

body{
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	background: #fff url(/images/bg.jpg) center top repeat-x;
	text-align: center;
	color: #666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* リンクスタイル */

a:link    { color: #0099CC; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover   {	color: #FF9900; text-decoration: none; }

/* いろいろリセット */

h1, h2, h3, h4, h5, h6, form { font-size: 100%; font-weight: normal; margin: 0px 0px 0px 0px;　padding: 0px 0px 0px 0px; }
ul, li, dt, dd { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
img { border: 0px; }
em { font-style: normal; font-weight: bold; }
input, textarea, button { border: 1px #666 solid; background: #fff; }



/***　■共用部分レイアウト・フォント設定　********************************************/
	
div { 
	width: 750px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	word-break:break-all
}

div#wrapper {
	padding: 0px 20px;
	background: #fff;
	word-break:break-all
}

/* ヘッダー */

div#header {
	padding-top: 15px;	
	height: 70px;
	background: url(/images/header.gif) center top no-repeat;	
}

	div#header #logo {
		float:left;
		margin-right: 15px;
	}
	
	div#header h1 {
		font-size: 1.0em;
		letter-spacing: .1em;
	}
	
	img.description {
		margin: 12px 0px 3px 0px;
	}

/* パンくずリスト */

div#breadcrumb {
	margin-bottom: 13px;
	font-size: 1.2em;
}

	div#breadcrumb a.home {
		padding-left: 20px;
		background: url(/images/home.gif) left top no-repeat;
	}

/* フッター */

div#footer {
	margin-bottom: 20px;
	font-size: 1.2em;
}

	div#footer div#footer_menu {
		margin-bottom: 10px;
		padding-top: 30px;
		background: url(/images/hr2.gif) center top no-repeat;
		overflow: hidden;
	}
	
		div#footer_menu a {
			display: block;
			float: left;
			margin-right: 20px;
			padding-right: 20px;
			border-right: 1px #999 solid;
		}
	
	div#footer div#copy {
		padding-top: 20px;
		background: url(/images/hr2.gif) center top no-repeat;
		text-align: right;
	}


/***　■トップページレイアウト　********************************************/


/* メインの写真 */

img#mainphoto {
	margin-bottom: 10px;
}

/* メインコンテンツ */

div#contents_wrapper {
	overflow: hidden;
}

	div#main_contents {
		width: 515px;
		float: left;
	}
	
/* サイドバー */

	div#sidebar {
		width: 205px;
		float: right;
	}
	
		div#sidebar img.sub2 {
			margin-bottom: 10px;
		}
		
		div#sidebar ul {
			margin-bottom: 20px;
			font-size: 1.2em;
		}
		
		div#sidebar ul li {
			padding: 13px 0px 10px 10px;
			border-bottom:1px #ddd dotted;
		}


/***　検索部分　********************************************/

div#main_contents div.search {
	width: 515px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	background: url(/images/hr.gif) left bottom no-repeat;
	overflow: hidden;
}

	/* 検索条件タイトル */
	
	div.search h3 {
		margin-bottom: 14px;
	}


/* フリーワード検索 */
	
#searchform1 {
	position: relative;
	margin-bottom: 20px;
}

#searchform2 {
	width: 250px;
	border: 1px solid #CCC;
	color: #666;
	padding: 6px 6px 6px 8px;
}

#searchform3 {
	position: absolute;
	top: 1px;
	left: 275px;
	border: none;
}

/* 場所から検索 */
	
	div.search p {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	a.border-none {
		text-decoration: none;
	}
	
	div.osaka {
		border:1px solid #fff;
		min-height: 32px;
		background: url(/images/l_osaka.gif) left top no-repeat;
		margin-bottom: 15px;
		padding-left: 110px;
	}
	
		div.osaka h2 {
			margin-top: -4px;
			font-size: 1.4em;
			line-height: 1.8em;
			color: #febf01;
			font-weight: bold;
			text-decoration: none;
		}
		
	div.kyoto {
		clear: both;
		border:1px solid #fff;
		min-height: 32px;
		background: url(/images/l_kyoto.gif) left top no-repeat;
		margin: 0px 0px 15px;
		padding-left: 110px;
	}
	
		div.kyoto h2 {
			margin-top: 5px;
			font-size: 1.4em;
			line-height: 1.8em;
			color: #a0e300;
			font-weight: bold;
			text-decoration: none;
		}
	
	div.kobe {
		clear: both;
		border:1px solid #fff;
		min-height: 32px;
		background: url(/images/l_kobe.gif) left top no-repeat;
		margin: 0px 0px 15px;
		padding-left: 110px;
	}
	
		div.kobe h2 {
			margin-top: 5px;
			font-size: 1.4em;
			line-height: 1.8em;
			color: #5ddbe6;
			font-weight: bold;
			text-decoration: none;
		}
	
	div.search ul.location_category {
		width: 390px;
		font-size:1.2em;
		float: left;
	}
	
	div.search ul.location_category li {
		margin-right:10px;
		float: left;
		height:25px;
		white-space: nowrap;
	}
	
	div.search ul.location_category li a {
		background: url(/images/arrow.gif) no-repeat;
		background-position:center left;
		padding-left:10px;
	}

a#sub img {
	margin-bottom: 20px;
}

/* その他の検索のリスト設定 */

div.search ul.category {
	width: 500px;
	font-size:1.2em;
	margin-bottom: 20px;
}
	
div.search ul.category li {
	margin-right:10px;
	float: left;
	height:25px;
	white-space: nowrap;
}

	div.search ul.category li a {
		background: url(/images/arrow.gif) no-repeat;
		background-position:center left;
		padding-left:10px;
	}
	
div#expand, div#contract,
div#expand2, div#contract2,
div#expand3, div#contract3 {
width: 100%;
clear: both;
}

div#expandmore, div#contractmore,
div#expandmore2, div#contractmore2,
div#expandmore3, div#contractmore3 {
clear: both;
width: 100%;
}

a.key {
clear: both;
display: block;
margin-bottom: 10px;
}
* html a.key {
position: relative;
top: -10px;
}

a.keymore {
clear: both;
display: block;
margin: 3px;
}
/***　■検索結果　********************************************/

/* 絞り込み検索 */
table.more {
	width: 100%;
	font-size: 1.1em;
	background: #ddd;
	margin-bottom: 20px;
}
	table.more td {
		background: #fff;
	}
	table.more td.moretitle {
		width: 80px;
		overflow: hidden;
		background: #f7ffe4;
	}
	table.more ul.morecheck li { 
		float: left;
		width: 127px;
		padding: 0px 10px 0px 0px;
	}
	table.more ul.morecheck input {
		border: none;
		vertical-align: middle;
	}
	td.more_button {
		text-align: center;
	}
	td.more_button input {
		border: none;
		vertical-align: middle;
	}
	
span.searchresult {
	font-size: 1.2em;
	line-height: 3em;
}

div.resulth {
	font-size: 1.6em;
	margin-bottom: 10px;
}

div#main_contents table.result {
	width: 515px;
	font-size: 1.2em;
	background: url(/images/hr.gif) left bottom no-repeat;
}

	table.result td {
		padding: 15px 0px 20px;
	}
	
	table.result td.photo {
		width: 100px;
		text-align: left;
	}
	
	
	table.result h2 {
		padding-left: 11px;
		font-weight: bold;
		background: url(/images/arrow.gif) left 2px no-repeat;
		display: inline;	
	}
	
	table.result span.shopcategory {
		color: #bfb6a7;
	}
	
	table.result span.shoplocation {
		color: #999;
		line-height: 2.0em;
	}
	
	table.result p {
		margin-top: 10px;
		padding-left: 38px;
		background: url(/images/ex.gif) left top no-repeat;
		line-height: 1.6em;
	}

div#main_contents div#pagenavi {
	width: 515px;
	margin: 20px 0px 50px;
	font-size: 1.2em;
	text-align: center;
}

	div#pagenavi a {
		display: inline-block;
		margin-left: 10px;
		padding: 1px 1px 1px 15px;
		border-left: 1px #bfb6a7 solid;
	}
	
	div#pagenavi span {
		display: inline-block;
		margin-left: 10px;
		padding: 1px 1px 1px 15px;
		border-left: 1px #bfb6a7 solid;
	}
	
/***　■店舗詳細ページ　********************************************/

/* ショップメニュー */

div#shopmenu {
	width: 750px;
	background: url(/images/menu_bar.gif) left center no-repeat;
	min-height: 32px;
	height: auto !important;
	vertical-align: middle;
	line-height: 28px;
}

	div#shopmenu img {
		display: inline;
		margin-left: 20px;
		outline: none;
		vertical-align: middle;
		padding: 10px;
	}
	
	div#shopmenu img.coupon {
		position: relative;
		top: -6px;
	}

/* ショップ情報 */

div#shopinfo {
	margin: 20px 0px 30px;
	width: 750px;
	overflow: hidden;
}

	div#shopinfo div.shopcategory {
		margin-top: 20px;
		margin-bottom: 5px;
		padding-left: 11px;
		background: url(/images/arrow.gif) left 2px no-repeat;
		font-size: 1.2em;
	}
	
	div#shopinfo span.hurigana {
		font-size: 1.0em;
		line-height: 2.0em;
		letter-spacing: 0.2em;
		color: #999;
	}
	
	div#shopinfo h3 {
		margin-bottom: 10px;
		font-size: 2.6em;
	}
	
	div#shopinfo div.shoptel {
		margin-bottom: 20px;
		padding-left: 30px;
		background: url(/images/i_tel.gif) left 2px no-repeat;
		font-size: 2.6em;
	}


/* メニュー */

div.info {
	width: 710px;
	margin-bottom: 50px;
	padding: 0px 20px 40px;
	background: url(/images/hr-long.gif) bottom center no-repeat;
}
	
	div.info h2 {
		padding-bottom: 3px;
		margin-bottom: 20px;
		font-size: 1.8em;
		line-height: 1.8em;
		color: #ff9d00;
		border-bottom: 1px dotted #ff9d00;
	}
	
	div.info p {
		margin: 0px;
		padding: 0px;
		font-size: 1.2em;
		line-height: 1.6em;
	}
	
/* 画像を入れるテーブル */
	
	div.info table {
		width: 710px;
		margin-bottom: 20px;
		font-size: 1.2em;
		line-height: 1.8em;
		text-align: center;
	}
		div.info table td {
			vertical-align: top;
		}
	
/* 店舗情報を入れるテーブル */
	
	div.info table.texttable {
		width: 710px;
		margin-bottom: 20px;
		background: #ddd;
		font-size: 1.2em;
		line-height: 1.8em;
		text-align: left;
	}
	
	table.texttable td {
		background: #fff;
	}
	
	table.texttable td.tdcolor {
		width: 130px;
		background: #fffae8;
		border-top: #fff;
		border-left: #fff; 
		white-space: nowrap;
	}
	
	span.texttel {
		font-size: 1.4em;
	}
	
	span.textsmall {
		font-size:0.8em;
		color: #999;
	}
	
/* GoogleMapの幅 */
	
div.info iframe {
	width: 710px;
}


/***　■メニューページ　********************************************/

/* メニュー */

div.menublock {
	width: 710px;
	margin-bottom: 50px;
	padding: 0px 20px 40px;
	background: url(/images/hr-long.gif) bottom center no-repeat;
}
	
	div.menublock h4 {
		padding-bottom: 3px;
		margin-bottom: 40px;
		font-size: 1.8em;
		line-height: 1.8em;
		color: #ff9d00;
		border-bottom: 1px dotted #ff9d00;
	}
	
/* 画像を入れるテーブル */
	
	div.menublock table {
		width: 710px;
		margin-bottom: 50px;
		font-size: 1.2em;
		line-height: 1.8em;
		text-align: center;
	}
		div.menublock table td {
			vertical-align: top;
		}
	
	
/* 価格リスト */
	
	div.menublock dl {
		font-size: 1.4em;
	}
	
	div.menublock dl dt {
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 530px;
		float: left;
		border-bottom: 1px dotted #ff9d00;
	}
	
	div.menublock dl dd {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ff9d00;
	}
	

/***　■クーポン発行ページ　********************************************/

div#coupon_wrapper {
	width: 600px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	background: url(/images/coupon_bg.gif) center top repeat-y;
}

div#coupon_header {
	width: 450px;
	margin: 0px auto 20px;
	padding-bottom: 0px;
	/padding-bottom: 20px;
	background: url(/images/hr-short.gif) left bottom no-repeat;
	overflow: hidden;
	
}

	div#coupon_header div.shopcategory {
		margin-bottom: 5px;
		padding-left: 11px;
		background: url(/images/arrow.gif) left 2px no-repeat;
		font-size: 1.2em;
	}
	
	div#coupon_header span.hurigana {
		font-size: 1.0em;
		line-height: 2.0em;
		letter-spacing: 0.2em;
		color: #999;
	}
	
	div#coupon_header h1 {
		margin-bottom: 20px;
		font-size: 2.6em;
		float: left;
	}

table#coupon {
	width: 450px;
	margin: 0px auto 20px;
	border:1px #F90 solid;
	
}

	table#coupon td.orange {
		width: 80px;
		background: #f90;
		color: #fff;
		font-weight: bold;
	}
	
	table#coupon td {
		background: #fff;
		color: #666;
		line-height: 1.8em;
	}
	
	table#coupon td span.coupon_a{
		font-size: 1.2em;
		color: #f00;
	}
	
	table#coupon td div.coupon_m{
		width: 97%;
		margin: 5px 0px 3px;
		background: #fff7df;
		padding: 2px 5px;
		color: #f90;
		font-weight: bold;
	}

div#coupon_mail {
	width: 450px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	font-size: 1.2em;
	line-height: 1.8em;
	background: url(/images/hr-short.gif) left bottom no-repeat;
}

	div#coupon_mail form {
		margin: -20px 0px 0px;
		padding: 0px 0px;
		text-align: center;
	}
	
	div#coupon_mail form img {
		position: relative;
		top: 12px;
		margin-right: 10px;
	}

div#coupon_notice {
	width: 450px;
	margin-bottom: 20px;
	font-size: 1.0em;
	line-height: 1.8em;
}


div#coupon_close {
	width: 450px;
	font-size: 1.2em;
	text-align: center;
}

	div#coupon_close img {
		position: relative;
		top: 3px;
		margin-right: 7px;
	}
	
ul.error {
	color: #ff0000;
}