@charset "UTF-8";


/* 共通設定　※サイトのベース設定 */



/*==============================================================
ヘッダー
==============================================================*/

#header-wrap {
	width: 100%;
	background:url(../img/body/header_bg_line.gif) repeat-x top ;

	
}


header {
	width:980px;
	background:url(../img/body/header_bg_line_hill.gif) no-repeat top ;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;


}



header h1 {
	float:left;
/* 	margin-top:15px; */
}



/*多言語化*/

ul.head-info {
	display:none;
	float:right;
	margin-bottom:20px;
	font-size:0.9em;
	border-left: #ccc solid 1px;
}

ul.head-info li {
	float:left;

	border-right: #ccc solid 1px;
}

ul.head-info li a {
	text-decoration:none;
	margin-left:12px;
	margin-right:12px;
}

ul.head-info li a:hover {
	text-decoration: underline;
}


/*メッダーメニュー*/

ul.head-nav {
	float:right;
	clear:right;
	font-size:0.9em;
	margin-top:20px;

}

ul.head-nav li {
	float:left;

	margin-left:20px;
}

ul.head-nav li a{
	text-decoration:underline;
	color:#333;
}

ul.head-nav li a:hover {
	text-decoration:none;
}

ul.head-nav li img{ width:75%; height:auto;}





/*フォントサイズ*/
div#fontSize {
	float:right;

	margin-top:10px; 
}


div#fontSize ul {

	/* margin-bottom:20px; */
} 



div#fontSize li {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	cursor: pointer;
}

div#fontSize li:first-child {
	font-size:12px;
	margin-right:10px;
	margin-top:5px;
}


/*開館時間*/

.hall-open {
	font-size:0.9em;
	padding-bottom:5px;
	padding-top:15px;
	text-align:center;
	color:#333;


}



.hall-open-2 {
	font-size:0.9em;
	padding-bottom:5px;
	padding-top:15px;
	color:#333;
	margin-left:10px

}






/*==============================================================
スクロー時表示
==============================================================*/


#change {
	margin-right: auto;
	margin-left: auto;
	text-align: center;

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

	display: none;
	z-index: 1000000;

}

#change #nav-wrapper {

	height:65px;
	background:rgba(255,255,255,1.00);
	border-bottom:rgba(0,0,0,0.3) solid 1px;
	

}

#change ul#nav 	{
	margin-top: 10px;
	margin-bottom: 0px;


}

#change ul#nav li ul{
	position:relative;

}


#change  ul#nav li  a	{
	padding-top: 8px;
	padding-bottom: 8px;


}


#change ul#nav li ul li a{
	padding-top: 12px;
	padding-bottom: 12px;


}



/*ビジネスプラザ*/
#change ul#nav li.biz 	{
width: 20% !important;
}
#change ul#nav > li.biz:nth-child(2){
	border-left:none !iportant;
}
#change ul#nav > li.biz:nth-child(1){
	border-left:#ccc 1px solid;
}









/*==============================================================
コンテンツ
==============================================================*/


.container	{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;

}

.toppage .content {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.content {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.content p{
	margin-bottom:1em;

}


.sidebar	{
	width: 240px;
	float: right;

}


/* section */

section {
	padding-top:30px;
	padding-bottom:30px;
}

body.toppage section {
	padding-top:40px;
	padding-bottom:40px;
}


/* article */

article { margin-bottom:40px;}

body.toppage article { margin-bottom:0px;}






/*==============================================================
ナビゲーションメニュー
==============================================================*/

/* プルダウンメニュー tinynav.js */
.tinynav { display: none }

#nav-wrapper {

	background:url(../img/body/gnavi_line.jpg)  no-repeat top center;
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	

}


ul#nav 	{
	width: 980px;
	height:40px;
	clear: both;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;

	display: flex;
}

ul#nav li 	{
	position: relative;
/*width: 16.65%;*/
  /*width: calc(100% / 8);
	float: left;*/
	flex: auto;
	border-right:#ccc 1px solid;
}



/*ビジネス創造プラザ
ヘッダーメニュー調整*/



ul#nav li.biz a:hover	{
	background:#7C7B4C;
	color:#fff;


}


/*ビジネスプラザ　カレント表示*/
/*style-lに記述*/








ul#nav li  a	{
	display: block;
/*	font-size: 15px;*/
  font-size: 13px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0px;
	letter-spacing: 0.05em;
	/*Transition*/
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;

}


ul#nav li a:hover	{
	background:#4CACE2;
	color:#fff;


}


/*プルダウン設定*/

ul#nav li ul{
	z-index:10;
  position: absolute;

  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;

}

ul#nav li:last-child ul{
  left: -100%;
  width: 100%
}


ul#nav li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;

}

ul#nav li ul li a{
	line-height:1;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 15px;
	padding-left: 15px;
	color:#fff;
	background: #4CACE2;
	text-align: left;
	font-size: 13px;
	font-weight: normal;

  	border-top: 1px solid #99CFEE;
}

ul#nav li ul li a:hover {
	background: #1B73A3;
}


ul#nav li:hover ul li{
  overflow: visible;
  height: 36px;
  border-right:0px;
}

ul#nav li:hover ul li:first-child{
  border-top: 0;
}




/**/


/*団体利用　フォントサイズ*/
ul#nav li.group_use a	{
	font-size: 14px;
}


/*スマホのみメニュ表示*/
ul#nav li.sp-vb	{
	display:none;

}



/*カレント表示*/
body#event ul#nav li.event > a {	background-color: #4CACE2; color:#fff;}
body#museum_guidance ul#nav li.museum_guidance > a {	background-color: #4CACE2;color:#fff;}
body#activity_report ul#nav li.activity_report > a {	background-color: #4CACE2;color:#fff;}
body#rate_guidance ul#nav li.rate_guidance > a {	background-color: #4CACE2;color:#fff;}
body#facilities ul#nav li.facilities > a {	background-color: #4CACE2;color:#fff;}
body#group_use ul#nav li.group_use > a {	background-color: #4CACE2;color:#fff;}
body#access ul#nav li.access > a {	background-color: #4CACE2;color:#fff;}
body#donation ul#nav li.donation > a {	background-color: #4CACE2;color:#fff;}










