@charset "utf-8";

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	color: #333;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* 横向き時フォント拡大防止 */
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}


a img {
	border: none;
}

a:link {
	color:#666;
	text-decoration: underline;
}

a:visited {
	color:#666;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

a{
	outline: none;
}

a:focus{
	outline: none;
}


@media screen and (min-width:768px){
	
	.container {
		width: 1000px;
		background-color: #FFF;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
	.sidebar1 {
		float: left;
		width: 220px;
		background-color: #FFF;
		padding-bottom: 10px;
	}
	
	.sidebar1tp {
		float: left;
		width: 220px;
		height: 1900px; /*「動画視聴」ボタンにsticky効かすための高さ*/
		background-color: #FFF;
		padding-bottom: 10px;
	}
	
	.content0 {
		padding: 15px 0 30px 10px;
		width: 770px;
		float: left;
	}
	
	/*授業動画視聴ページ用*/
	.contentmov {
		padding: 15px 0 30px 0;
		width: 100%;
	}

	#logobx {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#logobx2 {
		margin: 10px 0 0 180px;
		padding: 0;
		float: left;
	}
	
	header {
		background-color: #FFF;
		background: url(img/headbk.jpg) 100% 0% no-repeat;
	}
	
	header p{
		font-size: 90%;
		color: #7E6447;
		margin: 0;
		padding: 0;
	}
	
	.line1 {
		margin: 0;
		height: 0px;
		border: 4px solid #ffb41d;
		border-radius: 4px;
	}
	
	.line2 {
		margin: 5px 0 15px 0;
		height: 0px;
		border: 3px solid #ffb41d;
		border-radius: 3px;
	}
	
	#lst1 {
		margin-top: 50px;
	}
	
	#lst1 li a {
		text-decoration: none;
		padding: 5px 5px 5px 25px;
		border-bottom: 1px solid #ffb41d;
	}
	
	#lst1 li a:hover{
		transition: .3s;
		background: rgba(255,180,29,.3);
	}
	
	.tpbx3-1 {
		width: 250px;
		height: 220px;
		background: url(img/tp3bk1.png) 0 0 no-repeat;
		border: 8px solid #e4f2a7;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 10px;
		float: left;
	}
	
	.tpbx3-1 p{
		margin-top: 52px;
	}
	
	.tpbx3-2 {
		width: 250px;
		height: 220px;
		background: url(img/tp3bk2.png) 0 0 no-repeat;
		border: 8px solid #cfe1f9;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		float: left;
	}
	
	.tpbx3-2 p{
		margin-top: 80px;
	}
	
	.tpbx3-3 {
		width: 250px;
		height: 220px;
		background: url(img/tp3bk3.png) 0 0 no-repeat;
		border: 8px solid #f3cff9;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 10px;
		float: left;
	}
	
	.tpbx3-3 p{
		margin-top: 80px;
	}
	
	.tp3h3 {
		font-size: 110%;
		color: #33B7B7;
		padding-top: 20px;
	}
	
	.tp3h3 a{
		text-decoration: none;
		font-size: 110%;
		color: #33B7B7;
		padding-top: 20px;
		text-shadow: 2px 2px 3px #fff, 2px -2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff;
	}
	
	.tpbx4-0 {
		display: flex;
	}
	
	.tpbx4 {
		width: 49%;
		margin: 0;
	}
	
	.tpbx4-1 {
		font-weight: bold;
		width: 46%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 20px 0 25px 10px;
		float: left;
	}
	
	.tpbx4-1 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-1 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
		transition: .3s;
	}
	
	.tpbx4-1 a:hover{
		background-color: #FFFAE6;
		transition: .3s;
	}
	
	.tpbx4-2 {
		font-weight: bold;
		width: 46%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 20px 0 25px 15px;
		float: left;
	}
	
	.tpbx4-2 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-2 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
		transition: .3s;
	}
	
	.tpbx4-2 a:hover{
		background-color: #FFFAE6;
		transition: .3s;
	}
	
	.tpbx4-3 {
		font-weight: bold;
		width: 46%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 20px 0 25px 15px;
		float: left;
	}
	
	.tpbx4-3 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-3 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
		transition: .3s;
	}
	
	.tpbx4-3 a:hover{
		background-color: #FFFAE6;
		transition: .3s;
	}
	
	
	.dlbx4-1 {
		width: 98%;
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 1% 20px 1%;
	}
	
	.dlbx4-1 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.dlbx4-1 a{
		color: #4B830E;
		font-weight: bold;
		text-decoration: none;
		padding: 25px 0;
		display: block;
		transition: .3s;
	}
	
	.dlbx4-1 a:hover{
		background-color: #FFFDA6;
		transition: .3s;
	}
	
	.dlbx4-2 {
		width: 98%;
		margin: 5px 0 20px 1%;
	}
	
	.dlbx4-2 p{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.dlbx4-2 a{
		color: #4B830E;
		font-weight: bold;
		text-decoration: none;
		padding: 25px 0;
		display: block;
		margin: 0;
		transition: .3s;
	}
	
	.dlbx4-2a{
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 0 10px 2%;
		width: 49%;
		float:left;
	}
	
	.dlbx4-2b{
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 0 10px 2%;
		width: 49%;
		float: right;
	}
	
	
	.dlbx4-2 a:hover{
		background-color: #FFFDA6;
		transition: .3s;
	}
	
	
	
	#infobx {
		list-style-image: url(img/lst4.gif);
		margin: 0;
		padding: 10px 0 0 0;
		width: 98%;
		float: left;
	}
	
	#infobx li{
		margin: 10px 0 0 30px;
		padding: 2px 0 2px 0;
	}
	
	#infobx li a{
		display: block;
		transition: .3s;
	}
	
	#infobx li a:hover{
		background-color: #FCF2CA;
		transition: .3s;
	}
	
	.infobx2 {
		margin: 10px 20px;
		padding: 15px 0 0 0;
		border: solid 2px #B30D60;
		border-radius: 4px;
	}
	
	.lstemp {
		margin: 20px 0 20px 30px;
		list-style: circle;
		display: flex;
		flex-wrap: wrap;
	}
	
	.lstemp li {
		width: 48%;
		margin-left: 10px;
	}
	
	.lstadm {
		margin: 20px 0 20px 0;
	}
	
	.lstadm li {
		font-size: 125%;
		margin: 20px 50px 0 70px;
		padding: 30px 0 30px 50px;
		border-radius: 5px;
	}
	
	.lstadm li:nth-child(1) {
		background-color: #A2E6FF;
	}
	
	.lstadm li:nth-child(2) {
		background-color: #C5C1FF;
	}
	
	.lstadm li:nth-child(3) {
		background-color: #C4F0AC;
	}
	
	.cup {
		margin: 20px 0;
		display: flex;
		justify-content: space-around;
	}
	
	.cup p {
		width: 30%;
		text-align: center;
		padding: 30px 0;
		border-radius: 5px;
	}
	
	.cup p:first-child {
		background-color: #FFCCB0;
	}
	
	.cup p:last-child {
		background-color: #FDEF8E;
	}
	
	.cbx01b {
		margin: 20px 10px 20px 10px;
		padding: 10px 10px 10px 20px;
		zoom: 1;
	}
	
	.cbx01b p{
		margin: 0;
		padding: 0 15px 10px 15px;
		line-height: 2;
	}
	
	.cbx01b img{
		float: right;
		margin-left: 30px;
		margin-bottom: 20px;
	}
	
	.cbx01b:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	.obbx01b{
		margin: 0 10px 0 0;
		float: left;
	}
	
	.obbx01c{
		margin: 0 0 0 10px;
		float: right;
	}
	
	.cbx03 {
		margin: 20px;
		padding: 15px 15px 0 15px;
		border: 1px solid #FFC251;
		border-radius: 4px;
	}
	
	.cbx03b {
		margin: 20px;
		padding: 15px 15px 0 15px;
		border: 3px solid #FFC251;
		border-radius: 4px;
	}
	
	.snsbx {
		display: flex;
		justify-content: space-between;
	}
	
	.instbx {
		margin: 0 10px 30px 10px;
		width: 47%;
	}
	
	.instbx a {
		color: #DC015F;
		display: block;
		padding: 22px 5px 22px 90px;
		border: solid 4px #DC015F;
		border-radius: 4px;
		background: url(img/Instag.png) no-repeat 25px 16px;
		background-size: 35px;
	}
	
	.twtbx {
		margin: 0 10px 30px 10px;
		width: 47%;
	}
	
	.twtbx a {
		color: #1d9bf0;
		display: block;
		padding: 22px 5px 22px 90px;
		border: solid 4px #1d9bf0;
		border-radius: 4px;
		background: url(img/xlogo.png) no-repeat 25px 16px;
		background-size: 35px;
	}
	
	.cnt4 {
		margin: 0 0 0 0;
		float: left;
		line-height: 1.2;
	}
	
	.cnt4a {
		margin: 0 0 0 6px;
		width: 185px;
		float: left;
	}
	
	.cnt4a img{
		margin-bottom: 5px;
	}
	
	.cnt4b {
		margin: 0 0 0 6px;
		width: 375px;
		float: left;
	}
	
	.cnt4b img{
		margin-bottom: 5px;
	}
	
	.bxcal {
		width: 280px;
		float: left;
	}
	
	.bxcal p {
		margin: 0;
		padding: 0;
	}
	
	.bxcal img {
		width: 100%;
		margin: 10px 0 5px 0;
		padding: 0;
	}
	
	.bxevt {
		line-height: 1.2;
		margin: 0 0 0 10px;
		padding: 0;
		width: 290px;
		float: left;
	}
	
	#twtbx {
		margin: 20px 3px 0 15px;
		width: 297px;
		border: solid 2px #FDDF68;
		border-radius: 4px;
		float: left;
	}
	
	.caltbl {
		font-size: 80%;
		color: #000;
		width: 480px;
		margin: 10px 10px 0px 0px;
		background-color: #AC9D88;
		float: left;
	}
	
	.evttbl {
		/*font-size: 90%;*/
		color: #444;
		width: 470px;
		margin: 10px 0 0 0;
		float: left;
	}
	
	.evttbl th{
		display: block;
		min-height: 110px;
	}
	
	/*4月の縦対応*/
	.evttbl tr:first-of-type th{
		min-height: 150px;
	}
	
	.entextbl {
		font-size: 90%;
		color: #444;
		width: 98%;
		margin: 10px auto 40px auto;
		/*background-color: #BEAE7E;*/
		border-collapse: collapse;
		border: solid 1px #BEAE7E;
	}
	
	.entextbl2 {
		display: none;	
	}
	
	.exmtbl4 {
		width: 400px;
		margin: 20px 3% 30px 3%;
		background-color: #B09D64;
		float: left;
	}
	
	.exmtbl4 th {
		font-weight: normal;
		color: #3F188F;
		width: 40%;
		background-color: #FDFEE9;
	}
	
	.exmtbl4 td {
		background-color: #F7FBFF;
	}
	
	.exptbl1 {
		color: #444;
		width: 98%;
		margin: 10px auto 40px auto;
	}
	
	.exptbl2 {
		display: none;
	}
	
	.spribx {
		width: 48%;
		padding-top: 30px;
		float: left;
		text-align: center;
	}
	
	.imgbx1 {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
	}
	
	.imgbx1b {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.imgbx1b img{
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	.imgbx1c {
		margin: 0 10px 0 5px;
		padding: 0;
		float: left;
	}
	
	.imgbx1d {
		margin: 0 15px 5px 10px;
		padding: 0;
		float: left;
		text-align:center;
	}
	
	.imgbx1e {
		margin: 0 20px 20px 10px;
		padding: 0;
		float: left;
		width: 40%;
	}
	
	.imgbx1e img{
		margin-bottom: 5px;
		width: 100%;
	}
	
	.imgbx2 {
		margin: 0 0 0 10px;
		padding: 0;
		float: right;
	}
	
	.img01 {
		margin: 0 10px 5px 0;
		float: left;
	}
	
	.img01b {
		margin: 0 10px 10px 10px;
		float: left;
	}
	
	.img01c {
		margin: 0 20px 15px 0;
		float: left;
	}
	
	.img01d {
		text-align: center;
		margin: 20px 100px;
	}
	
	#ftbx0 {
		width: 630px;
		float: left;
	}
	
	#ftbx0b {
		width: 370px;
		float: left;
	}
	
	#ftbx1 {
		font-size: 90%;
		line-height: 1.2;
		margin: 0;
		padding: 20px 0 0 0;
		width: 400px;
		float: left;
	}
	
	#gglbx {
		margin: 10px 5px 20px 5px;
	}
	
	.ftbx2 {
		padding: 0 0 0 34px;
		font-size: 90%;
		width: 150px;
		float: left;
	}
	
	.ftbx2 ul{
		margin-top: 20px;
		list-style-image: url(img/lst5.gif);
	}
	
	.ftbx2 li{
		margin: 7px 0 0 0;
	}
	
	input[type=text] {
		width: 96%;
	}
	
	input[type=email] {
		width: 96%;
	}
	
	input[type=tel] {
		width: 96%;
	}
	
	textarea {
		width: 96%;
	}
	
	/*動画ページ用*/

	/*ここの幅指定＋インラインの100%重要*/
	.mov01 {
		width: 750px;
		margin: 0 auto 30px auto;
	}
	
	
	/*メインメニュー授業視聴ボタン用セット*/
	.movlsn {
		position: sticky;
		top: 440px;
	}
	
	.movlsn a {
		text-align: center;
		text-decoration: none;
		margin: 20px 0 0 0;
		padding: 5px 0;
		border: solid 2px #FFB41D;
		border-radius: 2px;
		display: block;
	}
	
	.movlsn a:hover {
		background: #FEFCCF;
		transition: .3s;
	}
	
	.movlsn2 {
		display: none;
	}
	
	option {
		font-size: 115%;
	}
}

