@charset "utf-8";


#mainImg_pc{
}

/*	scrollbar
--------------------------*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track-piece {
  background-color:#f1f6f7;
}
::-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: #53baff;
  cursor: pointer
} 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #68b1f5; 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #21a6ff; 
}






/* ---------------------
		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 )";}
#font-size  a:hover img,#font-size  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;}
.txg-tgallery-wrapper IMG{border:3px solid #CCC;}.txg-tgallery-wrapper TD{vertical-align: top;}
.scrollFixIt{color:#666;margin-right:3px;}


/*	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: #4a4344;
	background-image: url(../img/bg.jpg);
	}


/*	
	header
----------------------------------------*/
DIV#top {
	width: 100%;
	padding: 0px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #77bdd1;
	display: block;
	overflow: hidden;
	}

header{
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #6db1f8;
}
#header {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#headr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
header #site-title {
	float: left;
	padding: 0px;
	display: block;
	margin-left: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	}
header #tel-number{
	float: right;
	padding: 0px;
	display: block;
	margin-right: 21px;
	margin-top: 3px;
}
#header-contents {
	color: #666;
	text-align: left;
	font-weight: normal;
	display: block;
	float: none;
	width: 920px;
	clear: both;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 23px;
	margin: 0px;
	}
#header-nav{
	float: right;
	width: 450px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#header-nav ul {
	display: block;
	list-style-type: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#header-nav ul li {
	float: right;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	vertical-align: middle;
	padding-left: 13px;
	text-decoration: none;
	color: #333333;
	background-image: url(../img/maru-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#header-nav ul li A,
#header-nav ul li A:link,
#header-nav ul li A:visited {
	color: #333;
	text-decoration: none;
}
#header-nav ul li A:hover{
	color: #3399FF;
}

/*	
	groval Navigation
----------------------------------------*/
#groval{
	width: 952px;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	display: block;
	font-size: 120%;
	clear: both;
	float: none;
	overflow: hidden;
}
#groval:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#groval ul{
	padding: 0px 9px;
	width: 932px;
	display: block;
	background-color: #aed8ff;
	overflow: hidden;
	float: left;
	margin: 0px;
	border-radius: 8px;
}
#groval ul li {
	float:left;
	width: 155px;
	text-align: center;
	display: block;
	height: 47px;
	list-style-type: none;
	background-image: url(../img/main-nav_spacer.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
#groval li A.text:link,
#groval li A.text:visited {
	color: #4a4344;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 155px;
	font-weight: normal;
	padding-top: 16px;
	margin-right: auto;
	margin-left: auto;
	height: 31px;
	}
#groval li A.text:active,
#groval li A.text:hover,
#groval li A.active:link,
#groval li A.active:visited,
#groval li A.active:active,
#groval li A.active:hover,
#groval li A:hover {
	width: 155px;
	color: #4a4344;
	background-image: url(../img/main-nav_ov.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#groval li.spacer{
	background-image: url(../img/main-nav_spacer.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 2px;
	margin: 0px;
	padding: 0px;
}
/*	CONTENTS
----------------------------------------*/
section#contents{
	display: block;
	clear: both;
	float: none;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

/*	CONTENTS
----------------------------------------*/


/*	title
----------------------------------------*/
#main-contents h3 {
	background-image: url(../img/h3-bk.jpg);
	background-repeat: no-repeat;
	width: 640px;
	font-size: 160%;
	color: #333333;
	background-position: left top;
	height: 47px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	display: block;
	}
#main-contents h4 {
	background-repeat: no-repeat;
	height: 33px;
	width: 640px;
	font-size: 140%;
	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(../img/h4-bk.jpg);
	padding-top: 20px;
	padding-left: 30px;
	}
#main-contents h5 {
	height: 24px;
	width: 670px;
	font-size: 130%;
	color: #333;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../img/h5-bk.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: 8px;
	}
#main-contents h6 {
	background-image: url(../img/h6-icon.png);
	background-repeat: no-repeat;
	width: 645px;
	font-size: 130%;
	background-position: left center;
	height: 21px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #333333;
	padding-top: 4px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
/*	sitemap -------------------*/
#main-contents #sitemap-section h4{
	background-repeat: no-repeat;
	height: 33px;
	width: 640px;
	font-size: 140%;
	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(../img/h4-bk.jpg);
	padding-top: 20px;
	padding-left: 30px;
	}
#main-contents #sitemap-section li{
	list-style-type: circle;
	text-decoration: none;
}	
IMG.qrcode {
	border:1px solid #cccccc;
	}
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-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: 120%;
	}
#topic-list-section DT .date {
	font-weight: bold;
	display: block;
	clear: both;
	float: none;
	background-image: url(../img/h6.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 17px;
	}
#topic-list-section DT A {
	color: #48B4FF;
	}
#topic-list-section DD {
	margin-bottom: 20px;
	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: 20px;
	padding-left: 0px;
	margin-left: 0px;
	font-size: 100%;
	}
