@charset "Shift_JIS";

@import url(https://www.meimon.jp/common/css/font.css);

/* ====  基本設定  ======================================================= */

body {
	margin: 0;
	padding: 0;
	background: url(../../img/bg.gif) #E7E7E7;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
	text-align: center;
}
#wrap {
	width: 890px;
	margin: 0 auto;
	background: url(../../img/bg_wrap.gif) #FFF;
	color: #333;
}
div, td, th { text-align: left; }
p, pre {
	margin: 0;
	font: 12px/16px 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}
li {
	margin: 0;
	list-style-type: none;
}
ol, ul {
	margin: 0;
	padding: 0;
}
a {
	color: #069;
	text-decoration: underline;
}
a:hover, a:active, 		/* for IE (Keyboard) */ a:focus {		/* for Netscape (Keyboard) */
	color: #C00;
	text-decoration: none;
}
a.alink img:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
hr { clear: both; }

/*___________ レイアウト設計【header】 ___________ */
h1 {
	margin: 0 auto;
	width: 890px;
	background: url(../../img/bg_h1.gif) #E0E7ED;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	color: #666;
	text-align: center;
}
#header {
	margin: 0 auto;
	width: 890px;
	height: 106px;
	background: url(../../img/bg_logo2.gif) no-repeat;
	position: relative;
}
#header2 {
	margin: 0 auto;
	width: 890px;
	height: 100px;
	background: url(../../img/bg_logo3.gif) no-repeat;
	position: relative;
}
#toplogo {
	position: absolute;
	width: 180px;
	height: 106px;
	top: 10px;
	left: 17px;
}
#toplogo a {
	display: block;
	width: 180px;
	height: 75px;
	text-indent: -9999px;
}
#topmedia {
	position: absolute;
	width: 400px;
	height: 106px;
	top: 10px;
	left: 216px;
}
#topmedia a {
	display: block;
	width: 400px;
	height: 75px;
	text-indent: -9999px;
}

/*___________ レイアウト設計【navi】 ___________ */
#navi {
	margin: 0 0 0 6px;
	padding: 0;
	width: 880px;
	height: 52px;
}
/*横1列*/
ul.mainnavi_02 {
	margin: 0;
	padding: 0;
}
ul.mainnavi_02 li {
	float: left;
	height: 52px;
	line-height: 0;
}
ul.mainnavi_02 a {
	text-indent: -9999px;
	text-decoration: none;
}
a.lia_02 {
	display: block;
	margin: 0;
	width: 68px;
	height: 52px;
	background: url(../../img/navi_02_01.gif) no-repeat top right;
}
a:hover.lia_02 { background: url(../../img/navi_02_01.gif) no-repeat bottom right; }
a.lib_02 {
	display: block;
	width: 118px;
	height: 52px;
	background: url(../../img/navi_02_02.gif) no-repeat top left;
}
a:hover.lib_02 { background: url(../../img/navi_02_02.gif) no-repeat bottom left; }
a.lic_02 {
	display: block;
	width: 107px;
	height: 52px;
	background: url(../../img/navi_02_03.gif) no-repeat top left;
}
a:hover.lic_02 { background: url(../../img/navi_02_03.gif) no-repeat bottom left; }
a.lid_02 {
	display: block;
	width: 107px;
	height: 52px;
	background: url(../../img/navi_02_04.gif) no-repeat top left;
}
a:hover.lid_02 { background: url(../../img/navi_02_04.gif) no-repeat bottom left; }
a.lie_02 {
	display: block;
	width: 75px;
	height: 52px;
	background: url(../../img/navi_02_05.gif) no-repeat top left;
}
a:hover.lie_02 { background: url(../../img/navi_02_05.gif) no-repeat bottom left; }
a.lif_02 {
	display: block;
	width: 75px;
	height: 52px;
	background: url(../../img/navi_02_06.gif) no-repeat top left;
}
a:hover.lif_02 { background: url(../../img/navi_02_06.gif) no-repeat bottom left; }
a.lig_02 {
	display: block;
	width: 118px;
	height: 52px;
	background: url(../../img/navi_02_07.gif) no-repeat top left;
}
a:hover.lig_02 { background: url(../../img/navi_02_07.gif) no-repeat bottom left; }
a.lih_02 {
	display: block;
	width: 107px;
	height: 52px;
	background: url(../../img/navi_02_08.gif) no-repeat top left;
}
a:hover.lih_02 { background: url(../../img/navi_02_08.gif) no-repeat bottom left; }
a.lii_02 {
	display: block;
	width: 104px;
	height: 52px;
	background: url(../../img/navi_02_09.gif) no-repeat top left;
}
a:hover.lii_02 { background: url(../../img/navi_02_09.gif) no-repeat bottom left; }
.close { display: none; }

