@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      index.css
 Style Info:     index.htmlのみ使用（style.css元）
----------------------------------------------------------- */


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.fr {
    float: right;
	margin: 0;
}

.fl {
    float: left;
	margin: 0;
}
	
.clear {
	clear: both;
	line-height:0px;
	height:0;
	font-size:0px;
	visibility:hidden;
}

/*clearFix
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}*/

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	text-align: left;
	background: #fff url(../img/bg.jpg) repeat-x left top;
}



/*----------------------------------------------------
	#header
----------------------------------------------------*/

#idxt {
	margin:0 auto;
	/*margin-bottom: 10px;*/
	padding:0;
	/*height:250px;*/
	position:relative;
	text-align:center;
	width:100%;}


#header_wrap {
	margin:0 auto;
	/*margin-bottom: 10px;*/
	padding:0;
	height:67px;
	position:absolute;
	text-align:center;
	z-index:2;
	width:100%;}

#header {
	margin:0 auto;
	width:960px;
	height:67px;
	background: url(../img/hd_bg.png) no-repeat left top;
	/*position:absolute;relative
	z-index:2;*/
	text-align:center;}
/*#header .png_bg { margin:0 auto; width:960px;}*/

/*logo*/
h1 {
	padding: 8px 0 0 12px;
	margin: 0 0 0 0;
	float:left;
	/*width: 300px;
	height: 42px;*/}

/*headerのｶﾃｺﾞﾘ枠*/
.hdBt {
	float: right;
	margin-top: 10px;}

/*header上部navi*/
#hNav01{width:350px; margin-right:10px;}
#hNav01 li{
	float:right;
	padding-left:15px;}



/*----------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------*/
#gNav_wrapper{
	/*height:52px;*/
	width:100%;
	background:url(../img/gnav_bg.png) left top repeat-x;
	z-index:1;
	top:187px;
	left:0;
	position:absolute;
	margin:0 auto;
	zoom:100%;/*IE6*/
	}
#gNav_wrapper .png_bg { margin:0 auto; width:100%;zoom:1;}
/*#con_gNav{
	width:960px;
	height:52px;
	 margin:0 auto;
	}
#con_gNav ul{
	width:960px;
	margin:0 auto;
	display:block;
	}
#con_gNav li{
	float:left;
	}*/


/*---
	.dropdown(言語選択ドロップダウンメニュー)　---*/


/*#lang{
	width:192px;
	position:relative;
	z-index:10;
	}*/

#con_gNav{
	width:960px;
	/*height:52px;*/
	 margin:0 auto;
	}

#gNav{
	width:960px;
	position:relative;
	z-index:10;
	}

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: abusolute; top:0; left:0; z-index:100;}
ul.dropdown li                      { float: left; zoom: 1;  list-style:none;}
ul.dropdown li a                    { display: block;  }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 192px; 
									  /*height:30px;*/ 
									  visibility: hidden; 
									  position: absolute; 
									  top: 100%; 
									  right: 0;
									  left:0;/*ie6*/
									  font-size:100%\9;/* IE8 and below */} 

/*1段*/
ul.dropdown ul li 					{ opacity:1; background:url(../img/ddnav_bg.jpg) left top no-repeat; width: 192px; height:30px;}
ul.dropdown ul li a:hover	 		{ }
ul.dropdown ul li a:active  		{ }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 192px; /*display: inline-block;*/ padding-top:5px; padding-top:8px\9;/* IE8 and below */ padding-left:30px; text-align:left;}

/*2段*/
ul.dropdown ul li.dd 					{ opacity:1; background:url(../img/ddnav_bg2.jpg) left top no-repeat; width: 192px; height:45px;}
ul.dropdown ul li.dd a:hover	 		{ }
ul.dropdown ul li.dd a:active  		{ }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li.dd a					{ border-right: none; width: 192px; /*display: inline-block;*/ padding-top:5px; padding-top:8px\9;/* IE8 and below */ padding-left:30px; text-align:left;}



/*----------------------------------------------------
	#muropyon
----------------------------------------------------*/

#muropyon_wrap { width:100%; z-index:5; top:70px; left:0; position:absolute; margin:0 auto; zoom:100%;/*IE6*/}
#muropyon { margin:0 auto; width:960px; /*position:relative; overflow: hidden;*/}
.tooltip { padding-left:765px;/*margin: 100px 0 0;*/list-style: none;}
.tooltip li {
     /*margin: 0 10px;
     float: left;*/
     position: relative;
     /*text-align:center;*/
     }
.tooltip a {
     /*padding: 14px 10px;*/
     display: block;
     /*text-decoration: none;
     font-weight: bold;
     width:200px;*/
     }
