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


/* ---------------------
		common
---------------------- */
a:link{
	color:#029fcc;
}a:visited{
	color:#029fcc;
}a:hover{
	color:#029fcc;
}
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;}

img{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

/* ======= Design ======= */
	
BODY {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 14px;
	color: #333333;
	background-color: #f5f6f6;
	}



.layout5 #main-contents{
		padding: 10px;
}
.layout5{
	background-color: #ffffff;
}



/* ---------------------
		header
---------------------- */
header{
	background-color: #26619d;

}

header section{
}

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


#site-title{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}



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

#header-menu {
	display: block;
	width: 670px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;

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


#header-menu DIV.menu-sepalator {
	margin: 0px;
	display: inline;
	font-size: 12px;
	padding: 0px;
	}

#header-menu  A.text:link,
#header-menu  A.text:visited {
	text-decoration: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	display: block;
	color: #ffffff;
	font-size: 13px;
	background-image: url(../img/header-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	}

#header-menu DIV.menu-item {
	float: right;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	}


#header-menu DIV.menu-item a:hover{
	text-decoration: underline;

}

#header-tel{
	float: right;
	padding-right: 0px;
	margin-top: 11px;
	margin-bottom: 0px;
	clear: right;
	
}


/* groval Navigation
---------------------------------------- */
#groval-wrap{
	clear: both;
	border-top: 1px solid #1e4e7e;
	background-image: url(../img/main-menu-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#groval-nav {
	width: 930px;
	padding: 0px;
	display: block;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

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

#groval-nav ul {
	width: 930px;
	text-align: center;
	display: block;
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#groval-nav ul.gnav_1 li {
  width: 930px;
}

#groval-nav ul.gnav_2 li {
  width: 465px;
}

#groval-nav ul.gnav_3 li {
  width: 310px;
}

#groval-nav ul.gnav_4 li {
  width: 232.5px;
}

#groval-nav ul.gnav_5 li {
	width: 186px;

}

#groval-nav ul.gnav_6 li {
  width: 155px;

}

#groval-nav ul.gnav_7 li {
  width: 132.85px;
}

#groval-nav ul.gnav_8 li {
  width: 116.25px;
}



#groval-nav ul li {
	float: left;
	text-align: center;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}




#groval-nav ul li a.text {
	width: 100%;
	height: 30px;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	color: #f5f6f6;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

#groval-nav ul li a.text:hover,
#groval-nav ul li a.text:active,
#groval-nav ul li a.text.active {
	color: #004b98;
	background-color: #f5f6f6;
	
}


/* =========================== */
/* パンくずリスト                  */
/* =========================== */	

#crumb-list {
	font-weight: normal;
	width: 915px;
	clear: both;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;

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

#crumb-list DIV.crumb-item {
	float:left;
	color: #676767;
	}
#crumb-list DIV.crumb-sepalator {
	float:left;
	padding: 0px;
	margin-right: 10px;
	margin-left: 10px;
	color: #676767;
	}
#crumb-list DIV.crumb-sepalator SPAN {
	margin: auto 4px auto 4px;
	}
#crumb-list A {
	text-decoration: none;


}


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



/* ------------------------
		Footer
------------------------- */

footer {
	clear: both;
	padding: 0px;
	margin: 0px;
}
#footer-wrap{
	clear: both;
	border-top: 1px solid #26619D;
}

#footer-comp{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0px;
	padding-right: 30px;

}

#footer-contents {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: none;

}



/* フッターメニュー */
ul#footer-menu {
	display: block;
	width: 924px;
	list-style-type: none;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 6px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul#footer-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

ul#footer-menu li {
	padding: 0px;
	margin: 0px;
	float: left;
}


#footer-menu A:link,
#footer-menu A:active,
#footer-menu A:visited {
	text-decoration: none;
	color: #01458b;
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-image: url(../img/footer-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 35px;
	font-size: 12px;
}
#footer-menu A:hover {

	text-decoration: underline;

}


