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



/* 全体構造
---------------------------------------------------- */

body {
	font-size: 12px;
	_font-size: 75%;
	*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

li { margin-bottom: 0.35em;}

img { border: none;}

.cbox { 
	zoom: 100%;
}
.cbox:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

*html .penetrate {
	behavior: expression(IEPNGFIX.fix(this));
	display: inline;
}




/* ヘッダー
---------------------------------------------------- */

#header {
	width: 750px;
	height: 70px;
	margin: 0;
	padding: 0;
	background-color: #000000;
}


#header h1{
	display: inline;
	float: left;
	width: 135px;
	height: 45px;
	font-size: 1em;
	margin: 15px 0 0 15px;
	padding: 0;
}
#header h1 a{
	display: block;
	width: 135px;
	height: 45px;
	text-indent: -9999px;
	background: transparent url(img/logo.gif) no-repeat;
}
#header h1 a:hover{
	background: transparent url(img/logo.gif) no-repeat;
}

#header h2{
	display: inline;
	float: right;
	width: 265px;
	height: 15px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 15px 35px 16px 0;
	padding: 0;
	background: transparent url(img/logo_title.gif) no-repeat;
}






/* ナビゲーション
---------------------------------------------------- */

#navi {
	float: right;
	position: relative;
	width: 567px;
	height: 24px;
	background: url(img/navi.png) no-repeat;
	margin: 0;
	padding: 0;
}

#navi li{
	list-style: none;
	position: absolute;
	top: -5px;
	padding: 5px 0 0;
}

#navi li, #navi a{
	display: block;
	width: 63px;
	height: 19px;
	font-size: 0.96em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #444444;
	margin: 0;
	padding: 5px 0 0;
}

#navi01{ left: 0; width: 63px; }
#navi02{ left: 63px; width: 63px; }
#navi03{ left: 126px; width: 63px; }
#navi04{ left: 189px; width: 63px; }
#navi05{ left: 252px; width: 63px; }
#navi06{ left: 315px; width: 63px; }
#navi07{ left: 378px; width: 63px; }
#navi08{ left: 441px; width: 63px; }
#navi09{ left: 504px; width: 63px; }

#navi01 a:hover, #navi01 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) 0 -24px no-repeat; }
#navi02 a:hover, #navi02 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -63px -24px no-repeat; }
#navi03 a:hover, #navi03 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -126px -24px no-repeat; }
#navi04 a:hover, #navi04 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -189px -24px no-repeat; }
#navi05 a:hover, #navi05 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -252px -24px no-repeat; }
#navi06 a:hover, #navi06 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -315px -24px no-repeat; }
#navi07 a:hover, #navi07 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -378px -24px no-repeat; }
#navi08 a:hover, #navi08 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -441px -24px no-repeat; }
#navi09 a:hover, #navi09 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -504px -24px no-repeat; }

#navi01 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) 0 -48px no-repeat; }
#navi02 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -63px -48px no-repeat; }
#navi03 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -126px -48px no-repeat; }
#navi04 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -214px -48px no-repeat; }
#navi05 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -252px -48px no-repeat; }
#navi06 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -315px -48px no-repeat; }
#navi07 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -378px -48px no-repeat; }
#navi08 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -441px -48px no-repeat; }
#navi09 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -504px -48px no-repeat; }








/* フッターナビゲーション
---------------------------------------------------- */
.fnarea {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
}

