@charset "UTF-8";

/*Body*/
body {
	font-family:sans-serif,monospace,Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	background-color:#f9f8f4;
	line-height:120%;
	margin:0; padding:0;
text-align:center;/*IE対策　センター配置*/
}

/*センター配置*/
#container {
	display:block;
	margin:0px auto 0 auto; padding:0;
text-align:left;/*IE対策　センター配置の文字修正*/
}
/*センター配置　FireFoxのみ*/
@-moz-document url-prefix() {
	#container {
		display:block;
		margin:-2px auto; padding:0;
	text-align:left;/*IE対策　センター配置の文字修正*/
	}
}

/*Header*/
#header {
	margin:0px auto 0px auto; padding:10px 0 10px 0;
	zoom:100%;
	background-color:#f9f8f4;
	width:980px;
}
#header:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
/*お問い合わせ
.head_form{
	display:block;
	background: url(../images/common/head_form.png) no-repeat;
	width:181px; height:35px;
	margin:0 10px 0 0; padding:0px;
	float:right;
	z-index:2;
	position:relative;
	text-indent:-9999999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.head_form:hover{
	display:block;
	background: url(../images/common/head_form_on.png) no-repeat;
	width:181px; height:35px;
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
	-moz-background-size:100% auto;
	background-size:100% auto;

}*/

/*H1*/
h1#logo a {
	display:block;
	background:url(../images/common/logo.png) !important;
	width:361px; height:65px;
	overflow:hidden;
	text-indent:-9999999px;
	margin:0px 0; padding:0;
	float:left;
	background-size: 100% !important;
}

/*accessible-kit*/
.accessible-kit{
	width:980px;
	margin:-2px auto 0 auto; padding:0;
}


/*Font Size*/
#fontsize {
	display:block;
	width:220px; height:39px;
	margin:0 0px 0 0; padding:0;
	float:right;
	z-index:2;
	position:relative;

}
#fontsize ul {
	margin:4px 0 0 0px; padding:0;
}
#fontsize li {
	display:inline;
	list-style-type:none;
	text-decoration:none;
	float:left;
}
#fontsize li a {
	display:block;
	padding:0;
}
#fontsize-name {
	display:block;
	background:url(../images/common/fontsize.png) !important;
	text-indent:-99999px;
	overflow:hidden;
	margin:0 3px; padding:0;
	width:82px; height:30px;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
#large a {
	display:block;
	background:url(../images/common/font_large.png)  !important;
	text-indent:-99999px;
	overflow:hidden;
	margin:0 3px 0 0; padding:0;
	width:31px; height:30px;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
#small a {
	display:block;
	background:url(../images/common/font_small.png) !important;
	text-indent:-99999px;
	overflow:hidden;
	margin:0 3px 0 0; padding:0;
	width:31px; height:30px;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
#standard a {
	display:block;
	background:url(../images/common/font_standard.png) !important;
	text-indent:-99999px;
	overflow:hidden;
	margin:0 3px 0 0; padding:0;
	width:31px; height:30px;
	-moz-background-size:90% auto;
	background-size:90% auto;
}


#large a:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

#small a:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

#standard a:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}



/*Color-Change*/
.color_change{
	margin:-2px auto 0 auto; padding:0;
}
.inverse-normal {
		background-color:  !important;
}
.inverse-black {
		background-color: #000 !important;
		color: #fff !important;
}
.inverse-yellow {
		background-color: #FFFF00 !important;
		color: #0000FF !important;
}
.inverse-blue {
		background-color: #00008B !important;
		color: #FFFF00 !important;
}

