@charset "utf-8";

.top_title01 {
	padding:3px 0;
	font-size:75%;
	font-weight:bold;
	color:#fff;
	background:#f87878;
	text-align:center;
}
.top_title02 {
	padding:5px 8px 3px;
	font-size:85%;
	font-weight:bold;
	color:#fff;
	background:#f87878;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.top_title03 {
	padding:5px 8px 3px;
	font-size:85%;
	font-weight:bold;
	color:#fff;
	background:#13c1d4;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.top_box01 {
	margin:30px 0 0;
}
.top_box01 img {
	width:100%;
}
.top_box02 {
	margin:10px auto 0;
	width:98%;
}
.top_box02_inner {
	padding:0 0 15px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	
	border-bottom:1px #c8c8c8 solid;
	border-right:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
}
.top_box02_inner table {
	margin:5px auto 0px;
	width:85%;
}
.top_box02_inner table th {
	width:40%;
}
.top_box02_inner table th img {
	width:100%;
}
.top_box02_inner table td {
	padding:5px 0 5px 5px;
	vertical-align:top;
	line-height:90%;
}
.top_box02_inner table td .name01 {
	font-size:85%;
	font-weight:bold;
	color:#673434;
}
.top_box02_inner table td .text01 {
	font-size:75%;
}

.top_box03 {
	margin:30px auto 0;
	width:98%;
}
.top_box03 ul {
	border-top:1px #c8c8c8 solid;
	border-right:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
}
.top_box03 ul a {
	display:block;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
}
.top_box03 ul a li {
	padding:5px 10px 3px 30px;
	border-bottom:1px #c8c8c8 solid;
	background:url(/sp/common/img/top_icon01.png) no-repeat 8px 11px;
	background-size:17px 17px;
	color:#673434;
	font-size:85%;
	line-height:220%;
}
.top_box03 ul a:link {
	text-decoration:none;
	color:#673434;
}
.top_box03 ul a:visited {
	text-decoration:none;
	color:#673434;
}
.top_box03 ul a:hover {
	text-decoration:underline;
	color:#673434;
}
.top_box03 .link01 {
	padding:3px 3px 0 0;
	font-size:85%;
	text-align:right;
}
.top_box03 .link01 a:link {
	text-decoration:underline;
}
.top_box03 .link01 a:visited {
	text-decoration:underline;
}
.top_box03 .link01 a:hover {
	text-decoration:none;
}
.top_box04 {
	margin:15px 0 0;
}
.top_box04 .top_box04_inner {
	margin:0 auto;
	width:98%;
}
.top_box04 img {
	width:100%;
}
.top_box04 .text {
	margin:5px auto 0;
	width:98%;
}
.top_box04 .text input {
	padding:5px 0;
	width:100%;
	font-size:85%;
	font-weight:bold;
	color:#7d7d7d;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #a5a5a5 solid;
}
.top_box04 .search {
	margin:5px auto 0;
	padding:0;
	width:98%;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
}
.top_box04 .search input {
	padding:5px 0;
	width:100%;
	font-size:85%;
	font-weight:bold;
	color:#7d7d7d;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #c7c7c7 solid;

	background:url(/sp/common/img/top_icon02.png) no-repeat 8px 8px;
	background-size:17px 17px;
}
.top_box04 .open_btn01 {
	margin:20px auto 0;
	width:98%;
}
.top_box05 {
	margin:15px auto 0;
	width:98%;	
}
.top_box05 ul {
	padding:2px;
	border-top:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
	border-right:1px #c8c8c8 solid;
}
.top_box05 ul li a {
	display:block;
	color:#7d7d7d;
}
.top_box05 ul li a:link {
	text-decoration:none;
	color:#7d7d7d;
}
.top_box05 ul li a:visited {
	text-decoration:none;
	color:#7d7d7d;
}
.top_box05 ul li a:hover {
	text-decoration:underline;
	color:#7d7d7d;
}
.top_box05 ul li {
	padding:5px 0 3px;

	color:#7d7d7d;
	font-size:85%;
	line-height:220%;
	text-align:center;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	
	border-top:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
	border-bottom:1px #c8c8c8 solid;
	float:left;
	width:33%;
}
.top_box05 ul li.last {
	border:1px #c8c8c8 solid;
	width: 32.8%;
}
.top_box05_02 {
	margin:15px auto;
	width:98%;	
}
.top_box05_02 ul {
	padding:2px;
	border:1px #c8c8c8 solid;
}
.top_box05_02 ul li a {
	display:block;
	color:#7d7d7d;
}
.top_box05_02 ul li a:link {
	text-decoration:none;
	color:#7d7d7d;
}
.top_box05_02 ul li a:visited {
	text-decoration:none;
	color:#7d7d7d;
}
.top_box05_02 ul li a:hover {
	text-decoration:underline;
	color:#7d7d7d;
}
.top_box05_02 ul li {
	padding:5px 0 3px;

	color:#7d7d7d;
	font-size:85%;
	line-height:220%;
	text-align:center;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	
	border-top:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
	border-bottom:1px #c8c8c8 solid;
	float:left;
	width:33%;
}
.top_box05_02 ul li.last {
	border:1px #c8c8c8 solid;
	width: 32.8%;
}

.top_box05 .school_box01 {
	width:auto;	
	border-top:1px #c8c8c8 solid;
	border-right:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
}
.top_box05 .school_box01 .item_box01 {
	padding:12px 10px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);

	border-bottom:1px #c8c8c8 solid;
}
.top_box05 .school_box01 .item_box01 .left01 {
	margin:0;
	float:left;
	width:35%;
}
.top_box05 .school_box01 .item_box01 .left01 img {
	width:100%;
}
.top_box05 .school_box01 .item_box01 .right01 {
	float:right;
	width:63%;
}
.top_box05 .school_box01 .item_box01 .right01 .icon01 {
	padding:3px 8px 2px;
	font-size:75%;
	color:#fff;
	background:#6276de;
	
	-webkit-border-radius:10px;
	border-radius:10px;
	
	display:inline;
}
.top_box05 .school_box01 .item_box01 .right01 .icon02 {
	padding:3px 8px 2px;
	font-size:75%;
	color:#fff;
	background:#e2618a;
	
	-webkit-border-radius:10px;
	border-radius:10px;

	display:inline;
}
.top_box05 .school_box01 .item_box01 .right01 .name01 {
	font-size:90%;
	font-weight:bold;
	letter-spacing:-1px;
}
.top_box05 .school_box01 .item_box01 .right01 .text01 {
	font-size:60%;
	color:#000000;
}

.top_box06 {
	margin:15px 0 0;
	padding:0;
	width:100%;
}
.top_box06 img {
	width:100%;
}
.top_box06 .text {
	margin:5px auto 0;
	width:96%;
}
.top_box06 .text input {
	padding:5px 0;
	width:100%;
	font-size:85%;
	font-weight:bold;
	color:#7d7d7d;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #a5a5a5 solid;
}
.top_box06 .touroku {
	margin:5px auto 0;
	padding:0;
	width:96%;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
}
.top_box06 .touroku input {
	padding:5px 0;
	width:100%;
	font-size:85%;
	font-weight:bold;
	color:#7d7d7d;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px #c7c7c7 solid;

	background:url(/sp/common/img/top_icon03.png) no-repeat 8px 8px;
	background-size:17px 17px;
}