@charset "utf-8";

/*---------------------------------------------
 Initialization
---------------------------------------------*/
body,
p, blockquote,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
table, th, td,
embed, object {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 12px;
	line-height: 1.4;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background-color: orange;
	background-image: url(../img/hd_bg02.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: center 0%;
}

address, em, cite { font-style: normal; }

form, fieldset, legend, input, textarea { margin: 0; }
select, input, textarea { font-size: 12px; }
input { vertical-align: middle; }

hr { display: none; }
img { border: none; }
.clear { clear: both; }

ul {
	list-style: none;
}
ul.normal {
	list-style: disc;
	padding-left: 20px;
}
ol.normal {
	list-style: decimal;
	padding-left: 25px;
}
.no-display{
	display:none;
}
/*---------------------------------------------
 Link
---------------------------------------------*/
a:link,
a:visited { color: #c42c2f; text-decoration: none; }
a:hover,
a:active  { color: #c42c2f; text-decoration: underline; }


/*=============================================
 clearFix
=============================================*/
.clearFix:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ---- for IE7 and Mac ---- */
.clearFix {
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;
	/* escape MacIE5 */
}

/* ---- for IE5 IE6... ---- */
/* escape MacIE5 \*/
* html .clearFix {
	height: 1%;
}
/* escape MacIE5 */

/*-- text-align --------------------*/
.txt-cnt { text-align: center; }
.txt-lft { text-align: left; }
.txt-rgt { text-align: right; }

/*-- margin padding --------------------*/
.mg-t05 { margin-top:  5px; }
.mg-t10 { margin-top: 10px; }
.mg-t15 { margin-top: 15px; }
.mg-t20 { margin-top: 20px; }
.mg-t30 { margin-top: 30px; }

.mg-b05 { margin-bottom:  5px; }
.mg-b10 { margin-bottom: 10px; }
.mg-b15 { margin-bottom: 15px; }
.mg-b20 { margin-bottom: 20px; }
.mg-b30 { margin-bottom: 30px; }
.mg-b40 { margin-bottom: 40px; }
.mg-b50 { margin-bottom: 50px; }
.mg-b80 { margin-bottom: 80px; }

.pd-t05 { padding-top:  5px; }
.pd-t10 { padding-top: 10px; }
.pd-t20 { padding-top: 20px; }
.pd-t30 { padding-top: 30px; }

/*-- contents-box --------------------*/
.ct-box1{
	width:755px;
	margin-left:50px;
}
.ct-box2{
	width:750px;
	margin-left:52px;
}
.ct-box3{
	width:760px;
	margin-left:52px;
}
.ct-box4{
	width:769px;
	margin-left:42px;
}
.ct-box5{
	width:752px;
	margin-left:54px;
}

/*-- text size --------------------*/

.txt-sm{
	font-size:9px;
}
.txt-ex-sm{
	font-size:70%;
}
/*********************************************************************/

/*---------------------------------------------
 HeadArea
---------------------------------------------*/
#HeadAreaAll{
	width: 100%;
	background-position: center 0%;
	z-index : auto;
	background-image: url(../img/hd_bg.gif);
	background-repeat: no-repeat;
}
#HeadArea {
	position: relative;
	width: 850px;
	margin: 0 auto;
}
#HeadAreaTop {
	height:100px;
}
#HeadArea .hdLogo {
	position: absolute;
	top: 30px;
	left: 30px;
}
#HeadArea .hdLead {
	color:#FFF;
	position: absolute;
	top: 17px;
	left: 7px;
}
#HeadArea .hdAccess {
	position: absolute;
	top: 18px;
	left: 305px;
}
#HeadArea .hdNumber {
	position: absolute;
	top: 9px;
	left: 406px;
}
#HeadArea .hdContact {
	position: absolute;
	top: 31px;
	left: 598px;
}

