﻿@charset "UTF-8";

@import url('reset.css');
@import url('navi.css');

/*フォント*/
body {
	font-family : "ＭＳ Ｐゴシック" ,"MS PGothic" , "MS UI Gothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro W3" ,"Hiragino Kaku Gothic Pro" , "OSAKA" , "メイリオ", "Meiryo", "sans-serif" ;
	text-align:center; 
	}

/*リキッドレイアウトベース*/

div#wrapper {
	min-width:975px;
	max-width:975px;
	position:relative;
	text-align:left; 
	}
/*IE6用*/
* html div#wrapper {
	width:975px;
	}
div#conteainer {
	width:100%;
	}
div#main_content {
	width:100%;
	float:left;
	margin:0px -200px 0px 0px;
	}
div#main_container {
	margin:0px 210px 0px 10px;
	}
div#main_container .cleared {
	clear:both;
	}
div#r_side {
	width:200px;
	float:right;
	}
div#r_side .cleared {
	clear:both;
	}
div#footer {
	clear:both;
	width:100%;
	background:#f2f2f2;
	text-align:center;
	}

/*サイトID*/
div#header {
	height:180px;
	background:#2d3f81 url('../images/title.jpg') no-repeat; 
	}
div#header h1 {
	text-indent:20px;
 	font-weight: bold;
 	font-size: 28pt;
 	line-height: 120%;
 	text-decoration: none;
 	text-transform: none;
 	color: #ffd700;
 	padding: 25px 16px 10px;
 	}
div#header h2, p {
	text-indent:20px;
	font-weight: bold;
	font-size: 15pt;
	line-height: 120%;
	text-decoration: none;
	text-transform: none;
	color: #ffd700;
	padding: 0px 16px 10px;
	}

/*ナビゲーション*/
div#global_navi {
	height:40px;
	background:#f2f2f2;
	border-bottom:2px solid #447f4c;
	}
div#sub_navi {
	height:40px;
	background:#f2f2f2;
	}
div#pan_navi {
	height:30px;
	border-bottom:1px solid #447f4c;
	}

/*記事*/
div#main_content h2 {
	font-size:110%;
	font-weight:bold;
	margin:10px 0px 0px;
	}
div#main_content p {
	line-height:2em;
	text-indent:1em;
	text-align:justify;
	}
div#main_content p.day {
	background:#daa520;
	margin:10px 0px 10px 0px;
	padding:0px;
	line-height:2em;
	font-size:10%;
	text-align:right;
	}
div#main_content p.delimitation {
	background:#ffffff;
	font-size:small;
	padding:20px 0px 0px 0px;
	}
div#main_content p.explanation {
	font-size:80%;
	line-height:150%;
	text-indent:5px;
	text-align:left;
	}
div#main_content div#photo_area {
	width:765px;
	background:#ffffff;
	float:left;
	margin:0px 0px 0px 0px;
	}

/* photo_area */
div#photo_area img, div#hotel_list img{
	border:0px orange none;	
	}
div#photo_area dl {
	margin:0px 0px 5px 10px;
	font-size:14px;
	float:left;
	}
div#photo_area dt {
	margin-left:10px;
	margin-bottom:2px;
	line-height: 150%;
	border-bottom:1px orange dotted;
	width:745px; 
	}
div#photo_area dd {
	line-height: 150%;
	}
div#photo_area dt.map1 {
	margin-left:2px;
	line-height: 150%;
	border-bottom:1px orange dotted;
	width:406px; 
	color:blue;
	}
div#photo_area dd.map1 {
	margin:10px 0px 0px 5px;
	line-height: 150%;
	}
div#photo_area dl.map2 {
	margin:0px 0px 5px 5px;
}
div#photo_area dt.map2 {
	margin:0px 0px 5px 5px;
	line-height: 150%;
	border-bottom:1px orange dotted;
	width:325px; 
	color:blue;
	}
div#photo_area dd.map2 {
	margin:2px 0px 3px 20px;
	line-height: 150%;
	padding:2px;
	font-size:12px;
	}
div#photo_area dd.submit {
	margin-top:5px;
	margin-right:10px;
	float:right;
	}
div#main_content div#photo_area p {
	text-indent:0;
	font-size:80%;
	text-align:center;
	margin:5px 0;
	}

div#tb dl {
	font-size:14px;
	margin-left:10px;
	float:left;
	}
div#tb dt {
	margin-left:10px;
	margin:2px 0px 0px 0px;	
	line-height: 150%;
	width:745px; 
	}
div#tb dd {
	line-height: 150%;
	}
div#tb dd.tb1 {
	margin:2px 0px 5px 0px;
	line-height: 150%;
	border-bottom:1px orange dotted;
	}
