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

.flow{
		width:100%;
	}
	
	.flow img{
		width:90%;
		height:auto;
		margin:0px 0 50px 20px;
	}
	
	.t1{
		font-size:1.4em;
	}

#mainbody1c{
	margin-bottom:0;
}

#mainbody1c div.sectionM2 h2{
	font-size:2em;
	font-weight:normal;
	padding-left:20px;
	margin-bottom:40px;
	padding:0 10px;
}

#mainbody1c div.sectionM2 p{
	xpadding:0 0px;
	margin-bottom:20px;
}

div.bar{
	background-color:#003366;
	border-radius:20px;
	text-align:center;
	font-size:1.8em;
	padding:5px 0;
	margin:0px 0px 30px;
	color:#fff;
}

ul.check{
	padding:50px 20px 30px 20px;
}

ul.check li{
	background-image:url(images/icon_check.png);
	background-repeat:no-repeat;
	font-size:1.4em;
	padding:2px 0 0 35px;
	margin-bottom:20px;
	padding-right:10px;
}

dl.schedule{
	padding:0 20px;
}

dl.schedule dt{
	display:block;
	background-color:#fff;
	border-radius:20px;
	width:100%;
	font-size:2em;
	font-weight:normal;
	padding:7px 0;
	margin:20px 0;
	text-align:center;
	border:3px solid #4B9E0E;
}

dl.schedule dd{
	font-size:1.4em;
	line-height:1.5em;
	padding:0 0 20px 30px;
}

dl.schedule dd.midashi{
	xcolor:#09F;
	font-weight:bold;
}

dl.schedule dd.course{
	float:left;
	margin-right:100px;
}




 /*----------------------------------------------------
    .contents
----------------------------------------------------*/

.contents{
	clear:both;
	padding:30px 30px 50px 35px;
	border:5px #e1e1e1 solid;
	border-radius:20px;
	background-color:#fff;
	margin:30px 20px 50px;
}

.contents p{
	font-size:1.6em;
}

.contents dt span{
	color:#fff;
	background-color:#003366;
	padding:5px 30px;
	margin:5px 10px 0px 0;
	text-align:center;
}

.contents dt{
	font-size:1.6em;
	margin-bottom:20px;
}

div.enter_bar{
	background-color:#003366;
	border-radius:20px;
	text-align:center;
	font-size:1.8em;
	padding:5px 0;
	margin:0px 0px 30px;
	color:#fff;
}

.contents dd{
	font-size:1.6em;
}

.mb{
	margin-bottom:50px;
}

.blue{
	color:#3333FF;
	text-decoration:underline;
}

.white{
	color:#FFF;
	text-decoration:underline;
}

.btn a:link,
.btn a:visited{
	display:block;
	background-color:#C00;
	color:#fff;
	border-radius:25px;
	text-align:center;
	padding:15px 0;
	width:350px;
	margin:30px auto 50px;
	font-size:1em;
}

.btn2 a:link,
.btn2 a:visited{
	display:block;
	background-color:#C00;
	color:#fff;
	border-radius:25px;
	text-align:center;
	padding:10px 0;
	width:500px;
	margin:30px auto 50px;
	font-size:1em;
}

.btn2 a:hover{
	opacity:.7;
}


.pdf_btn a:link,
.pdf_btn a:visited{
	display:block;
	background-color:#F60;
	color:#fff;
	border-radius:15px;
	text-align:center;
	padding:7px 0;
	width:350px;
	margin:20px 10px 50px;
	font-size:1em;
	float:left;
}

.eventmenu li a{
	display:block;
	padding:10px 0px;
	text-align:center;
	border:1px solid #666;
	width:300px;
	float:left;
	margin:0 20px 0 0;
}

.contents .flyer{
	padding-left:50px;
}


@media only screen and (max-width: 960px){
	
	.flow{
		width:100%;
	}
	
	.flow img{
		width:90%;
		height:auto;
		margin-left:20px;
	}
	
	.pdf_btn a:link,
.pdf_btn a:visited{
	display:block;
	background-color:#F60;
	color:#fff;
	border-radius:15px;
	text-align:center;
	padding:7px 0;
	width:350px;
	margin:20px 10px 20px;
	float:none;
}

.pdf_btn2 a:link,
.pdf_btn2 a:visited{
	width:350px;
}

.contents img{
	width:250px;
	height:auto;
}

.contents .flyer{
	width:100%;
	padding-left:0;
}

.contents .flyer img{
	width:100%;
}

.eventmenu li a{
	padding:10px 0px;
	border:1px solid #666;
	width:45%;
	margin:0 20px 0 0;
}
	

}