#HeadAreaAllPopUp{
	width:100%;
	background: url(../img/hd_bg.gif) 0 0 repeat-x #cacaca;
}
#HeadAreaPopUp {
	position: relative;
	width: 850px;
	margin: 0 auto;
}
#HeadAreaTopPopUp {
	height:60px;
}
#HeadAreaTopPopUp .hdLogoPopUp {
	position: absolute;
	top: 10px;
	left:0;
}

/*---------------------------------------------
 GlobalNaviArea
---------------------------------------------*/
#GlobalNaviArea {
	width: 850px;
	margin: 0 auto;
}
#GlobalNaviArea ul {
	overflow: hidden;
	width: 850px;
}
#GlobalNaviArea ul li {
	float: left;
}
#GlobalNaviArea ul li a,
#GlobalNaviArea ul li img {
	display: block;
}

/*---------------------------------------------
 FootArea
---------------------------------------------*/
#FootArea {
	width: 850px;
	height:104px;
	margin: 0 auto;
	padding-top: 17px;
	background: url(../img/ft_bg.gif) 0 0 repeat-x;
}
#FootArea a,
#FootArea img {
	display: block;
}
#FootArea ul.ftNavi {
	width: 497px;
	margin:0 0 0 265px;
}
#FootArea ul.ftNavi li {
	float: left;
	margin-right:14px;
}
#FootArea .ftCopy {
	margin:35px 0 0 291px;
}

/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea {
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
	background:	url(../img/bg_contents.gif) no-repeat 0 0 #FFF;
}
#ContentsAreaTopPopUp {
	overflow: hidden;
	width: 850px;
	margin: 0 auto;
	text-align:center;
}

/*---------------------------------------------
 Breadcrumbs List
---------------------------------------------*/
#BreadList{
	font-size:80%;
	margin: 0 0 0 20px;
	padding:15px 0 0 0;
}
#BreadList span{
	margin:0 5px;
}

/*---------------------------------------------
 pageTop
---------------------------------------------*/
.pageTop {
	width: 850px;
	background:#FFF;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align:center;
}

/*---------------------------------------------
?@?????? ?T?|?[?g
---------------------------------------------*/

.linkSupport{
	width:778px;
	height:163px;
	margin:0 0 23px 36px;
	background:url(../img/linkSupportBG.gif) 0 100% no-repeat;
	padding:0;
	_padding:0 0 15px 0;
}
.linkSupport p.pic{
	float:left;
	margin:13px 26px 0 21px;
}
.linkSupport p.tit{
	float:left;
	margin:13px 32px 0 0;
}
.linkSupport p.btn{
	float:left;
	margin-top:34px;
}

/* *******************************************************************

	Top Page

******************************************************************* */

.hdAreaTopBG2{
	background: url(../../img_index/hdAreaTopBG2.jpg) 0 0 no-repeat;
	width: 850px;
	height: 45px;
}

.hdAreaTopBG{
	background:url(../../img_index/hdAreaTopBG.jpg) 0 0 no-repeat;
	width:850px;
	height:287px
;}
.hdAreaTopBG .link01{
	position:absolute;
	left:692px;
	top:228px;
}
.hdAreaTopBG .link02{
	position:absolute;
	left:587px;
	top:243px;
}
.hdAreaTopBG .link03{
	position:absolute;
	left:581px;
	top:357px;
}
.hdAreaTopBGalt{
	background:url(../../img_index/hdAreaTopBGaltbtm.jpg) 0 100% no-repeat;
	width:850px;
	height:291px
;}
.hdAreaTopBGalt .link01{
	position:absolute;
	left:587px;
	top:171px;
}
.hdAreaTopBGalt .link02{
	position:absolute;
	left:587px;
	top:243px;
}
.hdAreaTopBGalt .link03{
	position:absolute;
	left:581px;
	top:357px;
}
.hdAreaTopBGalt .btn{
	position:absolute;
	left:581px;
	top:357px;
}
.h1TopPage{
	margin:15px 0 15px 27px;
}
.h2TopPage{
	margin:0 0 15px 15px;
}
.ct-box1 .left{
	float:left;
	width:433px;
}
.ct-box1 .right{
	float:right;
}

