@charset "utf-8";

body {
	margin:0;
	padding:0;
	background:url(../image/floor.jpg);
	border-top:4px solid #000;
}
html{/*IE*/ 
	scrollbar-arrow-color:white;
	scrollbar-3dlight-color:#6D2506;
	scrollbar-highlight-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-darkshadow-color:#949493;
	scrollbar-track-color:#DEDAD8;
}
body, th, td {
	font-size:14px;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, br, img {margin:0;	padding:0;}
img {border:0; vertical-align:bottom;}

a, a:link {color:#333; text-decoration:underline;}
a:visited {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}


/* clear */
#container:after, #box:after, #content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
#container, #box, #content {
	display:inline-block;
}
* html #container, * html #box, * html #content {
	height:1%;
}
#container, #box, #content {
	display:block;
}

/* pngfix */
* html #container, 
* html #header, 
* html #catch, 
* html #delicaimg, 
* html #cafeimg, 
* html #brandimg, 
* html #orionimg, 
* html #cci1, 
* html #cci2 { 
	behavior:expression(IEPNGFIX.fix(this));
}



/* layout */
#container {
	width:864px;
	margin:0 auto;
	background:url(../image/bg.png) repeat-y;
}
#conte {
	width:864px;
	margin:0 auto;
	position:relative;
}
#header {
	width:864px;
	height:110px;
	margin:0 auto;
	background:url(../image/header.png) no-repeat;
	position:relative;
}
#box {
	width:830px;
	margin:0 auto;
	padding-top:390px;
}
#content {
	width:830px;
	margin:0 auto;
}
#alpha {
	width:540px;
	float:right;
}
#beta {
	width:280px;
	float:left;
}
#footer {
	background:#000;
}


/* header */
#title {
	display:block;
	width:200px;
	height:66px;
	font-size:0;
	text-indent:-9999px;
	position:absolute;
	top:24px;
	left:10px;
	z-index:1;
}
#title a, #title a:link, #title a:hover, #title a:visited {
	display:block;
	width:200px;
	height:66px;
	text-decoration:none;
}
#yukai {
	display:block;
	width:69px;
	height:69px;
	background:url(../image/yukai.gif) no-repeat;
	font-size:0;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	right:15px;
	z-index:2;
}

/* main */
#main {
	width:830px;
	height:390px;
	background:url(../image/main.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
	position:absolute;
	top:9px;
	left:17px;
	z-index:1;
}

/* catch */
#catch {
	width:413px;
	height:82px;
	background:url(../image/sub.png) no-repeat;
	font-size:0;
	text-indent:-9999px;
	position:absolute;
	top:335px;
	left:316px;
	z-index:2;
}


/* footer */
#footinr {
	width:864px;
	margin:0 auto;
	background:url(../image/foot.jpg) no-repeat;
	padding-top:40px;
	font-size:12px;
	color:#ccc;
}
#footer ul {
	display:block;
	list-style-type:none;
	text-align:center;
}
#footer li {
	display:inline;
}
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
	color:#ccc;
}
#copy {
	background:url(../image/fbdr.jpg) no-repeat;
	padding:20px 0 40px;
	text-align:center;
}


/* description */
#description {
	width:530px;
	background:url(../image/subg.gif) no-repeat center bottom;
}
#description p {
	padding:35px 20px 20px 20px;
	color:#543515;
	line-height:1.3;
}


/* navi */
ul#navi {
	display:block;
	list-style-type:none;
	margin:15px 0 0 6px;
}
ul#navi li {
	display:block;
	height:30px;
	font-size:0;
	text-indent:-9999px;
}
ul#navi li a {
	display:block;
	height:30px;
	text-decoration:none;
}
#nv1, #nv2, #nv3, #nv4, #nv5 {background:url(../image/navi.gif) no-repeat;}
#nv1 a:hover, #nv2 a:hover, #nv3 a:hover, #nv4 a:hover, #nv5 a:hover {background:url(../image/navi_o.gif) no-repeat;}
#nv2, #nv2 a:hover {background-position:0 -30px;}
#nv3, #nv3 a:hover {background-position:0 -60px;}
#nv4, #nv4 a:hover {background-position:0 -90px;}
#nv5, #nv5 a:hover {background-position:0 -120px;}

