@charset "utf-8";

/* 基本設定 ここから */

body {
	color: #ffffff;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック", "MS P Gothic",sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #CCCCCC;
	font-size: 0.6em;
}

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #888888;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: none;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
}

address {
	color: #999999;
	font-size: 0.8em;
	font-style: normal;
	text-align: center;
	height: 50px;
	line-height: 40px;
	background-color: #484848;
	background-image: url(images/top/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

h2 {
	text-indent: -9999px;
	width: 700px;
	height: 300px;
	background-image: url(images/top/main_image.jpg);
}

h1, h2, h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

img {
	border: 0;
	padding-left: 0px;
}

hr {
	display: none;
}

h1 {
	position: absolute;
	top: -20px;
	left: 40px;
}

/* 基本設定 ここまで*/

/* レイアウト設定 ここから */

dl,dd,ul,li {
margin: 0px 0px 0px 0px;
}

#pageBody {
	width: 760px;
	margin-top: 0px;
	margin-right: auto;
	background-color: #333333;
	background-image: url(img/top/body_bg.jpg);
	background-repeat: repeat-y;
	position: relative;
	margin-left: auto;
}

#contents {
	width: 460px;
	padding-right: 0px;
	border-right-width: 0px;
	border-right-style: dotted;
	border-right-color: #999999;
	float: left;
	padding-left: 20px;
	font-size: 9px
}

#contents2 {
	width: 720px;
	padding-right: 20px;
	border-right-width: 0px;
	border-right-style: dotted;
	border-right-color: #999999;
	float: left;
	padding-left: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 130%;
}


#side {
	width: 220px;
	padding-left: 20px;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	font-size: 12px;
	line-height: 130%;
}

#pageTop {
	background-image: url(images/top/body_bg_t.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 70px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#contentsWrap {
	clear: both;
	margin-top: 20px;
	padding-bottom: 0;
}

body#localPage #contentsWrap {
	clear: both;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0;
}

/* レイアウト設定 ここまで */

/* ナビゲーション ここから */

#globalNavi {
	list-style-type: none;
	width: 760px;
	height: 31px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

#globalNavi li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

#globalNavi2 {
	list-style-type: none;
	width: 220px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

#globalNavi2 li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

a img.css-hover{ 
opacity:1.0; 
filter: alpha(opacity=100); 
} 
a:hover img.css-hover{ 
opacity:0.6; 
filter: alpha(opacity=60); 
}

a img.css-hover2{ 
opacity:1.0; 
filter: alpha(opacity=100); 
} 
a:hover img.css-hover2{ 
opacity:0.6; 
filter: alpha(opacity=60); 
}

a img.css-hover_active{ 
opacity:0.6; 
filter: alpha(opacity=60); 
} 


/* ナビゲーション ここまで */

/* バナー ここから */

#sideBanner {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#sideBanner li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* バナー ここまで */

/* SITEMAPへのリンクテキスト ここから */

#siteMap {
	font-size: 0.7em;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	top: 35px;
	right: 35px;
}

#siteMap a {
	background-image: url(images/top/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}

/* SITEMAPへのリンクテキスト ここまで */

/* PageTopへのリンクテキスト ここから */

#gotoTop {
	font-size: 0.7em;
	text-align: right;
	text-transform: lowercase;
	height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

#gotoTop a {
	background-image: url(images/top/icon_arrow_01.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 13px;
}

/* PageTopへのリンクテキスト ここまで */

/* ローカルページ共通小見出し　ここから */

body#localPage #contents h3 {
	margin-bottom: 17px;
}

/* ローカルページ共通小見出し　ここまで */

/* TOP ここから */

p#welcomeMessage {
	color: #999999;
	font-size: 0.8em;
	line-height: 1.5em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

#topRecommendedMenu strong {
	color: #663300;
	font-weight: normal;
}

#topRecommendedMenu ul li dl dd.price {
	color: #663300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 60px;
	float: right;
	text-align: right;
}

#topRecommendedMenu ul {
	font-size: 0.8em;
	line-height: 1.5em;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#topRecommendedMenu ul li dl {
	width: 240px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

iframe {
	width: 480px;
	height: 180px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}


dl#information {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#information dt,
dl#information dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#topRecommendedMenu {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(images/top/recommend_bg_b.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	clear: both;
}

#topRecommendedMenu dt,
#topRecommendedMenu dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #EEEEEE;
}

#topRecommendedMenu ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}

#topRecommendedMenu p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#topRecommendedMenu ul li dl dt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 180px;
	float: left;
}

#topRecommendedMenu ul li dl dd.menuData {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	clear: both;
}

#topRecommendedMenu dt#topRecommendedMenuTitle {
	background-image: url(images/top/recommend_bg_t.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#topRecommendedMenu dt#topRecommendedMenuTitle img {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#topRecommendedMenu dd ul img {
	float: left;
}

#welcomeMessage img {
	float: right;
	margin-left: 25px;
}