.inverse-black a:link { color: #FFFF00 !important; } 
.inverse-yellow a:link { color: #000 !important; } 
.inverse-blue a:link { color: #fff !important; } 
.inverse-black a:visited { color: #FFFF00 !important; }
.inverse-yellow a:visited { color: #000!important; }
.inverse-blue a:visited { color: #fff !important; } 
#inverse{
	display:block;
	width:198px; height:39px;
	margin:0 0px 0 0; padding:0px;
	float:right;
	z-index:2;
	position:relative;
	
}
.inverse-content{
	margin:4px 0 0 0px;
	
}
.inverse-default {
	background-color: #000 !important;
	color: #fff !important;
}
.accessible-button-name {
	display:block;
	cursor: pointer;
	background: url(../images/common/a-b.png) !important;
	width:50px;
	height:30px;
	margin-right:6px;
	padding: 0;
	
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
.accessible-button-1 {
	display:block;
	cursor: pointer;
	background: url(../images/common/a-b-1.png) !important;
	width:30px;
	height:30px;
	margin-right:0px;
	padding: 0;
	
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
.accessible-button-2 {
	display:block;
	cursor: pointer;
	background: url(../images/common/a-b-2.png) !important;
	width:30px;
	height:30px;
	margin-right:6px;
	padding: 0;
	
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
.accessible-button-3 {
	display:block;
	cursor: pointer;
	background: url(../images/common/a-b-3.png) !important;
	width:30px;
	height:30px;
	margin-right:6px;
	padding: 0;
	
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
}
.accessible-button-4 {
	display:block;
	cursor: pointer;
	background: url(../images/common/a-b-4.png) !important;
	width:30px;
	height:30px;
	margin-right:6px;
	padding: 0;
	
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
}

.accessible-button-1:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}
.accessible-button-2:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}
.accessible-button-3:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}
.accessible-button-4:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

/*サイト内検索*/
#insideform{
	display:block;
	margin: 0px auto 0 auto; padding:0px;
	float:right;
	z-index:2;
	position:relative;
}

#searchform{
	width:345px; height:30px;
	float:right;
}

/*.screen-reader-text{
	display:block;
	cursor: pointer;
	background: url(../images/common/insideform.png) no-repeat;
	width:97px;
	height:30px;
	margin-top: 0px;
	padding: 0;
	float:left;
	-moz-background-size:90% auto;
	background-size:90% auto;
} */

#formtext{
	width:170px;
	height:22px;
}

#searchsubmit{
	display:block;
	cursor: pointer;
	background: url(../images/common/submit.png) no-repeat;
	width:60px;
	height:30px;
	margin-top: 0px;
	padding: 0;
	text-indent:-99999px;
	float:right;
	-moz-background-size:90% auto;
	background-size:90% auto;
	border:none;
}

#searchsubmit:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
	-webkit-transition: 0.3s ;
	transition: 0.3s ;
}

/*サイトマップ*/
#sitemap{
	display:block;
	background:url(../images/common/sitemap.png) no-repeat;
	width:119px;
	height:30px;
	text-indent:-99999px;
	margin: 5px 10px 0 5px;; padding:0px;
	float:right;
	z-index:2;
	position:relative;
	-moz-background-size:90% auto;
	background-size:90% auto;
}

#sitemap:hover{
	box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
}

/*お問い合わせ*/
#contact{
	display:block;
	background:url(../images/common/contact.png) no-repeat;
	width:119px;
	height:30px;
	text-indent:-99999px;
	margin: 0px 10px 0 5px;; padding:0px;
	float:right;
	z-index:2;
	position:relative;
	-moz-background-size:90% auto;
	background-size:90% auto;
}

#contact:hover{
	box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
}

/*Slider*/
.slider_top{
	z-index:1;
	width:980px;
	margin:0px auto 30px auto; padding:0;
}

/*Gloval_Nav*/
#global_nav_bgd{
	background:#58A566;
}

#global_nav {
	zoom:100%;
	width:980px;
	margin:0px auto 10px auto; padding:0;
}
#global_nav:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#global_nav ul {
	margin:0; padding:0;
}
#global_nav li {
	display:inline;
	list-style-type:none;
}
#global_nav li a {
	display:block;
	height:94px;
	text-decoration:none;
	text-indent:-9999999px;
	overflow:hidden;
	float:left;
}
/*global_nav------off */

#nav_top a {
	background:url(../images/common/gnav.png) no-repeat 0px 0px;
	width:163.3px;
}
#nav_kensaku  {
	background:url(../images/common/gnav.png) no-repeat -163.3px 0px;
	width:163.3px;
}
#nav_annai  {
	background:url(../images/common/gnav.png) no-repeat -327px 0px;
	width:163.3px;
}

#nav_calendar a {
	background:url(../images/common/gnav.png) no-repeat -490px 0px;
	width:163.3px;
}

#nav_mylibrary {
	background:url(../images/common/gnav.png) no-repeat -653.2px 0px;
	width:163.3px;
}

#nav_otoiawase  a{
	background:url(../images/common/gnav.png) no-repeat -816.5px 0px;
	width:163.3px;
}

/*global_nav------hover*/
#nav_top a:hover  {
	background:url(../images/common/gnav.png) no-repeat 0px -95px;
	width:163.3px;
}
#nav_kensaku:hover   {
	background:url(../images/common/gnav.png) no-repeat -163.3px -95px;
	width:163.3px;
}
#nav_annai:hover   {
	background:url(../images/common/gnav.png) no-repeat -326.6px -95px;
	width:163.3px;
}