/*==============================================================
ナビゲーションメニュー 2nd
==============================================================*/


#nav-2nd-wrapper {
	width: 100%;
	background:url(../img/top/cont_bg.jpg) no-repeat;
	-moz-background-size:100% auto;
 	background-size:100% auto; 
	
	clear: both;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;

}


ul#nav-2nd 	{

	font-size: 16px;
	overflow: hidden;
	width: 960px;
	padding: 0;
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	
	margin-top:12px;
	margin-bottom:12px;

}

ul#nav-2nd li 	{
	
	display:table;	
	width: 23.87%;
	height:50px;
	
	float: left;
	margin-left:1.5%;
}

ul#nav-2nd li:first-child {margin-left:0;}



ul#nav-2nd li a	{
	display:table-cell;
	
/*	background:url(../img/top/top-main-menu-bg.gif) no-repeat;
	background-size: cover;
*/	
	background-color:rgba(255,255,255,0.7);
	color: #000;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	letter-spacing: 0.05em;
	
	border:#513E1A solid 2px;
	
	line-height:1.3;
	
	min-height:55px;
	
	/*
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,1);
	*/

	
	/*Transition
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;
	*/

}


ul#nav-2nd li a:hover	{
	background-image:none;
	background-color:rgba(81,62,26,0.5);
	color:#fff;

}





/*==============================================================
ページ内ナビ
==============================================================*/

ul.page-navi {
    width: 100%;
    display: table;
    table-layout: fixed;
	margin-bottom:50px;


}

ul.page-navi li {
	display: table-cell;
	text-align:center;

}

ul.page-navi li a{
	display: block;

	text-decoration:none;
	border-left:#ccc solid 1px;
	padding-top:0.5em;
	padding-bottom:1em;
	background: url(../img/body/pointer_under.png) no-repeat bottom center;
}

ul.page-navi li:last-child a{
	border-right:#ccc solid 1px;
}


ul.page-navi li a:hover{
	background:rgba(207,216,220,0.5) url(../img/body/pointer_under.png) no-repeat bottom center;
}


ul.page-navi li  img{

	margin-bottom:10px;
		text-align:center;
}


/*==============================================================
フッター　ページナビ 
==============================================================*/

ul.page-navi-footer {
    width: 100%;
	margin-top:0px;
	margin-bottom:0px;
}

ul.page-navi-footer li {
	float:left;


	width:33.33%;

}

ul.page-navi-footer li a{
	display: block;
	text-decoration: none;
	padding-top: 1em;
	padding-right: 0.8em;
	padding-left: 0.8em;
	padding-bottom: 1em;
	background:#EBEBEB;
	color:#333;
	border:#ccc solid 1px;
	margin:2%;
}





ul.page-navi-footer li a:before {
	content:url(../img/body/arrow_sm_01.png) ;
	vertical-align:-0.1em;
	padding-right:5px;

}


ul.page-navi-footer li a:hover{
	color:#FFFFFF;
	text-decoration: none;
	background-color: #1B73A3;
}

body#biz ul.page-navi-footer li a:hover{
	color:#FFFFFF;
	text-decoration: none;
	background-color: #7C7C44;
}


ul.page-navi-footer li a:hover:before{
	content:url(../img/body/arrow_sm_02.png) ;

}