.tooltip li span {
	background: url(../img/muropyon_w.png) no-repeat left top /*#FFF*/;
	_background: url(../img/muropyon_w_ie6.gif) no-repeat left top /*#FFF*/; /* IE6 */
	/*background: #ffc;
	border: 1px solid #fc6;*/
	height: 64px;
	width: 155px;
	position: absolute;
	top: 0/*-85px*/;
	left: -120px/*0*/;
	text-align: left/*center*/;
	padding: 10px 5px 10px 10px/*20px 12px 10px*/;
	z-index: 2;
	display: none;
	color:#fff;
	font-size:10px;
	line-height:1.6\9; /* IE8 and below */
}

/*.tooltip { padding-left:765px; position:relative;}
.tooltip a {}
.tooltip span {
	background: #ffc;
	border: 1px solid #fc6;
	height: 45px;
	position: absolute;
	top: -85px;
	left: 0;
	text-align: center;
	padding: 20px 12px 10px;
	z-index: 2;
	display: none;
}*/


/*----------------------------------------------------
	#slider
----------------------------------------------------*/
#slider_wrap { position:absolute;}
#slider {position: relative; overflow: hidden;height:230px; z-index:0; /*position:absolute;*/ top:0;}
#slider img {position:absolute;	margin:0; height:230px; display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}




/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#wrap {
	margin: 0 auto /*10px*/;
	padding: 0 0 15px 0;
	/*zoom:1;*/
}
#main {
	margin: 0 auto;
	width: 960px;
	padding:20px 0 15px 0;
}


/*--index.html 左カラム---------------------------------------------------------------------------*/
#col_01{
	float:left;
	width:200px;
	margin-right:15px;}

#idx_lbox { width:200px; margin-bottom:15px;}



#lboxc {padding:3px; margin:0 auto; border: 1px #E7E7E7 solid;}
#cal { margin:0 auto; width:180px;}
#cal table { border-top: solid 1px #CCC; font-size:10px; width:180px; margin:0 auto;}
#cal tr { margin:0;}
#cal td { padding:3px; text-align:center; border-bottom: solid 1px #CCC;}
#cal .sunday { color:#F00;}
#cal .saturday { color: #009;}
#cal .white { color: #FFFFFF;}

#cal .pink { background-color:#F2C2C2;}
#cal .blue { background-color:#CCECFF;}
#cal .green { background-color:#C5EAC0;}
#cal .yellow { background-color:#F2F8A0;}
#cal .purple { background-color:#E3D5FB;}
#cal .deepgreen { background-color:#006400;}

#lboxc ul { margin-top: 5px; margin-left:10px; font-size:10px; *margin-bottom:10px;/* IE7 and below */}
#lboxc li {list-style:none; float:left; padding-left:15px; margin-bottom:2px; width:160px;}
#lboxc li.cal_white {background: url(../img/cal_block_white.gif) no-repeat left top #FFF;}
#lboxc li.cal_green {background: url(../img/cal_block_green.gif) no-repeat left top #FFF;}
#lboxc li.cal_blue {background: url(../img/cal_block_blue.gif) no-repeat left top #FFF;}
#lboxc li.cal_pink {background: url(../img/cal_block_pink.gif) no-repeat left top #FFF;}
#lboxc li.cal_yellow {background: url(../img/cal_block_yellow.gif) no-repeat left top #FFF;}
#lboxc li.cal_purple {background: url(../img/cal_block_purple.gif) no-repeat left top #FFF;}
#lboxc li.cal_deepgreen {background: url(../img/cal_block_deepgreen.gif) no-repeat left top #FFF;}

#lbox {padding:3px; margin:0 auto; border: 1px #E7E7E7 solid;}
#lbox ul { margin: 5px 0;}
#lbox li { background: url(../img/ya01.gif) no-repeat left top #FFF; list-style:none; margin: 0 0 8px 5px; padding-left:23px;}
#lbox a:link, 
#lbox a:visited,
#lbox a:active{
	color: #333;
	text-decoration: none;
	font-weight:bold;
}
#lbox a:hover {
	color: #FFA918;
	text-decoration: underline;
	font-weight:bold;
}

/*.l_navi{
	background:url(../img/l_navi_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	zoom:100%;IE6}
.l_navi ul{
	padding:5px 0 0 0;
	width:190px;}
.l_navi li{
	padding:0 5px;
	width:190px;}
.l_navi_end{
	font-size:0;
	vertical-align:bottom;}*/