#nav_calendar a:hover  {
	background:url(../images/common/gnav.png) no-repeat -489.9px -95px;
	width:163.3px;
}

#nav_mylibrary:hover  {
	background:url(../images/common/gnav.png) no-repeat -653.2px -95px;
	width:163.3px;
}

#nav_otoiawase  a:hover {
	background:url(../images/common/gnav.png) no-repeat -816.5px -95px;
	width:163.3px;
}



/*global_nav------on */
#nav_top_on a {
	background:url(../images/common/gnav.png) no-repeat 0px -94.5px;
	width:163.3px;
}
#nav_kensaku_on  {
	background:url(../images/common/gnav.png) no-repeat -163.3px -94.5px;
	width:163.3px;
}
#nav_annai_on   {
	background:url(../images/common/gnav.png) no-repeat -326.6px -94.5px;
	width:163.3px;
}

#nav_calendar_on a {
	background:url(../images/common/gnav.png) no-repeat -489.9px -94.5px;
	width:163.3px;
}

#nav_mylibrary_on a {
	background:url(../images/common/gnav.png) no-repeat -653.2px -94.5px;
	width:163.3px;
}

#nav_otoiawase_on  a {
	background:url(../images/common/gnav.png) no-repeat -816.5px -94.5px;
	width:163.3px;
}


/*Drop Down*/
.dropmenu{

  list-style-type: none;

}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
.dropmenu li a{
  display: block;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li ul li a{
  margin-top:-1px;
  border: 1px solid #DEDEDF;
  background: #FBFBFB;
  text-align: left;
  text-indent:10px !important;
  width:161px;
  height:50px !important;
  color:#030303;
  font-size:90%;
}
.dropmenu li:hover > a{
  background-color:#58A566;
  color:#f5f5f5;
}
.dropmenu li a:hover{
  background-color:#58A566;
  color:#f5f5f5;
}

.dmenu_content{
	margin-top:15px !important;
	color:#030303 !important;
}
/*Drop Down 動き*/

.dropmenu li:hover ul li{
  overflow: visible;
  height: 50px ;
}


/*Contents Area*/
#wrapper {
	width:980px;
	margin:0; padding:10px 0 0 0;
	zoom:100%;
}
#wrapper:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#contents {
	width: 720px;
	min-height:400px;
    margin: 0;
    padding: 10px 15px 50px 15px;
    float: right;
    background: #fff;
    border-radius: 5px;
	border:1px solid #EEE;
box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}
/*記事内大題*/
#contents h4 {
	background:#eee;
	padding:10px;
	width:90%;
	margin-left:20px;
	font-size:1.1em;
	border-left:5px solid #3A84DF;
}

#contents-home {
	width:730px;
	margin:0 0 0 30px; padding:0;
	float:right;
}
#side-L {
	width:210px;
	margin:0 0 0 5px; padding:0;
	float:left;
}
#side-R {
	width:165px;
	margin:0 10px 0 0px; padding:0;
	float:right;
}
#side-L-innner {
	width:210px;
	margin:0 0px 10px 0; padding:0;
	border:1px solid #EEE;
	border-radius: 5px;
box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}

#side-cld-R {
	width:210px;
	margin:0 0px 0 0; padding:0;
	float:right;
	border:1px solid #EEE;
box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}
/*BreadBrumb*/
#bread_crumb {
	width:970px;
	margin:10px auto; padding:0;
	font-size: 90%;
	display:none;
}

/*Footer*/
#footer{
	padding:20px 0 20px 0;
	background-color:#e8e8e8;
	width:auto;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}

.footer_inner{
	width:980px;
	margin:0px auto 0 auto; padding:0;
	color:#051F48;
	height: auto !important
}

.footer_goto_top{
	width:980px;
	margin:0px auto 0 auto; padding-top:30px;
	text-indent:-9999999px;

}
.goto_top{
	background:url(../images/common/goto_top.png) no-repeat;
	height:81px;
	width:81px;
	-moz-background-size:100% auto;
	background-size:100% auto;
	float:right;
	margin-right:20px;
}
/*アドレス*/
#f_address {
	float:left;
	margin:0 0 0px 0px;
	width:400px;
	
}
#f_address a{
	text-decoration:none;
	color:#051F48;
	font-weight:bolder;
}
.footer_right{
	float:right;
	width:180px;
}
/*Policys*/
#policys {
	margin:60px 0 0 0; padding:0;
	zoom:100%;
	font-size:85%;
	text-align: right;
}
#policys:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#policys ul {
	margin:0 0 0 20px; padding:0;
}
#policys li {
	display:inline;
	list-style-type:none;

}
#policys li a {
	font-weight:bold;
	text-decoration:none;
	color:#051F48;
	margin:0 0px 30px 0px; padding:0;
	float:right;
}