body.li_01 .page-navi-footer li.li_01 a {background-color: #1B73A3; color:#fff;}
body#biz.li_01 .page-navi-footer li.li_01 a {background-color: #7C7C44; color:#fff;}
body.li_01 .page-navi-footer li.li_01 a:before {content:url(../img/body/arrow_sm_02.png);} 

body.li_02 .page-navi-footer li.li_02 a {background-color: #1B73A3; color:#fff;} 
body#biz.li_02 .page-navi-footer li.li_02 a {background-color: #7C7C44; color:#fff;}
body.li_02 .page-navi-footer li.li_02 a:before {content:url(../img/body/arrow_sm_02.png);} 

body.li_03 .page-navi-footer li.li_03 a {background-color: #1B73A3; color:#fff;} 
body#biz.li_03 .page-navi-footer li.li_03 a {background-color: #7C7C44; color:#fff;}
body.li_03 .page-navi-footer li.li_03 a:before {content:url(../img/body/arrow_sm_02.png);} 

body.li_04 .page-navi-footer li.li_04 a {background-color: #1B73A3; color:#fff;} 
body#biz.li_04 .page-navi-footer li.li_04 a {background-color: #7C7C44; color:#fff;}
body.li_04 .page-navi-footer li.li_04 a:before {content:url(../img/body/arrow_sm_02.png);} 

body.li_05 .page-navi-footer li.li_05 a {background-color: #1B73A3; color:#fff;} 
body#biz.li_05 .page-navi-footer li.li_05 a {background-color: #7C7C44; color:#fff;}
body.li_05 .page-navi-footer li.li_05 a:before {content:url(../img/body/arrow_sm_02.png);} 

body.li_06 .page-navi-footer li.li_06 a {background-color: #1B73A3; color:#fff;} 
body#biz.li_06 .page-navi-footer li.li_06 a {background-color: #7C7C44; color:#fff;}
body.li_06 .page-navi-footer li.li_06 a:before {content:url(../img/body/arrow_sm_02.png);} 



/*==============================================================
サイドバナー
==============================================================*/

ul.side-banner {

}

ul.side-banner li {
	display:table;	
	margin-bottom:20px;
	width:100%;
}

ul.side-banner li a {
	display:table-cell;	
	font-size:1.3em;
	color: #513E1A;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	height:80px;
	background:#fff url(../img/top/recruiting_bg.jpg)  no-repeat;
	background-size:cover;
	line-height:1;
}

ul.side-banner li a.bnr-voice:before {
	content:url(../img/body/bnr_icon_voice.png);
	vertical-align:-0.5em;
	margin-right:10px;
}

ul.side-banner li a.bnr-recruiting:before {
	content:url(../img/body/bnr_icon_recruiting.png);
	vertical-align:-0.5em;
	margin-right:10px;
}

ul.side-banner li a:hover {
	background:#CDAC61;
	color:#513E1A;
}



/*==============================================================
スライドナビ
==============================================================*/


    /* 開閉ボタン */
        .open {
			margin-top:5px;
            display: none;
            float: left;
            width: 40px;
            height: 35px;
            margin-right: 0px;
            background:url(../img/body/menu.png) center center no-repeat #333;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -border-radius: 4px;
            text-indent: -999999px;

        }
 

    	
		
		#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: ;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}






/*==============================================================
メインスライド画像　
==============================================================*/


.bxslider-wrap {
	z-index:1!important;
	position:relative;
	padding-top:15px;
	padding-bottom:35px;
	background:url(../img/top/inner_bg01.png);
}


.bxslider-box {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

ul.bxslider {
}

ul.bxslider li {
 
}


.bxslider li {
  display: none;
}

.bxslider li:first-child{
  display: block; 
}

.bx-viewport .bxslider li {
  display: block !important;
}





/*==============================================================
トップ　ニュースティッカー
==============================================================*/

.ticker-wrap {
	width: 100%;
	background: rgba(218,218,218,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
}

.ticker {
    width: 980px;
    text-align: left;
	margin-left:auto;
	margin-right:auto;
    position: relative;
    overflow: hidden;
	background:#fff;
}
 
.ticker ul {
    width: 100%;
    position: relative;


}
 
.ticker ul li {
    width: 100%;
    display: none;
    padding: 5px 8px 8px 8px ;
	min-height:45px;
	overflow: hidden;
	font-size:15px;
	line-height:1.2;
}

.ticker ul li a{
	visibility: hidden;
	display:block;
	text-decoration:none;
	margin:0px !important;
	padding:0px !important
	
}


.ticker ul li  .news_category{
		margin:0px !important;
		line-height:100%}



/*==============================================================
トップ　お知らせ
==============================================================*/

.content h2 {
	
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:#999 solid 1px;
	background:url(../img/body/title_bg_01.png) no-repeat left top ;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;
	

	
}

/********/

.top-info-l {
	float:left;
	width:460px;
}


.top-info-r {
	float:right;
	width:460px;
}


.top-info-box {
	height:490px;
	overflow:auto;
	
}


/********/

.museum-time p {
	margin-bottom:1em;
}


/********/


.top-wrap-p0 {
	padding-top:0px;
}

.top-title-fb {
	background:#3C56A1;
	color:#fff;
	padding:8px;
}

.top-title-tw {
	background:#55ACEE;
	color:#fff;
	padding:8px;
}


/********/

ul.top-open-close {
	margin-bottom:30px;
}

ul.top-open-close li {
	width:47.5%;
	margin-left:5%;
	float:left;
}

ul.top-open-close li:nth-child(2n-1) {
	margin-left:0;
    margin-right: auto;
}

ul.top_bnr_wrap1.top-open-close li:nth-child(n+3) {
    margin-top: 24px;
}

ul.top-open-close li img{
	width:100%;
}
ul.top-open-close.top_bnr_wrap1 li img{
    max-width: 218px;
}



/*==============================================================
トップ　名誉館長のご挨拶
==============================================================*/


section.top-greeting-wrap {
	width:100%;
	background:#F1F1E4;
	padding-bottom:40px;
}

.top-greeting-wrap .inner {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	width: 980px;
	
	border:#EAEAD6 solid 3px;
	padding-top: 2em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	background: rgba(255,255,255,1.00);
}

.top-greeting-wrap .inner h2 {
	color: #1B73A3;
	text-align: center;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 30px;
}

.top-greeting-wrap .inner h3 {
	color: #6F6F39;
	font-weight: normal;
	font-size: 2.2em;
	margin-bottom: 20px;
}

.top-greeting-wrap .inner p {
	margin-bottom: 1em;
}


.top-greeting-pic {
	float:right;
	text-align:center;
}

.top-greeting-pic p {
	line-height:1.5;
	margin-top:10px;
}


/*==============================================================
トップ　ひととものづくり科学館
==============================================================*/


.top-museum-wrap {
	width:100%;
	background:url(../img/top/inner_bg02.png);

	
}

.top-museum-wrap .inner {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	
}

.top-museum-wrap .inner h2 {
	color: #1B73A3;
	text-align: center;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 40px;
}

ul.top-museum-list li h3 {
	color:#1B73A3;
	text-align:center;
	font-weight:normal;
	font-size:1.3em;
	margin-bottom:10px;
	margin-top:15px;

}

ul.top-museum-list li p{
	font-size:0.9em;
	line-height:1.5;
	margin-bottom:10px;
}

ul.top-museum-list {
}

ul.top-museum-list li {

	float:left;
	width:47.5%;
	margin-right:5%;
	display:block
}


/*IE8 hack */
ul.top-museum-list li {
	margin-right:3%\9;

}


ul.top-museum-list li img{ width:100%}




ul.top-museum-list li:last-child {
	margin-right:0;
}




ul.top-museum-omotenashi-list li {
	float:left;
	width:30%;
	margin-right:5%;
	display:block

}









/*==============================================================
トップ　スポンサー
==============================================================*/


.top-sponsor {
	
}





.top-sponsor ul {
	list-style:none;
	width:100%;
	display:table;

}

.top-sponsor ul li {
	width:50%;
	display:table-cell;
	vertical-align: top;
	padding-bottom:20px;
	padding-top:20px;
}

.top-sponsor ul li:first-child {
	background:#FBEDEA;

	
}

.top-sponsor > ul > li:last-child {
	background:#FFF5E5;
	
}

.sponser-box-l {
	width:490px;
	float:right;
	margin-right:20px;
	

	}

	


.sponser-box-r {
	width:490px;
	float:left;
	margin-left:20px;
	
}

.sponser-box-r h3{
	color:#86291A;
	margin-bottom:10px;
	line-height:1.3;
}

.sponser-box-r p{
	margin-bottom:0.5em;
	font-size:0.9em;
}

.sponser-box-r em{
	font-size:1.2em;
	font-style:normal;}






/*==============================================================
トップ　こまつビジネス創造プラザ
==============================================================*/

.top-biz {
	width:980px;
	 border:#656434 solid 1px;
	 padding:1em;
	margin-left:auto;
	margin-right:auto;
}


.top-biz h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:none!important;
	background:url(../img/body/title_bg_02.png) no-repeat left top!important;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:rgba(101,100,52,1.00);
}

.top-biz-exp {
 	float:right;
 	width:55%;
}





/*==============================================================
バナー　ひととものづくり科学館
==============================================================*/

.top-mono {
	width:980px;
	 border:#34729F solid 1px;
	 padding:1em;
	margin-left:auto;
	margin-right:auto;
}


.top-mono h2 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:none!important;
	background:url(../img/body/title_bg_01.png) no-repeat left top!important;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:#34729F;
}

.top-mono-exp {
 	float:right;
 	width:55%;
}


















/*==============================================================
トップ　お問い合わせ
==============================================================*/







.top-contact {
}

.top-contact ul {
	width:980px;
	margin-top:20px;
}

.top-contact li {
	float: left;
/*	width: 33.3%; */
/*	width:50%;*/
/*	border-right: #999 dotted 1px;*/
	padding-top: 0;
	padding-right: 1em;
/*	padding-left: 1em;*/
	padding-bottom: 1em;
}

.top-contact li:first-child {
/*	border-left: #999 dotted 1px;*/
}


/*
.top-contact li:last-child {
	display:none;
	border-right: none;
}
*/

ul.sns-button {
	width:100%;	
	margin-left:60px;
}

ul.sns-button li {
	float:left;
	border:none;
	width:80px;
}

/**/

ul.sns-button-header {
	float:right;
	border-left:#ccc solid 1px;
	padding-left:20px;
	margin-left:20px;
	margin-top:10px
}

ul.sns-button-header li {
	float:left;
	border:none;
	width:80px;
	 margin:0 10px 0 0
}
ul.sns-button-header li:first-child{ margin:4px 20px 0 0}
ul.sns-button-header li:last-child{ margin:0px 20px 0 0}


.pluginConnectButton{ display:none}
/*==============================================================
トップ　お知らせ
==============================================================*/




/*お知らせ*/

.top-news {
	float:left;
	width:450px;
	margin-right:50px;
}


.top-news dl {
	clear:both;
}

.top-news dt {
	font-size:0.8em;
}

.top-news dd {
	font-size:1em;
	margin-bottom:1em;

}


.top-news dd a{	text-decoration:none;}

.top-news dd a:hover {	text-decoration:underline;}




/*==============================================================
次階層　メインタイトル
==============================================================*/

.main-title { 
	width:100%;
	height:70px;
	background:url(../img/body/title_bg_next.png);
	padding-top:15px!Important;
	padding-bottom:15px!Important;
}




.main-title .inner {
		width:980px;
	padding-top:0em;
	margin-left:auto;
	margin-right:auto;
}

.main-title .inner h2 {
	font-weight: normal;
	font-size: 2em;
	color: #fff;
	line-height:1;
	letter-spacing:0.1em;
}

.main-title .inner h2 span {
	border-bottom:#fff 2px solid;
}



/*******/

body#sub-content .main-title {
	background:url(../img/top/inner_bg01.png);
}


body#sub-content .main-title .inner h2 {
	font-weight: normal;
	font-size: 2em;
	color: #333;
	line-height:1;
	letter-spacing:0.1em;
}

body#sub-content .main-title .inner h2 span {
	border-bottom:#333 2px solid;
}


/*** こまつビジネス創造プラザ ****/

body#biz .main-title {
	background:url(../img/body/title_bg_biz.png);
}


body#biz .main-title .inner h2 {
	font-weight: normal;
	font-size: 2em;
	color: #fff;
	line-height:1;
	letter-spacing:0.1em;
}

body#biz .main-title .inner h2 span {
	border-bottom:#fff 2px solid;
}