#topic-list-section DD IMG {
	margin: 5px;
	}
#topic-list-section DD DIV.topic-sepalator {
	clear:both;
	height:0px;
	width: 100px;
}


	
/*	FOOTER
----------------------------------------*/
footer{
	display: block;
	padding: 0px;
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer-contents {
	width: 930px;
	color: #4a4344;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 100%;
	clear: both;
	padding-top: 15px;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-right: 0px;
	}
#footer-wrap {
	width: 100%;
	background-color: #f1f6f7;
}
#footer-nav{
	width: 930px;
	margin-right: auto;
	margin-left: auto;
}
#footer-nav ul.fnavi {
	float: left;
	display: block;
	width: 500px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}
#footer-nav ul.fnavi li {
	float: left;
	text-align: left;
	vertical-align: middle;
	color: #333;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-nav ul.fnavi A,
#footer-nav ul.fnavi A:link,
#footer-nav ul.fnavi A:visited {
	text-decoration: none;
	color: #323232;
	margin: 0px;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 13px;
	background-image: url(../img/footer-menu-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#footer-nav ul.fnavi A:hover{
	color: #0066FF;
}


ul#page-top{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 400px;
	list-style-type: none;
}
ul#page-top li{
	float: right;
	padding: 0px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
ul#page-top li a{
	background-image: url(../img/page-top-guide.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 3px;
	color: #323232;

}

div#copyright{
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	float: none;
}
#footer hr{
	height: 1px;
	margin: 0px;
	background-color: #696967;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #2d2c2b;
}

#footer-contents .cname {
	font-size: 15px;
	font-weight: bold;
}


/*	TOPPAGE
----------------------------------------*/
TABLE#toppage{
	margin-bottom: 10px;
}
#toppage TD#sideBlock{
	width: 230px;
	padding: 0px;
	vertical-align: top;
}
#toppage TD#spacer{
	width: 30px;
	padding: 0px;
	overflow: hidden;
}
#toppage TD#mainBlock{
	padding: 0px;
	width: 670px;
	vertical-align: top;
}


/*
ドキュメントビュー用
------------------------------------- */
.txg-doclist ul{list-style-type:none;}.txg-doclist li{list-style-type:none;margin-bottom:0.5em;border-bottom:1px dotted #5c4930;}a.txg-doclist-link,a.txg-doclist-embed{padding-left:20px;padding-top:5px;background:transparent url(../icons/icon_txt.gif) no-repeat center left;}a.txg-doclist-link[href$='.pdf'],a.txg-doclist-embed[href$='.pdf']{background:transparent url(../icons/icon_pdf.gif) no-repeat center left;}a.txg-doclist-link[href$='.xls'],a.txg-doclist-embed[href$='.xls']{background:transparent url(../icons/icon_xls.gif) no-repeat center left;}a.txg-doclist-link[href$='.xlsx'],a.txg-doclist-embed[href$='.xlsx']{background:transparent url(../icons/icon_xls.gif) no-repeat center left;}a.txg-doclist-link[href$='.doc'],a.txg-doclist-embed[href$='.doc']{background:transparent url(../icons/icon_doc.gif) no-repeat center left;}a.txg-doclist-link[href$='.docx'],a.txg-doclist-embed[href$='.docx']{background:transparent url(../icons/icon_doc.gif) no-repeat center left;}a.txg-doclist-link[href$='.ppt'],a.txg-doclist-embed[href$='.ppt']{background:transparent url(../icons/icon_pps.gif) no-repeat center left;}a.txg-doclist-link[href$='.pptx'],a.txg-doclist-embed[href$='.pptx']{background:transparent url(../icons/icon_pps.gif) no-repeat center left;}a.txg-doclist-link[href$='.zip'],a.txg-doclist-embed[href$='.zip']{background:transparent url(../icons/icon_archive.gif) no-repeat center left;}a.txg-doclist-link[href$='.rar'],a.txg-doclist-embed[href$='.rar']{background:transparent url(../icons/icon_archive.gif) no-repeat center left;}
/* ----footer sitemap ---------------- */
#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;}
/* ----side topics ---------------- */
#side-contents #topic-headline-section DL{font-size:10pt;color:#333;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:#222;}#side-contents #topic-headline-section DD{margin-bottom:10px;padding:0px;width:180px;margin-right:0px;margin-left:0px;}
	
	





.side-banner-comp{
	margin-bottom: 14px;
	width: 232px;
	margin-right: auto;
	margin-left: auto;

	
}

.side-banner-comp a{
	text-decoration: none;	
}

.side-banner {
	padding: 0px;
	display: block;

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.side-banner .banner-text {
	display: block;
	color: #5d585b;
	margin: 0px;
	font-size: 13px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-image: url(../img/maru-icon.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

.side-banner .banner-img {
	display: block;
	width: 232px;
}
.side-banner .banner-img img{

}