@media screen and (max-width:767px){
	
	.container {
		width: 95%;
		background-color: #FFF;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
	.sidebar1 {
		width: 100%;
		background-color: #FFF;
		padding-bottom: 0px;
	}
	
	/*授業動画視聴ページ用*/
	.content0 {
		padding: 15px 0 10px 0;
		width: 100%;
	}
	
	.contentmov {
		padding: 15px 0 10px 0;
		width: 100%;
	}
	
	#logobx {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#logobx img{
		width: 60%;
	}
	
	#logobx2 {
		display: none;
	}
	
	header {
		background-color: #FFF;
		background: url(img/headbk2.jpg) 100% 0% no-repeat;
	}
	
	header p{
		display: none;
	}
	
	.line1 {
		margin: 0;
		height: 0px;
		border: 3px solid #ffb41d;
		border-radius: 3px;
	}
	
	.line2 {
		margin: 5px 0 10px 0;
		height: 0px;
		border: 2px solid #ffb41d;
		border-radius: 2px;
	}
	
	#lst1 {
		display: none;
	}
	
	.tpbx3-1 {
		width: 32%;
		height: 170px;
		background: url(img/tp3bk1.png) -50px 0 no-repeat;
		border: 8px solid #e4f2a7;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 2%;
		float: left;
	}
	
	.tpbx3-1 p{
		display: none;
	}
	
	.tpbx3-2 {
		width: 32%;
		height: 170px;
		background: url(img/tp3bk2.png) -50px 0 no-repeat;
		border: 8px solid #cfe1f9;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		float: left;
	}
	
	.tpbx3-2 p{
		display: none;
	}
	
	.tpbx3-3 {
		width: 32%;
		height: 170px;
		background: url(img/tp3bk3.png) -50px 0 no-repeat;
		border: 8px solid #f3cff9;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 0 0 10px 2%;
		float: left;
	}
	
	.tpbx3-3 p{
		display: none;
	}
	
	.tp3h3 {
		font-size: 100%;
		color: #33B7B7;
		padding: 10px 2px 0 2px;
	}
	
	.tp3h3 a{
		text-decoration: none;
		color: #33B7B7;
		padding-bottom: 90px;
		display: block;
		text-shadow: 2px 2px 3px #fff, 2px -2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff;
	}
	
	.tpbx4 {
		padding: 0;
		width: 98%;
		margin: 0 auto;
		zoom: 1;
	}
	
	.tpbx4:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	.tpbx4-1 {
		font-weight: bold;
		width: 100%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 15px 0 10px 0;
	}
	
	.tpbx4-1 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-1 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
	}
	
	.tpbx4-2 {
		font-weight: bold;
		width: 48%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 5px 2% 20px 0;
		float: left;
	}
	
	.tpbx4-2 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-2 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
	}
	
	.tpbx4-3 {
		font-weight: bold;
		width: 48%;
		border: 5px solid #ffd592;
		border-radius: 4px;
		box-sizing: border-box;
		margin: 5px 0 20px 0;
		float: right;
	}
	
	.tpbx4-3 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.tpbx4-3 a{
		color: #4B830E;
		text-decoration: none;
		padding: 25px 0 25px 0;
		display: block;
	}
	
	
	
	.dlbx4-1 {
		width: 100%;
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 0 10px 0;
	}
	
	.dlbx4-1 p{
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.dlbx4-1 a{
		color: #4B830E;
		font-weight: bold;
		text-decoration: none;
		padding: 25px 0;
		display: block;
	}
	
	.dlbx4-1 a:hover{
		background-color: #FFFDA6;
		transition: .3s;
	}
	
	.dlbx4-2 {
		width: 100%;
		margin: 5px 0 10px 0;
	}
	
	.dlbx4-2 p{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.dlbx4-2 a{
		color: #4B830E;
		font-weight: bold;
		text-decoration: none;
		padding: 25px 0;
		display: block;
		margin: 0;
	}
	
	.dlbx4-2a{
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 0 10px 2%;
		width: 48%;
		float:left;
	}
	
	.dlbx4-2b{
		border: 5px solid #F1F960;
		border-radius: 8px;
		box-sizing: border-box;
		margin: 5px 0 10px 2%;
		width: 50.5%;
		float: right;
	}
	
	
	.dlbx4-2 a:hover{
		background-color: #FFFDA6;
		transition: .3s;
	}
	
	
	#infobx {
		list-style-image: url(img/lst4.gif);
		margin: 0;
		padding: 10px 0 0 0;
		width: 95%;
	}
	
	#infobx li{
		margin: 10px 0 0 30px;
		padding: 2px 0 2px 0;
	}
	
	#infobx li a{
		display: block;
		transition: .3s;
	}
	
	#infobx li a:hover{
		background-color: #FCF2CA;
		transition: .3s;
	}
	
	.infobx2 {
		margin: 0 0 10px 0;
		padding: 10px 0 0 0;
		border: solid 2px #D81074;
		border-radius: 4px;
	}
	
	.lstemp {
		margin: 20px 0 20px 0;
		list-style: circle;/*
		display: flex;
		flex-wrap: wrap;*/
	}
	
	.lstemp li {/*
		width: 40%;*/
		margin-left: 10%;
	}
	
	
	.lstadm {
		margin: 20px 0 20px 0;
	}
	
	.lstadm li {
		font-size: 100%;
		line-height: 1.7;
		margin: 20px 4% 0 7%;
		padding: 20px 2% 20px 3%;
		border-radius: 5px;
	}
	
	.lstadm li:nth-child(1) {
		background-color: #A2E6FF;
	}
	
	.lstadm li:nth-child(2) {
		background-color: #C5C1FF;
	}
	
	.lstadm li:nth-child(3) {
		background-color: #C4F0AC;
	}
	
	.cup {
		margin: 20px 0;
		display: flex;
		justify-content: space-around;
	}
	
	.cup p {
		width: 40%;
		text-align: center;
		padding: 30px 0;
		border-radius: 5px;
	}
	
	.cup p:first-child {
		background-color: #FFCCB0;
	}
	
	.cup p:last-child {
		background-color: #FDEF8E;
	}
	
	
	.cbx01b {
		margin: 20px 10px 20px 10px;
		padding: 10px 10px 10px 0;
		zoom: 1;
	}
	
	.cbx01b p{
		margin: 0;
		padding: 0 15px 10px 0;
		line-height: 1.7;
	}
	
	.cbx01b img{
		margin: 0 0 0 5px;
		width: 45%;
		float: right;
	}
	
	.cbx01b:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	.cbx03 {
		margin: 20px 10px;
		padding: 15px 5px 0 5px;
		border: 1px solid #FFC251;
		border-radius: 4px;
	}
	
	.cbx03b {
		margin: 20px 10px;
		padding: 15px 5px 0 5px;
		border: 3px solid #FFC251;
		border-radius: 4px;
	}

	.snsbx {
		display: block;
	}
	
	.instbx {
		margin: 0 1.5% 10px 1.5%;
	}
	
	.instbx a {
		color: #DC015F;
		display: block;
		padding: 18px 2px 30px 72px;
		border: solid 4px #DC015F;
		border-radius: 4px;
		background: url(img/Instag.png) no-repeat 18px 18px;
		background-size: 35px;
	}
	
	.twtbx {
		margin: 0 1.5% 30px 1.5%;
	}
	
	.twtbx a {
		color: #1d9bf0;
		display: block;
		padding: 18px 2px 30px 72px;
		border: solid 4px #1d9bf0;
		border-radius: 4px;
		background: url(img/xlogo.png) no-repeat 18px 18px;
		background-size: 35px;
	}
	
	.obbx01b{
		width: 40%;
		margin: 0 10px 0 0;
		float: left;
	}
	
	.obbx01c{
		width: 40%;
		margin: 0 0 0 10px;
		float: right;
	}
	
	.cnt4 {
		width: 100%;
		margin: 0;
		zoom: 1;
		line-height: 1.2;
	}
	
	.cnt4:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	.cnt4a {
		width: 45%;
		margin: 0 0 10px 3%;
		float: left;
	}
	
	.cnt4a img{
		margin-bottom: 5px;
		width: 100%;
	}
	
	.cnt4b {
		width: 93%;
		margin: 0 0 10px 3%;
	}
	
	.cnt4b img{
		margin-bottom: 5px;
		width: 100%;
	}
	
	
	.bxcal {
		margin: 20px 0 0 0;
		width: 100%;
	}
	
	.bxcal p {
		margin: 0;
		padding: 0;
	}
	
	.bxcal img {
		width: 100%;
		margin: 10px 0 5px 0;
		padding: 0;
	}
	
	.bxevt {
		line-height: 1.2;
		margin: 0 0 0 0;
		padding: 0;
		width: 100%;
	}
	
	
	#twtbx {
		margin: 20px 0 0 2%;
		width: 90%;
		border: solid 2px #FDDF68;
		border-radius: 4px;
	}
	
	.caltbl {
		font-size: 90%;
		line-height: 1.2;
		color: #000;
		width: 100%;
		margin: 10px 10px 0px 0px;
		background-color: #AC9D88;
	}
	
	.evttbl {
		font-size: 100%;
		color: #444;
		width: 100%;
		margin: 10px auto 0px auto;
	}
	
	.entextbl {
		display: none;
	}
	
	.entextbl2 {
		font-size: 90%;
		color: #444;
		width: 98%;
		margin: 10px auto 30px auto;
		/*background-color: #BEAE7E;*/
		border-collapse: collapse;
		border: solid 1px #BEAE7E;
	}
	
	
	.exmtbl4 {
		width: 95%;
		margin: 20px 3% 30px 3%;
		background-color: #B09D64;
	}
	
	.exmtbl4 th {
		font-weight: normal;
		color: #3F188F;
		background-color: #FDFEE9;
	}
	
	.exmtbl4 td {
		background-color: #F7FBFF;
	}
	
	.exptbl1 {
		display: none;
	}
	
	.exptbl2 {
		color: #444;
		width: 98%;
		margin: 10px auto 40px auto;
	}
	
	.spribx {
		width: 98%;
		margin: 0 auto;
		padding-top: 30px;
		float: left;
		text-align: center;
	}
	
	.imgbx1 {
		width: 40%;
		margin: 0 10px 5px 0;
		padding: 0;
		float: left;
	}
	
	.imgbx1 img{
		width: 100%;
	}
	
	.imgbx1b {
		margin: 0;
		padding: 0 10px 0 0;
		width: 45%;
		float: left;
	}
	
	.imgbx1b img{
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
	}
	
	.imgbx1c {
		width: 40%;
		margin: 0 10px 0 5px;
		padding: 0;
		float: left;
	}
	
	.imgbx1c img{
		width: 100%;
	}
	
	.imgbx1d {
		width: 40%;
		margin: 0 15px 5px 10px;
		padding: 0;
		float: left;
	}
	
	.imgbx1d img{
		width: 100%;
	}
	
	.imgbx1e {
		margin: 20px auto 25px auto;
		padding: 0;
		width: 90%;
	}
	
	.imgbx1e img{
		margin-bottom: 5px;
		width: 100%;
	}
	
	.imgbx2 {
		width: 40%;
		margin: 0 0 5px 10px;
		padding: 0;
		float: right;
	}
	
	.imgbx2 img{
		width: 100%;
	}
	
	.img01 {
		width: 40%;
		margin: 0 10px 5px 0;
		float: left;
	}
	
	.img01b {
		width: 40%;
		margin: 0 10px 10px 10px;
		float: left;
	}
	
	.img01c {
		margin: 0 10px 15px 10px;
		float: left;
	}
	
	.img01d {
		text-align: center;
		margin: 20px 15px;
	}
	
	#ftbx0 {
		width:100%;
		zoom: 1;
	}
	
	#ftbx0:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	#ftbx0b {
		width: 100%;
	}
	
	#ftbx1 {
		font-size: 90%;
		line-height: 1.2;
		margin: 0 0 0 5px;
		padding: 20px 0 0 0;
	}
	
	#gglbx {
		margin: 10px 30px 20px 5px;
	}
	
	.ftbx2 {
		padding: 0 0 0 15px;
		font-size: 100%;
		width: 40%;
		float: left;
	}
	
	.ftbx2 ul{
		margin-top: 20px;
		list-style-image: url(img/lst5.gif);
	}
	
	.ftbx2 li{
		margin: 7px 0 0 0;
	}
	
	input[type=text] {
		width: 94%;
	}
	
	input[type=email] {
		width: 94%;
	}
	
	input[type=tel] {
		width: 94%;
	}
	
	textarea {
		width: 94%;
	}
	
	/*動画ページ用*/

	/*ここの幅指定＋インラインの100%重要*/
	.mov01 {
		width: 98%;
		margin: 0 auto 40px auto;
	}
	
	/*スマホ向け授業視聴ボタン用セット*/
	.movlsn {
		display: none;
	}
	
	.movlsn2 a {
		text-align: center;
		margin: 20px 0 10px 0;
		padding: 10px 0;
		border: solid 2px #FFB41D;
		border-radius: 3px;
		display: block;
	}
	

	
}