/*==============================================================

■ 2nd ■
館内のご案内

==============================================================*/

body#museum_guidance ul.top-museum-list li {
	

	float:left;
	width:31.65%;
	margin-right:2.5%;
	margin-left:0%;
	margin-bottom:20px;
	
	padding:1em;
	border:#ccc solid 1px;
}

/* IE8 hack */
body#museum_guidance ul.top-museum-list li {
	margin-right:1%\9;
}


body#museum_guidance ul.top-museum-list li:nth-child(3n) {
	margin-right:0;
}


/*おもてなし*/
.txt-bg-circle{ 
padding:2px 7px;
font-size:1.1em;
font-family:Verdana, Geneva, sans-serif;
margin-right:0em}







/************************/

.museum-title-box {
	float:left;
	width:340px;
	margin-bottom:30px;
}

.museum-title-box h3 {
	font-size:2em;
	font-weight:normal;
	text-align:center;
	padding:1em;
	border:#1B73A3 solid 3px;
	background:url(../img/body/title_bg_next.png);
	color:#fff;
	margin-bottom:0.5em;
	line-height:1.2;

}

.museum-title-box p {
	font-size:1.1em;
}


.museum-sild-box {
	float:right;
	width:600px;
	margin-bottom:40px;
}





/*==============================================================

■ 2nd ■
こまつビジネス創造プラザ

==============================================================*/

.biz-title-box {
	float:left;
	width:340px;
	margin-bottom:30px;
}


.biz-title-box h3 {
	font-size:2em;
	font-weight:normal;
	text-align:center;
	padding:1em;
	border:#656434 solid 3px;
	background:url(../img/body/title_bg_biz.png);
	color:#fff;
	margin-bottom:0.5em;
	line-height:1.2;

}








/*==============================================================

■ 2nd ■
施設概要

==============================================================*/

.pic-facilities-landspace img{
	margin:5px;
}

ul.facilities-box-hall {

}
	
ul.facilities-box-hall > li{
	float:left;
	width:47.5%;
	margin-left:5%;
}

ul.facilities-box-hall > li:first-child {
	margin-left:0%;
}


h4.facilities-title-hall  {
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	padding:0.6em;
	border:#1B73A3 solid 2px;
	background:url(../img/body/title_bg_next.png);
	color:#fff;
	margin-bottom:0.5em;

}


h4.facilities-title-biz {
	font-size:1.5em;
	font-weight:normal;
	text-align:center;
	padding:0.6em;
	border:#565625 solid 2px;
	background:url(../img/body/title_bg_biz.png) repeat; 
	color:#fff;
	margin-bottom:0.5em;

}


/*==============================================================

■ 2nd ■
団体利用について

==============================================================*/

