@charset "UTF-8";
/* CSS Document */

/*基本設定、ページ全体（フォント）*/

body{
	position:relative;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*ロゴ_hover*/
.logo:hover{
	opacity:0.6;
}




/*ヘッダー*/
.Rogo{
	max-width:100%;
	height:auto;
}

.topbar{
	max-width:1500px;
	min-width:768px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

#top{
	max-width:1500px;
	min-width:320px;
	height:150px;
	padding:0px;
	background-image:linear-gradient(-90deg ,rgba(255,255,255,0.5) ,rgba(255,255,255,1.00)),url(images/top%20images/section_top%20images/sec_top_bg.png);
	position:relative;
	top:0;
	left:0;
	border-bottom-style:solid;
	border-right-style:hidden;
	border-left-style:hidden;
	border-bottom-width:40px;
	border-bottom-color:#FF8700;
}

#title{
	position:absolute;
	bottom:0px;
	left:0px;
}

#subtitle{
	position:absolute;
	top:10px;
	left:200px;
}



/*メインページ*/

	/*インデックスページ*/

.mainphoto{
	width:740px;
	height:370px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding:10px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
}

.main{
	position:relative;
	max-width:1500px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}	
	
	
.contenerA{
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
		justify-content:center;
	}
	



	
.mainmessege{
	position:absolute;
	top:30px;
	left:350px;
	width:320px;
	height:300px;
	background-color:rgba(255,255,255,0.8);
	border-radius:15px;
	padding:20px;
	box-shadow:1px 1px 1px 0px #666666 ;
}

.mainmessege h2{
	font-size:2em;
	margin-top:0px;
	margin-bottom:30px;
	color: #FF0000;
	line-height:50px;
	text-align:center;
	letter-spacing:0.2em;
}

.mainmessege  p{
	font-size:1.2em;
	margin-top:0px;
	line-height:2;
	opacity:0.8;
	letter-spacing:0.2em
}



.latest{
	height:370px;
	min-width:200px;
	width:auto;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding:10px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-left:10px;
	margin-right:10px;
	display:flex;
	flex-direction:column;
	align-items:center;
} 


.latest_content{
	overflow:auto;
	height:300px;
	min-width:200px;
	width:auto;
	border-style:solid;
	border-width:0px;
} 

.latest_detail{
	border-bottom-style:dotted;
	border-bottom-color:#660000;
	border-bottom-width:3px;

	
}


	
.latest_detail strong{
	color:#FF0000;
	font-size:1.0em;

	}


.latest_detail b{
	color:#FF0000;
	font-size:1.0em;

	}



.latest h3{
	font-size:1.1em;
	
	color:#0000FF;
}

.latest li{
	color:#660000;
	font-size:0.9em;
}


	/*コンテナB_お知らせ*/

.contenerB{
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	margin:0px;
	}

.time_table_big{
	display:none;
}
	
	
.text{
	padding:10pX 10px 10px 10px;
	text-align:center;
	max-width:auto;
	min-width:185px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding-top:15px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:25%;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%)
}

.text_contener{
	max-width:320px;
	min-width:220px;
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
}
	

.contenerB h3{
	margin-top:10px;
	margin-bottom:20px;
	font-size:1.2em;
	color:#FF0000;
}
	

.contenerB p{
	margin-top:0px;
	margin-bottom:20px;
	font-size:0.9em;
	color:#660000;
}

.contenerB strong{
	font-size:1.2em;
	text-decoration:underline wavy #FF0000;
}






.more_button {
	display:inline-block;
	margin-top:0px;
	margin-bottom:10px;
	width:150px;
	height:30px;
	border-radius:5px;
	background-color:#FF3300;
	vertical-align:middle;
	box-shadow:2px 2px 2px #666666;
}

.more_button a:hover{
	background-color:rgba(255,255,255,0.80)
}

.more_button a{
	color:#FFFFFF;
	text-decoration:none;
}


	/*_リクルート*/


.contenerRec{
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	margin:0px;
	}


.contenerRec h3{
	margin-top:10px;
	margin-bottom:20px;
	font-size:1.5em;
	color:#FF0000;
}
	

.contenerRec p{
	margin-top:0px;
	margin-bottom:20px;
	font-size:0.9em;
	color:#660000;
}