.fnavi {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.fnavi p{
	font-size: 0.92em;
	text-align: right;
	margin-bottom: 0;
	padding-left: 0.5em;
}
.fnavi a:link{ color: #000000; text-decoration: none;}
.fnavi a:visited{ color: #000000; text-decoration: none;}
.fnavi a:hover{ color: #990000; text-decoration: none;}
.fnavi a:active{ color: #000000; text-decoration: none;}

.fnavi img{
	text-align: right;
	margin-left: 1.5em;
}

.fnavi2 {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.fnavi2 p{
	font-size: 0.92em;
	text-align: right;
	margin-bottom: 0;
	padding-left: 0.5em;
}
.fnavi2 a:link{ color: #FFFFFF; text-decoration: none;}
.fnavi2 a:visited{ color: #FFFFFF; text-decoration: none;}
.fnavi2 a:hover{ color: #FFCC00; text-decoration: none;}
.fnavi2 a:active{ color: #FFFFFF; text-decoration: none;}

.fnavi2 img{
	text-align: right;
	margin-left: 1.5em;
}

.fnarea {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
}

.fnavi img{
	text-align: right;
	margin-left: 1.5em;
}


p.click {
	display: inline;
	float: right;
	font-size: 0.92em;
	color: #FFFFFF;
	margin: 1.5em 17px 1.5em 0;
	padding: 0;
}








/* フッター
---------------------------------------------------- */

#footer {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #000000;
}

#footer p{
	font-size: 0.92em;
	text-align: right;
	color: #FFFFFF;
	margin: 0;
	padding: 0 35px;
}










/* お店ページ構成
---------------------------------------------------- */
.shop {
	clear: both;
	width: 660px;
	margin: 0;
	padding: 0 0 35px;
}

p.shop_t {
	display: block;
	width: 246px;
	height: 41px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 40px auto 0;
	*margin: 20px auto 0;
	padding: 0;
	background: transparent url(img/omise.png) no-repeat;
}

.shop .box{
	display: inline;
	float: left;
	width: 160px;
	height: 240px;
	margin: 0 26px 30px;
	padding: 0;
	background: url(img/box_bg.png) repeat;
	behavior: expression(IEPNGFIX.fix(this));
}
.shop .box h4{
	font-size: 1.12em;
	text-align: center;
	color: #FFFFFF;
	margin: 0.75em auto 0;
	*margin: 0.4em auto 0;
	padding: 0;
}
.shop .box h4.top_s{
	margin-top: 1.35em;
	*margin-top: 1em;
}








/* 赤色ページ構成
---------------------------------------------------- */

#wrapper_r {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg_red.gif) repeat;
}

.main_r {
	clear: both;
	width: 660px;
	text-align: left;
	margin: 0 auto;
	padding: 25px 45px 10px;
	background: url(img/side_bg_r.gif) top left repeat-y;
}


/* 黄色ページ構成
---------------------------------------------------- */

#wrapper_y {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg_yellow.gif) repeat;
}

.main_y {
	clear: both;
	width: 660px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 45px 10px;
	background: url(img/side_bg_y.gif) top left repeat-y;
}








/* お店の名前
---------------------------------------------------- */
h3 {
	width: 660px;
	height: 44px;
	font-size: 1em;
	behavior: expression(IEPNGFIX.fix(this));
}

h3.h301{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_01.png) no-repeat;
}

h3.h302{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_02.png) no-repeat;
}

h3.h303{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_03.png) no-repeat;
}

h3.h304{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_04.png) no-repeat;
}

h3.h305{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_05.png) no-repeat;
}

h3.h306{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_06.png) no-repeat;
}

h3.h307{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_07.png) no-repeat;
}

h3.h308{
	display: block;
	text-indent: -9999px;
	margin: 0 auto 25px;
	padding: 0;
	background: transparent url(img/h3title_08.png) no-repeat;
}