/* ========================================== */
/* デザインテーマ用スタイルここまで */
/* ========================================== */


/* ---------------------
		hedding
---------------------- */	
	
#main-contents h3 {
	position: relative;
	border-top: 5px solid #26619d;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	
	
	
	background-color: #f5f6f6;
	font-size: 120%;
	color: #26619d;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 19px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 22px;

	}
#main-contents h3:after {
	content: '';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;

}		



	
#main-contents h4 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	color: #26619d;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #e8e6e6;
	border-left: 4px solid #26619d;

	}


	
#main-contents h5 {
	font-size: 100%;
	color: #26619d;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 25px;
	padding-right: 0px;
	background-image: url(../img/h5.png);
	background-position: 1px center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #26619d;
}

.layout1 #main-contents h5 {
	font-size: 140%;
	color: #26619d;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: none;
	background-position: 1px center;
	background-repeat: no-repeat;
	border-bottom: 3px solid #bbbbbb;
	line-height: 1.2;
}

#main-contents h6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 100%;
	color: #26619d;

	padding-left: 33px;
	padding-top: 9px;
	padding-bottom: 6px;
	font-weight: normal;
	background-image: url(../img/h6.png);
	background-position: left center;
	background-repeat: no-repeat;

	}
/* ---------------------
		sitemap
---------------------- */
#main-contents #sitemap-section h4{
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	color: #26619d;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #e8e6e6;
	border-left: 4px solid #26619d;
}
#main-contents #sitemap-section h4 a{
	color: #26619d;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	display: block;
}
#main-contents #sitemap-section li{
	list-style-type: circle;
	text-decoration: none;
}	
#footer-contents #sitemap-section{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	margin-bottom: 100px;
}
#footer-contents #sitemap-section a:hover{
	text-decoration: none;
	color: #FFF;
}
#footer-contents #sitemap-section .box{
	display: inline-block;
	float: left;
	width: 145px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#footer-contents #sitemap-section h4{
	font-weight: normal;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #53BAFF;
	padding-left: 3px;
	margin: 0px;
}
#footer-contents #sitemap-section h4 a{
	text-decoration: none;
	color: #0A70A7;
}
#footer-contents #sitemap-section ul{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 11px;
}
#footer-contents #sitemap-section li{
	list-style-type: none;
}
#footer-contents #sitemap-section li a{
	color: #0E498B;
	text-decoration: none;
	font-weight: normal;
}
/* ---------------------
		QR code
---------------------- */
IMG.qrcode {
	border:1px solid #cccccc;
	}
	
/* ---------------------
	   Google map
---------------------- */	
IFRAME.googlemap {
	}
	
	
/* =========================== */
/* お問い合わせフォーム             */
/* =========================== */	
/* お問い合わせフォーム */
#tx_form_0 {
  margin: 0;
  padding: 0;
  display: block;
  width: 670px;
}
#mailform-section {
  margin: 0;
  color: #036;
}
#mailform-section div.form-layout {
  display: block;
  margin: 0 auto;
  width: 600px;
}
#mailform-section div.form-layout div.form-items {
  border: 1px solid #adacac;
  width: 600px;
  overflow: hidden;
  background-color: #efefef;
  margin: 0 auto;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}