.contenerRec strong{
	font-size:1.2em;
	text-decoration:underline wavy #FF0000;
}

.Rectext{
	padding:10pX 10px 10px 10px;
	text-align:center;
	max-width:auto;
	min-width:185px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding-top:15px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:50%;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%)
}



/*スケジュールページ*/


.contenerA_a{
	position:relative;
	max-width:1500px;
	min-width:768px;
	text-align:center}

.cal_contener{
	position:relative;
	max-width:1500px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	}

.cal_box2{text-align:center;
	margin:20px;
	min-width:466px;
}

.cal_box2 h2{
	font-size:1.2em;
	color:#FF0000;
}


table{
	border-collapse:collapse;
	border:10px solid #FFCC00;
	box-shadow:2px 2px 2px  #999999 ;
	margin:10px auto 10px auto;
	width:446px;
	height:385px;
} 

td{
	width:60px;
	height:60px;
	box-shadow:1px 1px 1px  #999999 inset;
	border:solid 2px  #FFCC00;
	vertical-align:top;
	text-align:right;
	
}
td.nor{
	background-image: url(images/cal%20images/cal_back_pic_inj_cal.gif);
	background-size:cover;
	color:#660000;
}


td.reserve{
	background-image: url(images/cal%20images/cal_back_pic_inj_cal_rese.gif);
	background-size:cover;
	color:#660000;
}


td.hol_reserve{
	background-image: url(images/cal%20images/cal_back_pic_pm1_cal_reserve.gif);
	background-size:cover;
	color:#660000;
}

td.hol{
	background-image: url(images/cal%20images/cal_back_pic_pm1_cal.gif);
	background-size:cover;
	color:#006633;
}


td.nowork{
	background-image: url(images/cal%20images/cal_back_pic_hol_cal.gif);
	background-size:cover;
	color:#FF0000;
}


td.eve{
	background-image: url(images/cal%20images/cal_back_pic_event2_cal_.gif);
	background-size:cover;
	color:#0033FF;
}



th{
	width:60px;
	height:60px;
	border:solid 2px  #FFCC00;
	background-color: #FF6600;
	color:#FFFFFF;
}





.coment strong
{font-size:1.0em;
	text-decoration:underline wavy #FF0000;
}

.coment_box{
	box-shadow:2px 2px 2px  #999999 ;
	margin:10px auto 10px auto;
	width:446px;
	
}

.coment_box_title{
	border:1px solid #FFCC00;
	width:446px;
	height:25px;
	color:#FFFFFF;
	background-color:#FF6600;
	
}

.coment b{
    font-size:1.2em;
    color:#ff0000;
}

.coment{
	font-size:1.0em;
	color: #660000;
	border:1px solid #FFCC00;
	width:446px;
	color:#660000;
	
}
	

/*フッター*/
.all_foot{
	display:flex;
	flex-direction:row;
	color:#FFFFFF;
	background-color:#B27212;
	min-width:768PX;
	padding:0px;
}

.location_foot iframe{
	width: 700px;
	height:400
        
        px;
}

.about{
	margin:20px;
}


.about ul{
	list-style:none;
}

.about ul a{
	text-decoration:none;
	color:#FFFFFF;
	
}
	
.about ul a:hover{
	background-color:rgba(255,255,255,0.3)
}


.nav_foot{
	margin:20px auto 20px 20px;
}

.nav_foot ul{
	list-style:none;
}

.nav_foot H4{
	min-width:200px;
	margin-top:0px;
	margin-bottom:10px;
	border-bottom:solid 1px #FFFFFF;
}

.nav_foot ul a{
	list-style:none;
	margin:0px;
	padding:0.5em;
	color:#FFFFFF;
	text-decoration:none;
}

.nav_foot ul a:hover{
	background-color:rgba(255,255,255,0.3)
}


/*緑のマークについて*/

.sub_title{
	display: flex;
	flex-direction:row;
	align-items:center;
	margin-top:20px;
}

.mark1{
	padding:5px;
	margin:5px;
}

.mark1_title{
	font-size:25px;
	margin:3px;
	border-bottom:1px solid #23B353;
	color: #660000;
	width:100%;
}


/*アバウト&　ツールアバウトページ*/
.contener_about{
	position:relative;
	max-width:1500px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	
}

.content_1{
	display:flex;
	flex-direction:row-reverse;
	max-width:1500px;
}

