@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	background-color: #fff;
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;}

body {
	font-family: "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #300;
	font-size: 12px;
	background: url(../img/bg_body.jpg) left top repeat-x;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color:#300;
	text-decoration: underline;}

a:hover {
	color: #f39;
	font-weight: bold;
	text-decoration: none;}

em,address {font-style: normal;}

strong {font-weight: bold;}

.clear {clear: both;}

/* BACKGROUND
---------------------------------------------*/

#bgctrl {
	position: absolute;
	width: 100%;
	height: 517px;
	background: url(../img/bg_ctrl.jpg) 952px top no-repeat;}

/* ALL
---------------------------------------------*/

#all { width: 980px;}

/* HEADER
---------------------------------------------*/

#header01 {
	position: relative;
	width: 952px;
	height: 242px;
	background: url(../img/bg_header01.jpg) left top no-repeat;}

#header02 {
	position: relative;
	width: 952px;
	height: 275px;
	background: url(../img/bg_header02.jpg) left top no-repeat;}

#logo {
	position: absolute;
	left: 383px; top: 76px;}

#header02 p {
	position: absolute;
	left: 205px; top: 125px;
	display: block;
	color: #fff;
	line-height: 1.8em;}

#bnrtop {
	position: absolute;
	left: 714px; top: 98px;}

#bnrrec {
	position: absolute;
	left: 850px; top: 200px;}


/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	width: 890px;
	overflow: hidden;
	margin: -6px 0 0 46px;
	padding: 12px 0 2px 4px;
	border: 6px solid #300;}

*html #contents {
	width: 894px;
	padding: 12px 0 2px 00;}

#shop li {
	position: relative;
	display: block;
	width: 285px;
	height: 377px;
	float: left;
	margin: 0 5px 12px 5px;	}

.grey { background: url(../img/bg_grey.jpg) left top no-repeat;}
.green { background: url(../img/bg_green.jpg) left top no-repeat;}

.ttl {
	position: absolute;
	left: 184px; top: 15px;}

.staff {
	position: absolute;
	left: 15px; top: 15px;}

.point {
	position: absolute;
	left: 60px; top: 140px;
	margin-right: 5px;}

#shop li address {
	position: absolute;
	left: 28px; top: 189px;
	margin-right: 5px;
	color: #fff;
	line-height: 1.5em;
	}

.entry {
	position: absolute;
	left: 60px; top: 258px;
	display: block;
	width: 210px;
	height: 110px;
	overflow: auto;}


.entry {line-height: 1.5em;}

.footbnr {
	padding: 10px 0px 0 0;
	text-align: center;}

.footbnr li {
	display: inline;
	margin: 10px 3px;}


/* FOOTER
---------------------------------------------*/

#footer {
	clear: both;
	width: 890px;
	margin-left: 45px;
	padding: 15px 0;
	text-align: center;
	font-size: 10px;}

#footer p { margin-top: 1em;}

#footer ul li {
	display: inline;
	margin: 0 2px;}

#footer ul li a { text-decoration: none;}

#footer a:hover {
	font-weight: normal;
	text-decoration: underline;}