@import url('reset.css');

html {
	border: 0px;
}

body {
	font-size: 15px;
	cursor: default;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #d0d9de;
}

a:hover {
	color: #FFF;
}

/* ========================================================
   top
   ===================================================== */

#wrapper {
	display:block;
	width:950px;
}

#header {
	height:80px;
	width:950px;
	background-image:url(../img/header_bg.gif);
	float:left;
}

#header li {
	list-style:none;
	float:left;	
}

.container {
	display: block;
	width: 910px;
	height:455px;
	margin:0;
}

#navi {
	height:70px;
	margin:0 0 0 20px;
}

#navi li {
	list-style:none;
	float:left;
}

/* ========================================================
   top
   ===================================================== */

#top_main {
	width:950px;
	height:300px;
	margin:0 20px 0 20px;
}

.style01 {
	margin:0 0 0 20px;
}

.style02 {
	margin:10px 0 0 330px;
}

#plan_dp {
	height:130px;
	border:0;
	margin:0;
}

#plan_dp li {
	list-style:none;
	float:left;	
}

#plan_dp img {
	margin:0 0 0 20px;
}

#contents_cs {
	height:300px;
	width:950px;
	background-image:url(../img/cs_back.jpg);
	margin:20px 0 0 0;
}

#contents_cs li {
	list-style:none;
	float:left;
}

.cs_l {
	font-size:12px;
	line-height:1.5em;
	padding:80px 0 0 380px;
}

.cs_r {
	font-size:12px;
	line-height:1.5em;
	padding:80px 0 0 40px;
	padding:80px 0 0 75px\9;
}

.cs_r:not(:target) {
	padding:80px 0 0 40px\9;
}


#contents_info {
	width:910px;
	margin:0 20px;
	display:block;
}

#contents_info li {
	list-style:none;
}

.c_left {
	width:250px;
	height:480px;
	float:left;
	display:block;
}

.c_left img {
	margin:10px 0 0 0;
}

.c_right {
	width:650px;
	height:480px;
	margin:10px 0 0 10px;
	display:block;
	float:right;
}

.c_right img {
	margin:10px 0 0 0;
}

#page_top {
	margin:10px 20px;
}

#page_top img {
	padding:0 0 0 760px;
}

/* ========================================================
   restaurant
   ===================================================== */

#top_restaurant {
	width:950px;
	height:300px;
	margin:0 20px 0 20px;
}

.text01 {
	font-size:15px;
	line-height:1.5em;
	margin:0px 20px 20px 80px;
}

#contents_restaurant {
	margin:0 20px;
}

#redfairy {
	background-image:url(../img/cont_back_lagoon.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

#shizuku {
	background-image:url(../img/cont_back_shizuku2.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

#ryuo {
	background-image:url(../img/cont_back_ryuo2.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

#ripple {
	background-image:url(../img/cont_back_ripple.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

#umiyama {
	background-image:url(../img/cont_back_umiyama.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

#galaxy {
	background-image:url(../img/cont_back_galaxy.jpg);
	width:910px;
	height:200px;
	margin:0 0 10px 0;
}

.info {
	padding:20px 0 0 520px;
}

p.text02 {
	font-size:15px;
	line-height:1.5em;
	padding:0 0 10px 0;
}

.td table {
	border:none;
}

.tb td {
	padding:5px 5px;
	vertical-align:middle;
}

/* ========================================================
   onsen
   ===================================================== */

#top_onsen {
	width:950px;
	height:300px;
	margin:0 20px 0 20px;
}

#co_on_top {
	background-image:url(../img/co_on.jpg);
	width:910px;
	height:300px;
	margin:0 20px;
}

#co_on_img {
	background-image:url(../img/on_img.jpg);
	width:910px;
	height:250px;
	margin:10px 20px 0 20px;
}

#co_on_fix {
	background-image:url(../img/on_fixture.jpg);
	width:910px;
	height:300px;
	margin:10px 20px 0 20px;
}

#on_info {
	width:910px;
	margin:10px 20px;
}

#on_info table {
	border:none;
	margin:10px 0 0 80px;
}

#on_info td {
	padding:5px 5px;
	vertical-align:middle;
	font-size:15px;
	line-height:1.3em;
}

/* ========================================================
   relaxzation
   ===================================================== */

#top_relaxzation {
	width:950px;
	height:300px;
	margin:0 20px;
}

#pool_p {
	background-image:url(../img/pool_p.jpg);
	width:910px;
	height:250px;
	margin:-20px 20px 10px 20px;
}

#contents_pool {
	margin:0 20px;
}

/* ========================================================
   guestroom
   ===================================================== */

#top_room {
	width:950px;
	height:300px;
	margin:0 20px;
}

#co_room {
	margin:0 20px;
}

/* ========================================================
   activity
   ===================================================== */

#co_activity {
	margin:0 20px;
}

#co_craft {
	margin:10px 20px 0 20px;
}

#map {
	margin:20px 20px 0 20px;
}

/* ========================================================
   access
   ===================================================== */

#contents_access {
	padding:0 20px;
}

#contents_access img {
	margin:10px 0 0 0; 
}

#top_access {
	width:950px;
	height:300px;
	margin:0 20px;
}

.table table {
	border-collapse:collapse;
	width:910px;
	margin:10px 0 0 0;
	border:1px solid #336699;
	font-size:14px
}

.table th {
	text-align:center;
	font-size:100%;
	color:#fff;
	font-weight:normal;
	background-color:#336699;
	padding:8px 0;
	border-right:1px dotted #fff;
	border-bottom:1px dotted #fff;
}

.table td {
	padding:6px 60px 6px 50px;
	border-right:1px dotted #336699;
	border-bottom:1px dotted #336699;
	line-height:1.5em;
	vertical-align:middle;
}

.table_air {
	margin:8px 0 8px 80px;
	border:0;
	font-size:15px;
}

.table_air td {
	width:250px;
	padding:5px 0 5px 0;
}

/* ========================================================
   footer
   ===================================================== */


#raku_banner {
	margin:20px 20px 0 100px;
}

#footer {
	width:910px;
	height:150px;
	margin:20px 20px;
	background-image:url(../img/footer_bg.gif);
}

.footer_menu {
	color:#fff;
	font-size:15px;
	padding:25px 0 0 40px;
}

.footer_menu a {
	text-decoration:none;
	color:#fff;
}

.footer_menu a:link {
	text-decoration:none;
	color:#fff;
}

.footer_menu a:visited {
	text-decoration:none;
	color:#fff;
}

.footer_menu a:hover {
	text-decoration:none;
	color:#fff;
}

.footer_menu a:active {
	text-decoration:none;
	color:#fff;
}