.content_pict_1{
	padding:10px;
	border:2px #FF8700 solid;
	margin:10px;
}


.content_1_word{
	padding:20px;
}

.content_1_word H3{
	font-size:1.4em;
	color:#FF0000;
}
	
.content_1_word li{
	font-size:1.0em;
	color: #660000;
	list-style-type:none;
	line-height:1.8em;
	
}


.content_1_word li strong{font-size:1.1em;
	text-decoration:underline wavy #FF0000;
}


.content_1_word li b{font-size:1.1em;
	text-decoration:underline wavy #FF0000;
}
	
.content_1_r{
	display:flex;
	flex-direction:row;
	max-width:1500px;
}


/*ツールページ*/


.tool_inf{
	margin:10px;
	color:#0000CC;
	font-size:1.3em;
}
.contenerC{
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	margin:0px;
	}
	


.contenerC p{
	color:#666666;
}

.contenerC strong{
	font-size:large;
	color: #000000;
	text-decoration:underline wavy #FF0000;
}

.tool_box{
	max-width: auto;
	margin-top:10PX;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:25%;
}

.tool_title{
	width:auto;
	height:auto;
	background-color: #FF8700;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:10px 10px 0 0/10px 10px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	
}

.tool_title a{
	color:#FFFFFF;
	text-decoration:none;
}

.tool_title a:hover{
	background-color:rgba(255,255,255,0.80)
}
	
	
.tool_img{
	margin-top:10px;
	margin-bottom:10px
}


.tool_main_text_box{
	text-align:center;
	width:auto;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:0 0 10px 10px/0 0 10px 10px;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%)
}

.tool_main_text_box img:hover{
	opacity:0.6;
}
	











/*アクセスページ*/

.content_1_column{
	display:flex;
	flex-direction:column;
	max-width:1500px;
	min-width:740px;
	align-items:center;
}
	
	
.location iframe{
	width: 740px;
	height:600px;
}
	
	
	/*0-1068pxまでのメニューバー*/	
@media(max-width:1068px){
	
	
	/*ヘッダー*/

.topbar{
	max-width:1500px;
	min-width:768px;
	height:190px;
	margin-bottom:0px;
}
	
				/*カレンダーページ*/	
	.cal_contener{
	position:relative;
	max-width:1500px;
	min-width:740px;
	display:flex;
	flex-direction:column;
	align-items:center;
	}
				/*カレンダーページ*/
	.coment{
	border:1px solid #FFCC00;
	width:446px;
	color:#660000;
	font-size:1.0em;
	
}
					/*インデックスページ*/
	.contenerA{
	position:relative;
	max-width:740px;
	display:flex;
	flex-direction:column;
	}
	
	
	
	.text h3{
		font-size:1.5em;
	}
	
	.text p{
		font-size:1.5em;
	}
	
	.text strong{
		font-size:1.2em;
	}
	
	
	
	.latest{
	height:370px;
	min-width:200px;
	width:740px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding:10px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-left:0px;
	margin-right:10px;
	display:flex;
	flex-direction:column;
	align-items:center;
} 


.latest_content{
	overflow:auto;
	height:300px;
	min-width:200px;
	width:auto;
	border-style:solid;
	border-width:0px;
} 

.latest_detail{
	border-bottom-style:dotted;
	border-bottom-color:#660000;
	border-bottom-width:3px;
}

.latest_detail strong{
	color:#FF0000;
	font-size:1.1em;

	}

.latest h3{
	font-size:1.2em;
	
	color:#0000FF;
}

.latest li{
	color:#660000;
	font-size:1.0em;
}

.time_table_big{
	display:inline;
}

.time_table_small{
	display:none;
}



/*コンテナB_お知らせ*/



.contenerB{
	position:relative;
	width:740px;
	display:flex;
	flex-direction:column;
	margin:0px;
	align-items:flex-start;
	}
	
.text{
	padding:10pX 10px 10px 10px;
	text-align:center;
	width:740px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding-top:15px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-right:10px;
	margin-left:0px;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%)
}

.text_contener{
	max-width:320px;
	min-width:220px;
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
}
	

.contenerB h3{
	margin-top:10px;
	margin-bottom:20px;
	font-size:1.2em;
	color:#FF0000;
}
	

.contenerB p{
	margin-top:0px;
	margin-bottom:20px;
	font-size:0.9em;
	color:#660000;
}