#mailform-section div.form-layout div.form-items div.form-item {
  clear: both;
  overflow: hidden;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #adacac;
}
#mailform-section div.form-layout div.form-items div.form-item div.label {
  float: left;
  width: 150px;
  text-align: left;
  vertical-align: top;
  font-size: 10pt;
  background-color: #efefef;
  padding-top: 9px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;
  color: #003366;
}
#mailform-section div.form-layout div.form-items div.form-item div.field {
  float: left;
  width: 413px;
  text-align: left;
  vertical-align: top;
  padding: 8px;
  border-left-width: 1px;
  border-left-style: dotted;
  border-left-color: #adacac;
}
#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 div.form-layout div.form-items .field-textarea {
  width: 405px;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  border: 1px solid #adacac;
}
#mailform-section input.input-text {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  width: 410px;
  border: 1px solid #adacac;
  height: 30px;
}
#mailform-section textarea.input-textarea {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  border: 1px solid #adacac;
}
#mailform-section input.input-select {
  border: 1px solid #adacac;
}
#mailform-section .required {
  color: red;
  font-weight: normal;
}
#mailform-section .error {
  background-color: #fcf;
  padding: 0px;
  text-align: left;
}
#mailform-section .error-message {
  color: #f00;
}
#mailform-section .completion-message {
  border: 1px solid #adacac;
  padding: 30px;
}
#mailform-section div.submitee {
  clear: both;
  text-align: center;
}
#mailform-section div.submitee button {
  cursor: pointer;
  background-image: url(../img/form_submit.jpg);
  border-width: 0px;
  height: 51px;
  width: 144px;
  background-color: #FFF;
  margin-top: 5px;
}
#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;
	}
#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 */
}



.banner-comp-l{
	text-decoration: none;
	width: 670px;
	height: 44px;
	display: inline;
}
.banner-comp-m{
	text-decoration: none;
	width: 330px;
	height: 44px;
	display: inline;
}

.banner-comp-l a{
	text-decoration: none;
	height: 44px;
	width: 670px;
}
.banner-comp-m a{
	text-decoration: none;
	width: 330px;
	height: 44px;

}


span.tch-banner-l{
	display: block;
	height: 33px;
	width: 631px;
	font-size: 18px;
	text-decoration: none;
	background-image: url(/asset/shared/layout/tch-banner-l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 11px;
	padding-left: 39px;

}


A span.tch-banner-l,
A:link span.tch-banner-l,
A:visited span.tch-banner-l{
	color: #343434;
	text-decoration: none;
}
A:hover span.tch-banner-l{
	color: #FFF;
	background-image: url(/asset/shared/layout/tch-banner-l-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}


span.tch-banner-m{
	display: block;
	height: 33px;
	width: 291px;
	font-size: 18px;
	text-decoration: none;
	background-image: url(/asset/shared/layout/tch-banner-m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 11px;
	padding-left: 39px;

}

A span.tch-banner-m,
A:link span.tch-banner-m,
A:visited span.tch-banner-m{
	color: #343434;
	text-decoration: none;
	width: 291px;
}
A:hover span.tch-banner-m{
	color: #FFF;
	background-image: url(/asset/shared/layout/tch-banner-m-r.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	width: 291px;
}



/* ========================================== */
/* 固定ページ*/
/* ========================================== */





ul.lst {
	margin-bottom: 25px;
        padding-left:0;
        font-size:16px;

}
ul.lst li{
	width: 24%;
	float: left;
	margin-bottom: 10px;
	margin:0.5%;
	height: 60px;
	line-height: 1.3;
	display: table;
	text-align: center;
	overflow: hidden;
        list-style-type:none;
        background-color: #deeaf4;
        background: -webkit-linear-gradient(#f8fafc 0%,#deeaf4 100%);
        background: linear-gradient(#f8fafc 0%,#deeaf4 100%);     
　　　　transition: background 1s;  
}

ul.lst li :hover{
	background-color: #26619d;
        background: -webkit-linear-gradient(#26619d 0%,#1e4f81 100%);
        background: linear-gradient(#26619d 0%,#1e4f81 100%); 
        color:#ffffff !important;
}


ul.lst a:link{
        color:#000;
}
ul.lst a:visited{
        color:#000;
}

ul.lst li a{
	display: table-cell;
	vertical-align: middle;
	padding: 0;
        text-decoration:none;
}

/* PC 非表示
------------------*/
.sp-bnr_ul1 {
    display: none;
}
.sp-bnr_ul2 {
  display: none;
}