/*---------------------------------------------------------------------------
 講座・スクールページ
---------------------------------------------------------------------------*/

body.schools {
	font-size: 120%;
}

body.schools div#maincontent{
	position: relative;
}

body.schools div.blog-post a{
	color: #1e1ebf;
	text-decoration: none;
}

body.schools div.blog-post a:hover{
	color: #476b54;
}

body.schools div.blog-post a:visited{
	color: #751175;
}
body.schools div.blog-post a img.more:hover{
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

body.schools h1 {
	line-height: 140%;
	position: relative;
	color: #fff;
	padding: 8px 60px 6px 8px;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
	background: #40962b; /* Old browsers */
	background: -moz-linear-gradient(top,  #40962b 1%, #337b22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#40962b), color-stop(100%,#337b22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #40962b 1%,#337b22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #40962b 1%,#337b22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #40962b 1%,#337b22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #40962b 1%,#337b22 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40962b', endColorstr='#337b22',GradientType=0 ); /* IE6-9 */
}

body.schools h1 img{
	position: absolute;
	top: 8px;
	right: 10px;
}

body.schools h2 {
	font-size: 110%;
	font-weight: bold;
	padding: 8px 8px 6px 8px;
	border-radius: 0;
	border: solid 1px #dddddd;
	border-left: none;
	box-shadow: -8px 0px #63a62b;
	margin: 15px 0px 10px 8px;
	color: #333;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.courses-title {
	margin: 0px 0px 20px 0px;
	padding: 7px 120px 5px 7px;
	background: #f7fadc;
	position: relative;
	color: #115601;
	background: #d7efc3;
	border-radius: 3px;
	clear: none;
}

body.schools div.courses-title h3 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #000;
}

body.schools h3 {
	color: #177401;
	font-size: 110%;
	line-height: 160%;
	font-weight: bold;
	padding: 5px 5px 3px 5px;
	border-top: 1px solid #bad5a4;
	border-bottom: 1px solid #bad5a4;
	border-left: none;
	background: none;
}

body.schools h3.left,
body.schools h3.clear_none {
	border: 0;
	color: #115601;
	background: #d7efc3;
	border-radius: 3px;
	clear: none;
	margin: 10px 0px 5px 0px;
	padding: 7px 0px 5px 0px;
}

body.schools h3.left {
	padding-left: 10px;
	padding-right: 10px;
}

body.schools h3.clear_none span {
	padding-left: 10px;
	padding-right: 10px;
	display: table-cell;
}

body.schools h4,
body.schools .h4,
em.h4_2 {
	font-size: 100%;
	background: transparent url(/images/template/bullet-2.gif) no-repeat 0px 4px;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	padding: 0 0 0 16px;
	border: none;
	color: #175e06;
	line-height: 140%;
	font-style: normal;
}

em.h4_2 {
	background: transparent url(/images/template/bullet-2.gif) no-repeat 0px 6px;
	display: inline-block;
}

body.schools .h4 {
	background: transparent url(/images/template/bullet-2.gif) no-repeat 0px 6px;
	display: inline-block;
}


body.schools div.blog-post ul {
	padding-left: 19px;
	margin: 10px 0 10px 0;
}

body.schools div.blog-post div.courses-title ul {
	position: absolute;
	top: 3px;
	right: 3px;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.schools div.blog-post div.courses-title ul li{
	float: left;
	margin: 6px 2px 6px 2px;
	padding: 0;
}

.school-desc div.img,
.logo-box img {
	margin: 0px 2% 5px 0px;
}

.school-desc p{
	font-size: 100%;
}

.school-desc dl {
	font-size: 80%;
	margin: 0px 0px 20px 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.school-desc dl dt {
	width: 13%;
	margin-right: 2%;
	float: left;
}

.school-desc dl dd {
	width: 85%;
	float: left;
}

@media (min-width: 767px) {
	.school-desc div.img,
	.logo-box img {
		float: left;
		width: 18%;
		margin-right: 2%;
	}
	.school-desc div.img img{
		width: 100%;
	}
	.school-desc p,
	.logo-box p {
		float: right;
		width: 80%;
	}
	.school-desc dl {
		width: 80%;
		float: right;
	}
	.school-desc dl dt {
		width: 10%;
		margin-right: 2%;
	}
	.school-desc dl dd {
		width: 88%;
	}
}

@media (min-width: 992px) {
	.school-desc div.img,
	.logo-box img {
		width: auto;
	}
	.school-desc p,
	.logo-box p {
		width: 83%;
	}
	.school-desc dl {
		width: 83%;
	}	
}

p.to_course_comment {
	display: block;
	clear: both;
	font-weight: bold;
	font-size: 90%;
	color: #d962a7;
	background: #fff url(../images/template/bullet-7.gif) no-repeat 5px 5px;
	padding-left: 20px;
	margin: 0px 0px 5px 0px;
}

body.schools table {
	border: none;
	background: none;
	font-size: 90%;
}

body.schools table th {
	border: none;
}

body.schools table td {
	border: none;
}

body.schools table.school-courses {
	border: none;
	border-bottom: solid 1px #ccc;
}

body.schools table.school-courses th {
	font-size: 100%;
	border: none;
	background: #fff;
}

body.schools table.school-courses td {
	border: none;
	border-top: solid 1px #ccc;
}

body.schools table.school-courses th.c2 { width: 40%; }
body.schools table.school-courses th.c4 { width: 30%; }
body.schools table.school-courses th.c5 { width: 20%; }

@media (min-width: 767px) {
	body.schools table.school-courses th.c1 { width: 12%; }
	body.schools table.school-courses th.c2 { width: 38%; }
	body.schools table.school-courses th.c3 { width: 15%; }
	body.schools table.school-courses th.c4 { width: 15%; }
	body.schools table.school-courses th.c5 { width: 20%; }
}

body.schools table.school-courses th.c1, table.school-courses td.c1 { display: none; }
body.schools table.school-courses th.c3, table.school-courses td.c3 { display: none; }
body.schools table.school-courses th.c4, table.school-courses td.c4 { text-align: right; }

@media (min-width: 767px) {
	body.schools table.school-courses th.c1, body.schools table.school-courses td.c1 { display: table-cell; }
	body.schools table.school-courses th.c3, body.schools table.school-courses td.c3 { display: table-cell; }
}

body.schools table.school-courses tr {
	background: #f0fcea;
}

body.schools table.school-courses tr.white {
	background: #fff;
}

dl.school-icons-desc {
	display: none;
}

@media (min-width: 767px) {
	dl.school-icons-desc {
		display: block;
		font-size: 80%;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: hidden;
		margin: 0px 0px 20px 0px;
	}
	dl.school-icons-desc dd{
		width: 33%;
		float: left;
		margin-bottom: 5px;
	}
}

@media (min-width: 992px) {
	dl.school-icons-desc dd{
		width: 20%;
		float: left;
	}
}

body.schools div.seikyu {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 5px;
	background: #e5f2c0;
	z-index: 2;
}

.sphide {
	display: none;
}

@media (min-width: 767px) {
	body.schools div.seikyu{
		margin: 20px auto 20px auto;
		position: relative;
		background: none;
		width: 80%;
	}
	.sphide {
		display: block;
	}
}

dl.data-1 {
	border-bottom: solid 1px #84d49e;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

dl.data-1 dt {
	float: left;
	width: 25%;
	margin: 0px;
	border-top: solid 1px #84d49e;
	padding: 5px 5% 5px 0px;
	color: #408231;
	line-height: 140%;
}

dl.data-1 dd {
	float: left;
	width: 75%;
	margin: 0px;
	border-top: solid 1px #84d49e;
	padding: 5px 0px 5px 0px;
	line-height: 140%;
}

@media (min-width: 767px) {
	dl.data-1 dt {
		width: 20%;
	}
	dl.data-1 dd {
		width: 80%;
	}
}
@media (min-width: 992px) {
	dl.data-1 dt {
		width: 15%;
	}
	dl.data-1 dd {
		width: 85%;
	}
}
dl.data-3 {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0;
}

dl.data-3 dd {
	margin-bottom: 10px;
	line-height: 200%;
}

dl.data-3 dd p {
	margin: 0;
}

.pic-1 {
	position: relative;
	padding: 0px 0px 5px 5px;
	float: right;
	clear: right;
	background: #fff;
	z-index: 1;
}

.pic-2 {
	position: relative;
	padding: 0px 10px 5px 0px;
	float: left;
	clear: left;
	background: #fff;
	z-index: 1;
}

body.guide div.blog-main p.pic-1 img,
body.guide div.blog-main p.pic-2 img {
	width: 100%;
}

dl.data-3 dt {
	font-size: 100%;
	background: transparent url(/images/template/bullet-2.gif) no-repeat 0px 2px;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	padding: 0 0 0 16px;
	border: none;
	color: #175e06;
	line-height: 1.1;
}

dl.data-3 table {
	border-collapse: collapse;
	line-height: 170%;
}

dl.data-3 table.separate {
	border-collapse: separate;
}

dl.data-3 table td.cell15a,
dl.data-3 table td.cell15b,
dl.data-3 table td.cell15c {
	background: #eeffcc;
	color: #336600;
	border: solid 1px #99cc00;
}

dl.data-3 table td.cell3a,
dl.data-3 table td.cell3b,
dl.data-3 table td.cell3c,
dl.data-3 table td.cell3d{
	border: solid 1px #99cc00;
}

dl.data-3 table.normal {
	border-collapse: collapse;
}

dl.data-3 table.normal th {
	background: #f0fcea;
	border: solid 1px #bbbbbb;
	text-align: center;
}

dl.data-3 table.normal td {
	border: solid 1px #bbbbbb;
}

dl.data-3 em {
	font-weight: bold;
}

p.img-c {
	text-align: center;
}

p.img-c img {
	width: 100%;
}

@media (min-width: 992px) {
	p.img-c img {
		width: auto;
	}
}

body.schools table.central {
	border-collapse: separate;
	border-spacing: 5px;
	table-layout: fixed;
}
body.schools table.central td{
	border: solid 1px #99cc00;
	padding: 0;
	vertical-align: top;
}

body.schools table.central dl{
	width: 100%;
	word-wrap: break-word;
	margin: 0;
}

body.schools table.central dl dt{
	background: #eeffcc;
	border-bottom: solid 1px #99cc00;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	color: #000;
}

body.schools table.central dl dt b{
	color: #336600;
}

body.schools table.central dl dd{
	margin: 0;
	padding: 5px;
}

body.schools .schoollist_btn3 {
	text-align: center;
	margin: 0 0 20px 0;
}

#schoollist_alert {
	text-align: center;
	background: #fe5927;
	border-radius: 10px;
	padding: 10px 2% 10px 2%;
	width: 100%;
	font-size: 85%;
	color: #fff;
	font-weight: bold;
	margin: 0 0 20px 0;
	line-height: 140%;
}

@media (min-width: 767px){
	#schoollist_alert {
		font-size: 120%;
	}
}

/*---------------------------------------------------------------------------
一括資料請求ページ act/step1
---------------------------------------------------------------------------*/

body.request {
	font-size: 120%;
}

body.request div#maincontent{
	position: relative;
}

body.request div.blog-post a{
	color: #1e1ebf;
	text-decoration: none;
}

body.request div.blog-post a:hover{
	color: #476b54;
}

body.request div.blog-post a:visited{
	color: #751175;
}

body.request h1 {
	line-height: 140%;
	position: relative;
	color: #fff;
	padding: 8px 8px 6px 8px;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
	background: #40962b; /* Old browsers */
	background: -moz-linear-gradient(top,  #40962b 1%, #337b22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#40962b), color-stop(100%,#337b22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #40962b 1%,#337b22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #40962b 1%,#337b22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #40962b 1%,#337b22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #40962b 1%,#337b22 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40962b', endColorstr='#337b22',GradientType=0 ); /* IE6-9 */
}

body.request div.blog-post img {
	width: 100%;
}

.bold {
	font-weight: bold;
}

.green {
	color: #008000;
}

@media print{
	body.schools div.seikyu {
	position: inherit;
}
}