@import "css/thickbox.css";

body {
	font-family: メイリオ, meiryo, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #A0D8EA;
	color: #000;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input {
	margin: 0px;
	padding: 0px;}

img {
	border: 0px; }
a {
	color: #F43D15;
	text-decoration: none; }
a:hover {
	color: #F65B19;
	text-decoration: underline; }
em {
	font-style: normal; font-weight: bold; }
.red {
	color: #f03;}
.clr {
	clear: both; }

.btm {
	vertical-align: bottom; }


.msg {
	font-size: 80%;
	line-height: 180%;
	margin: 10px;
	padding: 10px;
	border: 2px solid #c00;}

/*** style of layout ***/
#contain {
	width: 760px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #fff; }

	#contain h1 {
		font-size: 120%;
		margin: 0px 20px 20px 20px;
		text-align: left;
		padding: 20px 0px 3px 3px;
		border-bottom: 1px dotted #555;}
	#contain p {
		font-size: 80%;
		line-height: 180%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 10px;
		font-weight: noraml; } 
	#contain .topimg {
		margin: 0px 0px 5px 0px; }


/*----------------------- single -----------------------*/
#single {
	}

	#single h3 {
		font-size: 85%;
		line-height: 180%;
		margin: 20px 20px 5px 20px;
		padding: 0px 0px 5px 0px;
		color: #069;
		}
	#single p {
		margin: 0px 40px 1em 40px;
		}

	#single .center {
		margin: 0px 0px 10px 20px;
		padding: 0px;
		}
	#single .right {
		float: right;
		margin: 0px 20px 10px 10px;
		padding: 0px;
		}


	#single .tbl_timetable {
		width: 680px;
		margin: 0px 40px 20px 40px;
		background: #999;
		}

		#single .tbl_timetable th {
			width: 60%;
			font-size: 75%;
			line-height: 150%;
			background: #fff;
			text-align: left;
			}

			#single .tbl_timetable th span {
				font-weight: normal;
				}

		#single .tbl_timetable td {
			width: 20%;
			font-size: 75%;
			line-height: 150%;
			background: #fff;
			}


/*----------------------- ヘッダ部分 -----------------------*/
#menu {
	width: 760px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	text-align: left;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #fff url(img/bg_head2.gif) no-repeat left top; }
	
	#menu h1 {
		margin: 0px;
		padding: 0px; }
	#menu span {
		display: none; }
	#menu h1 a {
		display: block;
		width: 320px;
		height: 90px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
		background: url(img/logo.gif) no-repeat left top; } 

	#menu .left {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;}
	#menu ul {
		list-style: none;
		margin: 25px 0px 0px 0px;
		padding: 10px 15px;
		background: #333;}
	#menu li {
		display: inline;
		margin: 0px 10px 0px 0px;
		padding: 5px 0px;
		font-size: 75%;
		font-weight: bold; }
	#menu li a {
		text-decoration: none;
		color: #fff; }
	#menu li a:hover {
		text-decoration: none;
		color: #F43D15;
		border-bottom: 1px solid #F43D15; }
#category {
	width: 210px;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 10px; }

	#category p {
		font-size: 80%;
		line-heigt: 120%;
		margin: 15px 10px 5px 0px;
		padding: 0px; }

	#category ul {
		list-style: none;
		margin: 0px 10px 0px 0px;
		padding: 0px 0px 0px 0px; }
	#category li {
		margin: 0px 0px 5px 0px;
		padding: 5px 5px 5px 10px;
		font-size: 100%;
		font-weight: bold;
		border: 1px solid #333;
		background: #333;
		color: #fff; }
	s#category li a {
		text-decoration: none;
		color: #069; }
	s#category li a:hover {
		text-decoration: none;
		color: #fc0; }
	#area li {
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		font-size: 90%;
		font-weight: normal;
		line-height: 130%;}
	.pdf  {
		padding: 5px 18px 5px 0px;
		background: url(img/pdficon.gif) no-repeat right center; }


/*----------------------- TOP 特集バナー部分 -----------------------*/
#toplink {
	width: 240px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 10px; }

	#toplink p {
		font-size: 70%;
		font-weight: normal;
		line-height: 150%;
		margin: 10px 0px;
		padding: 0px; }
	#toplink ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px; }
	#toplink li {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		font-size: 100%;
		font-weight: bold; }
	#toplink li span {
		display: none; }

	#toplink li a {
		display: block;
		width: 234px;
		height: 60px; }

	#toplink .gaopack {
		background: url(img/bn_gaopack.jpg) ;}
	#toplink .jtb {
		border: 1px solid #ccc;
		background: url(img/bn_jtb.gif);}
	#toplink .dendoshi {
		background: url(img/bn_dendoshi.jpg) ;}
	#toplink .bus {
		background: url(img/bn_westbus.jpg) ;}
	#toplink .ticket {
		background: url(img/bn_ticket.gif) ;}
	#toplink .camp {
		background: url(img/bn_camp.jpg) ;}
	#toplink .masumi {
		margin-top: 20px;
		background: url(img/bn_sugae.gif) ;}
		