div#tb dd.tb2 {
	margin:0px 0px 5px 20px;
	line-height: 150%;
	}
div#note ul {
	font-size:small;
	}
div#note ul li {
	list-style:url('../images/mark_gr.gif');
	margin:10px 0px 10px 30px;
	}
/* hotel.php */
div#hotel-details dl {
	margin-left:10px;
	font-size:16px;
	float:left;
	border:1px orange solid;
	width:745px;
	}
div#hotel-details dt {
	margin-left:10px;
	margin-bottom:2px;
	line-height: 150%;
	width:735px;
	font-weight:bold;
	color:olive; 
	}
div#hotel-details dd {
	line-height: 150%;
	font-size:14px;
	margin:5px 0px 5px 20px;
	}
div#hotel-details table.details {
	margin-top:10px;
	margin-left:10px;
	width:735px;
}
div#hotel-details img {
	border:none;
}
div#hotel-details td.d-photo {
	width:210px;
}
div#hotel-details td.d-title {
	font-size:14px;
	font-weight:bold;
	color:gray;
	width:100px;
}
div#hotel-details td.d-address {
	font-size:12px;
}
div#hotel-details td.d-access {
	font-size:12px;
}
div#hotel-details td.d-in {
	font-size:12px;
}
div#hotel-details td.d-out {
	font-size:12px;
}
div#hotel-details img.d-credit {
	margin:2px 2px 0px 2px;	
}
div#plan-list dl {
	margin-left:10px;
	font-size:16px;
	float:left;
	border:1px orange solid;
	}
div#plan-list dt {
	margin-left:10px;
	margin-bottom:2px;
	line-height: 150%;
	width:735px;
	font-weight:bold;
	color:olive; 
	}
div#plan-list dd {
	line-height: 150%;
	font-size:14px;
	margin:5px 0px 5px 20px;
	}
div#plan-list table.p-plan {
	margin-top:10px;
	margin-left:10px;
	width:735px;
}
div#plan-list tr.p-plan-title {
	line-height: 150%;
	}
div#plan-list tr.p-plan {
	line-height: 120%;
}
div#plan-list img {
	border:none;
}
div#plan-list td.p-title1 {
	font-size:16px;
	font-weight:bold;
	width:535px;
	border-bottom:2px orange dotted;
}
div#plan-list td.p-title2 {
	font-size:16px;
	font-weight:bold;
	width:50px;
	border-bottom:2px orange dotted;
}
div#plan-list td.p-title3 {
	font-size:16px;
	font-weight:bold;
	width:100px;
	border-bottom:2px orange dotted;
}
div#plan-list td.p-planname {
	line-height: 150%;
	font-size:14px;
	border-bottom:1px orange dotted;
}
div#plan-list td.p-meal {
	font-size:14px;
	border-bottom:1px orange dotted;
}
div#plan-list img.p-meal {
	margin:2px 2px 0px 2px;	
}
div#plan-list td.p-plice {
	font-size:14px;
/*
	float:right;
*/
	border-bottom:1px orange dotted;
}
div#plan-list dl.p-plan {
	margin-top:5px;
	margin-left:10px;
	font-size:14px;
	float:left;
	border:none;
	}
div#plan-list dt.p-plan {
	margin-left:10px;
	line-height: 150%;
	width:735px;
	font-weight:bold;
	color:olive; 
	}
div#plan-list table.yoyaku {
	margin-top:10px;
	margin-left:10px;
	width:735px;
}
div#plan-list th.name2 {
	background: url(../images/th_10.jpg) repeat-x bottom;
  	font-size: 16px;
	line-height: 24px;
	text-indent:10px;
	border-top:1px gray solid;
	border-bottom:1px gray solid;
	color:gray;
}
div#plan-list td.ec1 {
	font-size:14px;
	font-weight:bold;
	width:140px;
	height:32px;
	text-align:center;
}
div#plan-list td.ec2 {
	width:80px;
	height:32px;
}
div#photo_area ul {
	font-size:small;
	}
div#photo_area ul li {
	list-style:url('../images/mark_gr.gif');
	width:300px;
	}

div#spot-list table.spot {
	margin-top:10px;
	margin-left:10px;
	width:735px;
}
div#spot-list tr.spot {
	line-height: 120%;
	}
div#spot-list td.spot {
	font-size:14px;
	font-weight:bold;
	width:183px;
	padding:3px 2px 3px 2px;
}
div#spot-list td.spot a:link, td.spot a:visited, td.spot a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}
div#spot-list td.spot a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
div#nta dl {
	width:367px;	
	float:left;
	margin-bottom:0px;
}
div#nta dt {
	margin-left:2px;
	line-height: 150%;
	width:367px;
	font-size:16px;
	font-weight:bold;
	color:gray; 
	margin-bottom:0px;
	}