/* clearfix hack */
#topRecommendedMenu dd ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#topRecommendedMenu dd ul{
	display: inline-block;
}

/* hide macie \*/
*html #topRecommendedMenu dd ul{
	height: 1%;
}

#topRecommendedMenu dd ul{
	display: block;
}
/* end hide */
/* end clearfix hack */

#topRecommendedMenu dd#topRecommendedMenuWrap {
	padding-bottom: 5px;
}

/* TOP ここまで */

/* Information ここから */

dl#infoData dt {
	color: #00CCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(img/top/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

body#infoBody {
	font-size: 0.6em;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #333333;
}

dl#infoData {
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl#infoData dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

dl#infoData p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFFFFF;
}



/* Information ここまで */

/* IE6以前のバージョン用透過フィルタ ここから  */

*html h1{
	width: 140px;
	height: 170px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/top/hc_logo.png);
}

*html h1 img{
	display: none;
}

/* IE6以前のバージョン用透過フィルタ ここまで  */

/* CONTACT　ここから */

table#formTable {
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
}
table#formTable td {
	font-size: 0.8em;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
table#formTable th {
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 110px;
	background-color: #EEEEEE;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
table#formTable caption {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
select#subject {
	border: 1px solid #CCCCCC;
}
input#name, input#tel, input#email {
	width: 200px;
	border: 1px solid #CCCCCC;
}
textarea {
	width: 275px;
	border: 1px solid #CCCCCC;
}
input#contact2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
td#checkBoxData p {
	float: left;
	width: 110px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#formButton {
	text-align: center;
	margin-top: 20px;
}
#submit {
	color: #FFFFFF;
	background-color: #FB791E;
	width: 68px;
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FCB685;
	border-right-color: #CE5E0F;
	border-bottom-color: #CE5E0F;
	border-left-color: #FCB685;
}
#reset {
	color: #FFFFFF;
	background-color: #898989;
	width: 68px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
.notes {
	font-size: 0.8em;
	color: #663300;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.leadText {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-top: 17px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}

/* CONTACT　ここまで */

/* サイドRecommended Menu　ここから */

#sideRecommendedMenu {
	width: 220px;
	background-color: #EEEEEE;
	background-image: url(images/contact/side_recommend_bg_t.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sideRecommendedMenu dd {
	background-image: url(images/contact/side_recommend_bg_b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sideRecommendedMenu dd ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sideRecommendedMenu dd ul li {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	clear: both;
}
#sideRecommendedMenu dd ul li dl {
	margin: 0px;
	padding: 0px;
	width: 115px;
	float: right;
}
#sideRecommendedMenu dd ul li dt {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 0.7em;
}
#sideRecommendedMenu dd ul li dd {
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	line-height: 1.3em;
}
#sideRecommendedMenu dd ul li dt strong {
	font-weight: normal;
	color: #663300;
}
#sideRecommendedMenu dd ul li img {
	float: left;
}

/* clearfix hack */
#sideRecommendedMenu dd ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sideRecommendedMenu dd ul li {
	display: inline-block;
}

/* hide macie \*/
*html #sideRecommendedMenu dd ul li {
	height: 1%;
}

#sideRecommendedMenu dd ul li {
	display: block;
}
/* end hide */
/* end clearfix hack */

#more {
	font-size: 0.7em;
	text-transform: uppercase;
	text-align: right;
	clear: both;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#more a {
	background-image: url(images/contact/icon_arrow_more.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/* サイドRecommended Menu　ここまで */

/* パンくず　ここから */

#rootList {
	font-size: 0.7em;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	height: 30px;
	list-style-type: none;
	position: absolute;
	left: 33px;
	top: 370px;
}
#rootList li {
	display: inline;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList a {
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rootList li a:link {
	color: #663300;
	text-decoration: none;
}
#rootList li a:visited {
	color: #663300;
	text-decoration: none;
}
#rootList li a:hover {
	color: #FF6600;
	text-decoration: none;
}
#rootList li a:active {
	color: #000000;
	text-decoration: none;
}

/* パンくず　ここまで */

/* ACCESS　ここから */

#accessMap {
	margin-top: 17px;
	margin-right: 0px;
	margin-bottom: 17px;
	margin-left: 10px;
}
#cafeDatas {
	background-color: #EEEEEE;
	background-image: url(images/access/access_bg_b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#cafeDatas dt {
	background-image: url(images/access/access_bg_t.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#cafeDatas dt strong {
	font-size: 1em;
	color: #EA6000;
}
#cafeDatas dd {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 0px;
	padding-left: 10px;
}
#cafeDatas p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* ACCESS　ここまで */
#pageBody #copyright {
	clear: both;
	font-size: 9px;
}
#pageBody #contents topimg {
	padding-top: 20px;
}
#pageBody #contents img {
	padding-top: 20px;

}
.past {
	text-align: right;
	padding-bottom: 0px;
}