/*___________ レイアウト設計【MAIN】 ___________ */
#mainwrap {
	float: left;
	width: 890px;
	background: url(../../img/bg_wrap.gif) #FFF;
	color: #333;
}

/*___________ レイアウト設計【contents】 ___________ */
#contents {
	width: 480px;
	float: right;
}
.con_mar { padding: 20px 20px 0 0; }
#contents h2 {
	position: relative;
	color: #333;
	background: #FFE3BB;
	font-size: 16px;
	margin: 10px 0 20px;
	padding: 7px 10px;
	border-radius: 5px;
}
#contents h2:after, #contents h2:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
#contents h2:after {
	left: 20px;
	border: 5px solid transparent;
	border-top: 10px solid #FFE3BB;
}
#contents h3 {
	margin: 0 0 15px;
	padding: 5px 10px;
	background: #FFC;
	font-size: 14px;
	line-height: 20px;
	color: #036;
	border-top: 1px dotted #FC0;
	border-right: 1px dotted #FC0;
	border-left: 1px dotted #FC0;
	clear: both;
}
#contents p {
	margin: 0 0 15px ;
	font-size: 14px;
	line-height: 22px;
}

.pagetop {
	padding: 0 0 25px;
	font-size: 80%;
	text-align: right;
}
.subtitle_01 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size: 120%;
	line-height: 130%;
	font-weight: bold;
	color: #465376;
	border-bottom: 2px solid #E47373;
}
/*___________ レイアウト設計【right】 ___________ */
#right {
	width: 195px;
	float: right;
}
.right-mar {
	margin: 0 15px 0 0;
	padding: 15px 0 0;
}
.right-mar p { padding: 4px 14px; }

/*___________ レイアウト設計【left】 ___________ */
#left {
	width: 195px;
	float: left;
}
.left-mar {
	margin: 0 0 0 15px;
	padding: 15px 0 0;
}
.left-mar p { padding: 4px 14px; }

/*___________ レイアウト設計【footer】 ___________ */
#footer1 {
	padding: 0 5px 16px;
	color: #333;
}
#footer1 p { padding: 0 14px; }
#footer1 p a {
	background-image: url(../../img/hyphen.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
}
#footer1 p a:last-child { background-image: none; }
#footer2 {
	padding: 0 0 10px;
	background: url(../../img/bg_wrap.gif) #FFF;
	color: #666;
	text-align: center;
}
#footer2 a {
	background: #FFF;
	color: #666;
	text-decoration: none;
}
#footer2 a.red { color: #C00; }
#footer2 a:hover, #footer2 a:active, 		/* for IE (Keyboard) */ #footer2 a:focus {		/* for Netscape (Keyboard) */
	background: #FFF;
	color: #666;
	text-decoration: underline;
}
/*___________ レイアウト設計【lp仕様】 ___________ */
.lp_box {
	width:880px;
	margin:0 6px;
}
.lp_box .float_left {
	float: left;
	margin: 0 15px 15px 60px;
}
.lp_box .float_right {
	float: right;
	margin: 0 60px 15px 15px;
}
.lp_box .center { margin:0 auto 30px;}
.r_txt { margin:0 60px 16px; line-height:1.6em;}
.l_txt { margin:0 60px 16px; line-height:1.6em;}
#mainwrap .lp_box p { font-size:16px; margin-bottom:16px;}

/* ==== 詳細設定 ======================================================= */

/* 右カラム
------------------------------------------------------------------------ */

