@charset "utf-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: #d6b0b0;
	overflow: scroll;
	line-height: 1.4;
	font-size: small;
}

/*IE6・7用*/
*body { overflow: auto;

 }


/*------------Containerのスタイル---------------------------------------------------------------*/
div#Container1 {
	height: 20px;
	background: #f9eee5;
}
h1 {
	width: 980px;
	margin: 0 auto;
	font-size: 85%;
	padding: 5px 5px;
	color: #666;
}
div#Container2 {
	height: 124px;
	background: #fff;
	border-bottom: 2px solid #f9eee5;
}
div#Header {
	width:980px;
	margin: 0 auto;
	overflow: hidden;
}
div#Logo {

	float: left;
}
div#Logo a { 
	width: 406px;
	height: 124px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	background-image: url(../img/logo.png);
}
div#Logo a:hover {
	background-position: right;
}
div#Header div#Tel {
	float :right;
	width:310px;
}
div#Tel ul li{
	list-style-type: none;
}
div#Tel ul li a {
	display: block;
	width: 151px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	font-size: 0;
}
div#Tel ul li a:hover {
	background-position: bottom;
}
div#Tel ul li#Access {
	Float: left;
}
div#Tel ul li#Reserve {
	Float: right;
}	
div#Tel ul li#Access a { background-image: url(../img/access.jpg);}
div#Tel ul li#Reserve a { background-image: url(../img/reserve.jpg);}

div#Container3 {
		
	background: #fff;
}
div#Contents {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
div#Main {
	width: 740px;
	background-color: #f9eee5;
	border-top: 3px solid #fff;
	float: right;
	overflow: hidden;
}
div.Wrap {
	width:400px;
	margin-left: 50px;
	float: left;
}
p.inform1 {
	color: #666;
	font-size: 105%;
	font-weight： bold;
	padding-top: 15px;
}
ul.inform2 {

	height: 110px;
	overflow: scroll;

	background: #fff;
	margin-bottom: 30px;
}
ul.inform2 li {
	color: #444;
	font-size: 95%;
	padding: 5px 10px 5px 10px;
}
div.Photo {
	float:right;
	margin-right: 50px;
}
div#Main p img {
	margin-left: 200px;
}
div#Bear img {
	margin: 0 auto;
}		
div#Side {
	padding-top: 40px;
	float:left;
}
div#Side ul li {
	list-style: none;
}
div#Side ul li a {
	display: block;
	width: 240px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -99999px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
}
div#Side ul li a:hover {
	background-position: right;
}	
div#Side ul li#Menu1 a { background-image: url(../img/sidebtn_1.jpg);}
div#Side ul li#Menu2 a { background-image: url(../img/sidebtn_2.jpg);}
div#Side ul li#Menu3 a { background-image: url(../img/sidebtn_3.jpg);}
div#Side ul li#Menu4 a { background-image: url(../img/sidebtn_4.jpg);}
div#Side ul li#Menu5 a { background-image: url(../img/sidebtn_5.jpg);}



div#Footer address {
	text-align: center;
	color: #fff;
	padding-top:5px;
	padding-bottom: 10px;
}
div#Footer p {
	text-align: right;
	color: #888;
	font-size: 80%;	
}