@charset "UTF-8";
/* CSS Document */
*{
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
	}
h1,h2,h3,h4,p,ul,li,dl,dt,dd,a{
	margin: 0px;
	padding: 0px;
    border:0;
    outline:0;
    font-size:100%;
    font-weight:normal;
	list-style:none;
	text-decoration:none;
}
body{
	font: 14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,sans-serif;
	color: #333;
	background:url(../img/bg.png) repeat left top #fff;
	padding:0;
	margin:0;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	text-align:justify;
	}
.clearfix:after {content:''; display:table; clear:both;}

#copyright {
	margin:40px 0 60px;
	padding:10px 0 0;
	border-top: #999 1px dotted;
	font-size:10px; text-align:center; vertical-align:middle;}
		
.small{font-size:80%;}
.bold{font-weight:bold;}
.em{color:#F43346;}
.nl{display:inline-block;}
.mar_top{
	margin-top: 30px;
}
.contentswrap{
	padding:0 10px;
	}
.contentsbox{
	width:960px;
	max-width:100%;
	background-color:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,.3);
	margin:0 auto 20px ;
	padding-bottom:10px;
	}
/*==============================
＊＊＊＊＊＊ヘッダー＊＊＊＊＊＊
==============================*/
header{padding:0 10px}
header .header{padding:10px 0;width:960px;max-width:100%;margin:0 auto;}
header .header li{display:inline-block;}
header .header li a{display:block;height:40px;}

