@charset "utf-8";
/*----------------------
		import
-----------------------*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
p,
a,
img,
ul,
li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 160%;
  color: #211c04;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
  color: #333333;
}
li {
  list-style: none;
}
a {
  color: #000099;
}
a:visited {
  color: #660066;
}
a:hover {
  color: #0066cc;
}
img { vertical-align:bottom; }
/* ----------------------------------------------
	This style definition is common.
------------------------------------------------- */
/* LESS Document */
/*----------------------
		layout
-----------------------*/
.m0 {
  margin: 0px;
}
.mb0 {
  margin-bottom: 0px;
}
.mb05 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mt0 {
  margin-top: 0px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt150 {
  margin-top: 150px;
}
.mr0 {
  margin-right: 0px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.ml0 {
  margin-left: 0px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.pd20 {
  padding: 20px;
}
.pb0 {
  padding-bottom: 0px;
}
.pb05 {
  padding-bottom: 05px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.padding {
  padding: 0px;
}
.pt0 {
  padding-top: 0px;
}
.pt05 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pr0 {
  padding-right: 0px;
}
.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.pr50 {
  padding-right: 50px;
}
.pl0 {
  padding-left: 0px;
}
.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.tll {
  text-align: left;
}
.tlc {
  text-align: center;
}
.tlr {
  text-align: right;
}
/* list */
.flr {
  float: right;
}
.fll {
  float: left;
}
/* wide */
.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 100%;
}
.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vabl {
  vertical-align: baseline;
}
.vam {
  vertical-align: middle;
}
.fz10 {
  font-size: 10px;
}
.fz12 {
  font-size: 12px;
}
.fz14 {
  font-size: 14px;
}
.fz16 {
  font-size: 16px;
}
.fz18 {
  font-size: 18px;
}
.fz20 {
  font-size: 20px;
}
/* img */
img {
  border: 0px;
}
a.img_hover:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -ms-filter: "alpha(opacity=75)";
}
/* link */
a:link {
  color: #333333;
  text-decoration: none;
}
a:visited {
  color: #333333;
}
a:hover {
  color: #333333;
  text-decoration: underline;
}
/* list */
ul,
li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* link_style */
.link_st {
  color: #3F65CB;
  text-decoration: none;
}
/* clearfix */
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  display: table;
  content: "";
}
.cf:after {
  clear: both;
}
/*----------------------
		mixin
-----------------------*/
.bgSprit {
  background: url(images/sprite.png) no-repeat 0px 0px;
}
.bgimg {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.trs {
  transition: all  0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	
}
*/
/*----------------------
		index
-----------------------*/
#mainarea {
  width: 960px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.8;
}
#mainarea #feature-data p {
  font-size: 12px;
  color: #999999;
  margin-bottom: 10px;
  text-align: right;
}
#mainarea #title h2 {
  height: 0;
  overflow: hidden;
  text-indent: -999999px;
  width: 960px;
}
#mainarea #edus-eye {
  margin-bottom: 40px;
}
#mainarea #edus-eye span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #3399FF;
  border-bottom: 2px solid #99CCFF;
  margin-bottom: 5px;
  padding-bottom: 05px;
}
#mainarea .section {
  margin-bottom: 40px;
  padding: 20px;
  border: 6px solid #99CCFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#mainarea .section h3 {
  font-size: 24px;
  color: #3399FF;
  background: #FFFFCC;
  border-left: 12px solid #3399FF;
  margin: 0 0 20px;
  padding: 10px;
  line-height: 1.2;
}
#mainarea .section h4 {
  font-size: 20px;
  border-left: 12px double #3399FF;
  line-height: 0;
  margin: 0 0 10px;
  padding: 10px;
  display: inline-block;
}
#mainarea .section h5 {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 10px 0;
}
#mainarea .section p {
  margin-bottom: 10px;
}
#mainarea .section span {
  font-weight: bold;
  color: #FF9900;
}
#mainarea .section .read {
  zoom: 1;
  margin-bottom: 40px;
}
#mainarea .section .read:before,
#mainarea .section .read:after {
  content: "";
  display: table;
  clear: both;
}
#mainarea .section .schedule table {
  background-color: #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}
#mainarea .section .schedule table th {
  padding: 5px;
  background-color: #99CCFF;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
