@charset "shift-jis";
/* CSS Document */


/* ----------------------------------------------------------------
    ページ共通
----------------------------------------------------------------- */
.left{
	float:left;
}
.right{
	float:right;
}
/* ----------------------------------------------------------------
    Header
----------------------------------------------------------------- */

#areaHeader{
	width:950px;
}
#areaHeader h1 {
	margin-bottom:0;
}
#areaHeader img{
	float:left;
}
#areaHeader div#navOnline{
	float:right;
	width:190px;
	margin-bottom:20px;
}
#areaHeader div#top_img{
	float:left;
	width:760px;
	margin-bottom:0px;
}
#areaHeader div#flash {
	width: 760px;
	text-align: left;
}


/* ----------------------------------------------------------------
    トップページ
----------------------------------------------------------------- */

#top_banner a{
	margin-bottom:15px;
	display:block;
}
#top_banner1 p{
	font-size: 85%;
	padding:8px 0 8px 5px;
}

/* おすすめプラン */

#recommend h2{
	height:44px;
	margin-bottom:0;
}
#recommend table{
	width:100%;
	background:#ffffff;
	margin-bottom:30px;
    border-collapse: collapse;
    border-spacing: 0;
}
#recommend table td{
	vertical-align:top;
	padding:10px 14px;
	border:1px solid #cccccc;
	background:url(https://www.ds-hd.jp/mitsui_kumamoto/images/top_plan_btm.gif) no-repeat center bottom;
}
#recommend table td a{
	width:214px;
	display:block;
	font-size:12px;
	line-height:160%;
	padding-bottom:40px;
}
#recommend table td a img{
	margin-bottom:5px;
}

/* 新着情報・トピックス */

#newTopics ul {
	padding-left:6px;
	padding-right:6px;
	color:#6e0000;
	font-size:85%;
	line-height:130%;
}
#newTopics ul li{
	border-bottom:1px solid #d2c4be;
	padding:7px 0px;
	width:720px;
}
#newTopics ul li span{
	float:left;
	width:90px;
}
#newTopics ul li p {
	float:left;
	width:625px;
}


/* ----------------------------------------------------------------
    朝食
----------------------------------------------------------------- */

.cuisine #mainContents h2{
	margin-bottom: 6px;
	height:48px;
	background-image:url(https://www.ds-hd.jp/mitsui_kumamoto/images/cuisine_title.gif);
	text-indent:-9999px;	
}
.cuisine #mainContents h3{
	clear:both;
	padding-top:12px;
	padding-left:6px;
	padding-bottom: 12px;
	background-image:url(https://www.gardenhotels.co.jp/mghrk_img/kumamoto/images/mghrk_hdg_bg_h3.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	font-size: 100%;
	height: 20px;
	margin-bottom:10px;
}
.cuisine #mainContents div#section1{
	font-size:83%;
	color:#333333;
	line-height:140%;
	margin-bottom:35px;
	width: 730px;
	overflow: hidden;
}
.cuisine #mainContents div#section1 div.right{
	width:400px;
	padding-top:20px;
}
.cuisine #mainContents div#section1 table{
	border-top:1px solid #b3b1a4;
	border-collapse:separate;
	border-spacing:0;
	margin-top:15px;
}
.cuisine #mainContents div#section1 table th{
	padding:7px 20px 7px 7px;
	text-align:left;
	background:#e0dccc;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #d6d2c2;
}
.cuisine #mainContents div#section1 table td{
	padding:7px 10px;
	border-left:1px solid #d6d2c2;
	border-bottom:1px solid #d6d2c2;
}
.cuisine #mainContents div#section2{
}
.cuisine #mainContents div#section2 li{
	width:730px;
	overflow:hidden;
	margin-bottom:25px;
}
.cuisine #mainContents div#section2 li img.left{
	border:1px solid #d1cebe;
	padding:1px;
}
.cuisine #mainContents div#section2 li div.right{
	width:490px;
}
.cuisine #mainContents div#section2 li div.right h4{
	margin-bottom:8px;
	padding-left:11px;
	background-image:url(https://www.gardenhotels.co.jp/mghrk_img/kumamoto/images/mghrk_bullet_h3.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	font-size:85%;
	color:#2b231c;
}
.cuisine #mainContents div#section2 li div.right p{
	font-size:83%;
	color:#333333;
	line-height:140%;
}

/* ----------------------------------------------------------------
    観光
----------------------------------------------------------------- */

.sightseeing #mainContents h2{
	margin-bottom:10px;
	height:48px;
	background-image:url(https://www.ds-hd.jp/mitsui_kumamoto/images/sightseeing_title.gif);
	text-indent:-9999px;	
}
.sightseeing #mainContents li{
	list-style:none;
	border:5px solid #e0dccc;
	padding:12px;
	background:#ffffff;
	overflow:hidden;
	margin-bottom:10px;
}
.sightseeing #mainContents li div.left{
	width:545px;
}
.sightseeing #mainContents li div h4{
	border-bottom:1px solid #878066;
	color:#878066;
	font-weight:normal;
	font-size:110%;
	padding:0 0 8px 15px;
}
.sightseeing #mainContents li div p{
	font-size:83%;
	padding:8px 0 0 15px;
	line-height:140%;
	color:#2b231c;
	display:block;
}
.sightseeing #mainContents li div p.p1{
	background:#f0ecda;
	padding:5px 0 5px 15px;
	margin-top:20px;
}
.sightseeing #mainContents li div.left table.table1{
	width:530px;
	color:#2b231c;
	font-size:83%;
	border-collapse:collapse;
	border-left:1px solid #e0dccc;
	margin:10px 0 0 15px;
}
.sightseeing #mainContents li div.left table.table1 th{
	font-weight:normal;
	padding:5px;
	text-align:left;
	border-right:1px solid #e0dccc;
	border-bottom:1px solid #e0dccc;
}
.sightseeing #mainContents li div.left table.table1 td{
	text-align:center;
	padding:5px;
	border-right:1px solid #e0dccc;
	border-bottom:1px solid #e0dccc;
}
.sightseeing #mainContents li div.left table.table1 tr.tr1{
	background:#878066;
}
.sightseeing #mainContents li div a#sightseeing_btn1{
	background:url(../images/sightseeing_btn1.gif) no-repeat left top;
	width:192px;
	height:33px;
	overflow:hidden;
	display:block;
	margin:15px 0 0 auto;
}
.sightseeing #mainContents li div a#sightseeing_btn1 span{
	padding-top:33px;
	display:block;
}