/*--index.html 中央カラム---------------------------------------------------------------------------*/
#col_top02{
	float:left;
	width:580px;
	/*margin-right:28px;*/}

/*-----検索タブ-----*/
#searchbox { width:580px; height:165px; background: url(../img/search_bg.jpg) no-repeat left top #FFF; margin:0; padding-top:10px;}
/*#searchbox { width:580px; height:220px; background: url(../img/search_bg.jpg) no-repeat left top #FFF; margin:0; padding-top:10px;}*/
#tab { margin:0 10px 0 10px; padding:0; zoom:100%;/*IE6*/}
#tab ul {margin:0; padding:0;}
#tab li {
  float: left;
  padding: 8px 8px 0 8px;
  margin-bottom:0;
  height:25px;
  list-style: none;
  cursor: pointer;
  background: #DFD9CB;
  border-right:solid 1px #FFF;
  color:#3F2D2C;
  font-weight:bold;
}
#tab li.select { background:#FFF;}
#tab li.tabr { border-right: none;}
#tab a:link, 
#tab a:visited,
#tab a:active,
#tab a:hover {
	color: #3F2D2C;
	text-decoration: none;
	font-weight:bold;
}
.disnon {display: none;}
.content_wrap {
  clear: left;
  width: 560px;
  /*height: 165px;*/
  height: 120px;
  margin: 0 0 0 10px;
  padding:0;
  background: #fff;
}
#tabbox { padding:10px;}
#tabbox ul { margin:5px 0 0 0;}
#tabbox li { 
	background:url(../img/ya02.gif) left top no-repeat;
	list-style:none;
	margin: 0 20px 0 0;
	padding:0 0 0 15px;
	padding-top: 2px\9; /* IE8 and below */
	float:left;}
/** html #tabbox li { padding-top: 2px;}*/

#tabform { /*height:20px;*/ padding-bottom:15px; /**padding-bottom:20px; IE7 and below */ /*_padding-bottom:0px; IE6 */}
#tabform2 { /*height:20px;*/ float:left; padding-top:2px;; /**padding-bottom:20px; IE7 and below */ /*_padding-bottom:0px; IE6 */}
.tabw {
	width:370px;
	float:right;
	font-size:10px;
	line-height:1.2;
	padding-top:2px;
	*padding-top:0px;/* IE7 and below */
	padding-bottom:5px;
	*padding-bottom:5px;/* IE7 and below */}
.tabw2 {
	width:370px;
	float:right;
	font-size:10px;
	line-height:1.2;
	padding-top:2px;
	*padding-top:0px;/* IE7 and below */
	padding-bottom:20px;
	*padding-bottom:10px;/* IE7 and below */
}

input[id^="tab_quick"] {
color: #666;
background-color: #fff;
}
input[id^="tab_quick"]::placeholder {
  color: lightgray;
}

/*-----News-----*/
#idx_c { width:580px; margin: 10px 0; padding-top:10px;}

/*News*/
#idx_info_t { margin: 5px 0 0 0; padding-bottom:5px; width:580px; background:url(../img/info_line.gif) left bottom repeat-x;}
#idx_info dl { margin: 5px 0 0 0; width:580px; background:url(../img/info_line.gif) left bottom repeat-x;}
#idx_info dt { /*background:url(../img/info_line.gif) left bottom repeat-x;*/ font-size:80%; float:left; width:80px; clear:both; padding:3px 0 5px 0;}
#idx_info dd { /*background:url(../img/info_line.gif) left bottom repeat-x;*/ margin-left:80px; padding-bottom:5px;}
#idx_info dd p { background:url(../img/ya03.gif) left top no-repeat; padding-left:15px;  padding-top:1px\9;/*IE8*/ /padding-top:0px;/*IE6、IE7*/}


/*最前線*/
#idx_info2 dl { margin: 5px 0 0 0; width:580px;}
#idx_info2 dt { font-size:80%; float:left; width:80px; clear:both; padding:3px 0 5px 0;}
#idx_info2 dd { margin-left:80px; padding: 0 0 5px 5px; border-left:solid 1px #DFD9CB;}



/*--index.html 右カラム---------------------------------------------------------------------------*/
#col_top03{
	float:right;
	width:147px;
	/*clear: both;*/
	}
#col_top03 p{
	padding:0 0 5px 0;
	}


/*--全体共通 下カラム---------------------------------------------------------------------------*/

#under {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height:30px;
	background: url(../img/ft_bg.gif) no-repeat left top;
	color:#fff;
	font-size:10px;
	text-align:left;
}
#under p { padding:5px 0 0 10px; padding-top:8px\9;/*IE8*/ /padding-top-top:5px;/*IE6、IE7*/}
#under a:link, 
#under a:visited,
#under a:active{
	color: #FFA918;
	text-decoration: none;
}
#under a:hover {
	color: #FFA918;
	text-decoration: underline;
}