@media only screen and (max-width: 1024px){
	
	dl.schedule dd.course{
	float:none;
	margin-right:0px;
}

	.table01{
	width: 90%;
	margin-left:20px;
}

.ninteiImg img{
		width:100%;
		height:auto;
	}

	
}


@media only screen and (max-width: 767px){
	

	
}

@media only screen and (max-width:640px){
	
	#mainbody1c article.sectionM2{
		background-color:#fff;
	}
	
	#mainbody1c article{
		padding:0px 0 30px;
	}
	
	div.enter_bar{
	border-radius:20px;
	text-align:center;
	font-size:1.2em;
	padding:7px 15px;
	margin:0px 0px 20px;
	}
	
	div.bar{
	border-radius:20px;
	text-align:center;
	font-size:1.2em;
	padding:7px 15px;
	margin:0px 0px 20px;
	}
	
	.contents{
	padding:0px;
	border:none;
	}
	
	.contents img{
	width:150px;
	height:auto;
}
	
.contents p{
	font-size:1em;
}



.t1{
		font-size:1em;
	}

	
	.contents dt{
	font-size:1em;
	margin-bottom:20px;
}
	
	.contents dt span{
		display:block;
		margin-bottom:10px;
		width:60px;
	}
	
	.contents dd{
		font-size:1em;
	}
	
	.contents dd span{
		display:block;
	}

	
	dl.schedule dt{
	font-size:1.2em;
	font-weight:bold;
	}
	
	dl.schedule dd{
	padding:0 10px 20px 10px;
	font-size:1.2em;
	line-height:1.5em;
	}
	

    .table01 { margin: 0 0 0 20px; }
	
    .table01 th,
    .table01 td{
        xwidth: 100%;
        xborder-top: none;
		font-size:0.8em;
		padding:5px;
		
    }
	
	.table01 th,
	.table01 td{
		background-color:#fff;
	}
	
    .table01 tr:first-child th   { border-top: 1px solid #000; }
	
	.pdf_btn a:link,
.pdf_btn a:visited{
	width:90%;
	font-size:1em;
}
	

.btn a:link,
.btn a:visited{
	display:block;
	background-color:#C00;
	color:#fff;
	border-radius:25px;
	text-align:center;
	padding:15px 0;
	width:90%;
	margin:30px auto;
	font-size:1.2em;
}

.btn2 a:link,
.btn2 a:visited{
	width:100%;
	margin-bottom:0;
}

}

@media only screen and (max-width:480px){

 .table01 { margin: 0 20px 0 20px;font-size:0.7em; }

.eventmenu li a{
	padding:10px 0px;
	border:1px solid #666;
	width:100%;
	float:none;
	margin:0 0px 10px 0;
}
}


table.table01 caption{
	text-align:left;
	font-size:1.6em;
	background-image:url(images/arrow.png);
	background-repeat:no-repeat;
	padding-left:35px;
}
/***************************************************

table01　

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

table.table01{
	width: 100%;
	border-collapse: collapse;
	margin-bottom:50px;
}

table.table01 th{
	width: 25%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}

table.table01 td{
	padding: 10px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

table.table01 span{
	margin-left:20px;
}

@media only screen and (max-width: 767px){
table.table01,table.table02{
	width: 95%;
	margin:0 auto 30px;
}
}
@media only screen and (max-width: 480px){
table.table01 caption{
	text-align:left;
	font-size:1.2em;
	xbackground-image:url(images/none.png);
	background-size:21px auto;
	background-repeat:no-repeat;
	padding-left:25px;
	padding-bottom: 5px;
}

    table.table01 th{
		width: 94%;
		display: block;
		border-top: none;
	}

    table.table01 td{
        width: 94%;
        display: block;
        border-top: none;
    }
    
	table.table01 tr:first-child th   { border-top: 1px solid #ddd; }
	
	.consultation dt{
		padding:3px;
		float:none;
	}
}