.txg-tgallery-wrapper IMG{
	border: 3px solid #CCC;
}
.scrollFixIt{
	color: #666;
	margin-right: 3px;
}

/* ---------------------
		common
---------------------- */
a:link{
	color:#0f6fcf;
}a:visited{
	color:#0f6fcf;
}a:hover{
	color:#0f6fcf;
}
A IMG {border: none;}
P {margin: 0px 0px 5px;padding: 0px;}
table {font-size:inherit; /* not IE */font:100%; /* IE */}
#main-contents a:hover img,#side-contents a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70 )";}
a:focus{outline:none;}a{overflow:hidden;}
#main-contents .twtr-widget h3{background-image:none;font-size:medium;margin:0px;padding:0px;font-weight:normal;height:auto;width:auto;}
#main-contents .twtr-widget h4{font-size:medium;font-weight:normal;background-image:none;margin:0px;padding:0px;height:auto;width:auto;}
.error{background:#ff6699;padding: 20px;text-align:center;}
.render-mode-switch{font-size: 40px !important;text-align: center;color: #FFF;background-color: #333;padding-top: 40px;padding-bottom: 40px;}
/*HTML5用*/
header,footer,nav,section,article,figure,aside {display:block;}

/* ======= Design ======= */
	
BODY {
	font-family: "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: small;
	color: #333333;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	}


#header-wrap{
	background-image: url(../img/header-top.png);
	background-repeat: repeat-x;
	background-position: center top;
}

/* ---------------------
		header
---------------------- */
header{



}
header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


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

#header-contents {
	width: 690px;
	font-weight: normal;
	font-size: 12px;
	float: left;
	margin: 0px;
	color: #FFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#header-main{
	clear: both;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-position: centor top;
/	background-color: #f1f7f0;/
/	opacity:0.8;filter:alpha(opacity=80);-moz-opacity:"alpha(opacity=80 )";/
}
#header-main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#site-title {
	width: 500px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	float: left;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	}

#header-tel{
	float: right;
	width: 405px;
	text-align: right;
	margin-top: 14px;
	padding: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header-menu {
	display: block;
	width: 505px;
	float: right;
	margin: 0px;
	clear: right;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 13px;
	padding-left: 0px;
	}
#header-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}	


#header-menu  A.text:link,
#header-menu  A.text:visited {
	color: #002c0a;
	text-decoration: none;
	font-size: small;
	}

#header-menu DIV.menu-item {
	float: right;
	margin-left: 21px;
	padding-left: 18px;
	background-image: url(../img/menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 1px;
	}
#header-menu DIV.menu-item a:hover{
	color: #b22222;
}



#main-menu {
	width: 930px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
/	background-image: url(../img/main-menu-bg.png);/
/	background-repeat: no-repeat;/
	background-position: center top;
	background: #e0efe0;
	border-bottom: 5px solid #c0dfc0;
	border-radius: 4px 4px 0 0;
	padding: 0px;
	letter-spacing: 2px;
/	letter-spacing: -1px;/
	}
#main-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}	
#main-menu DIV.menu-item {
	margin: 0px;
	text-align: center;
	display: block;
	height: 43px;
	width: 145px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

#main-menu DIV.menu-sepalator {
	display: block;
	text-align: center;
	padding: 0px;
	float: left;
	height: 49px;
	width: 2px;
	margin: 0px;
	background-color: #FFF;
	}

#main-menu  A.text:link,
#main-menu  A.text:visited {
	font-size: 125%;
	color: #006400;
	text-shadow: 2px 2px 2px #a9a9a9;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	height: 27px;
	width: 145px;
	display: block;
	padding-top: 12px;
	}

#main-menu A.text:active,
#main-menu A.text:hover {
	font-size: 126%;
	font-weight: bold;
	color: #b22222;
	text-shadow: 1px 1px 1px #a9a9a9;
/	text-shadow: 1px 1px 1px #696969;
	height: 31px;
	width: 145px;
	display: block;
	padding-top: 12px;
	background: #d0e7d5;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ed9999;
/	border-bottom-color: #ffc0cb;/
	}
#main-menu A.active:link,
#main-menu A.active:visited,
#main-menu A.active:active,
#main-menu A.active:hover {
	font-size: 125%;
	font-weight: bold;
	color: #b22222;
	text-shadow: 2px 2px 2px #a9a9a9;
	height: 31px;
	width: 145px;
	display: block;
	padding-top: 12px;
	border-bottom-width: 5px;
/	border-bottom-style: solid;/
/	border-bottom-color: #8fbc8f;/
	}
#main-menu A:hover {
	font-size: 125%;
	font-weight: bold;
	color: #006400;
	text-shadow: 2px 2px 2px #a9a9a9;
	height: 27px;
	width: 145px;
	display: block;
	padding-top: 12px;
