@charset "utf-8";
a:link {
	color: #4c9bff;
}
a:visited {
	color: #4c9bff;
}
a:hover {
	color: #4c9bff;
}


/* =========================== */
/* ヘッダー                   */
/* =========================== */

#header {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 123px;
}
#headr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header-left{
	width: 310px;
	float: left;
}
#header-right{
	width: 615px;
	float: right;
}

/* サイトタイトル */
#site-title {
	width: 250px;
	height: 71px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;

	}
/* ヘッターコンテンツ領域 */	
#header-contents {
	height: 26px;
	width: 310px;
	color: #739ab2;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}
#header-menu {
	width: 615px;
	display: block;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 35px;
	margin-top: 0px;
	}
#header-menu DIV.menu-sepalator {
	float:right;
	width: 11px;
	height: 35px;
	background-image: url(../img/header-menu-sp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
	#header-menu  A.text:link,
#header-menu  A.text:visited {
	color: #739ab2;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../img/header-menu-guide.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	padding-right: 13px;

	}
#header-menu A.text:hover{


}
#header-menu DIV.menu-item {
	float: right;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 7px;
	background-image: url(../img/header-menu-main.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	height: 28px;
	margin: 0px;
	}
#header-menu-left{
	background-image: url(../img/header-menu-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 15px;
	float: right;
}
#header-menu-right{
	background-image: url(../img/header-menu-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 9px;
	float: right;
}
#header-menu-main{
	height: 35px;
	background-image: url(../img/header-menu-main.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: right;
}



#header-img {
	height: 71px;
	width: 310px;
	float: right;
}
/* =========================== */
/* メインメニュー                  */
/* =========================== */	

#main-menu-wrap{
	background-image: url(../img/main-menu-wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 52px;
	width: 100%;
}
#main-menu {
	width: 932px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	height: 52px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	}
#main-menu-left{
	height: 52px;
	width: 1px;
	float: left;
	background-image: url(../img/main-menu-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#main-menu-right{
	float: left;
	height: 52px;
	width: 1px;
	background-image: url(../img/main-menu-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}	
#main-menu DIV.menu-item {
	float:left;
	height: 52px;
	width: 155px;
	margin: 0px;
	text-align: center;
	}
	
#main-menu DIV.menu-sepalator {
	padding:0px;
	float:left;
	width: 6px;
	height: 34px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#main-menu  A.text:link,
#main-menu  A.text:visited {
	font-size: 12px;
	color: #5e5e5e;
	text-decoration: none;
	display: block;
	height: 31px;
	text-align: center;
	width: 155px;
	background-image: url(../img/main-menu-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
	}

#main-menu A.text:active,
#main-menu A.text:hover {
	width: 155px;
	height: 31px;
	background-image: url(../img/main-menu-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
	}

#main-menu A.active:link,
#main-menu A.active:visited,
#main-menu A.active:active,
#main-menu A.active:hover {
	height: 31px;
	width: 155px;
	background-image: url(../img/main-menu-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
	}
#main-menu A:hover {
	height: 31px;
	width: 155px;
	background-image: url(../img/main-menu-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 21px;
}
#main-comp{
	width: 100%;
	background-image: url(../img/main-wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#page-top{
	width: 252px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}

/* =========================== */
/* フッター                     */
/* =========================== */

#footer{
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* フッターメニュー */
/* フッターメニュー */
DIV#footer-menu {
	text-align: center;
	width: 675px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#footer-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#footer-menu DIV.menu-item {
	float: left;
	text-align: center;
	display: inline;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 27px;
	padding-top: 0px;
	height: 18px;
	background-image: url(../img/footer-guide.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	}
#footer-menu DIV.menu-sepalator {
	float:left;
	width: 1px;
	height: 11px;
	background-color: #4f4f4f;
	margin-top: 2px;
	}
#footer-menu A:link,
#footer-menu A:active,
#footer-menu A:visited {
	color: #739ab2;
	text-decoration: none;
	font-size: 12px;
	display: inline;
	}
