@charset "utf-8";

body {
	background: #FFFFFF url(images/bg_body.jpg) repeat center top;
	font-family: "Lucida Grande", sans-serif;
}

* html body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 1px;
}

*:first-child+html body { 
	font-family: 'メイリオ', Meiryo, sans-serif;
}

#container {
	width: 932px;
	margin: 0px auto;
	text-align: left;
}

#contents {
	overflow: hidden;
	border: 2px solid #000000;
	background: url(images/bg_flower.gif) repeat-y 450px -200px;
}

#contents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #contents {
	height: 1em;
	overflow: visible;
}
/**/


/* Header Area
--------------------------------------------------------------------------------------- */
#header { background: #FFFFFF url(images/bg_header.jpg) no-repeat center -1px; }

.logo {
	float: right;
	height: 38px;
	width: 146px;
	padding: 55px 35px 0px 0px;
}

#header h1 {
	padding: 43px 0px 27px 35px;
	float: left;
}


/* Menu Tab
--------------------------------------------------------------------------------------- */
#mainmenu {
	width:100%;
	height:35px;
	background: url("images/bmid_049.gif");
	margin:0;
	border:0;
	padding: 0px;
}

#tab {
	margin:0;
	top:0;
}

#tab ul {
	margin:0;
	padding:0;
	list-style:none;
	float: left;
}

#tab li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

#tab a {
	background:#000000 url("images/bright_049.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}

#tab a span {
	display:block;
	background:url("images/bleft_049.gif") no-repeat left top;
	padding:0 20px;
	color:#BFB570;
	line-height:34px;
}

#tab a:hover,
#tab li.item_active a {
	background-position:right bottom;
	border-color:#FF9900;
}

#tab a:hover span,
#tab li.item_active a span {
	background-position:left bottom;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
}


/* News Area
--------------------------------------------------------------------------------------- */
#news {
	color: #FFFFFF;
	background: #000000 url(images/bg_photo.jpg);
	padding: 0px 20px 50px 70px;
}

.readoff {
	visibility: hidden;
	height: 190px;
	padding: 80px 0px 0px 0px;
	width: 480px;
}

#news h2 { margin: 0px 0px 30px 80px; }

#newsarea {
	height: 165px;
	width: 450px;
	overflow: auto;
}

#newsarea ul {
	line-height: 1.25;
	list-style: none;
}

#newsarea li {
	margin: 0px 0px 1.5em;
	font-size: 90%;
}


/* Main Contents Area
--------------------------------------------------------------------------------------- */
#mainContents {
	float: left;
	width: 640px;
	padding: 20px 15px 0 25px;
	border-right: 1px dotted #000000;
	line-height: 1.25;
	font-size: 90%;
}

#mainContents h2 {
	background: url(images/bg_h2.gif) no-repeat right center;
	padding: 10px 20px 5px;
	margin: 0 0 20px 0;
}

#mainContents h3 {
	font-size: 140%;
	font-weight: bold;
}

#mainContents .guide h3 { color: #990000; }

#mainContents .guide h3:first-letter {
	font-size: 180%;
	color: #FFFFFF;
	background: #990000;
	display: inline-block;
	padding: 3px;
	margin: 0 5px 0 0;
}

.guide h4 {
	font-weight: bold;
	border-top: 1px solid #3A3730;
	color: #3A3730;
	padding: 1px 0px 0px;
	clear: left;
}

.fee p,
.guide p {
	margin: 0em 0em 1.5em;
	padding-top: 0.5em;
}

.photo {
	float: left;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin: 0.5em 0.5em 1em 0em;
}

.photo img { border: 1px solid #EBEBEB; }

.map { margin: 0em 0em 1em; }

.map img { border: 1px solid #000000; }

#mainContents  dl,
#mainContents ul {
	margin: 1em 0 4em 0;
}

#mainContents dt {
	font-weight: bold;
	border-left: 5px solid #BFB570;
	padding: 0px 0px 0px 5px;
	background: #F3F1E4;
	color: #3A3730;
}

#mainContents dd {
	margin: 0.25em 0em 1.5em 1.5em;
}

.schedule .check li {
	list-style: square outside;
	margin: 0em 0em 1em 1.5em;
}

.schedule dl.notice {
	padding-left: 10em;
	padding-top: 1em;
	border-top: 1px dotted #E4E0C5;
}

.schedule dd img {
	vertical-align: bottom;
	margin: 0px 2px;
}

.schedule table { width: 100%; }

.schedule th { text-align: center; }

#calendar iframe { margin-bottom: 1em; }


/* Sub Contents Area
--------------------------------------------------------------------------------------- */
#subContents {
	width: 200px;
	float: right;
	padding: 20px 25px 0px 0px;
	/*	font-size: 80%;*/
	line-height: 1.4;
	font-size: 85%;
}
#bgm {
	text-align: right;
	margin: 0px 0px 20px 0px;
}

#subContents h3 {
	background: #E0E9C2;
	font-weight: bold;
	text-align: center;
	margin: 2em 0em 1em;
	color: #363137;
}
.description p { padding: 0px 0px 2em 0px; }

.sidebarimg   {
	text-align: center;
	margin-bottom: 1em;
}

.information  dd {
	text-align: right;
	border-bottom: 1px dotted #D1E19A;
	margin: 0em 0em 0.5em;
}

.information  noscript { text-align: center; }

#cp {
	background: #FFE8E8;
	margin: 1em 0em 4em;
}

#cp p {
	padding: 1em;
	font-size: 90%;
	line-height: 1.25;
}


/* Footer Area
--------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	font-size: 90%;
	padding: 1em 0em;
}


/* Extra
--------------------------------------------------------------------------------------- */
.nowrap { white-space: nowrap; }

.cl { clear: both; }

strong { font-weight: bold; }


/* Link Navigation
--------------------------------------------------------------------------------------- */
#contents a:link,
#contents a:visited,
#contents a:active { color: #669933; 
}

#contents a:hover {
	color: #CC0000;
}

.pagenavi {
	text-align: right;
	margin: 0 0 2em 0;
}

.pagenavi a {
	padding-right: 20px;
	text-decoration:none;
	color: #433F36;
}

.pagenavi a:link,
.pagenavi a:visited,
.pagenavi a:active {
	background: url(images/ico_return.gif) no-repeat right -26px;
	color: #433F36!important;
	border-bottom: 1px dotted #433F36;
}

.pagenavi a:hover {
	background: url(images/ico_return.gif) no-repeat right 2px;
	color: #CC0000;
	border-bottom: 1px dotted #CC0000;
}

.guide .pagenavi { margin: 3em 0 6em 0; }

div.orderlink {
	width: 80%;
	text-align: center;
	letter-spacing: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
	margin: 2em auto;
	line-height: 1.5;
}

.orderlink a {
	display: block;
	text-decoration: none;
	cursor: hand;
	color: #FFFFFF!important;
}

.orderlink a:link,
.orderlink a:visited {
	background: #F27B7C;
	border-top: 3px double #F9B9B9;
	border-right: 3px double #ED4141;
	border-bottom: 3px double #ED4141;
	border-left: 3px double #F9B9B9;
}

.orderlink a:hover,
.orderlink a:active {
	background: #F06868;
	border-top: 3px double #ED4141;
	border-right: 3px double #F9B9B9;
	border-bottom: 3px double #F9B9B9;
	border-left: 3px double #ED4141;
}

