/*------------------ base ---------------------*/

body {
	color:#333;
	font-size:small;
	line-height:1.4em;
	margin:0 auto;
	padding:0 auto;
	text-align:center;
	background-color:#FFF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,h2,h3,h4,p,div,ul,li,table,th,td,dl,dt {
	margin:0;
	padding:0;
}

hr {
	display:none;
}

li {
	list-style:none;
}

table {
	border-collapse:collapse
}

a {
	color:#333;
}

a:hover {
	color:#999;
}

img{
	border:0;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

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

.clearfix {display: inline-table;}*/

/* Hides from IE-mac \*/
/* html .clearfix {height: 1%;}
.clearfix {display: block;}*/
/* End hide from IE-mac */


.contents-box {
	width:1000px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.main-box {
	width:950px;
	margin:20px auto 0 auto;
}


p.top {
	margin-top:10px;
	text-align:right;
	clear: both;
	margin-bottom: 10px;
}

.line {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-right: 0;
	padding-left: 0;
}

.break { page-break-after:always;}

/*------------------ layout ---------------------*/

#wrapper {
	width:1000px;
	text-align:left;
	margin:0 auto;
	padding:0 auto;
}

/*--------- header ---------*/

#head {
	width:1000px;
	margin:0;
	padding:0;
}

/*#head ul {
	margin:0;
	padding:0;
}

#head li {
	float:left;
	margin:0;
	padding:0;
}

#head li a {
	color:#fff;
}

#head li a:hover {
	color:#CCC;
}*/

#s-navi { width:1000px; margin:0; padding:0; }
#nav{ margin: 0; padding: 0; width:1000px;}
#nav li{ float:left;}
/*#gn01 a { background:url(../img/gnavi-sm.gif) 0 0 no-repeat; width:334px; height:46px; text-indent: -9999px; display: block; overflow: hidden;}*/
#gn02 a { background:url(../img/gnavi_01.gif) 0 0 no-repeat; width:500px; height:46px; text-indent: -9999px; display: block; overflow: hidden;}
#gn03 a { background:url(../img/gnavi_02.gif) 0 0 no-repeat; width:500px; height:46px; text-indent: -9999px; display: block; overflow: hidden;}
/*#gn01 a:hover { background:url(../img/gnavi-sm_a.gif) 0 0 no-repeat;}*/
#gn02 a:hover,#gn03 a:hover  { background-position: 0 -46px;}

#nav02{ margin: 0; padding: 0; width:1000px;}
#nav02 li{ float:left; padding: 5px 0 0 0;}
#nav02 li a{ color:#fff;}
#nav02 li a:hover{ color:#CCC;}
/*#sn01 { background:url(../img/snavi_01.gif) 0 0 no-repeat; width:334px; height:30px; text-align:center; padding:10px 0 0 0;}*/
#sn02,#sn03 { background:url(../img/bg_nav02.gif) 0 0 no-repeat; width:500px; height:34px; color:#FFF; text-align: center; }

/*#s-navi {
	width:1000px;
	margin:0;
	padding:0;
}

#s-navi ul {
	margin: 0;
	padding: 0;
}

#s-navi li {
	float:left;
	margin:0;
	padding:0px 0 0 0;
}

#s-navi li a {
	color:#fff;
}

#s-navi li a:hover {
	color:#CCC;
}*/
/*--------- contents ---------*/

#contents {
	width:1000px;
}
/*----- c-top -----*/
#c-top {
	width:950px;
	margin:0 auto;
}
#left-column {
	width:215px;
	margin-right:20px;
	float:left;
}
#left-column  dl{
	margin:10px 0 0 3px;
	line-height:1.2em;
}

#left-column dt {
	font-weight:bold;
	border-left: 4px #999 solid;
	border-bottom: 1px #999 solid;
	padding:0 0 2px 3px;
}

#left-column dd{
	margin-top:5px;
	margin-bottom:5px;
}

#left-column ul{
	margin-top:10px;
	padding:0;
}

#left-column ul li{
	margin:0;
	padding:0;
}