header .header li.sho1,
header .header li.nensho{float:right;box-shadow:0px 3px 0px rgba(0,0,0,.3);border-radius:5px;height:40px;}
header .header li.sho1 a,
header .header li.nensho a{display:table-cell;vertical-align:middle;color:#fff;text-align:center;text-shadow: 1px 1px 0 #333;padding:0 10px;}


h1 img{width:100%;margin-bottom:40px;}
span{color:inherit;}
header .header li.sho1 {background-color:#1A4E8E;}
header .header li.nensho {background-color:#AD0501;}
/*==============================
＊＊＊＊＊コンテンツ＊＊＊＊＊＊
==============================*/
.itembox {margin:0 4% 10%;}
.itembox h2 {background-color:#FF3C3A;padding:10px 10px 10px 24px;border-radius:8px;color:#fff;margin-bottom:20px;font-size: 120%;letter-spacing:0.1em;font-weight: bold;text-align: left;position: relative;}

.itembox h2::before{
position: absolute;
margin: auto;
content: "";
vertical-align: middle;
left: 8px;
bottom:45%;
width: 6px;
height: 6px;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.itembox .inner {width:100%;	padding:0 10px;margin:0 auto;}
/*==============================
＊＊＊＊＊＊学習内容＊＊＊＊＊＊
==============================*/
.course h3{font-size:140%;font-weight:bold;position:relative;padding-left:1.2em;}
.course.nensho h3{color:#FF3C3A;} 
.course.nenchu h3{color:#FF7600;} 
.course.nencho h3{color:#FFA400;} 
.course.sho1 h3{color:#83CD00;} 
.course.sho2 h3{color:#26B714;}
.course h3::before{
	content: "●";
    position: absolute;
    left: 0;
	top:0;
}

.course table{width:100%;border-collapse:collapse;border:solid 2px #B0B0B0;margin-bottom:40px;}
.course table th{background-color:#F2F2F2;color:#555;border-bottom:solid 1px #B0B0B0;border-right:solid 1px #B0B0B0;text-align:center;padding:15px 10px;width:25%;font-weight:bold;}
.course table td{background-color:#fff;border-bottom:solid 1px #B0B0B0;padding:15px 10px;line-height:1.6;text-align:left;}
.course.nensho table td p{color:#FF3C3A;font-weight:bold;}
.course.nenchu table td p{color:#FF7600;font-weight:bold;}
.course.nencho table td p{color:#FFA400;font-weight:bold;}
.course.sho1 table td p{color:#83CD00;font-weight:bold;}
.course.sho2 table td p{color:#26B714;font-weight:bold;}

/*==============================
＊＊＊＊＊＊時間割＊＊＊＊＊＊＊
==============================*/
.itembox .inner .timetable{width:48%;float:left;margin-bottom:20px;}
.itembox .inner .timetable:nth-child(odd){margin-right:4%;}
.itembox .inner .table_box{}
.itembox .inner .table_box table{width:100%;border-collapse:collapse;border:solid 2px #B0B0B0;text-align:center;}
.itembox .inner .table_box table tr th{border-right:solid 1px #bbb;width:5em;text-agline:center;}
.itembox .inner .table_box table tr th,
.itembox .inner .table_box table tr td{border-bottom:solid 1px #bbb;padding:10px 5px;}
.itembox .inner .table_box table tr:last-child th,
.itembox .inner .table_box table tr:last-child td{border-bottom:none;}
.timetable h3{font-size:140%;font-weight:bold;position:relative;padding-left:1.2em;overflow:hidden;color:#555;}
.timetable h3::before{
	content: "●";
	color:#26B714;
    position: absolute;
    left: 0;
	top:0;
}
.itembox .inner .table_box table tr th.nensho{color:#FF3C3A;}
.itembox .inner .table_box table tr th.nenchu{color:#FF7600;}
.itembox .inner .table_box table tr th.nencho{color:#FFA400;}
.itembox .inner .table_box table tr th.sho1{color:#83CD00;}
.itembox .inner .table_box table tr th.sho2{color:#26B714;}
/*==============================
＊＊＊＊＊持ち物＊＊＊＊＊＊＊＊
==============================*/
.itembox.list .inner ul{margin-bottom:20px;
}
.itembox.list .inner ul li{font-size:120%;line-height:1.8;list-style-type:square;list-style-position: inside;}
.itembox.list .inner ul li span{background: linear-gradient(transparent 70%, #ffff66 70%);}

/*==============================
＊＊＊＊＊＊費用＊＊＊＊＊＊＊＊
==============================*/
.itembox .inner table.hiyou{width:100%;border-collapse:collapse;border:solid 2px #B0B0B0;}
.itembox .inner table.hiyou th{background-color:#F2F2F2;color:#555;border-bottom:solid 1px #B0B0B0;text-align:center;padding:15px 10px;width:22%;font-weight:bold; line-height: 1.4;}
.itembox .inner table.hiyou td{background-color:#fff;border-bottom:solid 1px #B0B0B0;padding:15px 10px;line-height:1.6;text-align:left;}
/*==============================
＊＊＊＊トップに戻るボタン＊＊＊
==============================*/
#totop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 11;
}
#totop a{display: block;
width: 50px;
height: 50px;
background: url(../img/arrow.png) no-repeat left top;
background-size:contain;
text-indent: -9999px;
overflow: hidden;}
/*==============================
＊＊＊＊＊申し込みボタン＊＊＊＊
==============================*/
/*ボタン1つのとき*/
.entry{text-align:center;margin-top:40px;}
.entry ul li{margin:0 auto 20px;width:50%;text-align:center;}
.entry ul li a{width:100%;text-decoration:none;}
/*ボタン2つのとき*/
/*.entry ul li{margin-bottom:20px;width:50%;float:left;text-align:center;}
.entry ul li a{width:95%;}*/
.entry ul li a{
	margin:0 auto;
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:16px 0;
	border-radius:5px;
	box-shadow:0px 3px 0px rgba(0,0,0,.3);
	filter:alpha(opacity=100);
    opacity: 1;	
	position: relative;
	vertical-align: middle;
	}
.entry ul li.btn01 a{background-color:#325679;}
.entry ul li.btn02 a{background-color:#FF9C15}
.entry ul li a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.entry ul li a::before{
left: 10px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.entry ul li a:hover{
	filter:alpha(opacity=80);
    opacity: .8;
	}
	
.entry p {
    font-size: 12px;
    color: #C00;
    font-weight: bold;
	text-align:center;
}


@media screen and (max-width:640px){
	.contentswrap{padding:0;}
	header .header li{display:inline-block;}
	header .header li a{display:block;height:30px;}
	header .header li a img{height:30px; width:auto;}
	header .header li.sho1,
	header .header li.nensho{max-width:30%;height:30px;}
	header .header li.sho1 a,
	header .header li.nensho a{font-weight:bold;font-size:65%;padding:0 3px;line-height:1.2;}
	
	.itembox h2 {font-size: 100%;}
	.itembox .inner .timetable{width:100%;float:none;}
	.itembox .inner .timetable:nth-child(odd){margin-right:0}
	.itembox .inner .timetable table tr th,
	.itembox .inner .timetable table tr td{padding:10px 0;}

	.itembox .inner table.gaiyou th,
	.itembox .inner table.gaiyou td,
	.itembox .inner table.hiyou th,
	.itembox .inner table.hiyou td{display:block; width:100%;}
	.itembox .inner table.hiyou th,
	.itembox .inner table.gaiyou th{border-right:none; border-bottom:none; padding:5px 10px;}
	.itembox .inner table.hiyou td,
	.itembox .inner table.gaiyou td{border-bottom:none; padding:10px;}
	.itembox .inner table.hiyou tr:last-of-type td,
	.itembox .inner table.gaiyou tr:last-of-type td{border-bottom: none;}
	#btn_area ul li a{width:98%;font-size: 68%;}
	.entry ul li{width:80%;}
	#btn_area ul li:nth-child(even) a{margin-right:0;}
	#btn_area ul li:nth-child(odd) a{margin-left:0;}
	#totop {
	opacity:0.85;
	position:fixed; left:0; bottom:0; width:100%; 	
	text-align:center; 
	background:#26B714; 
	border-top:1px solid #FFF;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
	padding:0;
}
#totop a {
	padding:10px 0 ;
	height:40px; 
	text-decoration:none; color:#FFF; font-size:13px; font-weight:bold; display:block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	background:none;
	border:0;
	text-indent:0;
	width:100%;
	text-align:center;
}

}