/* ____ ブログ読み込み ____ */
#feed {
	background-image: url(../../img/blog_bg.gif);
	height: 160px;
	width: 180px;
	background-color: #F7F6EE;
	padding: 8px 0 0;
	background-repeat: no-repeat;
	background-position: bottom;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 10px;
}
#feed_title {
	display: block;
	width: 100%;
	height: 60px;
	background-color: #25529C;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-indent: -9999px;
	background-image: url(../../img/blog_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#feed dl {
	margin: 0;
	padding: 0;
	letter-spacing : 0;
}
#feed dt {
	padding: 0;
	width: 130px;
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	color: #333;
	margin:9px 0 6px 8px;
}
#feed dd {
	font-size: 11px;
	width: 109px;
	height: 41px;
	color: #525252;
	line-height: 120%;
	background-image: url(../../img/blog_bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0 0 5px 8px;
	padding:8px 0 0;
}
#feed dd .btn a {
	display: block;
	width: 85px;
	height: 19px;
	background: url(../../img/blog_btn.gif) no-repeat top left;
	text-indent: -9999px;
	margin-top: 5px;
}
#feed dd .btn a:hover {
	display: block;
	background-position: 0 -19px;
}
/* ____  カウントダウン ____ */
.side_count {
	padding: 60px 0 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(../../img/side_count.gif) #25529C;
	background-repeat: no-repeat;
	background-position: left top;
}
.side_count_box {
	padding: 15px 12px 10px;
	border: 1px solid #25529C;
	font-size: 80%;
	font-weight: bold;
	line-height: 160%;
	background-color: #FFF;
}
.side_count_box span {
	color: #F00;
	font-size: 160%;
}
.side_count_s {
	padding: 0 0 15px 12px;
	font-size: 70%;
	text-indent: -12px;
	line-height: 130%;
}
/* ____ メディア掲載 ____ */
.side_media_link {
	margin: 0 0 15px;
	padding: 0 0 10px;
}
.side_media_link a {
	display: block;
	width: 180px;
	height: 250px;
	background: url(../../img/side_media_link2.gif) no-repeat top left;
	text-indent: -9999px;
}
.side_media_link a:hover { background: url(../../img/side_media_link2.gif) no-repeat bottom left; }
/* ____ プライバシーポリシー ____ */
.side_policy { padding: 0 0 10px; }
.side_policy a {
	display: block;
	width: 180px;
	height: 32px;
	background: url(../../img/side_policy.gif) no-repeat top left;
	text-indent: -9999px;
}
.side_policy a:hover {
	width: 180px;
	height: 32px;
	background: url(../../img/side_policy.gif) no-repeat bottom left;
}
/* ____ 会社概要 ____ */
.side_company { padding: 0 0 10px; }
.side_company a {
	display: block;
	width: 180px;
	height: 32px;
	background: url(../../img/side_company.gif) no-repeat top left;
	text-indent: -9999px;
}
.side_company a:hover {
	width: 180px;
	height: 32px;
	background: url(../../img/side_company.gif) no-repeat bottom left;
}
/* ____ サイトマップ ____ */
.side_sitemap { padding: 0 0 10px; }
.side_sitemap a {
	display: block;
	width: 180px;
	height: 32px;
	background: url(../../img/side_sitemap.gif) no-repeat top left;
	text-indent: -9999px;
}
.side_sitemap a:hover {
	width: 180px;
	height: 32px;
	background: url(../../img/side_sitemap.gif) no-repeat bottom left;
}

/* 左カラム
------------------------------------------------------------------------ */

