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

/* ---------------------
		common
---------------------- */
a:link{
	color:#418bd9;
}a:visited{
	color:#418bd9;
}a:hover{
	color:#418bd9;
}
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: 12px;
	color: #333333;
	}

/* ---------------------
		header
---------------------- */
header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;



}

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

header section{
}

#header-top-wrap{
	background-color: #2e80d5;
}
#header-top-wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

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



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


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

#header-contents {
	width: 733px;
	font-weight: normal;
	float: left;
	margin: 0px;
	font-size: 12px;
	color: #FFF;
	background-color: #2e80d5 !important;
	padding-top: 9px;
	padding-right: 0px;
	padding-left: 7px;
	}
#header-contents:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header-contact{
	float: right;
	width: 250px;
	text-align: right;
	margin-top: 13px;
	
}


#header-menu {
	display: block;
	width: 930px;
	text-align: right;
	margin: 0px;
	clear: both;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
#header-menu DIV.menu-sepalator {
	margin: 0px;
	display: inline;
	font-size: 12px;
	color: #585858;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	}

#header-menu  A.text:link,
#header-menu  A.text:visited {
	text-decoration: none;
	color: #333333;
	margin: 0px;
	background-image: url(../img/header-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}

#header-menu DIV.menu-item {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#header-menu DIV.menu-item a:hover{


}


#main-menu {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	}
#main-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}	
#main-menu DIV.menu-item {
	padding: 0px;
	float: left;
	width: 150px;
	margin: 0px;
	height: 33px;
	}

#main-menu DIV.menu-sepalator {
	padding:0px;
	float:left;
	width: 6px;
	height: 33px;
	margin: 0px;
	}

#main-menu  A.text:link,
#main-menu  A.text:visited {
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	width: 150px;
	height: 22px;
	font-size: 14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #a0a6a9;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	}

#main-menu A.text:active,
#main-menu A.text:hover {
	padding-right: 0px;
	padding-left: 0px;
	width: 150px;
	height: 23px;
	padding-top: 8px;
	text-decoration: none;
	color: #FFF;
	background-color: #1973d1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9ec4ec;
	}
#main-menu A.active:link,
#main-menu A.active:visited,
#main-menu A.active:active,
#main-menu A.active:hover {
	padding-right: 0px;
	padding-left: 0px;
	width: 150px;
	height: 23px;
	padding-top: 8px;
	text-decoration: none;
	color: #FFF;
	background-color: #1973d1;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9ec4ec;
	}

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


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

}



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


footer {
	clear: both;
	padding: 0px;
	margin: 0px;
}



#footer-wrap{
	clear: both;
	background-color: #418bd9;
}
/*
#footer-wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
*/



#footer-contents {
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 19px;
	padding-left: 30px;
	background-color: #418bd9 !important;
	color: #FFF;
	}
#footer-contents #footer-hr{
	background-color: #6dabd7;
	height: 1px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;

}

/* フッターメニュー */
ul#footer-menu {
	display: block;
	width: 930px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 30px;
}

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


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

#footer-menu A:link,
#footer-menu A:active,
#footer-menu A:visited {
	text-decoration: none;
	color: #333333;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../img/header-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer-menu A:hover {


}



/* =========================== */
/* ページトップへ            　*/
/* =========================== */
#page-top {
	text-align: right;
	margin: 0px;
	width: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

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

#page-top a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}


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




/* ---------------------
		hedding
---------------------- */	
#main-contents h3 {
	width: 652px;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #000000;
	height: 36px;
	background-image: url(../img/h3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	}
#main-contents h4 {
	width: 661px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #2e80d5;
	background-image: url(../img/h4.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 9px;

	}
#main-contents h5 {
	position: relative;
	width: 660px;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #2e80d5;

	}


#main-contents h6 {
	width: 655px;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/h6.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	}
/* ---------------------
		sitemap
---------------------- */
#main-contents #sitemap-section h4{
	width: 661px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #2e80d5;
	background-image: url(../img/h4.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 9px;

	}
#main-contents #sitemap-section h4 a{

}
#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 */
}



/* =========================== */
/* フォントサイズ変更　　     */
/* =========================== */
#font-size {
	width: 170px;
	list-style-type: none;
	display: block;
	float: right;
	height: 19px;
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}
#font-size-text{
	float: left;
	color: #c7ddf4;
	font-weight: normal;
	width: 75px;
	text-align: right;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#font-size-btn{
	float: left;
	width: 90px;
}
#font-size:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#font-size #s {
	float: left;
	height: 19px;
	width: 29px;

}
#font-size #s a{
	height: 18px;
	width: 29px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	display: block;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#font-size #s a:hover{
	background-color:#FFF;
	color: #1f8fc7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}
#font-size #m{
	float: left;
	height: 19px;
	width: 29px;
}
#font-size #m a{
	height: 18px;
	width: 29px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	display: block;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#font-size #m a:hover{
	background-color:#FFF;
	color: #1f8fc7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}
#font-size #l{
	float: left;
	height: 19px;
	width: 29px;
}
#font-size #l a{
	height: 18px;
	width: 29px;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	display: block;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
#font-size #l a:hover{
	background-color:#FFF;
	color: #1f8fc7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}






/*デザイン追加分*/

.banner350_title{
width: 350px;
height: 40px;
padding:20px 20px 0 20px;
font-size: 18px;
color:#2e80d5;
}

.banner350_text{
width: 350px;
padding:0 20px 0 20px;
font-size: 14px;
}

.banner142_title{
width: 142px;
height: 40px;
padding:20px 20px 0 20px;
font-size: 14px;
color:#2e80d5;
}