@charset "utf-8";

/* 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 */


/* =========================================================
Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }


/* =========================================================
link
========================================================= */
a {
	color: #501E1E;
	color: #650B0E;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	xtext-decoration: underline;
}

a:visited {

}


/* =========================================================
body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background: #FFFCEE;
	color: #501E1E;
	color: #650B0E;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 93%;
	text-align: center;
	letter-spacing: 0.05em;
}

/* =========================================================
container
========================================================= */
div#container {
	width: 900px;
	margin: 20px auto;
}

/* =========================================================
header
========================================================= */
div#logo {
	position: absolute;
	top: 0;
	left: 0;
}
div#logo h1 {
	width: 514px;
	height: 170px;
	background: url(../images/top_logo.png) no-repeat;
	text-indent: -9999px;
}

/* =========================================================
wrapper
========================================================= */
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
	background: url(../images/top_image.jpg) left bottom no-repeat;
	position: relative;
}

/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */


/* =========================================================
leftcolumn
========================================================= */
div#leftcolumn {
	float: left;
	width: 514px;
	background: #FFFFFF;
}

div#leftcolumn p {
	margin: 1em;
}

/* =========================================================
rightcolumn
========================================================= */
div#rightcolumn {
	float: right;
	width: 360px;
}

div#rightcolumn p {
	margin: 0 0 1em;
}
div#rightcolumn ul {
	xmargin: 1em 1em 1em 30px;
}
div#rightcolumn ul li {
	xmargin: 0 0 0.5em;
}

div#rightcolumn h2#news {
	
}

div#newsarea {
	margin: 2px auto 10px;
}

div#newsarea ul {
	margin: 0 0 0 15px;
	padding: 0.5em;
}
div#newsarea ul li {
	line-height: 1.6;
	font-weight: bold;
}

div#contents {
	margin: 0 auto -5px;
	width: 360px;
}

div#contents ul {
	margin: 0 auto;
}
div#contents ul li{
	list-style:none;
	height:28px;
	margin-bottom: 5px;
}
div#contents ul li img{
	border:0;
}
div#contents ul li.info{
	background: url(../images/btn_info_on.gif);
}
div#contents ul li.shop{
	background: url(../images/btn_shop_on.gif);
}
div#contents ul li.cafe{
	background: url(../images/btn_cafe_on.gif);
}
div#contents ul li.prof{
	background: url(../images/btn_prof_on.gif);
}
div#contents ul li.acce{
	background: url(../images/btn_acce_on.gif);
}
div#contents ul li.cont{
	background: url(../images/btn_cont_on.gif);
}
div#contents ul li a{
	display:block;
	width:360px;
	height:28px;
}
div#contents ul li a:hover {
	background-color: transparent;
}
div#contents ul li a:hover img{
	visibility: hidden;
}

div#topics {
	clear: both;
	margin: 15px 0 19px;
	width: 360px;
}

div#topics ul {
}
div#topics ul li{
	list-style:none;
	width:120px;
	height:160px;
	float: left;
}
div#topics ul li.topi01{
	background: url(../images/topics_01.jpg);
}
div#topics ul li.topi02{
	background: url(../images/topics_02.jpg);
}
div#topics ul li.topi03{
	background: url(../images/topics_03.jpg);
}

div#banner {
	clear: both;
	width: 360px;
}
div#banner2 {
	clear: both;
	width: 370px;
	margin-right: -10px;
}
div#banner2 img.mini {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
/* =========================================================
footer
========================================================= */
div#footer {
	margin: 20px 0 0;
	font-size: 80%;
}
div#footer address {
	text-align: center;
}
div#footer address a {
}