@charset "utf-8";

@import url("index.css");
@import url("archives.css");

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #86B300 url(../images/bg00.gif) repeat-x left top;
}
body, table, td, input, select, textarea {
	color: #4D4D4D;
	font-family: Verdana, "Hiragino Kaku Gothic Pro", "MS PGothic", "MS Gothic", "MS UI Gothic";
}

/* ------------------------------------------------------------------------------------------// FONT-SIZE */

body { font-size: 83.3%;}
table, th, td, input, select, textarea { font-size: 100%;}

/* H */
h1 { font-size: 100%;}
h2 { font-size: 180%;}
h3 { font-size: 160%;}
h4 { font-size: 120%;}
h5 { font-size: 120%;}

/* INDEX */
#index h2 { font-size: 100%;}
#index h3 { font-size: 110%;}
#index h3.h01 { font-size: 100%;}

#description, #root, #entrylist, .toplink, #sitemap span.des, .d-entrydate { font-size: 80%;*font-size: 71%;*letter-spacing: 0.5pt;}

#menu p { font-size: 80%;*font-size: 71%;}

/* ------------------------------------------------------------------------------------------// 基本構成 */

#CONTAINER {
	background: #FFFFFF url(../images/head.gif) no-repeat left top;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.container-inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#main {
	float: right;
	width: 540px;
	text-align: left;
}
#menu {
	float: left;
	width: 150px;
}
#main, #menu { margin-bottom: 20px; }

/* ------------------------------------------------------------------------------------------// LINK */