.contenerB strong{
	font-size:1.2em;
	text-decoration:underline wavy #FF0000;
}




	
	.content_1_word H3{
	font-size:1.5em;
}
	
.content_1_word li{
	font-size:1.0em;
	
}

	
    
    
    /*_リクルート*/


.Rectext{
	padding:10pX 10px 10px 10px;
	text-align:center;
	max-width:auto;
	min-width:185px;
	border-style:solid;
	border-width:5px;
	border-color:#FF8700;
	padding-top:15px;
	margin-top:10PX;
	margin-bottom:10px;
	border-radius:15px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:50%;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%)
}

	
	
/*アバウト&　ツールアバウトページ*/
.content_1{
	display:flex;
	flex-direction:column;
	min-width:740px;
	max-width:1500px;
	align-items:center;
}


.content_1_r{
	display:flex;
	flex-direction:column;
	min-width:740px;
	max-width:1500px;
	align-items:center;
}


.content_1_word{
	min-width:700px
}

.mark1_title{
	min-width:650px;
}

/*ツールページ移動したもの*/
.contenerC{
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	margin:0px;
	}
	


.contenerC p{
	color:#666666;
}

.contenerC strong{
	font-size:large;
	color: #000000;
	text-decoration:underline wavy #FF0000;
}

.tool_box{
	max-width: auto;
	margin-top:10PX;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:25%;
}

.tool_title{
	width:auto;
	height:auto;
	background-color: #FF8700;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:10px 10px 0 0/10px 10px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.0em;
	text-align:center;
	
}

.tool_title a{
	color:#FFFFFF;
	text-decoration:none;
}

.tool_title a:hover{
	background-color:rgba(255,255,255,0.80)
}
	
	
.tool_img{
	margin-top:10px;
	margin-bottom:10px
}


.tool_main_text_box{
	text-align:center;
	width:auto;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:0 0 10px 10px/0 0 10px 10px;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%);
}

/*ツールページ*/


.contenerC {
	position:relative;
	max-width:1500px;
	min-width:768px;
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	margin:0px;
	}
	


.contenerC p{
	color:#666666;
}

.contenerC strong{
	font-size:large;
	color: #000000;
	text-decoration:underline wavy #FF0000;
}

.tool_box{
	max-width: auto;
	margin-top:10PX;
	margin-bottom:10px;
	margin-right:10px;
	margin-left:0px;
	flex-basis:25%;
}

.tool_title{
	width:auto;
	height:auto;
	background-color: #FF8700;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:10px 10px 0 0/10px 10px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
	text-align:center;
	
}

.tool_title a{
	color:#FFFFFF;
	text-decoration:none;
}

.tool_title a:hover{
	background-color:rgba(255,255,255,0.80)
}
	
	
.tool_img{
	margin-top:10px;
	margin-bottom:10px
}


.tool_main_text_box{
	text-align:center;
	width:auto;
	border-color:#FF8700;
	border-style:solid;
	border-width:2px;
	border-radius:0 0 10px 10px/0 0 10px 10px;
	background:linear-gradient(0deg,#FFCC99 5%,#FFFFFF 95%);
}
    
  /*フッター*/
.all_foot{
	display:flex;
	flex-direction:column;
	color:#FFFFFF;
	background-color:#B27212;
	min-width:768PX;
	padding:0px;
}   
    
    
    
    
    
    
    
}


/*0-1200pxまでのメニューバー*/	
@media(max-width:1199px){

	
.head_nav_B li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0.5em;
	color:#FFFFFF;
	
}

.head_nav_B{
	position:absolute;
	left:0px;
	top:140px;
}

.head_nav_B a{
	font-size:20px;
	margin:0px;
	padding:0.5em;
	text-decoration:none;
	color:#FFFFFF;
}
	
.head_nav_B a:hover{
	background-color:rgba(255,255,255,0.3)
}

.head_nav_A{
	display:none;
}
    
    
   

}



/*1200pxからのメニューバー*/	

@media(min-width:1200px){
.head_nav_A{
	position:absolute;
	bottom:-40px;
	right:0px;
	display:inline;
}

.head_nav_A img:hover{
	opacity:0.6;
}


#title img:hover{
	opacity:0.6;
}


.head_nav_B{
	display:none;

}
}