/*Link Banner*/
#banner {
	width:605px; height:58px;
	margin:30px auto; padding:0;
	zoom:100%;
}
#banner:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#banner ul {
	margin:0; padding:0;
}
#banner li {
	display:inline;
	list-style-type:none;
}
#banner li a {
	display:block;
	width:180px; height:58px;
	text-decoration:none;
	margin:0 10px 0 0; padding:0;
	float:left;
}

#copyright {
	margin:0; padding:10px 0;
	text-align: center;
	background:#296b35;
	color:#fff;
	font-size:90%;
}

/*ページの先頭へ*/
.page-top {
	display: none;
	height:25px;
	float:right;
}
.page-top a {
	display: block;
	width: 116px;
	height: 35px;
	text-align: center;
	color:#fff;
	text-decoration: none;
	line-height: 10px;
	margin-right:10px;
}
.page-top_space {
	display: block;
	height:25px;
	width:50px;
	float:left;
}
.page-top_div {
	display: block;
	height:25px;
	width:980px;
	margin:0px auto 0 auto; padding-top:50px;
	text-indent:-9999999px;
}

/*ブログ用*/

#container_blog {
	display:block;
	margin:0px auto 0 auto; padding:0;
	text-align:left;/*IE対策　センター配置の文字修正*/
	background:#E8F5FF;
}
/*センター配置　FireFoxのみ*/
@-moz-document url-prefix() {
	#container_blog {
		display:block;
		margin:-2px auto; padding:0;
		text-align:left;/*IE対策　センター配置の文字修正*/
		background:#E8F5FF;
	}
}

.color_change_blog{
	width:980px;
	margin:0px auto 0 auto; padding:0;
	background:#fff;
}

#global_nav_blog {
	zoom:100%;
	width:980px;
	margin:0px auto 0px auto; padding:0;
}
#global_nav_blog:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#global_nav_blog ul {
	margin:0; padding:0;
}
#global_nav_blog li {
	display:inline;
	list-style-type:none;
}
#global_nav_blog li a {
	display:block;
	height:94px;
	text-decoration:none;
	text-indent:-9999999px;
	overflow:hidden;
	float:left;
}

.header_bgd{
	background:#F9F8F4;
}

#contents_blog {
	width: 720px;
	min-height:400px;
    margin: 0 0 15px 0;
    padding: 10px 15px 50px 15px;
    float: right;
    background: #fff;
	border-left: 2px dotted #d6d6d5;
}

#bread_crumb_blog {
	width:970px;
	margin:0px auto; padding:10px 0;
	font-size: 90%;
	display:none;
}

.news_t_blog {
	font-size: 140%;
    font-weight: bold;
    color: #FFFFFF;
    margin: 10px 0 0px 0;
    padding: 10px 15px 20px 15px;
    background: url(../images/common/timg_bk.png) no-repeat;
}

#cat_name {
    display: block;
    background: url(../images/common/bg_link.png) no-repeat;
    width: 132px;
    height: 28px;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 5px 0 0 8px;
    float: right;
	font-size:12px;
	color:#0A3E75;
}

.day {
    width: 100%;
    font-style: italic;
    color: #36f;
    text-align: right;
    margin: 10px 0 0 0;
    padding: 0;
}

.cont_frame {
    width: 95%;
    border-bottom: 1px dotted #ccc;
    margin: 10px 0 50px 20px;
    padding: 0 0 20px 0;
	position:relative;
	overflow:hidden;
	clear:both;
	float:none;
}

.side-title_blog_new{
	background: url(../images/common/nabi_new.png) no-repeat;
	display: block;
    text-indent: -9999999px;
    width: 210px;
    height: 77px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
	background-size:100% auto;
}

.side-title_blog_category{
	background: url(../images/common/nabi_category.png) no-repeat;
	display: block;
    text-indent: -9999999px;
    width: 210px;
    height: 77px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
	background-size:100% auto;
}

.side-title_blog_archive{
	background: url(../images/common/nabi_archive.png) no-repeat;
	display: block;
    text-indent: -9999999px;
    width: 210px;
    height: 77px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
	background-size:100% auto;
}

.page-top_div_blog {
	display: block;
	height:25px;
	width:980px;
	margin:0px auto 0 auto;
	text-indent:-9999999px;
}