nav {
	background-color: #FFF;
}

nav > ul {
	list-style: none;
	border-top: 1px solid #ffb41d;
	background-color: #FFF;
}

nav ul li {
	
}

nav ul a, ul a:visited {
	display: block;
	text-decoration: none;
	background-color: #FFF;
}

nav ul a:hover, ul a:active, ul a:focus {
	background-color: #FFF;
	color: #000;
}


#pkg {
	font-size: 90%;
	color: #542001;
	margin: 5px 0 0 0;
	padding: 0;
	zoom: 1;
}

#pkg a{
	color: #542001;
}

#pkg:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

#pkg li{
	margin: 0 0 0 8px;
	padding: 0;
	display: block;
	float: left;
}

#tpbx100 {
	margin: 20px 5px;
	padding: 5px 0 15px 0;
	border: 2px solid #FDB3DF;
	border-radius: 4px;
	background: url(img/tpbx100bk.jpg) no-repeat 100% 0; /*100%用*/
}
	
#tpbx100 h3 {
	font-size: 112.5%;
	color: #CB0A65;
	margin: 0;
	padding: 15px 0 5px 60px;
	background: url(img/sakura.png) 0 0 no-repeat;
}

#tpbx100 p {
	margin: 10px 20px 0 20px;
}

#tpbxsf {
	margin: 20px 5px;
	padding: 5px 0 15px 0;
	border: 6px solid #FDED5B;
	border-radius: 4px;
}
	