body#group_use ul.top-group-use li,
body#science_crew  ul.top-group-use > li {
	float:left;
	width:31.65%;
	margin-right:2.5%;
	margin-left:0%;
	margin-bottom:20px;
	padding:1em;
	border:#ccc solid 1px;
}

/* IE8 hack */
body#group_use ul.top-group-use li,
body#science_crew  ul.top-group-use > li {
	width:30%\9;
	margin-right:2%\9;
}



body#group_use ul.top-group-use li p,
body#science_crew  ul.top-group-use > li p{
	margin-bottom:0;

}

body#group_use ul.top-group-use li:nth-child(3),
body#science_crew  ul.top-group-use li:nth-child(3) {
	margin-right:0;
}

body#group_use ul.top-group-use li:last-child,
body#science_crew  ul.top-group-use li:last-child {
	margin-right:0;
}

ul.top-group-use {
}

ul.top-group-use li:last-child {
	margin-right:0;
}


ul.top-group-use li h3 {
	color:#1B73A3;
	text-align:center;
	font-weight:normal;
	font-size:1.3em;
	margin-bottom:10px;
	margin-top:15px;

}
body#science_crew ul.top-group-use li h3 {
	text-align:left;

}





.flow-title {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
	float: left;
	display: block;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 2px;
	background: #1B73A3;
	color: #fff;
	margin-bottom: 10px;
}

.flow-title strong {
	font-weight:normal;
	font-size:1.5em;
	margin-right:10px;
}


.flow-pointer-under  {
	font-size:2em;
	color:#1B73A3;
	font-weight:bold;
	margin-bottom:0.2em;
	margin-top:0.2em;
}

.flow-pointer-side  {
	font-size:2em;
	color:#1B73A3;
	font-weight:bold;
	float:left;
	margin-left:0.3em;
	margin-right:0.3em;
}



/*==============================================================
■ 2nd ■
アクセス
==============================================================*/


.map-guide {
}

.map-guide img{
	border:#C3C399 solid 1px;
	margin:5px;
}





/*==============================================================
フッター
==============================================================*/


.footer-deco {
	width:100%;
	background:url(../img/body/footer_bg_line.png) repeat-x bottom;
	text-align:center;
	
}

.footer-wrap {
	width:100%;
	background:url(../img/body/footer_bg.png);
	
}



footer {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;


}

.footer-nav  {

}

/****/

ul.footer-nav  {
	margin-top:30px;
	margin-bottom:10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

ul.footer-nav li {
  width: auto;
	padding: 0 10px;
	text-align:center;

}

ul.footer-nav li a{
	text-decoration:none;
/*	font-size:1em;*/
  font-size: 0.8em;
	color:#fff;
}

ul.footer-nav li a:hover {
	text-decoration:underline;
}



/****/

ul.footer-nav2  {
	margin-bottom:20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

ul.footer-nav2 li {
	text-align:center;
	margin-left:10px;
	margin-right:10px;

}

ul.footer-nav2 li a{
	text-decoration:none;
	font-size:0.8em;
	color:#fff;
}

ul.footer-nav2 li a:hover {
	text-decoration:underline;
}

/****/


footer address {
	float:left;
	font-style:normal;
	color:#513E1A;
}

footer address b{
	font-weight:normal;
	font-size:1.5em;
}

small {
	display:block;
	text-align:center;
	color:rgba(255,255,255,0.5);
	font-size:0.6em;
}




/*==============================================================
タイトル
==============================================================*/


.title-sub-01 {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:#999 solid 1px;
	background:url(../img/body/title_bg_01.png) no-repeat left top ;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;

}

.title-sub-01-biz {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.4em;
	border-bottom:#999 solid 1px;
	background:url(../img/body/title_bg_02.png) no-repeat left top ;
	padding-left:15px;
	padding-bottom:10px;
	margin-bottom:20px;

}



.title-sub-02 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	margin-bottom:20px;
	margin-top:10px;
	color:#1B73A3;

}


.title-sub-02-biz {
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	margin-bottom:20px;
	margin-top:10px;
	color:rgba(101,100,52,1.00);

}


.title-sub-03 {
	background:#55ACEE;
	color:#fff;
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	margin-bottom:20px;
	padding:10px;


}



/*==============================================================
ぱんくず
==============================================================*/
#breadlist {
	font-size: 0.9em;
	color: #333333;
	clear: both;

	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;


}

#breadlist ul {
	list-style: none;
	width:960px;
	margin-right: auto;
	margin-left: auto;
}

#breadlist li{
	display: inline;

}

#breadlist li a{
	display: inline;
	background-image: url(../img/body/pointer_bread.gif);
	background-position: right 0.3em;
	padding-right: 10px;
	background-repeat: no-repeat;
}

#breadlist a:link {
	color: #333333;
	text-decoration: underline;
}
#breadlist a:visited {
	color: #333333;
  text-decoration: underline;
}
#breadlist a:active {
	color: #333333;
	text-decoration: underline;
}
#breadlist a:hover {
	color: #333333;
	text-decoration: none;
}


/*==============================================================
ボックス
==============================================================*/

.guide-box-01 {
	border: #1B73A3 solid 1px;
	padding: 1em;
}

.guide-box-01 p{
	margin-bottom:0;
}

.guide-box-01 h4 {
	margin-top:0;
}


/**/

.guide-box-02 {
	border: #ccc double 3px;
	padding: 0.5em;
}

.guide-box-02 p {

}



.guide-box-03 {
background: #EEF9FE;
    border: solid 2px #5AB6EA;
    margin-bottom: 2em;
    padding-bottom: 0.5em
}

.guide-box-03 .waku{
	    padding:0.5em 1em;
      font-size: 14px;
}

.guide-box-03 h4 {
    padding: 8px 12px;
    margin: -1px;
    background: #5AB6EA;
    border: none;
    font-size: 14px;
/*    text-align: center;*/
    color: #fff;
    margin-bottom: 0.5em;
    font-weight: bold;
}





/**/

.guide-box-biz {
	border: rgba(101,100,52,1.00) solid 1px;
	padding: 1em;
}

.guide-box-biz p{
	margin-bottom:0;
}

.guide-box-biz h4 {
	margin-top:0;
}


/*==============================================================
リスト
==============================================================*/

ul.list-type01 {
	margin-bottom:1em;
}