/*----------------------- メイン部分 -----------------------*/
#main {
	width: 525px;
	text-align: left; 
	float: right; }

	#main ul {
		list-style: none; margin: 5px 0px 10px 0px; padding: 0px; }
	#main li {
		display: inline; margin: 0px 2px 0px 0px; padding: 0px; font-size: 80%; }

	#main h2 {
		font-size: 120%;
		margin: 0px 15px 10px 0px;
		text-align: left;
		padding: 5px;
		background: #333;
		color: #fff; }

	#main h3 {
		font-size: 120%;
		padding: 5px 0px 5px 20px;
		margin: 5px 0px 0px 0px;
		background: url(img/news_mark.gif) no-repeat left center; } }
	#main h4 {
		font-size: 70%;
		padding: 10px 20px 10px 5px;
		text-align: right;
		font-weight: normal;
		margin: 0px; }
	#main h4 a {
		padding: 2px 5px;
		border: 1px solid #F43D15;
		background: #fff; }
	#main h4 a:hover {
		text-decoration: none;
		color: #fff;
		background: #369; }
	#main p {
		font-size: 85%;
		line-height: 180%;
		padding: 0px 20px 0px 0px; margin: 0px 0px 10px 0px; font-weight: noraml; } 


	#main .left {
		float: left; margin: 0px 5px 5px 0px; padding: 0px; }
	#main .right {
		float: right; margin: 0px 20px 5px 5px; padding: 0px; }
	#main .clr {
		font-size: 20px; }
	#dendoshi td {
		font-size: 90%; border-bottom: 1px #ccc solid; }

	#main blockquote {
		border: 1px solid #fc0;
		margin: 10px 30px 10px 10px;
		padding: 5px;
		font-size: 90%;
		line-height: 150%;
		font-weight: normal;
		background: #ffc; }

/*----------------------- 本文 施設リスト体裁 -----------------------*/
	#main table {
		width: 510px;
		border: 1px solid #ccc;
		margin: 5px 0px 10px 0px;
		background: #ffffe6;}
	#main th {
		width: 100px;
		vertical-align: top;}
	#main td dl {
		margin: 0px;
		padding: 0px; }
	#main td dt {
		font-size: 100%;
		line-height: 100%;
		font-weight: bold;
		border-bottom: 1px solid #333;
		padding: 3px; }
	#main th img {
		border: 1px solid #666;
		padding: 0px; }
	#main td dt img {
		vertical-align: center;
		padding: 3px 3px 0px 3px; }
	#main td dd {
		font-size: 70%;
		line-height: 150%;
		padding: 0px 3px;
		margin: 0px; } 
	#main .onsen {
		padding: 3px 30px 0px 3px;
		background: url(img/spa.gif) no-repeat center right;}
	#main .tel {
		font-size: 80%;
		padding: 5px 5px 5px 30px;
		margin: 0px 0px 0px 5px;
		background: url(img/tel.gif) no-repeat center left;
		font-weight: bold;}
	#main .pp {
		color: #900;
		font-size: 80%;
		line-height: 120%;
		padding: 0px 0px 5px 0px;
		margin: 5px 0px 0px 3px;
		font-weight: normal;}
	#main .pick {
		font-size: 80%;
		padding: 10px 5px 5px 0px;
		margin: 5px 0px 0px 3px;
		background: url(img/pickup.gif) no-repeat top left;
		font-weight: bold;}
	#main .hp {
		text-align: right;
		margin: 0px; }
	#main .hp a {
		padding: 1px 3px;
		border: 1px solid #F43D15;
		background: #fff; }
	#main .hp a:hover {
		text-decoration: none;
		color: #fff;
		background: #369; }

/*----------------------- フッタ体裁 -----------------------*/
#foot {
	clear: both;
	width: 720px;
	margin: 20px auto 0px auto;
	padding: 0px 0px 20px 0px;}

	#foot ul {
		list-style: none;
		float: right;
		margin: 10px 0px 10px 0px;
		padding: 0px; }
	#foot li {
		display: inline;
		margin: 0px 0px 0px 5px;
		padding: 0px; font-size: 70%; }
	#foot hr {
		height: 1px;
		border: 1px solid #ccc;}

	#foot address {
		text-align: left;
		font-size: 80%;
		font-style: normal; }