#tpbxsf h3 {
	font-size: 100%;
	color: #CB0A65;
	border-bottom: solid 1px #CB0A65;
	margin: 0;
}

#tpbxsf p {
	margin: 10px 10px 0 10px;
}

.tpbx0-1 {
	/*border: 8px solid #FDB3D6;*/
	border: 8px solid #FC6;
	border-radius: 8px;
	box-sizing: border-box;
	margin: 0 0 10px 0;
}

.tpbx0-1 h3{
	color: #4DBBEA;
	font-size: 110%;
	margin: 10px 0 10px 0;
}

.tpbx0-1 p{
	margin-left: 10px;
}

h1 {
	font-size: 100%;
	font-weight: normal;
	color: #DF6602;
	margin: 0;
	padding: 0 0 0 5px;
}

.tph2 {
	padding-top: 20px;
	font-size: 110%;
	color: #4B830E;
}

.gdh3 {
	font-size: 100%;
	color: #01A7A7;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #01A7A7;
}

.exmh3 {
	font-size: 100%;
	color: #01A7A7;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #01A7A7;
}

.dlh3 {
	font-size: 100%;
	color: #01A7A7;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #01A7A7;
}

.infh3 {
	font-size: 100%;
	color: #01A7A7;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #01A7A7;
}


 
.gdh4 {
	font-size: 100%;
	color: #745B41;
}

