@charset "utf-8";

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

 File name:      style.css
 Style Info:     index.html以外使用
----------------------------------------------------------- */


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

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

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


div.heightLineParent {
	display: flex;
}

div.heightLineParent > .fl {
margin-right: 25px;
}


/*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; */
	background-color: #fff
}



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

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

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

#header {
	margin:0 auto;
	width:960px;
	height:60px;
	/*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;
	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:48px;*/
	width:100%;
	background:url(../img/gnav_bg.png) left top repeat-x;
	z-index:2;
/*	top:70px; */
	left:0;
	margin:0 auto;
	zoom:100%;/*IE6*/
	position:absolute;
	}
@media (max-width: 750px) {
    #gNav_wrapper {top:120px;}
    #title_wrap {display:none;!important}
}
@media (min-width:751px){
    #gNav_wrapper{top:70px;}
}
#gNav_wrapper .png_bg { margin:0 auto; width:100%;zoom:1;}
/*#con_gNav{
	width:960px;
	height:48px;
	 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;}


/*----------------------------------------------------
	グローバルタイトル
----------------------------------------------------*/

#title_wrap {
	width:100%;
	z-index:0;
	top:115px;
	left:0;
	margin:0 auto;
	padding:0;
	text-align:center;
	position:absolute;
	zoom:1;/*IE6*/
	/*display:inline-block;*/
	}
h2 {
	width:960px;
	margin:0 auto;
	/*position:absolute;
	top:-6px;
	z-index:10;*/
	}


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

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

/*パンくず*/
#topicPath {
	width:960px;
	margin:0 auto;
	/*height:10px;*/
	line-height:100%;
	padding:0;
	clear:both;
	}
#topicPath ul { margin-top:50px; padding:0 0 0 10px;}
#topicPath li {
	list-style:none;
	float:left;
	height:24px;
	color:#C5C0AE;
	font-size:10px;
	padding-right:3px;}
/*#topicPath .tp {
	color:#C5C0AE;
	font-size:10px;
	padding-right:3px;
	}*/
#topicPath a:link, 
#topicPath a:visited,
#topicPath a:active{
	color: #C5C0AE;
	text-decoration: none;
}
#topicPath a:hover {
	color: #401E14;
	text-decoration: underline;
}




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


#cNav{
	}
	
#cNav .on{
	background:#FDFADF;
	font-weight:bold;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#990000 3px solid;
	padding:10px 15px 10px 15px;
	}
#cNav .oon{
	box-sizing:border-box;
	background:#FDFADF;
	font-weight:bold;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#990000 3px solid;
	padding:10px 15px 10px 15px;
	}

	
#cNav p{
	font-weight:bold;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#3F2C2C 3px solid;
	padding:10px 15px 10px 15px;
	}

#cNav li{
	list-style:none;
	font-weight:normal;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#E7E7E7 1px solid;
	padding:8px 15px 8px 30px;
	background:url(../img/cNav_li_bg.gif) left top no-repeat;
	}

#cNav li.on02{
	list-style:none;
	font-weight:normal;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#E7E7E7 1px solid;
	background:url(../img/cNav_li_bg_on.gif) left top no-repeat;
	}
#cNav li.oon02{
	list-style:none;
	font-weight:normal;
	border-right:#E7E7E7 1px solid;
	border-bottom:#E7E7E7 1px solid;
	border-left:#E7E7E7 1px solid;
	background:url(../img/cNav_li_bg_on.gif) left top no-repeat;
	}

#cNav p a:link {
	color: #3F2C2C;
	text-decoration: none;
}

#cNav p a:visited {
	color: #3F2C2C;
	text-decoration: none;
}

#cNav p a:hover {
	color: #3F2C2C;
	text-decoration: underline;
}

#cNav p a:active {
	color: #3F2C2C;
	text-decoration: none;
}

#cNav li a:link {
	color: #3F2C2C;
	text-decoration: none;
}

#cNav li a:visited {
	color: #3F2C2C;
	text-decoration: none;
}

#cNav li a:hover {
	color: #990000;
	text-decoration: none;
}

#cNav li a:active {
	color: #990000;
	text-decoration: none;
}





/*--右カラム---------------------------------------------------------------------------*/
#col_contents02{
	float:right;
	width:745px;
	/*margin-right:28px;*/}



/*----------------------------------------------------
	見出し設定
----------------------------------------------------*/

/*contents sub title 01*/
.h3_01 {
	margin-bottom:20px;
	display:block;
	background:url(../img/cont_h3_bg.jpg) left top no-repeat;
	width:100%;
	padding:10px 0px 14px 15px;
	/padding:13px 15px 11px 15px;
	padding:13px 15px 11px 15px\9;
	font-size:14px;
	color:#3F2C2C;
	}

.h3_02 {
	line-height:150%;
	margin-bottom:20px;
	display:block;
	background:url(../img/cont_h3_bg02.jpg) left top no-repeat;
	width:715px;
	padding:10px 0px 14px 15px;
	/padding:12px 15px 12px 15px;
	padding:12px 15px 12px 15px\9;
	font-size:14px;
	color:#3F2C2C;
	}

/*contents sub title 02*/
.h4_01 {
	line-height:100%;
	display:block;
	background:url(../img/cont_h4_bg.gif) left top no-repeat;
	width:100%;
	padding:0 0px 15px 15px;
	font-size:14px;
	margin-bottom:15px;
	color:#3F2C2C;
	}
	
