@charset "Shift_JIS";

/* ----------------------------------------------------------------------
全体構造定義
-------------------------------------------------------------------------- */

/* page */

#page {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	background-color: #f6f0d3;
	border-left: 3px solid #8c8c56;
	border-right: 3px solid #8c8c56;
	overflow: hidden;
}

/* コンテンツブロック */

.block {
	clear: both;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

/* コンテンツ内見出し */

h3 {
	padding-left: 0.5em;
	font-size: 130%;
	color: #416939;
	border-left: 5px solid #416939;
	background-image: url('images/h_bg.gif');
}

h4 {
	padding-left: 0.5em;
	font-size: 115;
	color: #416939;
	border-left: 5px solid #416939;
	background-image: url('images/h_bg.gif');
}

h5 {
	font-size: 105;
	color: #416939;
	font-weight: bold;
}

/* 最新情報日付 */

.date {
	margin: 1em 0 -0.5em 0;
	color: #5c920c;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom: 1px solid #5c920c;
}

/* テキスト強調 */

strong {
	color: #5c920c;
	font-weight: bold;
}

/* 引用 */

blockquote {
	margin: 1em;
	padding: 0 15px;
	font-size: 80;
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
}

/* olの中のul */

ol ul {
	list-style-type: disc;
}

/* olの中のol */

ol ol {
	list-style-type: lower-roman;
}

ol ol ol {
	list-style-type: disc;
}


/* フォームの入力欄をハイライトにする */

input, select, textarea {
	padding: 3px;
	background-color: #f8f8f8;
	border: 1px solid #e0e0e0;
}

input:focus, select:focus, textarea:focus {
	background-color: #ffffff;
	/*border: 1px solid #808080;*/
}

/* ----------------------------------------------------------------------
ヘッダ部
-------------------------------------------------------------------------- */

/* header */

#header {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 96px;
}

/* ----------------------------------------------------------------------
ナビゲーション部
-------------------------------------------------------------------------- */

/* title */

#title {
	margin: 0;
	padding: 0;
	width: 780px;
	height: 250px;
	background-color: #416939;
}

/* title image */

#titleImage {
	float: left;
	margin: 0;
	padding: 0;
	width: 530px;
	height: 250px;
}

#title #wrapNavi{
	float: right;
}




/* navigation */

#title #navigation {
	/*margin-left: 530px;  Firefox用 */
	padding: 0;
	width: 250px;
	height: 250px;
	background-image: url('images/navi_bg.gif');
	position: relative;
}

/* begin IE5〜ハック */
*:first-child+html #title #navigation {
	position: relative;
	margin-left: 0px;
}

* html #title #navigation {
	position: relative;
	margin-left: 0px;
}
/* end IE5〜ハック */


#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	display: inline;
}

#navigation li a {
	margin: 0;
	padding: 2px 15px 2px 35px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	width: 200px;
	/*height: 25px;*/
	text-decoration: none;
	background-image: url('images/list_mark.gif');
	background-position: 15px;
	background-repeat: no-repeat;
}

#navigation li a:hover {
	background-color: #58813e;
}

#navigation .navigationOn {
	margin: 0;
	padding: 2px 15px 2px 35px;
	display: block;
	color: #f5d361; /*#669900;*/
	font-size: 14px;
	width: 200px;
	text-decoration: none;
	background-image: url('images/list_mark.gif');
	background-position: 15px;
	background-repeat: no-repeat;
}

/* ----------------------------------------------------------------------
コンテント（メイン）部
-------------------------------------------------------------------------- */

/* content */

#content {
	width: 780px;
	margin: 0;
	padding: 0;
	clear: both;
	overflow: hidden;
}

/* main content */

#mainContent {
	margin: 0;
	padding: 5px;
	width: 520px;
	float: left;
}

#mainContent ol{
	margin: 1em 0 1em 2em;
}

#mainContent ul{
	margin: 1em 0 1em 1em;
}

/* next page content */

#pageContent {
	margin: 0;
	padding: 30px;
	width: 540px;
	float: left;
}

/* テキストナビ（パンくずナビ） */

.textNavi {
	margin-bottom: 5px;
	padding: 2px 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

/* block内イメージレイアウト */

.imageLayout {
	margin: 0 0 20px 20px;
	padding: 0;
	float: right;
}

/* goto page top button */

.buttunPageTop {
	margin: 0;
	padding: 0;
	text-align: right;
}

/* コンテンツブロック */

.contentBlock {
	margin: 1em 0;
	padding: 10px;
	border: 1px solid #e0e0e0;
	background-color: #f8f8f8;
}

/* テキストスクロールエリア */

.scrollArea {
	margin: 1em 0;
	padding: 10px;
	max-height: 10em; 
	border: 1px solid #e0e0e0;
	background-color: #f8f8f8;
	overflow-y: auto;
}

/* 入力フォームテーブル */

.formTable {
	border-style: hidden;
}

.formTable th {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #e0e0e0;
}

.formTable td {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #e0e0e0;
}

.formTable th {
	background-color: #f8f8f8;
	border-right: 2px solid #d5d59b;
}

/* 必須テキストカラー */
.hissu {
	color: #ff3366;
}

/* 料金表テーブル */

.priceTable {
	border: 1px solid #b0b0b0;
}

.priceTable th, td {
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #b0b0b0;
}

.priceTable th {
	/*background-color: #f8f8f8;*/
	background-image: url('images/h_bg.gif');
}

/* side bar */

#sideBar {
	margin: 0;
	padding: 5px ;
	width: 240px;
	float: right;
	/*background-color: #f6f3ea;*/
}

#sideBar ul {
	margin: 1em 0 1em 1em;
}

/* link banner HTML */

.linkBannerHtml {
	margin: 0;
	padding: 5px;
	font-size: 11px;
	border: 1px solid #b0b0b0;
	width: 90%;
	overflow: auto;
}

/* ----------------------------------------------------------------------
フッタ部
-------------------------------------------------------------------------- */

/* footer */

#footer {
	margin: 0 ;
	padding: 5px 30px;
	width: 720px;
	background-color: #ffde75;
	clear: both;
}
#footer address {
	font-size: 11px;
}