/	border-bottom-width: 4px;/
/	border-bottom-style: solid;/
/	border-bottom-color: #8fbc8f;/
}



/* =========================== */
/* サイドコンテンツ            */
/* =========================== */
#side-contents {
	width:230px;
	margin: 0px;
	padding: 0px;
	}



#toPageTop{
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	background-image: url(../img/page-top-bottom.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	height: 23px;
	padding-bottom: 4px;
}
/* ------------------------
		Footer
------------------------- */
footer {
	width: 100%;
	clear: both;
}

#footer-contents {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 9px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	}


/* フッターメニュー */
ul#footer-menu {
	width: 905px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	list-style-type: none;
	overflow: hidden;
	padding-top: 18px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 6px;
}
ul#footer-menu li {
	text-align: left;
	display: block;
	background-image: url(../img/menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 19px;
	width: 161px;
	float: left;
	padding-top: 2px;
}
ul#footer-menu li.menu-sepalator {
	color: #FFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
	}
#footer-menu A:link,
#footer-menu A:active,
#footer-menu A:visited {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}
#footer-menu A:hover {
	color: #408c3f;

}


ul#footer-menu li.PageTop-li{
	float: right;
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;

}

#footer-copyright-wrap{
	background-image: url(../img/copyright-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	background-color: #006600;
	clear: both;
}
#footer-copyright{
	color: #FFF;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
}


#footer-menu2{
	margin: 0px;
	list-style-type: none;
	width: 905px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#footer-menu2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#footer-menu2 li{
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	width: 180px;
}
#footer-menu2 li ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer-menu2 li ul li{
	width: 161px;
	display: inline;
	padding-left: 19px;
	background-image: url(../img/footer-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	color: #002c0a;
}
#footer-menu2 li ul li a{
	text-decoration: none;
	color: #002c0a;
}
#footer-menu2 li ul li a:hover {
	color: #408c3f;

}
#footer-menu2 li ul li.menu-title{
	color: #333;
	background-image: url(../img/menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
}
#footer-menu2 li ul li.menu-title a {
	text-decoration: none;
	color: #002c0a;
}
#footer-menu2 li ul li.menu-title a:hover {
	color: #408c3f;

}

/* ---------------------
		hedding
---------------------- */	
#main-contents h3 {
	background: #eaf0e6;
	border-bottom: solid 5px #b7daa2;
	padding: 40px 0 35px 25px;
	color:#360;
	font-size: 160%;
	margin: 0 0 1.5em 0;
	min-height: 30px;
	/*
	background-image: url(../img/h3.png);
	background-repeat: no-repeat;
	width: 632px;
	font-size: 22px;
	color: #333333;
	background-position: left top;
	height: 72px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 48px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 38px;
	*/
	}
#main-contents h4 {
	color: #0F7708;
	font-size: 130%;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	padding: 0 0 0 0.5em;
	position: relative;
	}
#main-contents h4:before{
	content:"";
	display: block;
	content:"";
	width: 8px;
	height: 8px;
	background-color: #3b6500;
	float: left;
	margin: 8px 10px 8px 0px;
}
#main-contents h4:after{
	content:"";
	display: block;
	width: 100%;
	top: 4px;
	position: relative;
	margin-bottom: 0;
	min-height: 1px;
	background-color: #81b548;
	height: 2px;
	margin-left: -0.5em;
}
#main-contents h5 {
	color: #f09759;
	font-size: 130%;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	padding: 0 0 0 0.5em;
	position: relative;
	min-height: 10px;
	margin: 0 0 1em 0;
	}
#main-contents h5:after{
	content:"";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #f09759;
	top: 5px;
	position: relative;
	margin-bottom: 1px;
	min-height: 1px;
	margin-left: -0.5em;
}
#main-contents h6 {
	background: #d0e7d0;
	padding: 10px 0 8px 5px;
	font-weight: normal;
	font-size: 120%;
	min-height: 10px;
	/*
	background-image: url(../img/h6.png);
	background-repeat: no-repeat;
	width: 657px;
	font-size: 14px;
	font-weight: bold;
	background-position: left center;
	color: #006700;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 17px;*/
	}
/* ---------------------
		sitemap
---------------------- */
#main-contents #sitemap-section h4{
	color: #0F7708;
	font-size: 130%;
	font-weight: normal;
	border-bottom: solid 1px #ccc;
	padding: 0 0 0 0.5em;
	position: relative;
	}
#main-contents #sitemap-section h4:after{
	content:"";
	display: block;
	width: 100%;
	top: 5px;
	position: relative;
	margin-bottom: 0;
	min-height: 1px;
	background-color: #81b548;
	height: 2px;
	margin-left: -0.5em;
}
#main-contents #sitemap-section h4 a{
	color: #46734A;
}
#main-contents #sitemap-section li{
	list-style-type: circle;
	text-decoration: none;
}	