/* menu */
#menu_ttl { background:url(../img/menu_ttl.gif) 0 0 no-repeat; width:170px; height:31px; text-indent: -9999px; overflow:hidden;}
#menu_room a { background:url(../img/menu_room.gif) 0 0 no-repeat; width:170px; height:43px; text-indent: -9999px; display: block; overflow:hidden;}
#menu_rent a { background:url(../img/menu_rent.gif) 0 0 no-repeat; width:170px; height:43px; text-indent: -9999px; display: block; overflow:hidden;}
#menu_service a {background:url(../img/menu_service.gif) 0 0 no-repeat; width:170px; height:43px; text-indent: -9999px; display: block; overflow:hidden;}
#menu_map a {background:url(../img/menu_map.gif) 0 0 no-repeat; width:170px; height:43px; text-indent: -9999px; display: block; overflow:hidden;}
#menu_access a {background:url(../img/menu_acsess.gif) 0 0 no-repeat; width: 170px; height:43px; text-indent: -9999px; display: block; overflow:hidden;}
#menu_gaiyou a {background:url(../img/menu_gaiyou.gif) 0 0 no-repeat; width:170px; height:43px; text-indent: -9999px;display: block; overflow:hidden;}

/* menu:hover */
#menu_room a:hover { background:url(../img/menu_room_a.gif) 0 0 no-repeat;}
#menu_rent a:hover {background:url(../img/menu_rent_a.gif) 0 0 no-repeat;}
#menu_service a:hover {background:url(../img/menu_service_a.gif) 0 0 no-repeat;}
#menu_map a:hover {background:url(../img/menu_map_a.gif) 0 0 no-repeat;}
#menu_access a:hover {background:url(../img/menu_access_a.gif) 0 0 no-repeat;}
#menu_gaiyou a:hover { background-position: -170px 0;}

#print a {
	background:url(../img/print_btn.gif) 0 0 no-repeat;
	width:211px;
	height:36px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	margin:20px auto 0 auto;
}

#print a:hover {
	background:url(../img/print_btn_a.gif) 0 0 no-repeat;
}


#right-column {
	float:left;
	width: 715px;
}

#thumbnail ul li {
	float:left;
	margin:10px 0 0 18px;
}

/*----- room -----*/

.main-box h4 {
	margin-bottom:15px;
}

.main-box p.comment {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	text-align: right;
	padding-right: 10px;
}
/*----- rent -----*/

.main-box table {
	text-align:center;
	border: 1px solid #CCC;
	padding:3px 0;
}

.main-box table th {
	background-color:#9CF;
	padding:3px 0;
	border-color:#CCC;
}

.main-box table td {
	border-color:#CCC;
	padding:3px 0;
}

.main-box .left {
	width:480px;
	float:left;
}

.main-box .right {
	width:470px;
	float: left;
}

/*--------- resort-menu ---------*/

#menu_ttl {
	background:url(../img/menu_ttl.gif) 0 0 no-repeat;
	width:170px;
	height:31px;
	text-indent: -9999px;
	overflow:hidden;
}

#menu_intro a {
	width:170px;
	height:43px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
	background-image: url(../img/resort/menu_Intro.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menu_intro a:hover {
	background:url(../img/resort/menu_Intro_a.gif) 0 0 no-repeat;
}
#menu_cost a {
	background:url(../img/resort/menu_cost.gif) 0 0 no-repeat;
	width:170px;
	height:43px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
}
#menu_cost a:hover {
	background:url(../img/resort/menu_cost_a.gif) 0 0 no-repeat;
}
#menu_reisure a {
	background:url(../img/resort/menu_reisure.gif) 0 0 no-repeat;
	width:170px;
	height:43px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
}
#menu_reisure a:hover {
	background:url(../img/resort/menu_reisure_a.gif) 0 0 no-repeat;
}
#menu_access a {
	background:url(../img/resort/menu_access.gif) 0 0 no-repeat;
	width:170px;
	height:43px;
	text-indent: -9999px;
	display: block;
	overflow:hidden;
}
#menu_access a:hover {
	background:url(../img/resort/menu_access_a.gif) 0 0 no-repeat;
}

/*--------- resort-reisure ---------*/
.main-box .r-guide {
	width: 900px;
	text-align: left;
	border-bottom: 1px dotted #CCC;
	margin: 5px auto 10px auto;
	padding: 0px 0px 5px 0px;
}
.main-box .r-guide p {
	width: 182px;
	float: left;
	padding: 0 15px 0 0;
	margin: 0px;
}

.main-box .r-guide dd {
	margin: 5px 0 0 15px;
}

/*--------- resort-access ---------*/
.map {
	border: 1px solid #CCCCCC;
	width:400px;
	float:left;
}
.reisure {
	float: right;
	width: 500px;
}

.main-box h3 {
	font-size:small;
}
.main-box .table01 td{ text-align: left; padding-left: 5px;}