.top-Btn{
	width:794px;
	margin:0px 0px 20px 23px;
	text-align:center;
}

/* -- SUB ?????N --*/

.topSubLink{
	width:756px;
	background:#faf8f2;
	padding:20px 0 5px 22px;
	margin-left:36px;
	margin-bottom:37px;
}
.topSubLink .row{
	width:736px;
	background:url(../../img_index/topBgSubLink.gif) 0 100% no-repeat;
	margin-bottom:11px;
}
.topSubLink .box{
	width:363px;
	float:left;
	padding-bottom:15px;
}
.topSubLink .box.right{
	position:relative;
	left:10px;
}
.topSubLink .box .tit{
	margin-bottom:10px;
}
.topSubLink .box .inside-box{
	width:318px;
	margin-left:20px;
}

/* *******************************************************************

	Second common

******************************************************************* */

.topVisual{
	width:850px;
	height:151px;
}
.topVisual.plan{
	background:url(../../plan/img/topVisual.jpg) 0 0 no-repeat;
}
.topVisual.room{
	background:url(../../room/img/topVisual.jpg) 0 0 no-repeat;
}
.topVisual.meal{
	background:url(../../meal/img/topVisual.jpg) 0 0 no-repeat;
}
.topVisual.guide{
	background:url(../../guide/img/topVisual.jpg) 0 0 no-repeat;
}
h1.h1SecPage{
	margin:30px 0 55px 36px;
}
h1.h1SecPage.room{
	margin:30px 0 5px 36px;
}
h2.h2SecPage{
	margin:0 0 20px 35px;
}

/* *******************************************************************

	Plan

******************************************************************* */

.secBorder{
	margin:0 0 0 35px;
}
.planChart{
	width:756px;
	margin:0 0 28px 49px;
	background:url(../../plan/img/bg_01.gif) 0 100% no-repeat;
	padding:0 0 15px 0;
}
.planChart .price{
	margin:8px 0 0 14px;
}
.planChart .txt{
	margin:16px 0 0 24px;
	width:700px;
}
.planChart .icon{
	margin:12px 0 0 14px;
}
.topSubLink .row{
	width:736px;
	background:url(../../img_index/topBgSubLink.gif) 0 100% no-repeat;
	margin-bottom:11px;
}
.planExp{
	width:739px;
	background:url(../../plan/img/bg_02.gif) 0 100% no-repeat;
	margin-left:60px;
	margin-bottom:25px;
}
.planExp .box{
	width:357px;
	float:left;
	padding-bottom:15px;
}
.planExp .box.right{
	position:relative;
	left:25px;
}
.planExp .box .tit{
	margin-bottom:8px;
}
.planExp .box .inside-box{
	width:330px;
	margin-left:14px;
}
.planExp .box .inside-box .txt{
	margin-left:10px;
}


/* *******************************************************************

	Room

******************************************************************* */

.roomPageLink{
	width:777px;
	height:29px;
	background:url(../../room/img/bg_01.gif) 0 0 no-repeat;
	margin:0 0 39px 36px;
}
.roomPageLink a{
	background:url(../../room/img/icon_01.gif) 0 0.4em no-repeat;
	padding-left:21px;
	font-size:10px;
	position:relative;
	top:8px;
	left:7px;
	color:#373737;
}
.ct-box5 .left{
	float:left;
	width:470px;
}
.ct-box5 .right{
	float:right;
}
table.roomChart{
	width:756px;
	border-collapse:collapse;
	margin-left:46px;
}
table.roomChart th{
	background:#fafafa;
	border:1px solid #dadada;
	text-align:center;
	font-weight:800;
	padding:4px 0;
	vertical-align:middle;
}
table.roomChart th.top{
	background:#efefef;
}
table.roomChart th.floor{
	width:104px;
}
table.roomChart th.fee{
	width:107px;
}
table.roomChart th.roomname{
	width:240px;
}
table.roomChart th.sm{
	padding:3px 0;
	line-height:110%;
}
table.roomChart td{
	border:1px solid #dadada;
	padding:4px 10px;
}
table.roomChart td.no-margin{
	padding:4px 0;
}
table.roomChart th.bldg{
	border-bottom:none;
}
table.roomChart th.icon{
	border-top:none;
	border-bottom:2px solid #dadada;
}
table.roomChart th.icon.last{
	border-top:none;
	border-bottom:1px solid #dadada;
}
table.roomChart td.b-btm2{
	border-bottom:2px solid #dadada;
}