/* ____ メルマガ登録 ____ */
.side_mag {
	background: url(../../img/sp_side_mag_bg.gif);
	padding: 0 0 1em;
	width: 100%;
	font-size: 12px;
	text-align: center;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.side_mag img { width: 100%; }
.side_mag_txt {
	padding: 0 10px;
	line-height: 150%;
}
.side_mag_input {
	margin: 5px 0;
	width: 150px;
}
/* ____ メルマガ登録LP ____ */
.side_maglp {margin: 0;}
.side_maglp a {
	display: block;
	width: 180px;
	height: 146px;
	background:url(../../img/side_magazine.png) no-repeat top left;
	background-position: center top;
	text-indent: -9999px;
}
.side_maglp a:hover {
	width: 180px;
	height: 146px;
	background:url(../../img/side_magazine.png)  no-repeat bottom left;
}
/* ____ 入試傾向 ____ */
.side_tendency { margin: 15px 0 0; }
.side_tendency a {
	display: block;
	width: 175px;
	height: 92px;
	background: url(../../img/side_tendency2013.gif) no-repeat top left;
	background-position: center top;
	text-indent: -9999px;
}
.side_tendency a:hover {
	width: 175px;
	height: 92px;
	background: url(../../img/side_tendency2013.gif) no-repeat bottom left;
}
/* ____ 受験相談 ____ */
.side_exp {
	margin: 15px 0 0;
	padding: 60px 0 15px;
	width: 175px;
	background: url(../../img/side_exp.gif) no-repeat;
}
.side_exp_box {
	border-right: 1px solid #BF2802;
	border-bottom: 1px solid #BF2802;
	border-left: 1px solid #BF2802;
}
.side_exp_txt {
	padding: 10px 10px 0;
	font-size: 80%;
	line-height: 150%;
}
.side_exp_txt_s {
	padding: 10px;
	font-size: 70%;
	line-height: 150%;
}
.side_exp_btn { padding: 10px 0 0 8px; }
.side_exp_btn a {
	display: block;
	width: 155px;
	height: 25px;
	background: url(../../img/side_exp_btn.gif) no-repeat top left;
	text-indent: -9999px;
}
.side_exp_btn a:hover {
	width: 155px;
	height: 25px;
	background: url(../../img/side_exp_btn.gif) no-repeat bottom left;
}
.side_exp_li { list-style:none; }
.side_exp_li li { text-indent:-1em; padding-left:1em; }

/* 中央カラム
------------------------------------------------------------------------ */

/* ____ フォーム ____ */
form { margin: 0; }
span.region{
	background-color:#BCD7EE;
	display:block;
	padding:1px 5px;
	color:#000;
}
.sp_inqmidashi {
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
	border: 1px solid #26549D;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #fff), color-stop(0.00, #D9EBF8));
	background: -webkit-linear-gradient(top, #D9EBF8 0%, #fff 88%);
	background: -moz-linear-gradient(top, #D9EBF8 0%, #fff 88%);
	background: -o-linear-gradient(top, #D9EBF8 0%, #fff 88%);
	background: -ms-linear-gradient(top, #D9EBF8 0%, #fff 88%);
	background: linear-gradient(to bottom, #D9EBF8 0%, #fff 88%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ebf8', endColorstr='#ffffff',GradientType=0 );
	margin-bottom: 10px;
}
.form {
	line-height: 150%;
	text-align: center;
}
dl.form1 {
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px dashed #CCC;
	margin: 0 0 20px;
	overflow: hidden;
}
dl.form1 dt, dl.form1 dd { margin: 0; }
dl.form1 dt {
	clear: both;
	float: left;
	width: 35%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px dashed #CCC;
	padding: 10px 0 10px 10px;
}
dl.form1 dd {
	float: left;
	width: 63%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px dashed #CCC;
	padding: 10px;
}

/* ____ テキスト ____ */
em {
	font-style: normal;
	font-weight: bold;
}
.b { font-weight: bold; }
.s { text-decoration: line-through; }
.u { text-decoration: underline; }
.f9 {
	font-size: 9px;
	line-height: 12px;
}
.f10 {
	font-size: 10px;
	line-height: 12px;
}
.f11 {
	font-size: 11px;
	line-height: 12px;
}
.f12 {
	font-size: 12px;
	line-height: 14px;
}
.f14 {
	font-size: 14px;
	line-height: 18px;
}
.f18 {
	font-size: 18px;
	line-height: 22px;
}
#contents p.f16 { font-size:16px; }
.text_right { text-align: right; }
.center { text-align: center; }
.center_15 { text-align: center; margin:15px 0;}
.text_left { text-align: left; }
.pad-left01 { padding-left: 70px; }
.line_marker {
	font-weight: bold;
	background: url(../../img/line_marker.gif) repeat-x;
}
.in{ padding-left:14px; text-indent:-14px; }

/* ____ テキスト・色 ____ */
.red {
	color: #F00;
	font-weight: bold;
}
.deep-red { color:#c00;}
.blue {
	color: #039;
	font-weight: bold;
}
.gry { color: #999; }
.bg-yell {
	background: #FF0;
	color: #000;
	font-weight: bold;
}
.bg-ora {
	background: #FFE43F;
	color: #F00;
	font-weight: bold;
	padding: 10px;
}
/* ____ ボックス ____ */
.box_01 {
	background:#FFC;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:15px;
	margin:0 auto 15px;
	border:3px solid #FC0;
	max-width:710px;
}
.box_02 {
	background:url(../../img/manual/box_bg01.gif) repeat;
	padding:10px;
	-moz-box-shadow:inset 0px 0px 8px #ccc;
	-webkit-box-shadow:inset 0px 0px 8px #ccc;
	box-shadow:inset 0px 0px 8px #ccc;
	max-width:750px;
	margin:0 auto 30px;
}
.box_03 {
	width:100%;
	border:1px solid #F99;
	max-width: 710px;
	margin: 0 auto 30px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:#FDD;
	padding:0 0 0 15px;
	-moz-box-shadow: 5px 3px 0px #FFA6A6;
-webkit-box-shadow: 5px 3px 0px #FFA6A6;
box-shadow: 5px 3px 0px #FFA6A6;
}

/* ____ 画像 ____ */
img { border: 0; }
.float_left {
	float: left;
	margin: 0 15px 15px 0;
}
.float_right {
	float: right;
	margin: 0 0 15px 15px;
}
/* ____ フロートボックス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear { clear: both; }

/* ____ 動画可変 ____ */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ____ リスト ____ */
.index01 {
	margin: 0 0 15px;
	padding: 5px 0 0;
	-webkit-border-radius: 5px;
	border: solid 2px #FFDF57;
	border-radius: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFC;
}
.index01 ul {
	margin: 17px 0 0;
	padding: 0 15px 10px;
}
.index01 li {
	padding: 0 0 15px 20px;
	background: url(../../img/check.gif) no-repeat 0 2px #FFFFCC;
	font-size: 14px;
	line-height: 130%;
	color: #036;
}
.index01 p {color: #036; padding:15px 15px 0;}
.list_01,.list_02,.list_03,.list_04 {
	list-style:none;
	margin:15px 0;
	padding:0;
	font-size:15px;
}
.list_01 li {
	background: url(../../img/ico_05.gif) no-repeat 0 6px;
	padding:4px 0 4px 23px;
	margin:0 10px;
}
.list_02 li {
	background: url(../../img/ico_01.gif) no-repeat 0 6px;
	padding:4px 0 4px 16px;
	margin:0 3px 0 10px;
}
.list_03 li {
	background: url(../../img/ico_04.gif) no-repeat 0 6px;
	padding:2px 0 2px 20px;
	margin:0 10px;
}
.list_04 li {
	background:url(../../img/decoration.gif) no-repeat 7px 8px;
	padding:2px 0 2px 20px;
	margin:0 10px;
}
.list_05 {
	list-style:none;
	margin:10px auto;
	padding:0;
	display:block;
}
.list_05 li {
	background: url(../../img/ico_06.png) no-repeat 0 6px;
	padding:4px 0 10px 40px;
	margin:0 15px 0 10px;
	font-size:19px;
	font-weight:700;
}
.list_06 {
	list-style:none;
	margin:10px auto;
	padding:0;
	display:block;
	width:710px;
}
.list_06 li {
	background: url(../../img/ico_07.png) #fff no-repeat 4px 4px;
	padding:10px 10px 10px 40px;
	margin:0 0 15px;
	border:1px solid #428FCE;
	display:block;
	line-height:1.4em;
	font-size:18px;
	font-weight:700;
	-moz-box-shadow: 4px 3px 0px #428FCE;
	-webkit-box-shadow: 4px 3px 0px #428FCE;
	box-shadow: 4px 3px 0px #428FCE;
}
/* ____ 吹き出しcss ____ */
.box_h_01 {
   position: relative;
   border-radius: 10px;
   padding:15px;
   border:3px solid #ccc;
   max-width:710px;
   margin:0 auto 30px;
   background-color:#fff;
}
.box_h_01:before {
    content: '';
    position: absolute;
    background: #ccc;
    height: 26px;
    width: 26px;
    border-radius: 13px;
    bottom: -15px;
    right: 45px;
}
.box_h_01:after {
    content: '';
    position: absolute;
    background: #ccc;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    bottom: -25px;
    right: 35px;
}
.box_h_02 {
	position: relative;
	background: #FFC;
	border: 1px solid #eee;
	margin:0 60px 0;
	padding:12px 5px 12px 5px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	display:inline-block;
	*display: inline;
	zoom: 1;
}
.box_h_02:after, .box_h_02:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_h_02:after {
	border-color: rgba(255, 255, 204, 0);
	border-right-color: #FFC;
	border-width: 7px;
	margin-top: -7px;
}
.box_h_02:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #eee;
	border-width: 8px;
	margin-top: -8px;
}

/* ==== 個別ページ ======================================================= */

/* ____ 大手塾別成績の上げ方用 ____ */
.jpoint_box { margin:0 0 0 15px; }
.best3 { margin: 0 0 20px 30px; }
.best3 li {
	list-style: decimal;
	margin: 0 0 7px;
	font-size: 14px;
}
.jpoint { margin: 15px 0 10px 15px; }
.jpoint li {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 130%;
	background: url(../../img/ico_03.gif) no-repeat 0 1px;
	padding: 0 0 0 10px;
}
.jpoint_02 { margin: 15px 0 10px 15px; }
.jpoint_02 li {
	list-style: none;
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 130%;
}
#contents p.txt_jpoint_b_u {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px;
	background: url(../../img/ico_01.gif) no-repeat 5px 3px;
	padding: 0 0 0 23px;
	color: #333;
}
#contents p.txt_jpoint_ico {
	font-size: 15px;
	text-decoration: underline;
	margin: 0 0 -10px;
	background: url(../../img/ico_02.gif) no-repeat 10px 3px;
	padding: 0 0 2px 26px;
	color: #333;
}

/* ____ 合格実績 ____ */
table.pass {
	box-sizing: border-box;
	width: 100%;
	font-size: 80%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
table.pass th {
	box-sizing: border-box;
	width: 35%;
	background: #FDF9E5;
	padding: 5px;
	border: 1px solid #ccc;
}
table.pass td {
	box-sizing: border-box;
	width: 15%;
	text-align: right;
	padding: 5px;
	border: 1px solid #ccc;
}
dl.pass {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
	font-size: 80%;
}
dl.pass dt, dl.pass dd {
	float: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 5px 5px 5px 10px;
}
dl.pass dt {
	width: 30%;
	background-color: #FDF9E5;
	font-weight: bold;
}
dl.pass dd {
	width: 20%;
	text-align: right;
}
#contents p.pass_name { text-align:right; margin:10px 0; }
#contents .bar {
	margin: 16px 0 0 ;
	background: url(../../img/bg_h2-2.jpg) no-repeat;
	font-size: 14px;
	line-height: 36px;
	text-indent: 28px;
	color: #036;
}

/* ____ 喜びの声 ____ */
.box_koe_top {
	margin: 15px 0 0;
	height: 30px;
	background: url(../../img/box_koe_top.gif) top center no-repeat;
}
.box_koe_mid {
	background-color: #fff;
	border: 9px solid #ffd589;
	border-radius: 8px;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(top, #ffffff, #eeeeee);
	background-clip: padding-box;
	padding: 20px 20px 15px;
	margin-bottom: 20px;
}
.box_koe_mid div { line-height: 180%; }
.box_koe_foot {
	background: url(../../img/box_koe_foot.gif) top center no-repeat;
	width: 460px;
	height: 30px;
}
.box_koe_mid h4{
	padding:0 0 0 1em;
	font-size:16px;
	background:url(../../img/ico_01.gif) no-repeat 0 6px;
	line-height:150%;
	font-weight:bold;
}
#contents p.box_koe_btn {
	text-align: right;
	margin: 10px 0 15px;
}
.box_koe_name {
	text-align:right;
	padding:15px 0 0 0;
}
.box_koe_btn + .box_koe_name { padding:0; }

#contents .box_koe_mid h3 {
	margin:15px 0 10px;
}
/* ____ ご利用の流れ ____ */
#flow {
	width: 460px;
	margin-bottom: 25px;
}
.flow_content {
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
}
#flow ul {
	width: 440px;
	padding-left: 10px;
}
#flow li {
	background-image: url(../../img/decoration.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin-bottom: 6px;
	padding-left: 12px;
}
.flow_arrow {
	text-align: center;
	margin-bottom: 5px;
}
#area {
	width: 460px;
	margin-bottom: 28px;
}
#contents h3.step {
	background-color: #fff;
	border: 2px solid #ccc;
	background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
	background-image: -o-linear-gradient(top, #ffffff, #dddddd);
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image: linear-gradient(to bottom, #ffffff, #dddddd);
	color: #28549D;
	font-size: 18px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 )
}
#contents h3.step:before {
	content: "|";
	background: #28549D;
	margin-right: 5px;
}
/* ____ メディア掲載 ____ */
.point01 {
	background: url(../../img/point01.gif) center left no-repeat;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	line-height: 30px;
	font-size: 15px;
	color: #465376;
	border-bottom: 3px double #ccc;
}
.media_txt {
	margin: 0 15px 0 0;
	padding: 5px 0 0 20px;
	font-size: 0.8em;
}
.media_date {
	text-align: right;
	font-size: 0.8em;
	padding: 0 15px 15px 0;
}
ul.media {
	overflow: hidden;
	margin-bottom: 30px;
}
ul.media li {
	float: left;
	list-style-type: disc;
	margin: 0 30px 20px 20px;
	font-size: 80%;
}
/* ____ サイトマップ ____ */
.sitemap_box { margin:0 0 10px 20px; }
/* ____ 入試傾向分析 ____ */
#mail_magazine {
	margin-top: 35px;
	padding: 20px 10px;
	background-image: url(../../img/melmaga_bg.gif);
	background-position: center;
	margin-bottom: 30px;
	position: relative;
	border: 1px solid #006;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
}
#magazine_form { margin: 20px 0 0; }
#melmaga_word {
	position: absolute;
	top: -10px;
	max-width: 236px;
}
#melmaga_word img { width: 100%; }