ul.list-type01 li {
	background:url(../img/body/arrow_sml_03.png) no-repeat left 0.5em;
	padding-left:0.7em;
	margin-bottom:0.5em;
}


ul.list-type_time {
	margin-bottom:1em;
}

ul.list-type_time li {
	background:url(../img/body/arrow_sml_03.png) no-repeat left 0.5em;
	padding-left:0.7em !important;
	margin-bottom:0.5em;
	margin-left:0px !imortant;
	float:none;
	witdh:100% !important;
}





.guide-box-01 ul.list-type01 {	margin-bottom:0;}
.guide-box-02 ul.list-type01 {	margin-bottom:0;}

/**/

ul.list-type02 {}

ul.list-type02 li {
	float:left;
	width:48.5%;
	margin-left:2.5%;
	margin-bottom:1.5em;
}


/* IE8 hack */
ul.list-type02 li {
	width:45%\9;
	margin-right:2%\9;
}


ul.list-type02 li:nth-child(odd){
	margin-left:0%;
}

ul.list-type02 li:last-child {
	margin-bottom: 0px;
}

ul.list-type02 li strong {
	display:block;
	font-weight:normal;
	font-size:1.2em;
	border-bottom:#ccc solid 1px;
	margin-bottom:0.5em;
}


ul.li-float li {
	float:left;
	width: 50%;
}



/**/

ol.num-list {
	margin-left:1.5em;
}

ol.num-list li{
	margin-bottom:1.5em;
}

ol.num-list li:last-child {
	margin-bottom:0em;
}



/*==============================================================
トップに戻る
==============================================================*/

.page-top {
	position:relative;
}


#pageTop {
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:10000;
	width:50px;
	height:50px;

	}

* html #pageTop {
	display: none;
	float: right;
	}


/*==============================================================
回り込み解除
==============================================================*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {  clear: both;}
.clearfix {  *zoom: 1;}
.clearfix{	display:block;}


.clearAll{ clear:both}



/*==============================================================
img のリンク　マウスオーバー
==============================================================*/

a.mouseOver:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}



/*==============================================================
マージン、回り込み
==============================================================*/