/* *******************************************************************

	Guide

******************************************************************* */

table.guideChart01{
	width:756px;
	border-collapse:collapse;
}
table.guideChart01 th{
	width:257px;
	background:#efefef;
	border:1px solid #dadada;
	text-align:center;
	font-weight:800;
	padding:4px 0;
}
table.guideChart01 td{
	width:229px;
	border:1px solid #dadada;
	padding:14px;
}
table.guideChart02{
	width:756px;
	border-collapse:collapse;
}
table.guideChart02 th{
	width:120px;
	background:#efefef;
	border:1px solid #dadada;
	text-align:left;
	vertical-align:top;
	font-weight:800;
	padding:4px 9px;
}
table.guideChart02 td.entry{
	width:401px;
	border:1px solid #dadada;
	padding:4px 10px;
}
table.guideChart02 td.fee{
	width:173px;
	border:1px solid #dadada;
	padding:4px 10px;
	text-align:right;
}
table.guideChart02 td.wide{
	width:595px;
	border:1px solid #dadada;
	padding:4px 10px;
}
table.guideChart03{
	width:475px;
	border-collapse:collapse;
}
table.guideChart03 th{
	width:120px;
	background:#efefef;
	border:1px solid #dadada;
	text-align:left;
	vertical-align:top;
	font-weight:800;
	padding:4px 9px;
}
table.guideChart03 td{
	width:314px;
	border:1px solid #dadada;
	padding:4px 10px;
}




/*---------------------------------------------
 note text
---------------------------------------------*/
.note{
	font-size:100%;
	background:#efefef;
	border:1px solid #dadada;
	font-weight:800;
	color:#c42c2f;
	margin: 0 0 10px 0;
	padding:10px 10px 5px 20px;
}
/*---------------------------------------------
 plan-table
---------------------------------------------*/
table {
	border-collapse: collapse; border-spacing: 0;
}
#rent_cnt {
	padding: 8px 0px 20px; width: 800px;
}
#rent_header {
	margin: 0px 0px 8px;
}
#rent_type {
	border: 0px solid rgb(130, 125, 125); margin-bottom: 20px;
}
* html #rent_type {
	margin: 0px;
}
#rent_type_table {
	width: 746px; clear: both;
}
.rent_madori_box {
	width: 746px; height: 150px; text-align: left; position: relative;
}
.rent_madori_box p {
	left: 380px; top: 120px; width: 50px; position: absolute;
}
#rent_type_table .rent_red {
	background: rgb(255, 240, 240); padding: 4px 8px; color: rgb(255, 0, 0);
}
#rent_type_table td {
	padding: 4px 8px; border: 1px solid rgb(176, 176, 176);
}
.rent_border {
	width: 780px; margin-bottom: 20px; border-top-color: rgb(176, 176, 176); border-top-width: 1px; border-top-style: dotted;
}
.rent_border_double {
	border-top-color: rgb(153, 153, 153); border-top-width: 3px; border-top-style: double;
}
.rent_hitori {
	background: rgb(238, 238, 238);
}
.rent_futari {
	background: rgb(221, 221, 221);
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}