div#nta dd {
	line-height: 150%;
	margin-left:2px;
	margin-bottom:0px;
	}
div#nta td.rss-item  {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight : bold; 
	margin: 8px 0px;
	color:olive;
	}
div#nta td.rss-item a:link, td.rss-item a:visited, td.rss-item a:active {
	text-decoration : none;
	color: #88b;
	}
div#nta td.rss-item a:hover { 
	text-decoration : none;
	color: #e0861e;
	}

div#jalan {
	text-align:center;	
}

/*右サイド*/
div#r_side div#pr02 {
	width:200px;
	margin:5px auto 5px;	
	text-align:center;
	}
div#r_side div#pr02 img {
/*	border:1px orange dotted; */
	border: none;
	}

div#r_side div#pr02 h3 {
	line-height: 40px;
	border-bottom:2px orange dotted;
	}
div#r_side div#pr02 img {
/*	border:1px orange dotted; */
	border: none;
	}

div#r_side div.col01 {
	width:200px;
	margin:10px auto 10px;
	background:#ffffff url('../images/title_200.gif') no-repeat;
	color:#000000;
	}
div#r_side div.col01 h3 {
	/*font-weight:bold;*/
	text-indent:1em;
	line-height:30px;
	}
div#r_side div.col01 ul {
	font-size:80%;
	}
div#r_side div.col01 ul li {
	list-style:url('../images/mark_gr.gif');
	margin:10px 10px 10px 30px;
	}
div#r_side div.col01 ul.rd li {
	list-style:url('../images/mark_rd.gif');
	border-bottom:1px dashed #aa1010;
	}
div#r_side div.col01 ul li a:hover{
	background-color:#ffd700;
}
div#r_side div.col01 dl {
	margin-left:2px;
	float:left;
	font-size:small;
	margin-top:2px;
	}
div#r_side div.col01 dt {
	font-weight:bold;
	line-height: 130%;
	color:gray;
	}
div#r_side div.col01 dd {
	width:200px;
	margin:0px 0px 5px 2px;
	line-height: 150%;
	}

/*フッター*/
div#footer {
	font-size:70%;
	color:#333333;
	padding:20px 0;
	}
div#footer p {
	font-size: 9pt;
	color: #000000;
	text-indent:0px;
	font-weight:100;
	line-height: 100%;
	text-decoration: none;
	text-transform: none;
	padding: 0px 0px;
	}

div#r_side div.col01 td.rss-item  {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight : bold; 
	margin: 8px 0px;
	color:olive;
	border-bottom:1px orange dotted;
	}
div#r_side div.col01 td.rss-item a:link, td.rss-item a:visited, td.rss-item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}
div#r_side div.col01 td.rss-item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}

/* 宿泊一覧 */
div#hotel-list img {
	vertical-align:middle;
	border:none;
}
div#hotel-list .hotel	{
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	color: #333;
}
div#hotel-list .yado th {
	padding: 2px 0px;
	background: url(../images/th_10.jpg) repeat-x bottom;
  	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #DDD;
	width:750px;
	text-align:left;
}
div#hotel-list .yado2 {
	border-bottom:1px orange dotted;
	width:530px;
}
div#hotel-list .yado3 {
	width:530px;
}
div#hotel-list .photo {
	padding:2px	3px	2px	0px;
	vertical-align:top;
	width: 210px;
}
div#hotel-list .photo img {
	border: dotted 1px orange;
}
div#hotel-list .photo_spc {
	border: none;
	width: 210px;
}
div#hotel-list .comment {
	padding:5px 0px 5px 5px;
  	font-size: 14px;
	line-height: 18px;
	border-bottom: dotted 1px orange;
	width: 530px;
}
div#hotel-list .plan {
	font-size:14px;
	width:425px;
	line-height: 130%;
}
div#hotel-list .meal {
	font-size:14px;
	width:50px;
	vertical-align:top;
}
div#hotel-list .plice {
	font-size:14px;
	width:50px;
/*
	float:right;
*/
	vertical-align:top;
}
div#hotel-list .yoyaku {
	width:75px;
}
div#hotel-list .yoyaku img {
	border:none;
}
div#hotel-list .space {
	padding:2px 0px 3px 0px;
  	font-size: 10%;
  	line-height: 10%;
	border-bottom:3px orange double;
}
div#hotel-list .kodawari1 {
	padding:10px 0px 5px 0px;
	font-size:14px;
	border-bottom:1px orange dotted;	
	text-align:left;
}
div#hotel-list .kodawari2 {
	padding:5px 0px 0px 0px;
	font-size:14px;
}
div#hotel-list .kodawari3 {
	padding:15px 0px 0px 0px;
	font-size:14px;
}

