/*
Mixin用css--------------*/
.w100 {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
}
.container {
  width: 930px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  display: block;
}
.mp0 {
  margin: 0;
  padding: 0;
}
.radius05 {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
.radius03 {
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
}
.radius10 {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}
.box-shadow {
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
/* ---------------------
		common
---------------------- */
a:link {
  color: #06C;
  text-decoration: none;
}
a:visited {
  color: #06F;
}
a:hover {
  color: #3CF;
}
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: 60px !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;
}
/*ギャラリー*/
.txg-tgallery-wrapper IMG {
  border: 3px solid #CCC;
}
.scrollFixIt {
  color: #666;
  margin-right: 3px;
}
IMG.qrcode {
  border: 1px solid #ccc;
}
/*	scrollbar CSS3対応ブラウザでのみ対応
--------------------------------------------------*/
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track-piece {
  background-color: #ccffcc;
  /*スクロール部分背景色*/

}
::-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: #44bc44;
  /* スクロールバー アクティブ時 */

  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #007800;
  /* スクロールバー本体の色 */

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #007800;
  /*ウィンドウがアクティブでないときの色*/

}
/* ---------------------------------------
		Design
---------------------------------------- */
BODY {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  width: 100%;
  font-size: 14px;
  color: #333333;
  background-image: url(../img/top.gif);
  background-position: top center;
  background-repeat: repeat-x;
}
#container {
  background-image: url(../img/container.png);
  background-position: top center;
  background-repeat: repeat-y;
  display: block;
  margin: 0 auto 0 auto;
  width: 950px;
  overflow: hidden;
}
/* header
--------------------*/
header {
  width: 930px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../img/header-bg.jpg);
  background-position: top center;
  background-repeat: repeat-x;
}
header section {
  display: block;
  width: 100%;
  float: none;
  overflow: hidden;
}
header #header-contents {
  display: block;
  float: left;
  width: 610px;
  margin: 12px 0 0 5px;
  font-size: 90%;
  color: #797979;
}
header #site-title {
  display: block;
  float: left;
  margin: 0px 0 0 10px;
}
header #tel-number {
  display: block;
  float: right;
  margin: 35px 0 0 0;
}
header nav {
  overflow: hidden;
}
header ul#header-nav {
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
header ul#header-nav li a {
  background-image: url(../img/header-nav.gif);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  float: right;
  font-size: 90%;
  padding: 2px 0 0 13px;
  margin-right: 10px;
  color: #333333;
}
header ul#header-nav li a:hover,
header ul#header-nav li a:active {
  color: #007800;
  text-decoration: underline;
}
header ul#groval-nav {
  overflow: hidden;
  margin: 0;
  padding: 0 0 2px 0;
  list-style-type: none;
  display: block;
  background-image: url(../img/gnav_shadow.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}
header ul#groval-nav li a {
  display: block;
  float: left;
  width: 153px;
  height: 37px;
  text-align: center;
  background-image: url(../img/gnav_bg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}