.gdh4b {
	font-size: 100%;
	color: #745B41;
	margin: 30px 0 10px 0;
}

.exmh4 {
	margin-top: 25px;
	font-size: 100%;
	color: #745B41;
}

.dlh4 {
	margin-top: 25px;
	font-size: 100%;
	color: #745B41;
}


 
.cbx01 {
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border: 1px solid #78A8EF;
	border-radius: 4px;
	;zoom: 1;
}

.cbx01 p{
	margin: 0;
	padding: 15px 15px 0 15px;
}

.cbx01:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}



.cbx01c {
	margin: 20px 10px 20px 10px;
	padding: 5px 0 10px 0;
	border: 1px solid #78A8EF;
	border-radius: 4px;
	;zoom: 1;
}

.cbx01c p{
	margin: 0;
	padding: 5px 15px 0 15px;
}

.cbx01c:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}



.cbx02 {
	margin: 20px;
	padding: 15px;
	border: 1px solid #FFC251;
	background-color: #FEF0BA;
	border-radius: 4px;
}

.obbx01 {
	margin: 20px 10px 20px 10px;
	padding: 10px;
	border: 1px solid #FFB9FD;
	border-radius: 4px;
	;zoom: 1;
}

.obbx01:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.bxsch1 {
	margin: 10px 0 0 0;
	width: 55%;
	float: left;
}