/* 右側エリア（店舗詳細 - 赤バック）
---------------------------------------------------- */
.area_r {
	display: inline;
	float: right;
	width: 370px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

p.subete {
	width: 205px;
	height: 20px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0 0 25px;
	padding: 0;
	background: transparent url(img/subete.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

.area_r h4{
 font-size: 1.3em;
	color: #FFF100;
	margin: 0 0 0.5em 0;
	padding: 0;
}

p.main{
 font-size: 1.1em;
	line-height: 1.5;
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: dotted 1px;
}
p.main2{
 font-size: 1.1em;
	line-height: 1.5;
	margin: 0 0 0.5em;
	padding: 0;
}
p.main3{
 font-size: 1.1em;
	margin: 0 0 2em;
	padding: 0;
	border-bottom: dotted 1px;
}

.area_r dl.kome{
 font-size: 0.96em;
	line-height: 1.5;
	margin: 0 0 0 1em;
	padding: 0;
}
.area_r dl.kome dt{
	float: left;
	width: 1em;
	margin: 0 0.35em 5em 0;
	padding: 0;
}
.area_r dl.kome dd{
	display: inline;
	margin: 0;
	padding: 0;
}

.area_r ul{
	clear: both;
	font-size: 0.9em;
	margin: 0 0 1em 2em;
	padding: 0;
}
.area_r ul li{ margin-bottom: 0.5em;}

.area_r p a:link{ color: #FFF100; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_r p a:visited{ color: #FFF100; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_r p a:hover{ color: #0033FF; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_r p a:active{ color: #FFF100; text-decoration: none; font-weight: bold; padding: 0 0.25em;}


p.close {
	display: inline;
	float: right;
	width: 85px;
	height: 25px;
	font-size: 1em;
	padding: 0;
}
p.close a{
	display: block;
	width: 85px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(img/b_close.png) no-repeat;
}
p.close a:hover{
	background: transparent url(img/b_close.png) 0 -25px no-repeat;
}

p.map {
	display: inline;
	float: right;
	width: 65px;
	height: 25px;
	font-size: 1em;
	padding: 0;
}
p.map a{
	display: block;
	width: 65px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(img/b_map.png) no-repeat;
}
p.map a:hover{
	background: transparent url(img/b_map.png) 0 -25px no-repeat;
}









/* 右側エリア（店舗詳細 - 黄バック）
---------------------------------------------------- */
.area_ry {
	display: inline;
	float: right;
	width: 370px;
	color: #000000;
	margin: 0;
	padding: 0;
}

.area_ry h4{
 font-size: 1.3em;
	color: #94442A;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.area_ry ul{
	clear: both;
	font-size: 0.9em;
	margin: 0 0 1em 2em;
	padding: 0;
}
.area_ry ul li{ margin-bottom: 0.5em;}

.area_ry p a:link{ color: #94442A; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_ry p a:visited{ color: #94442A; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_ry p a:hover{ color: #333333; text-decoration: none; font-weight: bold; padding: 0 0.25em;}
.area_ry p a:active{ color: #94442A; text-decoration: none; font-weight: bold; padding: 0 0.25em;}


.area_ry dl.kome{
 font-size: 0.96em;
	line-height: 1.5;
	margin: 0 0 0 0.5em;
	padding: 0;
}
.area_ry dl.kome dt{
	clear: left;
	float: left;
	width: 1em;
	margin: 0 0.35em 2em 0;
	padding: 0;
}
.area_ry dl.kome dd{
	display: inline;
	margin: 0;
	padding: 0;
}









/* 左側エリア（店舗写真）
---------------------------------------------------- */
.area_l {
	display: inline;
	float: left;
	width: 275px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.area_l p{
	font-size: 0.92em;
	text-align: center;
	margin: 0.5em auto 0.5em;
	padding: 0;
}

.area_l .main{
	width: 275px;
	margin: 0;
	padding: 0 0 0.25em;
	*padding: 0;
	background: url(img/box_bg.png) repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

.area_l .main2{
	width: 275px;
	margin: 0;
	padding: 0 0 0.25em;
	*padding: 0;
	background: url(img/box_bg2.png) repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

.area_l .box{
	width: 130px;
	background: url(img/box_bg.png) repeat;
	behavior: expression(IEPNGFIX.fix(this));
}
.img_l {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.img_r {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
}

p.koko {
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	color: #000000;
	padding: 0 0.5em 0;
}

p.koko2 {
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 0 0.5em 0;
}

p.koko_link {
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0 0 2em 115px;
	padding: 0;
}
p.koko_link a:link{ color: #FFF100; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.koko_link a:visited{ color: #FFF100; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.koko_link a:hover{ color: #0033FF; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.koko_link a:active{ color: #FFF100; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}


p.amu_link {
	clear: both;
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	color: #000;
	margin: 0 0 2em 115px;
	padding: 0;
}
p.amu_link a:link{ color: #003399; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.amu_link a:visited{ color: #003399; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.amu_link a:hover{ color: #990000; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}
p.amu_link a:active{ color: #003399; text-decoration: none; font-weight: bold; margin-left: 1.5em; padding: 0 0.25em;}









/* HANA 華用画像エリア
---------------------------------------------------- */
.hana {
	display: inline;
	float: left;
	width: 156px;
	margin: 0 auto;
	padding: 0;
	background: url(img/box_bg2.png) repeat;
	behavior: expression(IEPNGFIX.fix(this));
}
.hana p{
	font-size: 0.92em;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 0;
}