/* ____ うちのこだけの合格マニュアル ____ */
.arrow_box {
	width:130px;
	position: relative;
	background: #428FCE;
	padding: 8px;
	color:#fff;
	float:left;
	margin:0 12px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.arrow_box:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(66, 143, 206, 0);
	border-left-color: #428FCE;
	border-width: 8px;
	margin-top: -8px;
}
#manual_header {
	width:880px;
	height:350px;
	margin: 0 auto;
	background:url(../../img/manual/manual_headbg.png) no-repeat;
}
#manual_header h2 {margin:0;}
.manual_subtitle, .tool_subtitle {
	border:2px solid #CCC;
	width:800px;
	margin:30px 0 30px 35px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	overflow:hidden;
}
.manual_subtitle:nth-of-type(1) { border:2px solid #FF444C;}
.manual_subtitle:nth-of-type(2) { border:2px solid #FAAF3A;}
.manual_subtitle:nth-of-type(3) { border:2px solid #FCC727;}
.manual_subtitle:nth-of-type(4) { border:2px solid #8BC53E;}
.manual_subtitle:nth-of-type(5) { border:2px solid #38B449;}
#manual_header_box {
	border:5px solid #428FCE;
	border-radius:  7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius:  7px 7px 0 0;
	margin:0 15px;
	padding:15px 0 15px 15px;
	background:url(../../img/manual/head_boxbg.png) #FFF no-repeat right bottom ;
	overflow:hidden;
}
#manual_header_box p {
	max-width:500px;
	line-height:160%;
	font-size:18px;
}
.manual_foot_box {
	width:880px;
	height:300px;
	background:url(../../img/manual/manual_footbg.png) #FFF;
}
.manual_foot_box .manual_form {
	position:relative;
	top:150px;
	left:330px;
}
.manual_foot_box .manual-btn {
	position:relative;
	top:230px;
	left:0;
}
.manual_gra {
	background-color:#EAF3FB;
	padding:15px;
	border-bottom:8px solid #3284C7;
	margin-bottom: 30px;
}
.manual_form {
	background:#EAF3FB;
	padding:8px;
	width:520px;
	float:left;
}
.con_mar .manual_form {width:auto; float:none;}
.manual_form form{ padding:5px 0;}
.manual_form input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border:#a9a9a9 1px solid;
   width:100%;
   max-width:350px;
   height:25px;
   padding:3px;
   font-size:16px;
   margin:2px 0;
}
.manual_form input[type=text]:focus { border:solid 1px #20b2aa;}
.manual_form input[type=text], select { outline: none;}
.manual-btn {
	display:block;
	width:212px;
	height:60px;
	background: url(../../img/manual/manual_btn.png) #FFF no-repeat center center;
	border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border:1px solid #fff;
   -moz-box-shadow:inset 0px 0px 4px #ccc;
	-webkit-box-shadow:inset 0px 0px 4px #ccc;
	box-shadow:inset 0px 0px 4px #ccc;
	text-indent:-9999px;
	float:left;
	margin: -4px 0 0 15px;
}
.manual-btn:hover { background: url(../../img/manual/manual_btn_r.png) #FFF no-repeat center center;}
.manual_tokuten {
	padding:10px 0;
	margin: 0 15px;
	background-color:#428FCE;
	text-align:center;border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
}

/* ____ 分析ツール ____ */
#tool_header {
	width:880px;
	background:url(../../img/tool/tool_headbg.png) #EAF3FB no-repeat right bottom;
}
#tool_list{
	text-decoration:none;
	width:530px;
	margin:0;
	padding:0;
	display:block;
}
#tool_list li {
	background: url(../../img/ico_06.png) #BBD7EE no-repeat 6px 12px;
	padding:15px 0 10px 45px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-size:18px;
	font-weight:700;
	display:block;
	margin:0 0 15ox 0;
}
.tool_subtitle {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:4px solid #428FCE;
	border-left:9px solid #428FCE;
}
.tool_process dl{
	width:750px;
	display:block;
	margin:0 auto;
}
.tool_process dt {
	width:720px;
	position: relative;
	background: #f93;
	margin:0 0 20px 0;
	padding:5px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.tool_process dt:after {
	top: 100%;
	left: 100px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 153, 51, 0);
	border-top-color: #f933;
	border-width: 8px;
	margin-left: -8px;
}
.tool_process dd{
	border:3px double #F60;
	padding:10px;
	margin:0 0 15px 0;
	line-height:1.6em;
	background:#FFF;
}
.tool_bgbox {
	background:#EAF3FB;
	padding:25px 0 10px;
}
.tool_stbox {
	background:#428FCE;
	padding:10px;
}
.tool_btn {
	float:right;
	margin:20px 20px 0 0;
	display:block;
}
.tool_btn a{
	width:277px;
	height:116px;
	background: url(../../img/tool/tool_btn.png) top center;
	text-indent:-9999px;
	display:block;
}
.tool_btn a:hover { background-position: bottom center;}

.light {
	background:url(../../img/ico_08.png) no-repeat 8px 0;
	padding:0px 0 0 25px;
	display:block;
	min-height:24px;}
.mt15 { margin-top: 15px; }
.mb10 { margin-bottom:10px;}

/* ____ モーダルウィンドウ ____ */
#modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	text-decoration: underline ;
}

