@charset "utf-8";

/* CSS Document */

#wrapper { width: 100%; }

#header { }

#header .logo {
	width: 40%;
	float: left;
	margin: 8px 0 0;
}

#header .hNav {
	width: 60%;
	float: right;
}

#header .hNav li {
	float: left;
	width: 14%;
}

#header .hNav li:first-child { margin: 0 0 0 2%; }

#header .hNav li.request,
#header .hNav li.contact { }

#header .hNav a {
	display: block;
	text-align: center;
	border-left: solid 1px #393332;
	padding: 10px 0 7px;
}

#header .hNav a:hover { background-color: #dcdccf; }

#header .hNav a:hover img { opacity: 1; }


#header .hNav li.contact a { border-left: none; }

#header .hNav li.request a { background-color: #007bbb; }

#header .hNav li.contact a { background-color: #6b7740; }

#header .hNav li.request a:hover,
#header .hNav li.contact a:hover { background-color: #ffffff; }

#gNav {
	background-color: #EEEEEE;
	border-top: solid 1px #393332;
	border-bottom: solid 1px #393332;
}

#gNav ul { }

#gNav li {
	float: left;
	width: 14.3%;
}

#gNav li:last-child { width: 14.2%; }

#gNav li a {
	border-left: solid 1px #393332;
	display: block;
	padding: 9px 0;
	text-align: center;
}

#gNav li:last-child a { border-right: solid 1px #393332; }

#gNav li a.active,
#gNav li a:hover {
	background-color: #dcdccf;
	opacity: 0.8;
}

#gNav a:hover img { opacity: 1; }


#contents { padding-bottom: 24px; }

#main {
	float: left;
	width: 74%;
}

#topicpath { margin-bottom: 20px; }

#topicpath li {
	float: left;
	background-image: url(../img/arrow_topicpath.png);
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right 0.35em;
	margin-left: 5px;
}

#topicpath li.first {
	float: left;
	margin-left: 0px;
}

#topicpath li.last {
	background-image: none;
	padding-right: 0px;
}

#side {
	float: right;
	width: 24%;
}

#side .search {
	background-color: #5DA9DD;
	border-radius: 20px;
	position: relative;
	padding: 5px 40px 5px 10px;
	margin: 0 0 20px;
}

#side .search .txt {
	background-color: #5DA9DD;
	border: none;
	color: #fff;
	padding: 3px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 #side .search .txt::-webkit-input-placeholder {
 color:#fff;
}

#side .search .btn {
	position: absolute;
	top: 5px;
	right: 14px;
}

#side .sideList01 li,
#side .sideList02 li { margin: 0 0 8px; }

#side .sideList03 li { margin: 0 0 8px; }

#side .sideList03 li a {
	display: block;
	padding: 0 0 0 20px;
	background-color: #EEEEEE;
}

#side .youtube { margin: 0 0 8px; }

#side .youtube img {
	width: 100%;
	height: auto;
}

#side .sns { text-align: right; }

#side .sns li {
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: top;
}

#main .section { margin-bottom: 20px; }

#main .section p { margin-bottom: 20px; }

#footer { }
#footer .info{
	padding: 20px 0 0;
	margin-bottom: 45px;
	border-top:solid 1px #ccc;
}
#footer .info .address{
	margin:0 0 10px;
	font-size:1.6rem;
}
#footer .info .logo{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	color:#5da9dd;
	margin:0 5px 0 0;
}
#footer .info li {
	float: left;
	width: 49%;
}

#footer .info li.contact { float: right; }

#footer .info li a {
	display: block;
	padding:3px 0;
	text-align: center;
}

#footer .info li.request a { background-color: #007bbb; }

#footer .info li.contact a { background-color: #6b7740; }

#footer .fNav {
	background-color: #EEEEEE;
	text-align: center;
	height: 40px;
}

#footer .fNav .modWrap { position: relative; }

#footer .pagetop {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #CCCCCC;
	padding: 0 9px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}

#footer .pagetop img { vertical-align: middle; }

#footer .fNav ul { padding: 14px 0 0; }

#footer .fNav li {
	border-right: solid 1px #000;
	padding: 0 18px;
	display: inline;
	font-size:12px;
	font-size:1.2rem;
}
#footer .fNav li:last-child { border-right: none; }

#footer .change {
	display: none;
	padding: 8px;
	text-align: center;
	background-color: #7AB8E3;
	font-size:12px;
	font-size:1.2rem;
}
#footer .change.active { display: block; }

#footer .change.pc { display: none; }

#footer .change a { color: #ffffff; }

#footer .copyright {
	background-color: #ffef00;
	padding: 12px 0;
	color: #01000a;
	text-align: center;
	font-size:12px;
	font-size:1.2rem;
}
@media print {
	.modWrap {
		width: 960px!important;
	}
	.modSpOnly {
		display: none;
	}
	html * {
		line-height: normal;
	}
	.box50per.student {
		display: block;
		width: 100%;
		float: none!important;
	}
	.newPage {
		page-break-before: always;
	}
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		.newPage {
			padding-top: 20px;
		}
	}
}





/* 260305追記 */
@media screen and (min-width: 769px) {
	main {
		padding-top: 200px;
	}
}
@media screen and (max-width: 768px) {
	main {
		padding-top: 100px;
	}
}