@charset "UTF-8";
/* defaults */
* {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 13px;
/* Mac IE 5 以外　\*/
	font-size: 14px;
/* */
	line-height: 1.2em;
}
body{
	color: #000;
	background-color: #006;
	text-align: center;
}
p { text-indent: 1em; }

/* Mac IE 5 以外 \*/
p, li, h4, input, textarea {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	_font-family: "ＭＳ Ｐゴシック", sans-serif;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* */

img { border: none; }
a:link, a:hover, a:visited {color: navy; font-weight: bold; text-decoration: none;}
/* 並字（予約プログラムの表示部） */
a.plain:link, a.plain:hover, a.plain:visited { color: black; font-weight: normal; }
/* end of defaults */

/* 汎用 */
.noindent { text-indent: 0;}
.center { text-align: center; }
.middle { vertical-align: center; }

.uig { font-family: Tahoma, "Osaka", "MS UI Gothic", sans-serif; }
.verdana { font-family: Verdana, Tahoma, Helvetica, sans-serif;}

.mt8 { margin-top: 8px !important; }
.mt16 { margin-top: 16px !important; }
.mt24 { margin-top: 24px !important; }
.mt32 { margin-top: 32px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb32 { margin-bottom: 32px !important; }
.mr8 { margin-right: 8px !important; }
.mr16 { margin-right: 16px !important; }
.mr24 { margin-right: 24px !important; }
.mr32 { margin-right: 32px !important; }
/* end of 汎用 */

p.notes {
/* ※注意書 */
	font-size: 13px;
	margin: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.2em;
	margin-bottom: 0.3em;
	color: #333;
}
p.caution {
/* 注意（赤字） */
	color: #d00;
	text-indent: 0;
}

div#OUTER {
/* 大枠 */
	width: 645px;
	margin: 16px auto;
	padding: 0;
	text-align: left;
}
div#MAIN {
/* ヘッダ、フッタを除いた部分 */
	margin: 0;
	padding: 8px;
	background: white;
}
div#NAVI {
/* ナビゲーションメニュー部（左） */
	width: 140px;
	float: left;
	margin: 8px 0;
	padding: 0;
}
div#NAVI ul {
	width: 100%;
	font-size:14px;
}
div#NAVI li {
	list-style: none;
	width: 100%;
	margin-bottom: 2px;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	text-indent: 6px;
	vertical-align: middle;
	color: navy;
	background: url("images/tube1.gif");
}
div#NAVI li a {
	font-size:14px;
}

div#TEXT {
/* リード部（右） */
	margin: 8px 0 8px 140px;
	padding: 0 0 0 16px;
/* border-left: dotted 2px navy;  IE6=NG */
	background: url("images/vdots.gif");
	background-repeat: repeat-y;
	background-position: left;
}

h1.title {
/* ページタイトル */
	width: 100%;
	text-align: center;
	font-family: "ＭＳ 明朝", serif;
	font-size: 20px;
	line-height: 1.5em;
	color: #ef6;
	background: url("images/title_back.gif");
}

div.info_box {
/* 情報ボックス */
	overflow: hidden; /* 自動でclear するために */
	position: relative; /* 自動でclear するために */
	display: block;
	width: 100%;
	margin: 8px 0 12px 0;
	padding: 0;
}
/* 情報ボックスタイトル */
div.info_title {
	overflow: hidden; /* 自動でclear するために */
	position: relative; /* 自動でclear するために */
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-indent: 8px;
}
/* 情報ボックスタイトル付加属性：ホテル */
.hotel {
	color: #700;
	background: #fd8;
	border-top: 4px #c30 double;
	border-bottom: 1px #c30 solid;
}
/* 情報ボックスタイトル付加属性：プログラム冬 */
.winter
{
	color: navy;
	background: #ccf;
	border-top: 4px #30c double;
	border-bottom: 1px #30c solid;
}
/* 情報ボックスタイトル付加属性：プログラム夏 */
.summer {
	color: #050;
	background: #cfa;
	border-top: 4px #463 double;
	border-bottom: 1px #463 solid;
}

/* 予約ボタン */
img.bookbtn { 
	float: right;
	width: 70px;
	height: 20px;
	margin: 2px 4px 0 0;
}
div.info_p {
/* 情報ボックス写真（左） */
	display: block;
	width: 210px;
	float: left;
	margin: 8px 0;
}
div.info_p img {
	margin-bottom: 4px;
}
div.info_text {
/* 情報ボックス本文２段（右） */
	margin: 8px 0 8px 218px;
}
div.info_text h4{
	margin-top: 8px;
}
div.info_full {
/* 情報ボックス本文１段 */
	clear: both;
	margin: 8px 0;
}

div.address {
	font-family: Tahoma, "MS UI Gothic", sans-serif;
	text-indent: 0;
	white-space: nowrap;
}
div.address div {
	float:left;
	margin-bottom: 4px;
	line-height: 1.2em;
}
div.address div.title {
/* クリーム色ワク付き */
	background: #ffc;
	border: 1px black solid;
	padding: 6px;
}
div.address div.small {
	font-size: 10px;
/* Mac IE 5 以外　\*/
	font-size: 12px;
/* */
	line-height: 1.3em;
}
div.address b {
	line-height: 1.5em;
}

/* 宿泊料金表 */
table.tariff {
	width: 100%;
	_width: 97%; /* for IE : border 加算されるため */
	border-collapse: collapse;
	margin: 1px auto 4px auto;
}

table.tariff th, table.tariff td {
	margin: 0;
	padding: 1px 4px;
	border: 1px #666 solid;
	line-height: 1.2em;
}
table.tariff th {
	font-weight: normal;
	white-space: nowrap;
	text-align: center;
	background: #fdc;
}
table.tariff td {
	background: #ffe;
}

/* Mac IE 5 以外 \*/
table.tariff th, table.tariff td {
	font-family: Tahoma, "MS UI Gothic", sans-serif;
}
table.tariff td {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* */

table.tariff td.price {
	color: navy;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
table.tariff td.comment {
	background: white;
}
table.tariff strong { /* price */
	color: navy;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* ツアー内容表 */
table.tour {
	width: 100%; 
	_width: 98%; /* for IE : border 加算されるため */
	border-collapse: collapse;
	margin: 4px 0;
	background: #ffe;
}

table.tour th, table.tour td {
	border: 1px #666 solid;
	margin: 0;
	padding: 1px 4px;
}
table.tour th {
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	background: #fdc;
}
/* Mac IE 5 以外 \*/
table.tour th, table.tour td {
	font-family: Tahoma, "MS UI Gothic", sans-serif;
}
table.tour td {
	text-align: justify;
	text-justify: inter-ideograph;
}
/* */
table.tour strong { /* price */
	color: navy;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.form_item {
	background: #ccf;
	white-space: nowrap;
	text-align: center;
}
.form_item strong {
	font-size: 11px;
/* Mac IE 5 以外　\*/
	font-size: 13px;
/* */
	font-weight: normal;
	color: #d00;
}
.form_text {
	font-size: 11px;
/* Mac IE 5 以外　\*/
	font-size: 13px;
/* */
	margin-left: 0px;
}
.form_text small {
	font-size: 10px;
/* Mac IE 5 以外　\*/
	font-size: 12px;
/* */
	font-weight: normal;
	color: #666666;
}
.form_error {
	font-weight: normal;
	color: #ff0000;
}