#mainarea .section .schedule table td {
  background-color: #FFFFFF;
  padding: 10px;
}
#mainarea .btn {
  margin: 0 auto 40px;
  font-size: 24px;
  font-weight: bold;
  line-height: 80px;
  height: 80px;
  text-align: center;
}
#mainarea .btn a {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 70%;
  background-color: #FFCC33;
  background: -moz-linear-gradient(top, #ffcc33, #ff9900);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffcc33), to(#ff9900));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFCC33', endColorstr='#FF9900');
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0 6px #CC6600;
}
#mainarea .btn a:hover {
  top: 6px;
  color: #FFFFFF;
  background-color: #CC6600;
  background: -moz-linear-gradient(top, #cc6600, #cc6600);
  background: -webkit-gradient(linear, center top, center bottom, from(#cc6600), to(#cc6600));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#CC6600', endColorstr='#CC6600');
  border-radius: 5px;
  text-decoration: none;
  box-shadow: none;
}

/* ------------------------------------- contents */

#main {
}
#main #content{
}
#main #content-innr{
	width:960px;
	margin:0 auto;
	padding:0 0 40px 0;
}
#main p {
	font-size:16px;
	line-height:170%; margin-bottom:20px;
}
#main h2.mainttl {
	background: url(/img/features/school/2014/141224/title_02.jpg) top left no-repeat;
	text-indent:-999999px;
	width:960px;
	height:250px;
	overflow:hidden;
}
#feature-data-box{
	background: #ffffff;
	padding-top: 5px;
}
#feature-data {
	height:50px;
	line-height:50px;
	width:960px;
	margin:0 auto; background-color:#7f1a3d;
}
#feature-data span {
	float:right; margin-right:15px;
	font-size:14px;
	color:#ffffff;
}
.fb { font-weight:bold; }
.fcg { color:#389126; }
.fcgold { color:#9f7f32; }
.fce { color:#7f1a3d; }
.fco { color:#ec6941; }
.fcb { color:#262991; }
.fcb2 { color:#0054d2; }
.fcp { color:#ff3399; }
.fcp2 { color:#ea58a7; }
.fcv { color:#af368c; }
.fs14 { font-size:14px; line-height:150%; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs24 { font-size:24px; }
.ovh { overflow:hidden; }
.iee-ttl { background: url(/img/features/school/2014/141224/iee-ttl.gif) top left no-repeat; text-indent:-999999px; width:570px; height:40px; overflow:hidden; }
.iee-box { width:933px; background-color:#ffffff; margin:0 auto; padding:15px 10px 0 15px; overflow:hidden; border:1px solid #cccccc; }
.iee-bar { width:960px; height:40px; overflow:hidden; margin:0; }
.bgg { background-color:#ebebeb; width:960px; padding:30px 0; border:#bebebe 1px solid; }
.bgy { background-color:#fef4c7; width:960px; padding:30px 0; margin-bottom:50px; }
.bgy02 { background-color:#f6f4e8; width:940px; padding:10px; margin-bottom:50px; overflow:hidden; }
.bgw { background-color:#ffffff; width:860px; padding:30px; overflow:hidden; }
.bgw-900r { background-color:#ffffff; width:860px; padding:20px; margin-bottom:30px; overflow:hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.bgb { background-color:#a9fff8; width:900px; padding:10px 30px; margin-bottom:50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.bgb02 { background-color:#eaf2ff; width:940px; padding:10px; margin-bottom:50px; overflow:hidden; }
.bgb03 { background-color:#eaf2ff; width:170px; padding:20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow:hidden; font-size:14px; }
.bgp { background-color:#fdeff5; width:900px; padding:20px 30px 10px 30px; margin-bottom:20px; }
.bgbd { background-color:#ffffff; width:900px; padding:20px 29px 0 29px; margin-bottom:50px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:1px solid #03a1ea; }
.bgbdb { width:900px; padding:20px; margin-bottom:50px; border:10px solid #e1d7b1; }
.gara-bg { background: url(/img/features/school/2014/141224/gara-bg.jpg) top left repeat; width:920px; overflow:hidden; padding:30px 20px; margin-bottom:60px; }
.pr-box { background-color:#e1d7b1; width:270px; padding:20px; margin-top:0; }
.pr-boxl { width:310px; float:left; margin:0 30px 40px 0; line-height:0; }
.pr-boxr { width:310px; float:right; margin:0 0 40px 30px; line-height:0; }
.koushi-bg { background: url(/img/features/school/2014/141224/koushi-bg.gif) top left repeat; width:900px; overflow:hidden; padding:20px; border:10px solid #dea2b7; margin-bottom:30px; }

.midashi001 { background: url(/img/features/school/2014/141224/midashi001.gif) top left no-repeat; text-indent:-999999px; width:960px; height:70px; overflow:hidden; }
.midashi001a { background: url(/img/features/school/2014/141224/midashi001a.gif) top left no-repeat; text-indent:-999999px; width:490px; height:45px; overflow:hidden; margin:0 auto 10px; }
.midashi001-bg { background: url(/img/features/school/2014/141224/midashi001-bg.jpg) top left no-repeat; width:900px; height:300px; overflow:hidden; padding:60px 30px 30px 30px; margin-bottom:50px; }
.midashi002 { background: url(/img/features/school/2014/141224/midashi002.gif) top left no-repeat; text-indent:-999999px; width:960px; height:70px; overflow:hidden; }
.midashi002a { background: url(/img/features/school/2014/141224/midashi002a.gif) top left no-repeat; text-indent:-999999px; width:520px; height:70px; overflow:hidden; margin-bottom:15px; }
.midashi002b { background: url(/img/features/school/2014/141224/midashi002b.gif) top left no-repeat; text-indent:-999999px; width:520px; height:70px; overflow:hidden; margin-bottom:15px; }
.midashi003 { background: url(/img/features/school/2014/141224/midashi003.gif) top left no-repeat; text-indent:-999999px; width:960px; height:70px; overflow:hidden; }
.midashi003c { background: url(/img/features/school/2014/141224/midashi003_2.gif) top left no-repeat; text-indent:-999999px; width:960px; height:70px; overflow:hidden; }
.midashi003a { background: url(/img/features/school/2014/141224/midashi003a.gif) top left no-repeat; text-indent:-999999px; width:520px; height:70px; overflow:hidden; margin-bottom:15px; }
.midashi003b { background: url(/img/features/school/2014/141224/midashi003b.gif) top left no-repeat; text-indent:-999999px; width:520px; height:70px; overflow:hidden; margin-bottom:15px; }
.midashi004 { background: url(/img/features/school/2014/141224/midashi004.gif) top left no-repeat; text-indent:-999999px; width:900px; height:35px; overflow:hidden; margin-bottom:10px; }
.midashi005 { background: url(/img/features/school/2014/141224/midashi005.gif) top left no-repeat; text-indent:-999999px; width:900px; height:60px; overflow:hidden; margin-bottom:10px; }

.point-ttl { background: url(/img/features/school/2014/141224/point.gif) top left no-repeat; text-indent:-999999px; width:900px; height:25px; overflow:hidden; margin-bottom:20px; padding-bottom:10px; border-bottom:#999999 1px dotted; }
.komidashi { width:430px; height: 28px; font-size:24px; color:#6c9a12; font-weight:bold; border-bottom: 2px dotted #6c9a12; text-indent:10px; line-height:28px; margin-bottom:20px; }
.bgbdb h4 {
	font-size: 18px; font-weight: bold;	color: #7f1a3d;	margin-bottom: 10px;}

#tbl-bdr { width:900px; margin:auto; }
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th { border-collapse: collapse; border:1px solid #bebebe; font-size:16px; line-height:170%; }
#tbl-bdr table { background-color: #ffffff; }
#tbl-bdr th { background-color: #e0c789; }
#tbl-bdr a:link	{ text-decoration:underline; color:#002aff; }
#tbl-bdr a:visited	{ text-decoration:underline; color:#002aff; }
#tbl-bdr a:hover	{ text-decoration:underline; color:#ff6600; }
#tbl-bdr a:active	{ text-decoration:underline; color:#ff6600; }
#tbl-bdr li { list-style:disc; margin-left:20px; }
#tbl-bdr .tdleft { background-color:#e1d7b1; font-weight:bold; text-align:center; }
#tbl-bdr td.dotline { border-top:1px dotted #ffffff; }

.lineb { border-bottom: 2px dotted #9cdc26; padding-bottom:10px; }
.lineb2 { border-bottom: 1px solid #b99847; padding-bottom:10px; }
.w310 {width:310px; overflow:hidden;}
.w900 {width:900px; overflow:hidden; margin:auto; padding-top:20px; }
.w860 {width:860px; overflow:hidden;}
.w960 {width:960px; overflow:hidden;}