/*----------------------- お知らせ部分 -----------------------*/
#top {
	width: 495px;
	text-align: left;
	float: right;
	position: relative;
	right: 10px;
	margin: 20px 0px 10px 0px;
	padding: 0px;}

	#top h2 {
		font-size: 85%;
		padding: 3px 5px;
		margin: 0px 0px 5px 0px;
		background: #FEDE58;}

	#news {
		margin: 0px 0px 1em 0px;
		}

		#news h3 {
			clear: both;
			margin: 0px 0px 5px 0px;
			padding: 5px 0px 5px 20px;
			font-size:85%;
			font-weight: bold;
			line-height: 120%;
			background: url(img/news_mark.gif) no-repeat left center;
			}
		#news .right {
			float: right;
			margin: 0px 0px 10px 10px;
			}
		#news p {
			margin: 0px 0px 10px 0px;
			font-size: 80%;
			line-height: 160%;
			}
		#news p em {
			font-weight: bold;
			font-style: normal;
			color: #f06;
			}
		#news h5 {
			clear: both;
			text-align: right;
			margin: 0px 0px 10px 0px;
			font-size: 80%;
			line-height: 160%;
			color: #666;
			font-weight: normal;
			padding: 0px 0px 10px 0px;
			border-bottom: 1px dotted #ccc;
			}

#mail {
	width: 525px; text-align: left; 	float: right; }

	#mail table {
		width: 500px; text-align: left; margin: 0px auto; }
	#mail td {
		padding: 5px 5px;}
	#mail .t_n {
		width: 180px;}
	#mail .t_w {
		width: 270px;}

	#mail h2 {
		font-size: 120%;
		margin: 0px 15px 10px 0px;
		text-align: left;
		padding: 5px;
		background: #069;
		color: #fff; }
	#mail h3 {
		font-size: 120%; padding: 5px 0px 5px 0px; margin: 5px 0px 0px 0px; }
	#mail h4 {
		font-size: 70%; padding: 3px 20px 0px 5px; text-align: right; font-weight: normal; margin: 0px; }
	#mail p {
		font-size: 90%; line-height: 150%;
		padding: 0px 20px 0px 0px; margin: 0px 0px 10px 0px; font-weight: noraml; } 
#link {
	width: 525px; text-align: left; 	float: right; }

	#link h2 {
		font-size: 120%; margin: 10px 15px 10px 0px; text-align: left; padding: 3px 3px 3px 3px; border: 1px solid #555;
		background: #FCF37E; }
	#link h3 {
		font-size: 120%; padding: 5px 0px 5px 0px; margin: 5px 0px 0px 0px; }
	#link h4 {
		font-size: 70%; padding: 3px 20px 0px 5px; text-align: right; font-weight: normal; margin: 0px; }
	#link p {
		font-size: 90%; line-height: 150%;
		padding: 0px 20px 0px 0px; margin: 0px 0px 10px 0px; font-weight: noraml; } 

	#link dl {
		margin: 0px; padding: 0px; }
	#link dt {
		font-size: 100%; font-weight: bold; padding: 0px; margin: 5px 20px 0px 0px; } 
	#link dd {
		font-size: 70%; line-height: 150%; padding: 0px 20px 5px 0px; margin: 0px; }

/*----------------------- お知らせ部分 -----------------------*/
#pp {
	width: 525px;
	text-align: left;
	float: right; }

	#pp ul {
		list-style: none;
		margin: 5px 0px 10px 0px;
		padding: 0px; }
	#pp ul li {
		display: inline;
		margin: 0px 2px 0px 0px;
		padding: 2px;
		font-size: 65%;
		border: 1px solid #333;
		color: #fff;
		background: #693; }
	#pp h2 {
		font-size: 120%;
		margin: 0px 15px 10px 0px;
		text-align: left;
		padding: 5px;
		background: #333;
		color: #fff; }
	#pp h3 {
		font-size: 120%;
		padding: 5px 0px 5px 20px;
		margin: 5px 0px 0px 0px;
		background: url(img/news_mark.gif) no-repeat left center; } }
	#pp h4 {
		font-size: 70%;
		padding: 10px 20px 10px 5px;
		text-align: right;
		font-weight: normal;
		margin: 0px; }
	#pp h4 a {
		padding: 2px 5px;
		border: 1px solid #369;
		background: #fff; }
	#pp h4 a:hover {
		text-decoration: none;
		color: #fff;
		background: #369; }
	#pp p {
		font-size: 90%;
		line-height: 150%;
		padding: 0px 20px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: noraml; } 
	#pp .tel {
		font-size: 90%;
		font-weight: bold;
		text-align: right;}
	#pp .hp {
		font-size: 80%;
		font-weight: bold;
		text-align: right;
		margin: 0px 0px 10px 0px;}

	#pp .left {
		float: left;
		margin: 0px 10px 10px 0px;}
	#pp .right {
		float: right;
		margin: 10px 20px 10px 0px;}

	#pp ol {
		clear: both;
		margin: 10px 15px 10px 0px;
		padding: 5px 0px;
		border-top: 1px solid #036;}
	#pp ol li {
		font-size: 80%;
		color: #036;}
	#option {
		margin: 10px 15px 10px 0px;
		padding: 10px;
		background: #ffc;
		border: 1px solid #666;}
	#option h5 {
		font-size: 80%;
		line-height: 150%;
		margin: 0px 0px 5px 0px;}
	#option p {
		font-size: 70%;
		line-height: 150%;
		margin: 0px;}