/* All page */

*{margin:0; padding:0;}
body, html, #wrap { height:100%;}
body {/* SSI/g-navi.html“à */
font-size: 62.5% !important; /* IE 7 *//*Font-size: 100% = 10px when browser default size is 16px*/
font-size: x-small; /* IE 6ˆÈ‰º */
/*font-size:small;*/
margin:0px auto;
padding-left:12px;
color:#666666;
background:url(../img/body_bg.gif) repeat-y;
}
html>/**/body {
font-size: 10px; /* except IE */
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



a img { border:0;}
a span{ display:none;}
a { color:#666666; text-decoration:underline;}
a:hover { color:#999999;}
a.hide { text-decoration:none;}
a.hide:hover { color:#666666;}
p { line-height:150%; font-size:120%;}
hr { border:1px solid #ececec;}

#wrap {
	}
body > #wrap { height:auto; min-height:100%;}

div#content {
	padding-bottom:50px;
	width:900px;
	}
#header {
	padding-top:30px;
	margin-left:28px;
	width:850px;
	height:90px;
	background:url(../img/logo_bg.gif) no-repeat top right;
	}
#content_left {
	float:left;
	width:230px;
	margin-left:28px;
	/*background-color:#66FF99;*/
	}
/*IE6*/*html #content_left { margin-left:14px;}
#content_right {
	float:right;
	width:620px;
	margin-bottom:20px;
	}

#logo { float:none; background:url(../img/logo.png) 0 0 no-repeat;}
#logo span { display:none;}
#logo a { display:block; width:170px; height:56px;}

/* CONTENTS NAVIGATION MENU */
ul.side_navigation { width:160px; height:93px; margin:0; margin-bottom:30px; padding:0; /*background:url(../img/sidenavigation.png) no-repeat 0 0;*/}
ul.side_navigation li { list-style:none;}
ul.side_navigation li a span { display:none;}
ul.side_navigation li a { display:block; width:160px; height:21px; margin-bottom:3px;}
/*IE6*/*html ul.side_navigation li a { margin-bottom:0;}
li.snavi_home { background:url(../img/snavi_home.png) no-repeat 0 0;}
li.snavi_gallery { background:url(../img/snavi_gallery.png) no-repeat 0 0;}
li.snavi_cafe { background:url(../img/snavi_cafe.png) no-repeat 0 0;}
li.snavi_shopinfo { background:url(../img/snavi_shopinfo.png) no-repeat 0 0;}

.btn_inquiry { background:url(../img/left_inquiry.gif) 0 0 no-repeat;}
.btn_inquiry a {
	display:block;
	width:162px;
	height:29px;
	}

#breadcrumb { height:32px;}
#breadcrumb dt, #breadcrumb dd { float:left;}
#breadcrumb dt a, #breadcrumb dd a{ display:block; height:12px;}
#breadcrumb dt, #breadcrumb dd { background-position:0 0; background-repeat:no-repeat;}
#breadcrumb .home { width:39px; background:url(../img/home.gif)}
#breadcrumb .gallery { width:55px; background:url(../img/gallery.gif)}
#breadcrumb .gallery_a { display:block; width:55px; height:12px; background:url(../img/gallery_a.gif)}
#breadcrumb .list { width:27px; background:url(../img/list.gif)}
#breadcrumb .item { width:30px; background:url(../img/item.gif)}
#breadcrumb .item_a { display:block; width:30px; height:12px; background:url(../img/item_a.gif)}
#breadcrumb .cafe { width:33px; background:url(../img/cafe.gif)}
#breadcrumb .cafe_a { display:block; width:33px; height:12px; background:url(../img/cafe_a.gif)}
#breadcrumb .shopinfo { width:64px; background:url(../img/shopinfo.gif)}
#breadcrumb .topics { width:43px; background:url(../img/topics.gif)}
#breadcrumb .arrow { display:block; height:12px; width:32px; background:url(../img/arrow.gif);}
#breadcrumb .inquiry_a { display:block; height:13px; width:50px; background:url(../img/inquiry_a.gif);}

h1 { font-family:"Times New Roman", Times, serif; font-size:240%; margin-bottom:1em; padding-bottom:0.5em; text-align:right; border-bottom:1px solid #666666}

/* FOOTER */
/*div#footer {
	clear:both;
	width:100%;
	height:45px;
	margin-top:30px;
	position:absolute;
	bottom:0;
	background-color:#E0E0E0;
	font-size:10px;
	color:#666;
	}*/
	
#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background-color:#E0E0E0;
	} 


#footer address { font-style:normal; float:left; margin-top:8px; margin-left:32px;}
* html #footer address { margin-left:16px;}
#footer span { color:#0DB4DC; padding-left:2em; }

.clear { clear:both; height:30px; display:block;}
.hr { clear:both; display:block; height:15px; border-bottom:1px solid #999; margin-bottom:15px;}