ul#bnr {
	display:block;
	list-style-type:none;
	padding:5px 0 0 35px;
}
ul#bnr li {
	display:block;
	padding-bottom:5px;
}


/* event */
#event {
	width:531px;
	padding-top:20px;
}
#event h2 {
	display:block;
	height:40px;
	background:url(../image/event_t.gif) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#event table {
	border-collapse:collapse;
}
#event th {
	padding:5px 5px 5px 15px;
	background:url(../image/circle.gif) no-repeat 0 8px;
	vertical-align:top;
	font-weight:normal;
}
#event td {
	padding:5px;
}
.more {
	float:right;
	padding:5px 5px 5px 15px;
	background:url(../image/circle.gif) no-repeat 0 8px;
}


/* content */
#tit {
	width:530px;
	margin-bottom:15px;
	background:url(../image/subg.gif) no-repeat center bottom;
}
#tit h1 {
	display:block;
	padding:10px 20px;
	font-size:24px;
	color:#543515;
}
#tit h1 span {
	font-size:14px;
}
#content p {
	padding:0 20px 15px;
	line-height:1.5;
}
table#add {
	width:490px;
	margin:0 auto;
	border-collapse:collapse;
}
table#add th, table#add td {
	padding:5px;
	background:#543515;
	vertical-align:bottom;
	font-weight:normal;
	color:#fff;
}
table#add strong {
	display:block;
	font-size:20px;
}
#mapwrap {
	width:490px;
	margin:0 auto;
	padding:1px 0;
	background:#543515;
}
#map {
	width:488px;
	height:400px;
	margin:0 auto;
}
.fmap {
	padding-left:15px;
}

/* 1F */
#miya {
	background:url(../1f/image/main.jpg) no-repeat;
	min-height:345px;
}
* html #miya {height:345px;}
#miya ul {
	display:block;
	list-style-type:none;
	padding:110px 20px 15px 250px;
}
#miya ul li {
	display:block;
	padding:0 0 0 37px;
	font-weight:bold;
	line-height:1.3;
}
#tel {font-size:20px; background:url(../image/tel.gif) no-repeat 3px 4px;}
#web {font-size:14px; background:url(../image/web.gif) no-repeat left center;}
#miya p {
	padding:5px 20px 15px 230px;
}

.blk {
	width:510px;
	margin:0 auto;
	padding-bottom:15px;
	position:relative;
}
#delica {min-height:200px;}
* html #delica {height:200px;}
#cafe {min-height:180px;}
* html #cafe {height:180px;}
#brand {min-height:180px;}
* html #brand {height:180px;}
#orion {min-height:310px;}
* html #orion {height:310px;}

#delicaimg, #cafeimg, #brandimg, #orionimg {
	position:absolute;
	top:-10px;
	right:0;
}
#delicaimg {
	width:262px;
	height:176px;
	background:url(../1f/image/delica.png) no-repeat;
}
#cafeimg {
	width:268px;
	height:160px;
	background:url(../1f/image/cafe.png) no-repeat;
}
#brandimg {
	width:231px;
	height:158px;
	background:url(../1f/image/brand.png) no-repeat;
}
#orionimg {
	width:277px;
	height:284px;
	background:url(../1f/image/orion.png) no-repeat;
}

#cci {
	clear:both;
	width:764px;
	margin:10px auto;
	background:url(../image/cci_bg.gif) repeat-y;
}
#cci_t {
	height:5px;
	background:url(../image/cci_t.gif) no-repeat;
}
#cci_b {
	height:5px;
	background:#fff url(../image/cci_b.gif) no-repeat;
}
#ccinr {
	width:720px;
	min-height:210px;
	margin:10px auto;
	position:relative;
}
* html {height:210px;}