#footer-menu A.text:hover{
	color: #0071ff;
}


#footer-wrap{
	width: 100%;
	background-image: url(../img/footer-wrap.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #aed2ff;
}
/* フッターコンテンツ領域 */
#footer-contents {
	width: 930px;
	color: #474747;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 7px;
	background-repeat: repeat;
	background-position: left top;
	}


/* =========================== */
/* ページコンテンツのタイトル         */
/* =========================== */	
#main-contents h3 {
	background-image: url(../img/h3.jpg);
	background-repeat: no-repeat;
	width: 640px;
	font-size: 16px;
	color: #444a50;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 27px;
	padding-left: 30px;
	background-position: left top;
	height: 50px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
/* =========================== */
/* ページコンテンツの見出し１         */
/* =========================== */	
#main-contents h4 {
	background-image: url(../img/h4.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 638px;
	font-size: 14px;
	color: #394451;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background-position: left top;
	padding-top: 7px;
	padding-left: 32px;
	}
/* =========================== */
/* ページコンテンツの見出し2   */
/* =========================== */	
#main-contents h5 {
	height: 20px;
	width: 648px;
	font-size: 12px;
	color: #FFF;
	padding-top: 5px;
	padding-left: 22px;
	background-image: url(../img/h5.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left bottom;
	font-weight: bold;
	}
/* =========================== */
/* ページコンテンツの見出し3   */
/* =========================== */	
#main-contents h6 {
	background-image: url(../img/h6.jpg);
	background-repeat: no-repeat;
	width: 642px;
	font-size: 12px;
	font-weight: normal;
	background-position: left center;
	height: 22px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #557996;
	padding-top: 3px;
	padding-left: 28px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
/* =========================== */
/* サイトマップ                     */
/* =========================== */	
#main-contents #sitemap-section h4{
	background-image: url(../img/h4.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 638px;
	font-size: 14px;
	color: #394451;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background-position: left top;
	padding-top: 7px;
	padding-left: 32px;
	}
	
/* =========================== */
/* QRコード                        */
/* =========================== */	
IMG.qrcode {
	border:1px solid #cccccc;
	}
	
/* =========================== */
/* Googleマップ                     */
/* =========================== */	
IFRAME.googlemap {
	}
	
/* =========================== */
/* お問い合わせフォーム             */
/* =========================== */	
#mailform-section {
	margin: 0px 10px 0px 0px;
	}
#mailform-section DIV.form-layout {
	margin: 0px;
	width: 532px;
	}

/* 入力項目のセット */
#mailform-section DIV.form-layout DIV.form-items {
	border: 1px solid #cccccc;
	width: 532px;
	overflow:hidden;
	background-color: #efefef;
}
/* 入力項目 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item {
	clear:both;
}
/* 項目名セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.label {
	float: left;
	width: 130px;
	text-align: left;
	padding: 11px 8px 0px 8px;
	vertical-align: top;
	font-size: 10pt;
	border-top: 1px #ffffff solid;
	}
/* 入力欄セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field {
	float: left;
	width: 370px;
	text-align: left;
	padding: 8px 8px 0px 8px;
	vertical-align: top;
	background-color: #ffffff;
	}
/* 入力欄（テキストボックス） */
#mailform-section INPUT.input-text {
}
/* 入力欄（テキストエリア） */
#mailform-section TEXTAREA.input-textarea {
}
/* 入力欄（ラジオボタン） */
#mailform-section INPUT.input-radio {
}
/* 入力欄（チェックボックス） */
#mailform-section INPUT.input-checkbox {
}
/* 入力欄（選択リスト） */
#mailform-section INPUT.input-select {
}
/* 説明 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field P.description {
	margin: 3px 0px 0px 0px ;
	font-size: 9pt;
	}
/* 項目名 */
#mailform-section LABEL {
	}
/* ※（必須） */
#mailform-section .required {
	color:red;
	font-weight: normal;
	}
/* エラーの時の背景色 */
#mailform-section .error {
	background-color: #ffccff;
	}