.attbx1 {
	color: #FE5B25;
	font-weight: bold;
	font-size: 112.5%;
	margin: 20px 2% 0 2%;
	padding: 15px 20px;
	background-color: #E1F8D6;
	border: solid 2px #74F50A;
	border-radius: 4px;
}

.attbx1 a{
	color: #FE5B25;
}


.bx01 {
	margin: 20px 10px;
}

.bxsch1 img{
	margin: 0 0 5px 0;
	width: 100%;
}

.bxsch1 p{
	line-height: 1.2;
	margin: 0 0 15px 0;
	padding: 0;
}

.bxevt img{
	margin: 15px 0 5px 0;
	width: 100%;
}

.bxevt p{
	margin: 0 0 10px 0;
	padding: 0;
}

.bxevt a{
	padding: 0 0 0 15px;
	background: url(img/arw.gif) 0 5px no-repeat;
}

.bxexm1 {
	margin: 0 10px 20px 10px;
	border: 1px solid #856AA6;
	border-radius: 5px;
}

.bxexm1 dl {
	margin: 0;
	padding: 15px 15px 25px 2%;
}

.bxexm1 dt {
	color: #584021;
	font-weight: bold;
	margin: 15px 0px 0px 3%;
	padding: 0px;
}

.bxexm1 dd {
	margin: 2px 0px 0px 6%;
	padding: 0px;
}

.bxexm2 {
	margin: 20px 10px 20px 10px;
	padding: 15px;
	border: 1px solid #856AA6;
	border-radius: 5px;
}

.bxdl1 {
	margin: 0 10px 20px 10px;
	border: 1px solid #ECAB00;
	border-radius: 5px;
}

.bxdl1b {
	margin: 0 10px 20px 10px;
	padding: 15px 10px 0px 10px;
	border: 1px solid #ECAB00;
	border-radius: 5px;
}

.cmt01 {
	color: #F45BDA;
	font-weight: bold;
}

.lnkbx {
	font-weight: bold;
	text-align: center;
	margin: 20px auto 30px auto;
	padding: 0;
	width: 70%;
	border: 2px solid #F7C913;
	border-radius: 4px;
	background-color: #EEFFFC;
}

.lnkbx a{
	padding: 15px 0;
	color: #EF9E07;
	display: block;
}

.lnkbx2 {
	font-weight: bold;
	text-align: center;
	margin: 30px auto 20px auto;
	padding: 10px 5px;
	width: 70%;
	border: 2px solid #F7C913;
	border-radius: 4px;
	background-color: #EEFFFC;
}

.lnkbx2 a{
	padding: 10px 0;
	color: #EF9E07;
	display: block;
}

.strm1 {
	width: 40%;
	float: left;
}

.strm1 h4{
	color: #333;
	width: 80%;
	margin: 0 auto;
	padding: 20px 10px;
	text-align: center;
	border: solid 1px #7C631F;
	border-radius: 3px;
}

.strm1 p {
	font-size: 200%;
	text-align: center;
	margin-top: 20px;
}

.strm2 {
	width: 60%;
	float: right;
}

.strm2 h4 {
	color: #333;
	margin: 0 3% 10px 0;
	padding-bottom: 3px;
	border-bottom: solid 1px #7C631F;
}

.strm2 ol {
	margin: 0;
    padding: 0 0 10px 0;
	list-style: none;
	counter-reset: my-counter;
}

.strm2 ol > li {
    position: relative;
    padding-left: 23px;
	margin: 0 0 4px 2%;
}

.strm2 ol > li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    border: 1px solid #333;
    display: block;
    line-height: 1.5;
    text-align: center;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    font-size: 75%;
    margin: 1px 3px 0 0;
    position: absolute;
    left: 0;
}

.strm2 ul {
	margin: 0;
    padding: 0 0 10px 15px;
}

.strm2 ul li {
    margin: 0 0 4px 3%;
}


footer {
	padding: 10px 0;
	position: relative; /* IE6 に、適切にクリアするための hasLayout を指定。 */
	clear: both;
}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.lstcal1 {
	margin: 0;
	padding: 5px 20px 20px 35px;
	list-style-image: url(img/lstclm.gif)
}
	
.lstcal1 li{
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
}

.lstvol {
	color: #8C5748;
	margin: 0;
	padding: 20px 0 20px 30px;
	list-style-image: url(guide/img/vol1.gif)
}
	
.lstvol li{
	margin: 0;
	padding: 0 0 15px 0;
}

.lstexm1 {
	margin: 0;
	padding: 20px 0 20px 30px;
	list-style-image: url(entranceexam/img/exa1.gif)
}
	
.lstexm1 li{
	margin: 0;
	padding: 0 0 15px 0;
}

.lstexm2 {
	margin: 0;
	padding: 10px 0 20px 40px;
}
	
.lstexm2 li{
	margin: 0;
	padding: 0 0 15px 0;
}

.lstexm2 li > ul > li{
	color: #333;
	margin: 0 0 0 15px;
	padding: 10px 0 0 0;
}

.lstexm2b {
	color: #8C5748;
	margin: 0;
	padding: 10px 0 20px 40px;
}
	
.lstexm2b li{
	font-weight: bold;
	margin: 0;
	padding: 0 0 15px 0;
}

.lstexm2c {
	margin: 0;
	padding: 10px 0 0 40px;
}
	
.lstexm2c li{
	margin: 0;
	padding: 0 0 15px 0;
}