.button-link:hover {
	cursor: pointer ;
}



/*161111 ヘッダー体験申し込みボタン用スタイル追加*/
.btn-head{position: absolute; right:15px; top:11px;}
.btn-head.sq a {
	/*background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZjVlMDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjIwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4OTEpIiAvPgo8L3N2Zz4=");*/
	background-image: -moz-linear-gradient(90deg,rgba(255,130,0,1.00) 0%,rgba(255,108,0,1.00) 100%);
	background-image: -webkit-linear-gradient(90deg,rgba(255,130,0,1.00) 0%,rgba(255,108,0,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,130,0,1.00) 0%,rgba(255,108,0,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,130,0,1.00) 0%,rgba(255,108,0,1.00) 100%);
	background-color: #FF6C00;
	text-shadow: 1px 1px 1px #FF6C00;
	border: 1px solid #FF6C00;
	box-shadow: inset 0 1px 0 #FFCF6C,0 0 18px #FF6C00 inset;
	border-radius: 4px;
	font-weight: bold;
	padding: 12px 0 12px 15px;
	width: 210px;
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 0 #FFCF6C,0 0 18px #FF6C00 inset;


	/*青バージョン
	background-image: -moz-linear-gradient(90deg,rgba(37,82,156,1.00) 0%,rgba(12,49,112,1.00) 100%);
	background-image: -webkit-linear-gradient(90deg,rgba(37,82,156,1.00) 0%,rgba(12,49,112,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(37,82,156,1.00) 0%,rgba(12,49,112,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(37,82,156,1.00) 0%,rgba(12,49,112,1.00) 100%);
	background-color: #0C3170;
	text-shadow: 1px 1px 1px #0C3170;
	border: 1px solid #0C3170;
	box-shadow: inset 0 1px 0 #5284D6,0 0 18px #0C3170 inset;
	border-radius: 4px;
	font-weight: normal;
	padding: 12px 0 12px 15px;
	width: 210px;
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 0 #5284D6,0 0 18px #0C3170 inset;*/

}

.btn-head-sp{position: absolute; right:4px; top:19px;}

#spnavi .btn-head-sp.sq a {
	background-image: -moz-linear-gradient(90deg,rgba(238,238,238,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -webkit-linear-gradient(90deg,rgba(238,238,238,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(238,238,238,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(238,238,238,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-color: #0C3170;
	text-shadow: -1px 1px 0px #fff;
	border: 1px solid #CCC;
	box-shadow: inset 0 1px 0 #EEE,0 0 18px #CCC inset;
	border-radius: 4px;
	font-weight: normal;
	padding: 2px 10px;
	/*width: 210px;*/
	font-size: 12px;
	/*font-size: 1.1rem;*/
	display: block;
	text-decoration: none;
	color: #000;
	-webkit-box-shadow: inset 0 1px 0 #EEE,0 0 18px #CCC inset;
	font-weight:bold;
	line-height: 130%;
}
#spnavi .btn-head-sp.sq a i{color:#FF8200;}