.h4_02 {
	line-height:150%;
	display:block;
	background:url(../img/cont_h4_bg02.gif) left top no-repeat;
	width:100%;
	padding:0 0px 15px 15px;
	font-size:14px;
	margin-bottom:15px;
	color:#3F2C2C;
	}


/*----カテゴリトップbox-----*/

.box_02{
	width:330px;
	padding:5px 15px 5px 15px; 
	background:url(../img/box02_bg.gif) left top repeat-y;
	}

.box_title{
	line-height:100%;
	display:block;
	background:url(../img/box_t_bg.gif) left top no-repeat;
	padding:3px 0 20px 30px;
	font-weight:bold;
	}
.box_title02{
	line-height:130%;
	display:block;
	background:url(../img/box_t_bg02.gif) left top no-repeat;
	padding:2px 0 15px 30px;
	font-weight:bold;
	}


.box_title a:link {
	color: #3F2C2C;
	text-decoration: none;
}

.box_title a:visited {
	color: #3F2C2C;
	text-decoration: none;
}

.box_title a:hover {
	color: #990000;
	text-decoration: none;
}

.box_title a:active {
	color: #990000;
	text-decoration: none;
}


.box_title02 a:link {
	color: #3F2C2C;
	text-decoration: none;
}

.box_title02 a:visited {
	color: #3F2C2C;
	text-decoration: none;
}

.box_title02 a:hover {
	color: #990000;
	text-decoration: none;
}

.box_title02 a:active {
	color: #990000;
	text-decoration: none;
}


.box_text{
	padding:0 0 0 0;
	/padding:0 0 0 0;
	padding:0 0 0 0\9;
	font-size:12px;
	}
	
.box02_top{
	line-height:0px;
	height:10px;
	margin:0;
	padding:0 0 0 0;
	background:url(../img/box02_top.gif) left bottom no-repeat;
	display:block;
	}

.box02_top_half{
	line-height:0px;
	height:10px;
	margin:0;
	padding:0 0 0 0;
	background:url(../img/box02_top_half.gif) left bottom no-repeat;
	display:block;
	}

	
.box02_bottom{
	line-height:0px;
	height:10px;
	margin:0;
	padding:0 0 10px 0;
	background:url(../img/box02_bottom.gif) left top no-repeat;
	display:block;
	}
	
.box02_bottom_half{
	line-height:0px;
	height:10px;
	margin:0;
	padding:0 0 10px 0;
	background:url(../img/box02_bottom_half.gif) left top no-repeat;
	display:block;
	}

<!-- /カテゴリトップbox-->


<!--段落-->
#txtbox {
        box-sizing:border-box;
	line-height:1.6;
	margin: 0 10px 20px 10px;
}
#txtbox p { padding-top:7px;}

.txtbox {
        box-sizing:border-box;
	line-height:1.6;
	margin: 0 10px 20px 10px;
}
.txtbox p { padding-top:7px;}

.txtbox dd { padding-inline-start: 1em; }

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

#under {
        box-sizing:border-box;
	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;
}



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

/* ここから室工大追加分 */


.table_01 {
width: 95%;
margin: 0px 0px 10px 30px;
padding:0px;
border-collapse:collapse;
}
.table_01 th {
width:25%;
padding:4px 2px 2px 4px;
text-align:left;
vertical-align:top;
color: #900;
background-color: #FFDB8E;
border: 1px solid #FFBD59;
}
.table_01 td {
padding: 4px 2px 2px 4px;
background-color: lightYellow;
border: 1px solid #FFBD59;
}

.table_02 {
width:100%;
/*margin:0px 0px 10px 0px;*/
margin:0px 0px 25px 0px;
padding:0px;
border-collapse:collapse;
/*border-bottom:1px dotted #999999;*/
}
.table_02 th {
width:25%;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#666666;
background-color:#EEEEEE;
border-bottom:1px dotted #999999;border-left:5px solid #FF9900;
}
.table_02 td {
padding:4px 2px 2px 4px;
/*border-bottom:1px dotted #999999;*/
}

.table_03 {
width: 95%;
margin: 0px 0px 10px 0px;
padding:0px;
border-collapse:collapse;
}
.table_03 th {
width:15%;
padding:4px 2px 2px 4px;
text-align:left;
vertical-align:top;
color: #900;
background-color: #FFDB8E;
border: 1px solid #FFBD59;
}
.table_03 td {
padding: 4px 2px 2px 4px;
background-color: lightYellow;
border: 1px solid #FFBD59;
}


.list_disc{
list-style-type: disc;
margin: 0px 0px 0px 30px;
}

/* 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{
		width: 100vw;
		margin: 0px;
		padding: 0px;
		display: flex;
		flex-flow:column;
	}
	
	div#col_01 {
                box-sizing: border-box;
		padding-top: 1em;
		width: inherit;
		height: unset;
		order: 10;
                margin-right: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: inherit;
		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 {
		box-sizing:border-box;
		background-image: none;
		padding-right: 2px;
		padding-left:2px;
		margin-bottom:20px;
	}
	
	div.heightLineParent {
		flex-flow: column;
	
	}
	
	.fr, .fl {
		float:  none;		
	}
	
	div#title_wrap {
		width: inherit;
	}

	div#title_wrap *{
		width: unset;
	}
	
	div#title_wrap img {
		width: 100vw;
	}
	
	h3.h3_01 {
                box-sizing:border-box;
		width: inherit;
		background-image: none;
		background-color: seashell;
	}
	.h4_01{
		box-sizing:border-box;
		margin-bottom:0px;
	}
        .txtbox{
		margin-left:0px;
                margin-right:0px
        }
}

/*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%;
}