.mgnL5 {	margin-left: 5px;}
.mgnL10 {	margin-left: 10px;}
.mgnL15 {	margin-left: 15px;}
.mgnL20 {	margin-left: 20px;}
.mgnL25 {	margin-left: 25px;}
.mgnL30 {	margin-left: 30px;}
.mgnL35 {	margin-left: 35px;}
.mgnL40 {	margin-left: 40px;}
.mgnL45 {	margin-left: 45px;}
.mgnL50 {	margin-left: 50px;}
.mgnL55 {	margin-left: 55px;}
.mgnL60 {	margin-left: 60px;}
.mgnR5 {	margin-right: 5px;}
.mgnR10 {	margin-right: 10px;}
.mgnR15 {	margin-right: 15px;}
.mgnR20 {	margin-right: 20px;}
.mgnR25 {	margin-right: 25px;}
.mgnR30 {	margin-right: 30px;}
.mgnR35 {	margin-right: 35px;}
.mgnR40 {	margin-right: 40px;}
.mgnR45 {	margin-right: 45px;}
.mgnR50 {	margin-right: 50px;}
.mgnR55 {	margin-right: 55px;}
.mgnR60 {	margin-right: 60px;}
.mgnR150 {	margin-right: 150px;}
.mgnT5 {	margin-top: 5px;}
.mgnT10 {	margin-top: 10px;}
.mgnT15 {	margin-top: 15px;}
.mgnT20 {	margin-top: 20px;}
.mgnT25 {	margin-top: 25px;}
.mgnT30 {	margin-top: 30px;}
.mgnT35 {	margin-top: 35px;}
.mgnT40 {	margin-top: 40px;}
.mgnT45 {	margin-top: 45px;}
.mgnT50 {	margin-top: 50px;}
.mgnT55 {	margin-top: 55px;}
.mgnT60 {	margin-top: 60px;}
.mgnB5 {	margin-bottom: 5px;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB15 {	margin-bottom: 15px;}
.mgnB20 {	margin-bottom: 20px;}
.mgnB25 {	margin-bottom: 25px;}
.mgnB30 {	margin-bottom: 30px;}
.mgnB35 {	margin-bottom: 35px;}
.mgnB40 {	margin-bottom: 40px;}
.mgnB45 {	margin-bottom: 45px;}
.mgnB50 {	margin-bottom: 50px;}
.mgnB55 {	margin-bottom: 55px;}
.mgnB60 {	margin-bottom: 60px;}
.mgnB70 {	margin-bottom: 70px;}

.pdgA10 { padding:10px!important;}



.frtL {float: left;}

.frtR {	float: right;}

.frtR-pic {
	float: right;
	margin-left:30px;
}

.frtL-pic {
	float: left;
	margin-right:30px;
}


.positionR {	position:relative;}


.txt-15px {	font-size:15px;}
.txt-16px {	font-size:16px;}
.txt-17px {	font-size:17px;}
.txt-18px {	font-size:18px;}

.txt-80p {	font-size:80%;}
.txt-85p {	font-size:85%;}
.txt-90p {	font-size:90%;}
.txt-110p {	font-size:110%;}
.txt-120p {	font-size:120%;}
.txt-130p {	font-size:130%;}
.txt-140p {	font-size:140%;}
.txt-150p {	font-size:150%;}


.txt-red{ color: red !important}

.attention { color:#f00;}


.caution {
	text-indent:-1em;
	padding-left:1em;
}


/*円で切り抜き
----------------------------------------------------------*/
.pic-circle {
	-moz-border-radius: 50%;    /* Firefox */
	-webkit-border-radius: 50%; /* Safari,Chrome */
	border-radius:50%;
/*	border:#408CFF solid 3px;　*/
}



/*ヘアライン
----------------------------------------------------------*/
hr.hr-line-d20{
	line-height:0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-top-color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	float: none;
}

hr.hr-line-grn {
	line-height:0;
	clear: both;
	float: none;
	height: 1px;
	background-color: #059AB1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


hr.hr-line {
	border:none;
	line-height:0px;
	margin-top: 1px;
	margin-bottom: 0px;
	clear: both;
	float: none;
}


hr.style-one {
	border: 0;
	height: 1px;
	background: #666;
    background-image: -webkit-linear-gradient(left, #ccc, #666, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #666, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #666, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #666, #ccc);
}

hr.style-double {
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCCCCC;
}


/*画像角丸
----------------------------------------------------------*/
.pic-round {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
}


/*ボタン
----------------------------------------------------------*/



a.btn-detail {
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
	text-decoration: none;
	font-size:0.9em;
	line-height:1;
	background:#fff;
	color:#1B73A3;
	border:#4CACE2 solid 1px;

}

a.btn-detail:after {
	content:url(../img/body/arrow_sm_01.png);
	margin-left:8px;
	vertical-align:middle;
}

a.btn-detail:hover { background:#4CACE2; color:#fff;}

/****/


a.btn-detail2 {
	display: block;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	text-decoration: none;
	font-size:0.9em;
	line-height:1;
	background:#1B73A3;
	color:#fff;

}

a.btn-detail2:after {
	content:url(../img/body/arrow_sm_02.png);
	margin-left:8px;
	vertical-align:middle;
}

a.btn-detail2:hover { background:#124E6F; color:#fff;}



/****/


a.btn-detail3 {
	display: block;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 12px;
	text-decoration: none;
	font-size:1.2em;
	line-height:1;
	background:#FF6600;
	color:#fff;
	text-align:center;

}

a.btn-detail3:after {
	content:url(../img/body/arrow_sm_02.png);
	margin-left:10px;
}

a.btn-detail3:hover { background:#CB5100; color:#fff;}


/**こまつビジネス創造プラザ**/


a.btn-detail-biz {
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
	text-decoration: none;
	font-size:0.9em;
	line-height:1;
	background:#656434;
	color:#fff;
	text-align:center;

}

a.btn-detail-biz:after {
	content:url(../img/body/arrow_sm_02.png);
	margin-left:10px;
}

a.btn-detail-biz:hover { background:#3D3C1F; color:#fff;}


/*==============================================================
リンク設定
==============================================================*/


a[href$='.pdf']{
	background-image: url(../img/body/icon_pdf_s.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

.a-pdf-btn {
	background-position: 10px 1.2em!important;
	padding-left: 35px!important;
	padding-top: 15px!important;
	padding-right: 15px!important;
	padding-bottom: 15px!important;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.docx'] {
	background-image: url(../img/body/icon_word_s.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

a[href$='.xls'], a[href$='.xlsx'] {
	background-image: url(../img/body/icon_excel_s.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3px;
	padding:5px 5px 5px 22px;
}

a.blank_link {
	background-image: url(../img/body/i_new_window.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 24px;
	margin-right: 3px;
}


/*==============================================================
スマホ・タブレット表示専用
==============================================================*/


/* brに適用 スマホのみ改行*/
.sp-br { display:none;}


/* brに適用 タブレットのみ改行*/
.tb-br { display:none;}


/*-------------------------------------------------- */
/*テーブル
---------------------------------------------------- */

.table-view-rate {

	font-size: 90%;
}

.table-view-rate th {

	font-weight: normal;
	margin: 0px;
	padding: 8px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #DEF0FA;
}

.table-view-rate td {
	border-collapse: collapse;
	margin: 0px;
	padding: 8px;
	border: 1px solid #CCCCCC;
}


.table-view-rate p{
	margin:0;
}


/*団体利用*/

.table-group-use {

	font-size: 90%;
}

.table-group-use th {

	font-weight: normal;
	margin: 0px;
	padding: 8px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #DEF0FA;
}

.table-group-use td {
	border-collapse: collapse;
	margin: 0px;
	padding: 8px;
	border: 1px solid #CCCCCC;
}


.table-group-use p{
	margin:0;
}




/*広告スポンサー募集*/

.table-adv {
	font-size:0.9em;
}

.table-adv th {
	font-weight: normal;
	margin: 0px;
	padding: 5px;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.table-adv td {
	font-weight: normal;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.table-adv-c-01 {
	background-color: #EBE6F0;
}

.table-adv-c-02 {
	background-color: #E7F4F8;
}

.table-adv-c-03 {
	background-color: #FFFDBB;
}

.table-adv-c-04 {
	background-color: #E8E8E8;
}

.table-adv-c-05 {
	background-color: #FFE9A4;
}



/*-------------------------------------------------- */
/*ライン
---------------------------------------------------- */

hr.hr-space40 {
  line-height: 0px;
  border: none;
  clear: both;
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

hr.hr-space20 {
  line-height: 0px;
  border: none;
  clear: both;
  margin: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}


/*-------------------------------------------------- */
/* サイトマップ
---------------------------------------------------- */


.link-sitemap {
	float: left;
	width: 50%;
}

.link-sitemap ul {
	list-style-type: none;
	padding-top: 5px;
	padding-left: 5px;
}

.link-sitemap li {
	background-image: url(../img/body/arrow_sml_03.png);
	background-repeat: no-repeat;
	padding-left: 1.2em;
	background-position: 0.3em 0.6em;
	padding-bottom: 1em;
	font-weight: normal;
	line-height: 1.5em;
}

.link-sitemap ul ul {
	list-style-type: none;
	padding-top: 5px;
	padding-left: 5px;
}

.link-sitemap ul ul ul {
	list-style-type: none;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.link-sitemap ul ul ul ul {
	list-style-type: none;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.link-sitemap li li {
	background-image: url(../img/body/icon_arw2s.gif);
	background-repeat: no-repeat;
	padding-left: 1.2em;
	background-position: 0.3em 0.3em;
	font-weight: normal;
	padding-bottom: 1px;
}

.link-sitemap li li li {
	background-image: url(../img/body/pointer_disk.gif);
	background-repeat: no-repeat;
	padding-left: 1.2em;
	background-position: 0.3em 0.6em;
	padding-bottom: 0px;
	font-weight: normal;
	font-size: 100%;
}

.link-sitemap li li li li {
	background-image: url(../img/body/pointer_disk_s.gif);
	background-repeat: no-repeat;
	padding-left: 1.2em;
	background-position: 0.3em 0.5em;
	padding-bottom: 0em;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.5em;
}


.link-sitemap a:link {
	color: #000000;
	text-decoration: none;
}

.link-sitemap a:visited {
	text-decoration: none;
	color:#333333;
}

.link-sitemap a:hover {
	text-decoration: underline;
	color: #003991;
}

.link-sitemap a:active {
	text-decoration: underline;
	color:#000000;

}









/*フォントカラー*/

.grey{
  color: #C4C4C4 !important;
  font-weight: 100;

}




.dantai_flex,.dantai_flex2{
    display: flex;
    display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dantai_flex_box{width: 48%;border: 5px solid #ddd;
padding: 20px 20px 65px;
position: relative;}
.dantai_flex_box:nth-child(n+3){
margin-top: 40px;
}
.dantai_flex_title{font-size: 140%;color: #3387b7;font-weight: bold;text-align: center;}
.dantai_flex_img{
text-align: center;
margin: 10px 0 15px;}
.dantai_flex_img img{
max-width: 250px;
width: 100%;
}

.dantai_flex_btn,
.dantai_flex2_btn{
text-align: center;
display: block;
position: absolute;
bottom: 20px;
border-radius: 3px;
width: 10em;
padding: 5px 0;
left: calc(50% - 5em);
color: #fff!important;
background: #3b96c7;
text-decoration: none!important;
transition: .4s;}
.dantai_flex_btn:hover{
background: #C73B3B;}

.txt-blue{
color: #3387b7;
}

.inline_block{
display: inline-block;
}

.txt-orange{
color: #e8641f;
}
.txt-green{
color: #4BA028;
}
.txt-purple{
color: #9827B1;
}

a.dantai_flex2_box{
display: block;
text-decoration: none;
transition: .3s;
color: inherit!important;
width: 31.65%;text-align: center;position: relative;padding: 20px 20px 70px;border: 2px solid #94c9e6;background: #e9f7ff;border-radius: 5px;}
a.dantai_flex2_box:hover {
    color: #fff!important;
    background: #3e9ed0;
    border-color: #2e7da9;
}
.dantai_flex2_img {
    border-radius: 100%;
    background: #fff;
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    line-height: 115px;
    margin-bottom: 25px;
transition: .3s;
    border: 2px solid #94c9e6;
}
a.dantai_flex2_box:hover .dantai_flex2_img {
    border-color: #2e7da9;
}
.dantai_flex2_img img{width: 60%;height: auto;}
.dantai_flex2_title{color: #1B73A3;font-size: 1.3em;margin-bottom: 10px;
transition: .3s;}
a.dantai_flex2_box:hover .dantai_flex2_title{
color: #fff;
}
.dantai_flex2_txt{
    font-size: 80%;
}


a.dantai_flex2_box:hover .dantai_flex2_btn{
color: #1f5979!important;
background: #fff;
}

.oekaki_content{
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.oekaki_title_head{
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #555;font-weight: bold;
}

.oekaki_title_main{
    font-size: 3em;
    color: #1b73a3;
    margin-bottom: 60px;
}

.oekaki_common_box{
    background: #d1e3ed;
    padding: 40px;
}

.oekaki_nurie_grid img{
    width: 100%;
}

.oekaki_nurie_grid_box{
    display: block;
    color: inherit;
    text-decoration: none!important;
    margin-left: 0!important;
    padding: 0!important;
}

.oekaki_nurie_grid_box_btn{
    text-align: center;
    line-height: 1.2;
    font-size: .8em;
    padding: 7px 0;
    background: #1b73a3;
    color: #fff;
    transition: .3s;
}
.oekaki_nurie_grid_box:hover .oekaki_nurie_grid_box_btn{
    background: #2FA2E1;
}

.nurie_all_dl_btn{
    display: inline-block;
    background: #1b73a3!important;
    color: #fff!important;
    transition: .3s;
    line-height: 1.2;
    padding: 10px!important;
    width: 100%;
    max-width: 450px;
    text-decoration: none!important;
    margin-left: 0!important;
}
.nurie_all_dl_btn:hover{
    color: #fff;
    background: #2FA2E1!important;
}

.nurie_caution_box{
    background: #fff;
    color: #666;
    padding: 30px 40px;
    font-size: 80%;line-height: 1.2;
}

.nurie_name{
    font-size: .7em;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 3px;;
    width: 100%;
    text-align: center;
}

.oekaki_content img{
    max-width: 100%;
}

.oekaki_tbl{
    width: 100%;
    font-size: 1.2em;
}
.oekaki_tbl th,.oekaki_tbl td{
    padding: 20px;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
.oekaki_tbl th{
    white-space: nowrap;
    background: #f5f5f5;
    color: #333;
}

.page_sns_link{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}

.page_sns_link .news_category {
	margin-right: auto;
}

.group_caution{
	display: flex;
	margin-bottom: 1em;
}

.group_caution strong{
	white-space: nowrap;
}

.group_caution p{
	margin-bottom: 5px;
}

.twitter-box{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/*-------------------------------------------------- */
/* 寄附募集について
---------------------------------------------------- */
/*寄附テーブル*/
.donation-table p{
  font-size: 14px;
  line-height: 1.6;
}

.donation-item{
  width: 25%;
}

.item-image{
  width: 200px;
}

/*横スクロール注意*/
.scroll-caution{
  display: none;
}


.common_title{
	letter-spacing: .02em;
	color: #4CACE2;
	text-align: center;
	font-weight: bold;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 2em;
}


.link_border_box {
    padding: 1em;
	padding-bottom: 55px;
    border: #ccc solid 1px;
	height: 100%;
	position: relative;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1.1em;
}
.link_border_box h3{
    color: #1B73A3;
    text-align: center;
    font-weight: normal;
    font-size: 1.3em;
    margin-bottom: 15px;
    margin-top: 20px;
	font-weight: bold;
}
.link_border_box img{
	max-width: 100%;
}
.link_border_box .btn-detail2{
	position: absolute;
	right: 1em;
	bottom: 1em;
}






/* Calendar */

.even-txt-wp{padding: 0 0.1em 0.4em !important;_}

.event-txt{
font-size: 15px;
    font-weight: bold;
    /* padding: 0em 0em 1em 0em !important; */
    color: #26495d;
    background: #fff500;
    display: inline-block;
    margin: 0 0 1em 0 !important;
}