header ul#groval-nav li a:link,
header ul#groval-nav li a:visited,
header ul#groval-nav li a.text:link,
header ul#groval-nav li a.text:visited {
  color: #ffffff;
  padding-top: 10px;
  height: 27px;
}
header ul#groval-nav li a:active,
header ul#groval-nav li a:hover,
header ul#groval-nav li a.active,
header ul#groval-nav li a.text:active,
header ul#groval-nav li a.text:hover {
  background-image: url(../img/gnav_ov.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  color: #ffffff;
}
header ul#groval-nav li::before {
  content: url(../img/gnav_spacer.jpg);
  width: 2px;
  height: 37px;
  display: block;
  float: left;
}
footer {
  background-color: #007800;
}
footer ul#footer-nav {
  width: 930px;
  margin: 0 auto 0 auto;
  height: auto;
  overflow: hidden;
  padding: 5px 0 5px 0;
  list-style-type: none;
  display: block;
}
footer ul#footer-nav li a {
  background-image: url(../img/footer-nav.gif);
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 90%;
  padding: 2px 0 0 13px;
  margin-right: 10px;
  color: #ffffff;
}
footer ul#footer-nav li a:link,
footer ul#footer-nav li a:visited {
  color: #ffffff;
}
footer ul#footer-nav li a:active,
footer ul#footer-nav li a:hover {
  color: #003400;
}
footer ul#footer-nav li#toPageTop a {
  background-image: none;
  float: right;
}
footer hr {
  border-top: solid 1px #003400;
  border-bottom: solid 1px #44bc44;
  margin: 0;
}
footer #footer-contents {
  width: 930px;
  margin: 0 auto 0 auto;
  padding: 10px 0 10px 0;
  background-color: #007800 !important;
  color: #ffffff;
}
#contents {
  width: 930px;
  margin: 0 auto 0 auto;
}
#main-contents h3 {
  background-image: url(../img/h3.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 160%;
  color: #ffffff;
  font-weight: normal;
  height: 43px;
  width: 100%;
  padding: 12px 0 0 15px;
  margin: 0 0 15px 0;
}
/* =========================== */
/* ページコンテンツの見出し１         */
/* =========================== */	
#main-contents h4 {
	background-repeat: no-repeat;
	height: 27px;
	width: 655px;
	font-size: 14px;
	color: #FFFFFF;
	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;
	background-image: url(/asset/00032/img/h4.jpg);
	padding-top: 7px;
	padding-left: 15px;
	}
/* =========================== */
/* ページコンテンツの見出し2   */
/* =========================== */	
#main-contents h5 {
	height: 25px;
	width: 660px;
	font-size: 14px;
	color: #003300;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(/asset/00032/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;
	padding-top: 0px;
	}
/* =========================== */
/* ページコンテンツの見出し3   */
/* =========================== */	
#main-contents h6 {
	background-image: url(/asset/00032/img/h6.jpg);
	background-repeat: no-repeat;
	width: 650px;
	font-size: 14px;
	font-weight: bold;
	background-position: left center;
	height: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #017800;
	padding-top: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}

/* Site map */
#main-contents #sitemap-section h4 {
  font-size: 110%;
  background-image: url(../img/h6.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding: 0;
  font-weight: normal;
  margin: 0 0 15px 0;
border: none;
color: #007800;
}
#main-contents #sitemap-section h4 a {
  color: #007800;
}
/* お問い合わせフォーム
------------------------------- */#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 #ccc;
  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 #fff 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: #fff;
}
#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 .required {
  color: red;
  font-weight: normal;
}
#mailform-section .error {
  background-color: #fcf;
}
#mailform-section .error-message {
  color: #f00;
}
#mailform-section .completion-message {
  border: 1px solid #ccc;
  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;
}
/* font Change
-------------------------------- */
#font-size {
  margin: 0 15px 0 0;
  height: 27px;
  width: 192px;
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: right;
  background-color: #007800;
}
#font-size #text {
  float: left;
  display: block;
  width: 80px;
  margin: 0;
  padding: 3px 0 0 10px;
  height: 21px;
  color: #ffffff;
}
#font-size #s,
#font-size #m,
#font-size #l {
  float: right;
}
#font-size #s a,
#font-size #m a,
#font-size #l a {
  height: 21px;
  width: 28px;
  display: block;
  background-color: #007800;
  color: #ffffff;
  margin-left: 2px;
  text-align: center;
  padding-top: 1px;
  border-top: 1px solid #44bc44;
  border-left: 1px solid #44bc44;
  border-bottom: 1px solid #003400;
  border-right: 1px solid #003400;
}
#font-size #s a:hover,
#font-size #m a:hover,
#font-size #l a:hover {
  background-color: #229a22;
}
#font-size:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.others-menu-table {
  background-color: #FFF;
  border-spacing: 2px;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