.evt1 li {
	background-image: url(guide/img/evt1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.evt2 li {
	background-image: url(guide/img/evt2b.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.lstdl {
	margin: 0 5% 0 40px;
	padding: 0;
}

.lst01 {
	margin: 40px 0 30px 30px;
}

.lst01 dt {
	margin: 20px 0px 0px 0px;
}

.lst02 {
	margin: 20px 0 30px 40px;
}

.lst03 {
	margin: 30px 2% 30px 5%;
}

.lst03 li {
	margin: 15px 0 0 20px;
}

.fom1 {
	margin: 0 10px 0 2%;
}

.fom1 dt{
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 5px;
	background-color: #FFF8D9;
}

.fom1 dd{
	margin: 0;
	padding: 5px;
	border: 1px solid #FDDF68;
}

.lst01 dd {
	margin: 5px 0px 0px 20px;
}

.caltbl th {
	font-weight: normal;
	background-color: #FDA;
}

.caltbl1 {
	background-color: #FDFEE7;
}

.caltbl2 {
	background-color: #E8FEC2;
}

.caltbl3 {
	background-color: #FFDFD7;
}

.caltbl4 {
	background-color: #D7EBFF;
}

.caltbl5 {
	background-color: #F0FEA5;
}

.evttbl th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	background-color: #FFFBC8;
}

.evttbl td {
	background-color: #FFF;
	vertical-align: top;
}

.evttbl ul {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	list-style: none;
}

.evttbl li {
	margin: 4px 0px 0px 5px;
	padding: 0px 0px 0px 14px;
}

.entextbl caption {
	text-align: right;
}

.entextbl th {
	font-weight: normal;
	background-color: #EEF8E4;
	border: solid 1px #BEAE7E;
}

.entextbl td {
	background-color: #FFF;
	border: solid 1px #BEAE7E;
}

.entextbl2 caption {
	text-align: right;
}

.entextbl2 th {
	font-weight: normal;
	background-color: #EEF8E4;
	border: solid 1px #BEAE7E;
}

.entextbl2 td {
	background-color: #FFF;
	border: solid 1px #BEAE7E;
}

.exmtbl1 {
	width: 95%;
	margin: 20px 3% 30px 3%;
	background-color: #AC9291;
}

.exmtbl1 th {
	font-weight: normal;
	text-align: left;
	background-color: #E8EAD9;
	vertical-align: top;
}

.exmtbl1 td {
	background-color: #FFFFFF;
}

.exmtbl2 {
	width: 95%;
	margin: 20px 3% 0 3%;
	background-color: #B09D64;
}

.exmtbl2 th {
	color: #3F188F;
	width: 40%;
	background-color: #FDFEE9;
}

.exmtbl2 td {
	background-color: #F7FBFF;
}

.exmtbl3 {
	width: 95%;
	margin: 0 3% 30px 3%;
	background-color: #7C8F69;
}

.exmtbl3 th {
	color: #3F188F;
	width: 40%;
	background-color: #FFE8FE;
}

.exmtbl3 td {
	background-color: #FFE8FE;
}

.exmtbl5 {
	line-height: 1.2;
	width: 95%;
	margin: 20px 3% 30px 3%;
}

.exmtbl5 th{
	font-weight: normal;
	text-align: left;
	width: 30%;
}

.exmtbl5b {
	line-height: 1.2;
	width: 95%;
	margin: 20px 3% 30px 3%;
}

.exmtbl5b td {
	padding: 5px;
	vertical-align: top;
}

.exmtbl5b tr td:first-child{
	text-align: right;
	width: 80px;
}

.exptbl1 {
	color: #444;
	width: 98%;
	margin: 10px auto 40px auto;
}

.exptbl1 th {
	text-align: center;
	background-color: #EEF8E4;
	border-right: solid 1px #82A671;
}

.exptbl1 td {
	vertical-align: top;
	text-align: center;
	border-bottom: 1px solid #82A671;
	border-right: solid 1px #82A671;
	background-color: #FEFFE6;
}

.exptbl1 th:last-child {
	border-right: none;
}

.exptbl1 td:last-child {
	border-right: none;
}

.exptbl2 th {
	text-align: center;
	background-color: #EEF8E4;
	border-right: solid 1px #82A671;
}

.exptbl2 td {
	vertical-align: top;
	border-bottom: 1px solid #82A671;
	border-right: solid 1px #82A671;
	background-color: #FEFFE6;
}

.exptbl2 th:last-child {
	border-right: none;
}

.exptbl2 td:last-child {
	border-right: none;
}

.histbl {
	width: 97%;
	margin: 20px auto 20px auto;
	background-color: #A4E1CF;
}

.histbl th{
	color: #7B6300;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 30%;
	background-color: #E3FBFA;
}

.histbl td{
	background-color: #FFFFFF;
}

.passtbl {
	text-align: center;
	width: 97%;
	margin: 20px auto 20px auto;
	background-color: #A4E1CF;
}

.passtbl th{
	font-weight: normal;
	background-color: #E3FBFA;
}

.passtbl td{
	background-color: #FFFFFF;
}

.passtbl caption{
	text-align: left;
}

.fomtbl1 {
	width: 95%;
	margin: 10px 3% 20px 3%;
	background-color: #BBC09A;
}

.fomtbl1 td {
	background-color: #FFF;
}


img {
	margin: 0;
	border: 0;
	vertical-align: bottom; /* 画像の下にできる謎の隙間を消すおまじない */
}

.img02 {
	width: 100%;
	margin: 20px 0 20px 0;
}

.img02b {
	text-align: center;
	margin: 20px 5px 20px 5px;
}

.img02b img{
	width: 100%;
}

.img02c {
	margin: 20px 5px 20px 5px;
}

.img02c img{
	margin: 5px 0 20px 0;
	width: 100%;
}

.img02c p{
	margin: 0;
	padding: 10px 0 5px 0 
}

.img02d {
	width: 98%;
	margin: -15px auto 0 auto;
	display: block;
	border-radius: 5px;
}

.img03 {
	width: 60%;
	display: block;
	margin: 20px auto;
}

.img770 {
	margin: 20px 0 0 0;
	width: 100%;
}

.imgsch1 {
	margin: 30px 0 0 2%;
	width: 43%;
	float: left;
}

.imgbx3 {
	margin: 20px 0 20px 1.4%;
	width: 48%;
	line-height: 1.2;
	float: left;
}

.imgbx3 img{
	margin: 0 0 5px 0;
	width: 100%;
}

.imgrd {
	border-radius: 10px;
}

.spribx img {
	margin-bottom: 20px;
	border-radius: 10px;
}

address {
	margin: 0;
	padding: 0 0 0 20px;
	font-style: normal;
}



#cpy {
	color: #666;
	font-size: 90%;
	text-align: center;
	margin: 0;
	padding: 50px 0 0 0;
}
	

.clrfix {
	zoom: 1;
}

.clrfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.clrfix2 {
	margin: 0 0 20px 0;
	zoom: 1;
}

.clrfix2:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden; 
}

.rgt {
	margin: 30px 0 20px 0;
	text-align: right;
}

#sbbtn {
	margin: 10px;
	height: 30px;
}

