@charset "UTF-8";
/***************************************************
   HTML All Class Element Styles
***************************************************/
html , body {height:100%;}
body {  font-family:Meiryo; font-size: 13px; line-height: 170%; color: #000;  }
a { color: #036eb8; text-decoration: underline; }
a:hover { color: #238ed8; text-decoration: none; }

.cb { clear: both; font-size: 0; }

body > #wrap {
	width: 100%;
}
#wrap { width:100%; margin:0 auto; text-align:left; 
		height:100%;/* for IE6 */
	min-height:100%;
	}
.contener {
	margin: 0 auto;
	width: 900px;
}

#back-top {
    position: fixed;
    bottom: 50px;
    right:100px;
}
#back-top a {
    width: 85px;
    display: block;
}
#back-top span {
    width: 85px;
    height: 85px;
    display: block;
    margin-bottom: 7px;
    background: url(img/btn10.png) no-repeat center center;
}

/***************************************************
  Header Element Styles
***************************************************/

.head_1 { 
		width:900px;
		height:116px;
		margin:0 auto;
		}


/***************************************************
  Sidebar Element Styles
***************************************************/
.navi {
	margin: 0;
	width: 100%;
	background-color: #54c3f1;
	text-align: center;
    height: 48px;
}
		
.navi_2 { margin:0;
		height:45px;
		}		
		
.navi_in {
	height: 37px;
	margin: 0 auto;
	width: 1052px;
    padding: 5px 0;
}	
		
.menu { float:left;
    width: 140px;
		display:block;
		height:37px;
		margin-right:12px;
		line-height:0;}		

.menu#last { float:left;
		display:block;
		height:37px;
		margin-right:0;
		line-height:0;}	
			
/***************************************************
  Contents Element Styles
***************************************************/
.contener .main {
	width: 900px;
    height: 409px;
}

.contener .main#naka {
	width: 900px;
    height: auto;
    background-image: url(img/main_naka.png);
    background-repeat: no-repeat;
    min-height: 647px;
}
.con_naka{ width:900px;
    margin:20px auto;
    background-color: rgba(255,255,255,0.9);
    padding: 0;
    min-height: 607px;
}

.honbun{
    margin:0 40px;
}

.honbun#gree{
    margin:50px 80px;
}

.kugiri{
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

td#koumoku{
    color:#004ea2;
    font-weight: bold;
}
		
.info { width:630px; 
		margin:0 0 25px;
		height:150px;
		overflow: auto; font-size: 12px; text-align: left;
		
		
		overflow:auto; }		
		
.title01 { 
		 width: 880px;
    height: 40px;
		  margin-bottom:20px;
		  background-color:#004ea2;
    line-height: 40px;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
		 }	
		 
.title1_text { line-height:25px;
		font-size:15px;
		color:#FFF;
		font-weight:bold;
		margin-left:25px;
		  padding-top:17px; 
		 }		 
		
		
/***************************************************
  Footer Element Styles
***************************************************/

.footer{
    width:100%;
    text-align: center;
    height: 24px;
    background-color: #54c3f1;
    color: #004ea2;
    line-height: 24px;
}

/***************************************************
  Mouse Over Element Styles   
***************************************************/





/***************************************************
  Qand.html
***************************************************/

.midasi1{
	color: #3366AD;
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding-left: 10px;
	line-height: 170%;
	font-weight: bold;
	background-color: #BBDAF5;
}
.midasi2{
		 text-align: left; 
		 font-size: 14px; 
		 border-bottom:#3366AD solid 1px;
		 border-left:#3366AD solid 3px;
		  margin:0 0 10px 0;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}
.midasi3{
		 text-align: left; 
		 font-size: 14px; 
		 border-bottom:#3366AD solid 1px;
		  margin:0 0 10px 0;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}
.midasi4{
		 text-align: left; 
		 font-size: 14px; 
		color:#3366AD;
		  margin:0 0 10px 10px;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}

.midasi5{
		 text-align: center; 
		 font-size: 14px; 
		background-color:#3366AD;
		color:#fff;
		  margin:0 0 10px 10px;
		    line-height:170%; 
			padding:3px;
			font-weight:bold;
}

.midasi6{
		 text-align: left; 
		 font-size: 14px; 
		color:#000;
		  margin:0 0 10px 10px;
		   padding-left:10px;
		    line-height:170%; 
			font-weight:bold;
}


.bun{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 20px 20px;
		  line-height:170%;}
		  
.bun2{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 10px 20px;
		  line-height:170%;}		  
		  
.bun3{ 
		text-align:left;
		 font-size:13px;
		  margin:0 10px 10px 30px;
		  line-height:170%;}
		  
.bun4{ 
		text-align:left;
		 font-size:13px;
		  margin:0 30px 20px 40px;
		  line-height:170%;}
		  
.bun5{
		text-align:left;
		 font-size:14px;
		  margin:0 10px 10px 20px;
		  line-height:170%;
		  color:#09F;
		  }	
		  
.bun6{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 5px 40px;
		  line-height:170%;
		  color:#09F;
		  }			  	  
		  
		  
.bun7{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 10px 20px;
		  line-height:170%;
		  border-bottom:1px dotted #999999;}	
		  
		  
.bun8{
		text-align:left;
		 font-size:14px;
		  margin:0 10px 10px 0;
		  line-height:170%;
		  color:#06C;
		  }	
		  
		  
.bun9{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 20px 20px;
		  line-height:170%;
		  border-bottom:1px dotted #999999;}	

.bun10{
		text-align:left;
		 font-size:13px;
		  margin:0 10px 30px 20px;
		  line-height:170%;}

		  
.kugiri { margin:0 10px 10px;
		height:1px;
		border-bottom:1px dotted #999999;}		  

.foot01{
    
    width:100%;
    background-color: #004ea2;
    height: 90px;
    
}

.jimu{
height:100%;
    width: 790px;
    margin: 0 auto;
}


.jimu01 { width:395px; 
		float:left;
		line-height:130%;
		font-size:11px;
    padding-top: 20px;
    color: #fff;
		
		}	

.jimu01 a{
    color:#FFE500;
}

.jimu01 a:hover{
    color:#FFE500;
}


#head-theme  {
	width: 100%;
	background-color:#004EA2;
	height: 116px;
	text-align: center;
}




.head-under {
	height: 10px;
	background-color: #004EA2;
}

.kugiri { height:1px;
			border-bottom: 1px dotted #999;}
			
table#tenji td { padding:3px 0;}	

/*************モーダルウィンドウ**************/

.modal-overlay {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
    background-color:rgba(0,0,0,.5)}
.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover {cursor:pointer}
.modal-content {
    position:fixed;
    display:none;
    z-index:3;
    margin:10px;
    padding:20px;
	border-radius:20px;
    background:#fff}
.modal-content img {width:auto;max-height:70vh}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left;
  font-size:15px;
  line-height:170%;}
a.modal-close {
	position:absolute;
	top:0;
	right:10px;
	color:#b29c33;
	font-size:35px;
	line-height:1;
	font-weight:bold;
	text-decoration:none}
a.modal-close:hover {
	cursor:pointer;
	opacity:.6}
@media screen and (max-height: 640px) {
	.modal-content {padding:10px}
	

	a.modal-close:hover {opacity:1}
}
@media screen and (max-width: 640px) {
	.modal-content {padding:10px}
	.modal-content img {max-height:inherit; width:100%; height:auto}

	a.modal-close:hover {opacity:1}
}

td.bb{
	border-bottom: 1px dotted #000;
}


#prog a:hover { opacity:0.6;}

.owari{
	padding:3%;
	text-align: center;
}