margin: 0 auto 5px auto;
}
.others-menu-list {
  list-style-type: none;
  width: 90%;
  display: block;
  padding: 0;
  margin: 0.5em auto;
}
.others-menu-list li {
  background-image: url("/asset/00032/toppage/contents/others-menu_list.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 0.3em 0;
}
.others-menu-list li a {
  text-decoration: underline;
}
.text-qr_banner_user {
  display: block;
  border: 3px solid #00B600;
  background-color: #fff;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.text-qr_banner_user .text {
  margin: 10px 0 0 5px;
  display: block;
  float: left;
}
.text-qr_banner_user .qr {
  display: block;
  float: right;
  margin: 2px;
  width: 72px;
}
.attention {
  background-color: #f9e9d7;
  border-spacing: 5px;
  margin-bottom: 15px;
}
.attention td {
  background-color: #FFF;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  font-size: 24px;
  color: #848484;
  text-align: center;
}
.madoguchi {
  border-spacing: 0;
  width: 100%;
  font-size: 85%;
  margin-bottom: 15px;
}
.madoguchi .shibu {
  width: 15%;
}
.madoguchi thead th {
  background-color: #009B00;
  color: #FFF;
  font-size: 115%;
  padding: 0.5em;
}
.madoguchi tbody th {
  background-color: #F4F4F4;
  border-right: 3px solid #CCC;
  border-bottom: 1px dotted #CCC;
  padding: 1em;
  text-align: left;
}
.madoguchi tbody th a {
  text-decoration: underline;
}
.madoguchi tbody td {
  border-bottom: 1px dotted #CCC;
  padding: 0.5em;
  text-align: center;
}
.madoguchi tbody .address {
  text-align: left;
}
#main-contents .madoguchi h6 {
  font-size: 100%;
  background: none;
  padding: 0;
  font-weight: normal;
  margin: auto;
width: auto;
}

/* =========================== */
/* ページ毎のCSS　ここから↓   */
/* =========================== */	

#main-contents	h3.img-h3	{
	margin:0 0 20px 0!important;
	padding:0!important;
	border:none!important;
	background:none!important;
	height:auto!important;
}

table.tbl01	{
	border-collapse:collapse;
	border:1px solid #CCC;
	margin:0 0 20px 0;
}
table.tbl01 th	{
	padding:7px 10px;
	background:#d7f2d7;
	color:#007800;
	border:1px solid #CCC;
	white-space:nowrap;
}
table.tbl01 td	{
	padding:7px 10px;
	border:1px solid #CCC;
}

table.tbl02	{
	border-collapse:collapse;
	margin:0 0 20px 0;
}
table.tbl02 th	{
	padding:5px 10px;
	border-bottom:1px dotted #CCC;
	vertical-align:top;
	color:#007800;
}
table.tbl02 td	{
	padding:5px 10px;
	border-bottom:1px dotted #CCC;
}

table.tbl03	{
	border-collapse:collapse;
	margin:0 0 20px 0;
}
table.tbl03 th	{
	padding:5px 10px;
	background:#ddd;
	color:#838383;
	text-align:center;
}
table.tbl03 td	{
	padding:5px 10px;
	border-bottom:1px dotted #CCC;
	text-align:center;
}
.td-goannai	{
	background:url(/asset/00032/img/goannai_bg.gif);
	margin:0 0 30px 0;
}
.tbl-goannai	{
	margin:15px auto;
}
.tbl-goannai th	{
	padding:5px 0;
	color:#007800;
	text-align:left;
	font-size:14px;
}
.tbl-goannai td	{
	padding:0 0 15px 30px;
	text-align:left;	
}

.others-menu-list-test {
/*
  list-style-type: none;
*/
  width: 90%;
/*
  display: block;
  padding: 0;
  margin: 0.5em auto;
*/
}
.others-menu-list-test li {
  background-image: url("/asset/00032/toppage/contents/others-menu_list.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 0.3em 0;
}
.others-menu-list-test li a {
  text-decoration: underline;
}