a img {
	border: none;
}
/* 基本 */
a:link { color: #669900; text-decoration: underline; }
a:visited { color: #517A00; text-decoration: underline; }
a:hover, a:active { color: #0099FF; text-decoration: underline; }

.link01 a:link, .link01 a:visited, a.link01:link, a.link01:visited { color: #666666; text-decoration: none; }
.link01 a:hover, .link01 a:active, a.link01:hover, a.link01:active { color: #0099FF; text-decoration: underline; }

.link02 a:link, .link02 a:visited, a.link02:link, a.link02:visited { color: #0099FF; text-decoration: underline; }
.link02 a:hover, .link02 a:active, a.link02:hover, a.link02:active { color: #33CCFF; text-decoration: underline; }

.link03 a:link, .link03 a:visited, a.link03:link, a.link03:visited { color: #FF7F00; text-decoration: none; }
.link03 a:hover, .link03 a:active, a.link03:hover, a.link03:active { color: #33CCFF; text-decoration: underline; }

.topmenu a:link, .topmenu a:visited { color: #FFFFFF; text-decoration: none; }
.topmenu a:active, .topmenu a:hover { color: #FFFFFF; text-decoration: underline; }

/* ------------------------------------------------------------------------------------------// H */

h2, h3, h4, h5 {
	letter-spacing: 0.1em;
	line-height: 1;
}
h2#ct {
	color:#FF7F00;
	border-bottom: 1px dotted #B3B3B3;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
h3.ct {
	background: url(../images/h3bg.gif) no-repeat left top;
	padding-top: 7px;
	padding-left: 10px;
}
h3.ct, h3.ct a:link, h3.ct a:visited {
	color: #FF7F00;
	text-decoration: none;
}
h4 {
	background: #C1E0B2;
	padding: 2px 10px;
}

/* ------------------------------------------------------------------------------------------// TABLE */

.tbl01 {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: none;
	border-right: none;
}
.tbl01 th,
.tbl01 td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: none;
	border-top: none;
	padding: 4px 10px;
}
.tbl01 th {
	text-align: left;
	font-weight: normal;
	color: #000000;
}
/* セル背景色 */
.c-cel01 {
	background: #EDE6B2;
}
.c-cel02 {
	background: #D7E6EC;
}
.c-cel03 {
	background: #FADEA7;
}
/* セル均等幅 */
td.w2 {
	width:50%;
}
td.w4 {
	width: 25%;
}
td.w5 {
	width: 20%;
}
/* キャプション */
td.topcel01 {
	padding-top: 10px;
	padding-bottom: 10px;
}
td.topcel02 {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* 補足 */
.tbl-hosoku {
	margin-top: 0px;
	text-align: right;
	color: #666666;
}
.tbl-inplan {
	width:260px;
	border: 1px dotted #CCCCCC;
}
.tbl-inplan .online {
	background: url(../images/point03.gif) no-repeat left center;
	color: #0099CC;
	text-decoration: underline;
	padding-left: 20px;
}
.tbl-inplan .online:hover,
.tbl-inplan .online:active {
	color: #33CCFF;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------// LIST */

.dl01 dt {
	color: #339999;
}
.dl01 dd {
	margin-left: 0px;
	padding-left: 0px;
}
.list01,
.list02 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}
.list01 li {
	margin-left: 0px;
	padding-left: 13px;
	background: url(../images/point01.gif) no-repeat left center;
}
.list02 li {
	margin-left: 0px;
	padding-left: 13px;
	background: url(../images/point02.gif) no-repeat 0px 7px;
}
.dl-link dt {
	background: url(../images/point-link.gif) no-repeat left center;
	padding-left: 20px;
	margin-top: 1em;
}
.dl-link dd {
	margin-left: 0px;
	padding-left: 20px;
}
.dl-link .time {
	color: #666666;
}
.in-plan04 {
	margin-top: 0px;
}
.in-plan04 dt {
	margin-left: 0px;
	padding-left: 13px;
	background: url(../images/point01.gif) no-repeat left center;
}
.in-plan04 dd {
	margin-left: 0px;
	padding-left: 0px;
}
.dl-sitemap {
	margin-left: 100px;
}
.dl-sitemap dd {
	color: #666666;
}

/* ------------------------------------------------------------------------------------------// PHOTO */

.photo-left {
	float: left;
}
.photo-left img {
	margin-right: 10px;
}
.photo-right {
	float: right;
}
.photo-right img {
	margin-left: 10px;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}

/* ------------------------------------------------------------------------------------------// HEAD */

#head {
	position: relative;
	height: 165px;
	color: #FFFFFF;
	background: url(../images/topimage.jpg) no-repeat left bottom;
	margin-bottom: 20px;
}
h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	position: relative;
}
h1 a:link, h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 60px;
	width: 300px;
}
h1 span {
	position: absolute;
	left: 69px;
	top: 41px;
}
#head #description {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0px;
}
#head .topmenu {
	position: absolute;
	right: 5px;
	bottom: 110px;
	margin: 0px;
	text-align: right;
}
.topmenu a:link, .topmenu a:visited { color: #FFFFFF; text-decoration: none; }
.topmenu a:active, .topmenu a:hover { color: #FFFFFF; text-decoration: underline; }

/* ------------------------------------------------------------------------------------------// FOOTER */

#foot {
	clear: both;
	text-align: right;
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#copyright {
	text-align: center;
}
#copyright p {
	margin: 5px auto;
	line-height: 1.4;
}

/* ------------------------------------------------------------------------------------------// MAIN */

.main-inner {
	width: 530px;
}
.main-inner p, .main-inner li {
	line-height: 1.5;
}
/* 文字色 */
.link01 { color: #666666;}
.price { color:#FF0000;}
.point01 { color: #339999;}
.point00 { color: #339999;}
/* パンクズリスト */
#root {
	margin-top: 0px;
	color: #999999;
}
#root a {
	text-decoration: none;
}

/* トップに戻るリンク */
.toplink {
	clear: both;
	text-align: right;
	margin: 10px 0px 20px 0px;
}
.toplink a:link, .toplink a:visited {
	color: #999999;
}
/* 小説ショートカット */
#entrylist {
	color: #999999;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style: none;
	zoom: 100%;
}
#entrylist li {
	float: left;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	white-space: nowrap;
	line-height: 1;
}
#entrylist li a {
	background: url(../images/point02.gif) no-repeat left center;
	padding-left: 9px;
	color: #999999;
	text-decoration: none;
}
#entrylist:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* オンライン予約バナー */
#main .reserve {
	text-align: right;
}
#main .reserve a {
	height: 29px;
	width: 235px;
	display: block;
	margin-right: 0px;
	margin-left: auto;
}
#main .reserve a:link, #main .reserve a:visited {
	background: url(../images/btn-reserve.gif) no-repeat left top;
}
#main .reserve a:hover, #main .reserve a:active {
	background: url(../images/btn-reserve-on.gif) no-repeat left top;
}
#main .reserve span {
	display: none;
}

/* ------------------------------------------------------------------------------------------// MENU */

#menu dl {
	line-height: 1.7;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-left: 0px;
}
#menu dt {
	font-weight: bold;
	color: #FF7F00;
	margin-top: 15px;
}
#menu dd {
	margin-left: 0px;
	background: url(../images/point02.gif) no-repeat left center;
	padding-left: 8px;
	border-top: 1px dotted #B3B3B3;
}
#menu dl a:link, #menu dl a:visited { color: #4D4D4D; text-decoration: none; }
#menu dl a:hover, #menu dl a:active { color: #0099FF; text-decoration: underline; }

#menu .reserve {
	margin-top: 0px;
}

/* ----------------------------------------------------------- */
/* ------------------------------------------------------------// DIARY */
.entrybox {
	zoom: 100%;
	margin-bottom: 10px;
}
.entrybox:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.d-entrydate {
	color: #666666;
	text-align: right;
	margin-top: 0px;
	background: #F1F1F1;
	padding: 1px 5px;
}
.d-entrydate a {
	text-decoration: none;
}
/* ------------------------------------------------------------------------------------------// SITEMAP */

#sitemap a {
	text-decoration: none;
}
#sitemap span.des {
	color: #666666;
	margin-left: 15px;
	display: block;
}