.blk strong, #ccinr strong {
	display:block;
	font-size:16px;
	color:#543515;
	border-bottom:2px solid #543515;
}
#ccinr strong span {
	font-size:0.8em;
	padding-left:45px;
	color:#333;
	background:url(../1f/image/ccim.jpg) no-repeat 20px 0;
}
.blk ul, .blk ol {
	display:block;
	list-style-type:none;
	padding-right:270px;
}
#ccinr ul, #ccinr ol {
	display:block;
	margin:8px 0 0 20px;
	list-style-type:none;
	padding-right:380px;
}
.blk ul li, #ccinr ul li {
	display:block;
	padding:2px 2px 2px 15px;
	background:url(../image/circle.gif) no-repeat 0 5px;
	font-size:12px;
}
.blk ol li, #ccinr ol li {
	display:block;
	padding:2px 2px 2px 15px;
	background:url(../image/arrow.gif) no-repeat 0 5px;
	font-size:12px;
}
#cci1 {
	width:361px;
	height:206px;
	background:url(../1f/image/cci.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
}

/* 2F */
#pp {
	background:url(../2f/image/main.jpg) no-repeat;
	min-height:220px;
}
* html #pp {height:220px;}
#pp ul {
	display:block;
	list-style-type:none;
	padding:100px 20px 15px 180px;
}
#pp ul li {
	display:block;
	padding:0 0 0 37px;
	font-weight:bold;
	line-height:1.3;
}
#pp p {
	padding:5px 20px 15px 180px;
}

#menu {
	width:530px;
}
#menu h2 {
	display:block;
	height:30px;
	background:url(../2f/image/menu_t.gif) no-repeat left center;
	border-bottom:2px solid #543515;
	font-size:0;
	text-indent:-9999px;
}
#menuarea {
	width:260px;
	float:left;
	text-align:center;
}
#menuarea strong.tim {
	display:block;
	font-size:16px;
	color:#543515;
	margin:5px 0 10px;
}
#menuarea strong.prc {
	display:block;
	font-size:20px;
	color:#CC0000;
}
#menuarea strong.tim span, #menuarea strong.prc span, #menuarea dd.att {
	display:block;
	font-size:11px;
	color:#333;
}
#menuarea ul, #menuarea dl, #menuarea p {
	display:block;
	list-style-type:none;
	padding-bottom:20px;
}
#menuarea dt {
	display:block;
	width:10em;
	float:left;
	font-weight:bold;
}
#menuarea dd.prc {
	display:block;
	padding-left:10em;
	font-weight:bold;
	color:#CC0000;
}
#menuarea dd.att {
	clear:both;
	padding-bottom:5px;
}

ul#imgarea {
	display:block;
	width:260px;
	float:right;
	list-style-type:none;
}
ul#imgarea li {}

#cci2 {
	width:350px;
	height:205px;
	background:url(../2f/image/cci.png) no-repeat;
	position:absolute;
	top:0;
	right:0;
}

/* gallery */
#gallery {
	width:510px;
	padding-bottom:15px;
}
#gallery strong {
	display:block;
	font-size:16px;
	color:#543515;
	border-bottom:2px solid #543515;
	margin:15px 0 10px;
}
#gallery ul {
	display:block;
	width:488px;
	margin:0 auto;
	list-style-type:;
}
#gallery li {
	display:block;
	width:120px;
	height:120px;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	overflow:hidden;
}

/* contact */
#contact {
	width:520px;
	height:530px;
	margin:0 auto;
	background:url(../contact/image/main.jpg) no-repeat 0 80px;
}
#contact table {
	width:520px;
	margin:0 auto;
	border-collapse:collapse;
}
#contact table th, #contact table td {
	padding:5px;
	vertical-align:bottom;
	font-weight:normal;
}
#contact table strong {
	display:block;
	font-size:20px;
}