/* エラーの時のメッセージ */
#mailform-section .error-message {
	color: #ff0000;
	}
/* 完了メッセージ */
#mailform-section .completion-message {
	border: 1px solid #cccccc;
	padding: 30px;
	}
/* 送信ボタン */
#mailform-section DIV.submitee {
	clear:both;
	text-align: center;
}
#mailform-section DIV.submitee BUTTON
{
   cursor: pointer;
   width: 109px;
   height: 32px;
   background-image:url(/theme/form_submit.jpg);
   border-width:0px;
}
/* 「送 信」テキスト */
#mailform-section DIV.submitee BUTTON SPAN
{
   display: none;
}



/* =========================== */
/* お知らせ一覧パーツ（サイドコンテンツ内）  */
/* =========================== */
/* リスト全体 */
#side-contents #topic-headline-section DL {
	font-size: 10pt;
	color: #223344;
	width: 180px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	}
/* 記事タイトル（リンク先がないとき） */
#side-contents #topic-headline-section DT{
	width: 180px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	}
/* 公開日 */
#side-contents #topic-headline-section DT .date {
	font-weight: bold;
	width: 180px;
	display: block;
	}
/* 記事タイトル（リンク先があるとき） */
#side-contents #topic-headline-section DT A {
	color: #006ecb;
	}
/* 記事概要 */
#side-contents #topic-headline-section DD {
	margin-bottom: 10px;
	padding: 0px;
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	}


	
	
/* =========================== */
/* お知らせ一覧ページ                 */
/* =========================== */

#topic-list-section {
	width: 670px;
	padding-bottom: 5px;
	margin: 0px;

	}
/* 記事タイトル */	
#topic-list-section DT {
	width: 670px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #555555;
	font-size: 12px;
	}
/* 公開日*/
#topic-list-section DT .date {
	font-weight: bold;
	color: #555555;
	width: 100px;
	padding-right: 20px;
	font-size: 12px;
	}
/* 記事タイトル（リンク先があるとき） */
#topic-list-section DT A {
	color: #4c9bff;
	font-size: 12px;
	}
/* 本文（記事コンテンツ/なければ記事概要） */
#topic-list-section DD {
	margin-bottom: 10px;
	width: 670px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b5b4ac;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #555555;
	font-size: 12px;
	margin-left: 0px;
	}
/* お知らせ本文中の画像 */
#topic-list-section DD IMG {
	margin: 5px;
	}
/* 記事区切り */	
#topic-list-section DD DIV.topic-sepalator {
	clear:both;
	height:0px;
	width: 100px;
}

/* =========================== */
/* テンプレート挿入時の表             */
/* =========================== */
TABLE.table_a {
		border-collapse: collapse;
		border: 1px #809FFF solid;
	}
TH.table_a_th {
		color: #FFFFFF;
		background-color: #0862B0;
		border: 1px #809FFF solid;
	}
TH.table_a_th2 {
		color: #008EBC;
		background-color: #D5DFFF;
		border: 1px #809FFF solid;
	}
TD.table_a_td {
		color: #223344;
		background-color: #F0F8FF;
		border: 1px #809FFF solid;
	}
/* =========================== */
/* バナー                    　*/
/* =========================== */
.side-banar-box {
	background-color: #e0e0e0;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* ========================================== */
/* 編集画面で表組み内の文字だけ大きくなる対応 */
/* ========================================== */
table {
	font-size:inherit; /* not IE */
	font:100%; /* IE */
}
/* =========================== */
/* フォントサイズ変更　　     */
/* =========================== */
#change-box {
	padding: 0px 0px 0px 320px;
	margin-top: 0px;
	width: 301px;
}
#change-box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



TABLE.topic-table {
	width: 670px;
	border: 1px solid #d4dbe0;
	background-color: #ecf1f4;
	margin-top: 12px;

	}

TABLE.topic2-table {
	width: 670px;
	border: 1px solid #d4dbe0;
	background-color: #dbeae1;
	margin-top: 12px;

	}