/*未使用かな
#udw {
	float:left;
	padding: 3px 0 0 110px;
	width:700px;
	font-size:10px;
	background: url(../img/ft_info.gif) no-repeat left top;}*/



/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	margin: 0 auto;
	padding: 0;
	border-top: solid 2px #DEDEDE;
	background-color:#F3F4EF;
}
#ft_area {
	margin: 0 auto;
	padding: 10px 0 5px 0;
	width: 960px;
	height:200px;
}
#ft_mb {float:left; width:80px;}
#ft_mb ul {margin:0;}
#ft_mb li { list-style:none; float:left; padding-right:10px; padding-left:15px; padding-top:2px\9;/*IE8*/ /padding-top:2px;/*IE6、IE7*/ background: url(../img/mobile.gif) no-repeat left top; font-size:10px; height:16px;}
#ft_mb a:link, 
#ft_mb a:visited,
#ft_mb a:active{
	color: #666;
	text-decoration: none;
}
#ft_mb a:hover {
	color: #FFA918;
	text-decoration: none;
}

#ftNav {float:left; width:300px; margin-top:2px;}
#ftNav ul { margin:0;}
#ftNav li { list-style:none; float:left; padding: 0 10px 0 15px; background: url(../img/ya04.gif) no-repeat left top; font-size:10px;}
#ftNav a:link, 
#ftNav a:visited,
#ftNav a:active{
	color: #666;
	text-decoration: none;
}
#ftNav a:hover {
	color: #FFA918;
	text-decoration: none;
}


address {
	font-size:10px;
	color:#999;
	padding: 0 0 100px 0;
	margin: 0 0 0 0;
	float:right;
	letter-spacing:1px;
	* letter-spacing:0;
}

/* 20220413追加 （レスポンシブ）*/

@media screen and (max-width: 599px) {
	body {
		width: 100vw;		
		display: flex;
		flex-flow:column
	}
	
	div#header_wrap, div#header{
		width: inherit;
		height: unset;
		background-color: white;
		background-image: none;
	}
	
	div#cse-search-form {
	    display: none;
	}

	
	div#gNav_wrapper , div#con_gNav, div#gNav {
		width: inherit;
		height: unset;	
	}
	
	div#gNav img {
		height: 30px;
	}
	
	div#muropyon_wrap {
		display: none;
	}
	
	div#main div, div#main ul, div#main dl{
		width: inherit;
		height: unset;
	}
	
	div#main dl dd {
		width: unset;
		padding-right: 1em;
	}
	
	div#main{
		box-sizing:border-box;
		width: 100vw;
		margin: 0px;
		padding: 2px;
		display: flex;
		flex-flow:column;
	}
	
	div#col_01 {
		width:200px!important;
		margin-left:0px;
		padding-top: 1em;
		width: inherit;
		height: unset;
		order: 10;
	}
	#tabbox{
		padding-left:0px;
		padding-right:0px;
	}
	#tab{
		margin:0px;
	}	
	.content_wrap{
		margin:0px;
	}
	#searchbox{
		padding-top:0px;
	}	
	div#col_top02 {
		padding-top: 1em;
		width: inherit;
		height: unset;
		order: 2;
	}
	
	div#col_top02 iframe {
		width: inherit !important;
		padding: 0.2em 0.2em;
		background-color: darkblue;
	}
	
	div#tabbox{
		margin-bottom: 1em;
	}
	
	div#col_top03 {
		padding-top: 1em;
		width: 100%!important;
		height: unset;
		order: 11;
		display: flex;
		flex-wrap: wrap;
	}
	
	div#under {
		width: inherit;
		height:unset;
		background-color: #550000;
		background-image: none;
	}
	
	div#footer * {
		width: inherit;
		height:unset;
	}
	p.box02_top, p.box02_bottom {
		display: none;
	}
	
	.box_02 {
		background-image: none;
		padding-right: 1em;
	}
	
	div.heightLineParent {
		flex-flow: column;
	
	}
	
	.fr, .fl {
		float:  none;		
	}
	
	div#title_wrap {
		width: inherit;
		position: relative;
	}

	
	div#title_wrap img {
		max-width: 100vw;
	}

	/*youtube 埋め込み */
	.video {
		 position: relative;
		 width: 100%;
		padding-top: 56.25%; /* 16:9のアスペクト比 */
		height: 0;
	}
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	
}