/* ---------------------
		QR code
---------------------- */
IMG.qrcode {
	border:1px solid #cccccc;
	}
	
/* ---------------------
	   Google map
---------------------- */	
IFRAME.googlemap {
	}
/* =========================== */
/* お問い合わせフォーム             */
/* =========================== */	
#mailform-section {
	margin: 0px 10px 0px 0px;
	}
#mailform-section DIV.form-layout {
	margin: 0px;
	width: 668px;
	}

/* 入力項目のセット */
#mailform-section DIV.form-layout DIV.form-items {
	border: 1px solid #cccccc;
	width: 668px;
	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: 506px;
/*	width: 370px;*/
	text-align: left;
	padding: 8px 8px 0px 8px;
	vertical-align: top;
	background-color: #ffffff;
	}
/* 入力欄（テキストボックス） */
#mailform-section INPUT.input-text {
	width: 230px;
}
/* 入力欄（テキストエリア） */
#mailform-section TEXTAREA.input-textarea {
	width: 490px;
}
#mailform-section TEXTAREA.field-textarea {
	width: 490px;
}
/* 入力欄（ラジオボタン） */
#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;
}


/* ------------------------
		topic
------------------------- */
#side-contents #topic-headline-section DL {
	font-size: 10pt;
	color: #333333;
	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: #222222;
	}
#side-contents #topic-headline-section DD {
	margin-bottom: 10px;
	padding: 0px;
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	}
/* ------------------------
		topic
------------------------- */
#topic-list-section {
	width: 670px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin: 0px;
	}
#topic-list-section DT {
	width: 670px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666;
	font-size: 12px;
	}
#topic-list-section DT .date {
	font-weight: bold;
	color: #666;
	width: 100px;
	padding-right: 20px;
	font-size: 12px;
	}
#topic-list-section DT A {
	font-size: 12px;
	color: #0f6fcf;
	}
#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: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333333;
	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 {
	font-size:inherit; /* not IE */
	font:100%; /* IE */
}
/* ------------------------
		font size
------------------------- */

#font-size-text{
	float: left;
	width: 85px;
	display: block;
	padding-left: 0px;
	margin: 0px;
	text-align: right;
	font-size: 11px;
	color: #333333;
	padding-top: 9px;
	font-weight: bold;
}



#font-size {
	list-style-type: none;
	width: 230px;
	height: 39px;
	background-color: #FFF;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	float: right;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#font-size:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#font-size #s {
	height: 25px;
	float: right;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 3px;
	padding: 0px;
	width: 39px;
}

#font-size #m  {
	height: 25px;
	float: right;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 39px;
}
#font-size #l  {
	height: 25px;
	float: right;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 39px;
}

#font-size #s a{
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	height: 21px;
	text-align: center;
	width: 39px;
	background-image: url(../img/font-size-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
}

#font-size #m a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 21px;
	width: 39px;
	background-image: url(../img/font-size-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
}

#font-size #l a {
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	height: 21px;
	width: 39px;
	background-image: url(../img/font-size-btn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
}

#font-size #s a:hover {
	background-image: url(../img/font-size-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;

}
#font-size #m a:hover {
	background-image: url(../img/font-size-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;

}
#font-size #l a:hover {
	background-image: url(../img/font-size-btn-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFF;

}


TABLE.side-contact-table{
	border: 1px solid #8fbc8f;
	background-color: #FFF;
}

TABLE.side-contact-table .side-contact-title{
	padding-top: 16px;
}

TABLE.side-contact-table .side-contact-address{
	color: #333;
	padding-left: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}

TABLE.side-contact-table .side-contact-tel{
	background-image: url(../img/side-contact-tel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 5px;
}
TABLE.side-contact-table .side-contact-tel .side-contact-tel-text{
	font-size: 15px;
	color: #006700;
	padding-left: 47px;
	font-weight: bold;
	letter-spacing: -1px;
}
TABLE.side-contact-table .side-contact-tel .side-contact-tel-text a{
	color: #006700;
	text-decoration: none;
}

TABLE.side-contact-table .side-contact-img{
	padding-top: 10px;
	padding-bottom: 14px;

}
TABLE.side-contact-table .side-contact-img p{
	margin: 0px;
	padding: 0px;

}

TABLE.side-contact-table .side-contact-img img{

}



/*	scrollbar CSS3対応ブラウザでのみ対応
--------------------------------------------------*/
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  /*スクロール部分背景色*/

}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:active {
  background-color: #d3ffd3;
  /* スクロールバー アクティブ時 */

  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #80bf8f;
  /* スクロールバー本体の色 */

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #80bf8f;
  /*ウィンドウがアクティブでないときの色*/

}