#sbbtn2 {
	margin: 10px auto 10px auto;
	width: 200px;
	height: 40px;
}

.sml {
	font-size: 87.5%;
}

.rd1 {
	color: #F30
}

.or1 {
	color: #DF9D04;
}

.or2 {
	font-weight: bold;
	color: #D63C01;
}

.gr1 {
	color: #CCC;
}

input {
	font-size: 100%;
}

textarea {
	font-size: 100%;
}

#spc01{
	
}

#spc02{
	
}

#spc03{
	
}

#spc04{
	
}


.wtcvr {
	background-color: #FFF;
	opacity: 0.2;
	z-index: 100;
}

.r030802 {
	margin: 20px 0 0 0;
	padding: 15px 0 0 0;
	border: solid 4px #93D8FD;
	border-radius: 4px;
}

.r030802 p:first-child {
	color: #B5095A;
	font-weight: bold;
}

.rule p {
	font-size: 87.5%;
}

.rule ul {
	font-size: 87.5%;
}

.rule ul {
	padding: 0 0 20px 7%;
}



/* ※※※※※※※※※※※※※※※※※※メインメニューアコーディオンセット※※※※※※※※※※※※※※※※※※ */


@media screen and (min-width:768px){

	#accordion{
		list-style: none;
		width: 220px;
		font-size: 16px;
		line-height: 1;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#accordion > li{
		padding: 0;
		border-right:;
		border-left:;
	}
	
	#accordion li a{
		display: block;
		position:relative;
		color: #333;
		text-decoration:none;
		padding: 10px 25px;
		border-bottom: 1px solid #ffb41d;
		border-top: ;
		transition: .3s;
	}
	
	#accordion > li:first-child > a{
		border-top: 0px;
	}
	
	
	#accordion > li a:before {
		position: absolute;
		top: 50%;
		left: 5px;
		font: 24px/100%;
		content: url(img/lst1.gif);
		margin-top: -9px;
	}
	
	#accordion li a:hover{
		background: rgba(255,180,29,.3);
	}
	
	#accordion li ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#accordion li ul li a{
		position:relative;
		background: none;
		line-height: 1;
		padding: 10px 0 10px 35px;
		border-top: ;
		border-bottom: ;
	}
	
	#accordion li ul li a:before {
		position: absolute;
		top: 50%;
		left:15px;
		content: url(img/lst2.gif);
		margin-top: -8px;
	}
	
	#accordion li ul li:first-child a{
		border-top: 0px;
	}
	
	#accordion li ul li:last-child a{
		border-bottom: ;
	}
	
	#accordion li ul li a:hover{
		background: rgba(255,180,29,.1);
	}
	
	.arrow{
		position:absolute;
		top:50%;
		right: 13px;
		line-height: 1;
		margin-top: -8px;
		transition: .3s;
	}
	
	.arrow:before{
		font: 30px;
		content: url(img/lstmnu.png);
	}
	
	
	/*メインメニュー教職員募集用セット*/
	.rect a {
		text-align: center;
		text-decoration: none;
		margin: 20px 0 0 0;
		padding: 10px 0;
		border: solid 3px #FFFBA4;
		border-radius: 2px;
		display: block;
	}
	
	.rect a:hover {
		background: rgba(255,180,29,.2);
		transition: .3s;
	}
	
	.rect2 {
		display: none;
	}
	

}

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

	#accordion{
		list-style: none;
		width: 100%;
		font-size: 16px;
		line-height: 1;
		background-color: #FFF;
		margin: 0 0 5px 0;
		padding: 0;
		zoom: 1;
	}

	#accordion:after {
		content: ".";
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden; 
	}
	
	#accordion > li{
		padding: 0;
		width: 33.333333%;
		float: left;
	}
	
	#accordion li a{
		display: block;
		position:relative;
		color: #333;
		text-decoration:none;
		/*padding: 7px 0 5px 5px;*/
		padding: 7px 0 5px 5px;
		border-bottom: 1px solid #ffb41d;
		border-top: ;
		transition: .3s;
	}
	
	#accordion > li:first-child{
		display: none;
	}
	
	#accordion li ul {
		list-style: none;
		background: #FFF;
		margin: 0;
		padding: 0;
	}
	
	
	
	
	#accordion li ul li{
		width: 180%;
	}

	#accordion li ul li a{
		position:relative;
		background: none;
		line-height: 1;
		padding: 7px 0 5px 30px;
		border-top: ;
		border-bottom: ;
	}
	
	#accordion li ul li a:before {
		position: absolute;
		top: 50%;
		left:15px;
		content: url(img/lst2.gif);
		margin-top: -8px;
	}
	
	#accordion li ul li:first-child a{
		border-top: 0px;
	}
	
	#accordion li ul li:last-child a{
		border-bottom: ;
	}
	
	#accordion li ul li a:hover{
		background: rgba(255,180,29,.1);
	}
	
	.arrow{
		position:absolute;
		top:50%;
		left: 73px;
		line-height: 1;
		margin-top: -8px;
		transition: .3s;
	}
	
	.arrow:before{
		font: 30px;
		content: url(img/lstmnu.png);
	}
	
	.bdrb {
		border-bottom: 1px solid #ffb41d;
	}
	
	/*スマホ向け教職員募集用セット*/
	.rect {
		display: none;
	}
	
	.rect2 a {
		text-align: center;
		margin: 20px 0 10px 0;
		padding: 10px 0;
		border: solid 4px #FFFBA4;
		border-radius: 3px;
		display: block;
	}
	
	
}


#accordion li > a:hover .arrow{
	color: #ff7f99;
}

.rotate {
	transform: scale(0,0);
}





/* ※※※※※※※※※※※※※※※※※※メインメニュー(nav)固定セット※※※※※※※※※※※※※※※※※※ */

@media screen and (min-width:768px){

	#fix {
		margin-top: 15px;
		z-index: 20;
	}
	
	.fixed {
		position: fixed;
		top: 5px;
	}
	
}

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

	#fix {
		margin-top: 5px;
		z-index: 20;
		width: 100%;
	}
	
	.fixed {
		position: fixed;
		top: 0px;
	}
	
}

#dld {
}

#posi1 {
}

#posi2 {
}

#posi3 {
}

#posi4 {
}

#posi5 {
}

#prf-1 {
}