@charset "UTF-8";

/********************************
募集要項
*********************************/
.gl_tbbx .agtbx {
	min-height:73px;
	height:auto !important;
	height:73px;
}


/********************************
TVCM
*********************************/
.tvcmbox ul li{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px dashed #ccc;
}
/*
.tvcmbox ul li.lt{
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-bottom:0;
}
*/
.tvcmbox ul li .tx{
	font-weight: bold;
    font-size: 125%;
    line-height: 1.3em;
    color: #5698c4;
    margin:0 0 10px 0;
}


/********************************
先生のお仕事
*********************************/
.gl_wkbx {
	border-top:1px solid #eee;
	margin-bottom:30px;
	padding-top:30px;
}
.gl_wkbx.gl_wkbx_tp {
	border-top:0;
	padding-top:0;
}
.gl_wkbx.gl_wkbx_btbor {
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}
.gl_wkbx .contbx {
	float:right;
	width:470px;
}
.gl_wkbx .contbx h3 {
	margin-bottom:15px;
}
.gl_wkbx .contbx dl.txt dd {
	margin-bottom:15px;
}
.gl_wkbx .gra {
	float:left;
}

/********************************
先生というお仕事/スモールステップ方式の教材
多様なニーズにお答えする多彩なコース
*********************************/
.wk_intbx {
	margin-bottom:30px;
}
.wk_intbx h4 {
	background:#d4e5f0;
	font-weight:bold;
	padding:5px 8px;
}
.wk_intbx .inner {
	background:url(../../images/bg_dot_mz.gif) repeat 0 0;
	padding:20px;
}
.wk_intbx .inner .gra {
	float:left;
}
.wk_intbx .inner .comebx {
	float:right;
	width:540px;
	background:url(../../images/wrk_int_bg_fk.gif) no-repeat 0 30px;
	padding:0 0 0 10px;
}
.wk_intbx .inner .comebx .in {
	padding:10px;
	background:#fff;
}

/********************************
ライフスタイルにあわせた教室展開
*********************************/
.wk_schbx {
	margin-bottom:60px;
}
.wk_schbx .exp {
	float:left;
}
.wk_schbx .dy {
	float:right;
}
.wk_vrbx dl {
	float:left;
}
.wk_vrbx {
	margin-bottom:25px;
}
.wk_vrbx dl dt {
	margin-bottom:10px;
}

/********************************
指導の流れ/安心のバックアップ体制
*********************************/
.wk_flbx {
	letter-spacing:-0.4em;
	margin-bottom:20px;
}
.wk_flbx dl {
	display:inline-block;
	letter-spacing:normal;
	width:330px;
	vertical-align:top;
	padding:0 0 15px 0;
}
* html #Contents .wk_flbx dl {
	zoom:1;
	display:inline;
}
*:first-child+html .wk_flbx dl {
	zoom:1;
	display:inline;
}
.wk_flbx dl.rgt {
	margin:0 0 0 30px;
}
.wk_flbx dl dt {
	margin-bottom:7px;
}
.wk_flbx dl dd {
	padding:0 0 0 5px;
}

/********************************
開室までの流れ
*********************************/
.wk_opbx {
	margin-bottom:50px;
}
.wk_opbx .lt {
	background:url(../../images/wrk_opn_bg_bt.gif) no-repeat left bottom;
	padding-bottom:19px;
}
.wk_opbx .lt.lt_bt {
	background:none;
	padding-bottom:0;
}
.wk_opbx .lt .in {
	background:url(../../images/wrk_opn_bg.gif) repeat-y 0 0;
	padding:8px 0 1px 60px;
	min-height:90px;
	height:auto !important;
	height:90px;
}
.wk_opbx .lt.lt_bt .in {
	background:none;
}

/********************************
学研教室の目指す教育
*********************************/
.ia_ltbx .lt {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	padding-bottom:20px;
}
.ia_ltbx .lt ul,
.ia_ltbx .lt .in {
	font-size:117%;
	line-height:1.3em;
	font-weight:bold;
	padding:0 0 0 65px;
}
.ia_ltbx .lt ul li,
.ia_ltbx .lt .in {
	padding-bottom:10px;
}
.ia_ltbx .lt h4 {
	margin-bottom:5px;
}

/********************************
説明会場検索
*********************************/
.src_freebx {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:15px 0 15px 20px;
	margin-bottom:30px;
}
.src_freebx dl dt {
	float:left;
	width:150px;
	background:url(../../images/dec_src.gif) no-repeat 0 5px;
	padding:7px 0 5px 30px;
	font-weight:bold;
	font-size:134%;
}
.src_freebx dl.re dt {
	width:75px;
}
.src_freebx dl.area dt {
	width:135px;
	margin:0 0 0 60px;
}
.src_freebx dl dd {
	float:left;
	margin:0 5px 0 0;
	height:30px;
}
.src_freebx dl dd.tx input {
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	width:300px;
}
.src_freebx dl.area dd.tx input {
	background:#fff;
	width:150px;
}

.src_freebx_b {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:15px 20px;
	margin-bottom:30px;
}
.src_freebx_b.src_freebx_b_ajt {
	padding-right:5px;
}
.src_freebx_b h2 {
	float:left;
	width:95px;
	background:url(../../images/dec_src.gif) no-repeat 0 5px;
	padding:7px 0 5px 30px;
	font-weight:bold;
	font-size:134%;
}
.src_freebx_b h2.tl {
	width:75px;
}
.src_freebx_b dl {
	padding:2px 0 0 0;
}
.src_freebx_b dl dt {
	float:left;
	width:87px;
	font-weight:bold;
	font-size:117%;
	padding:5px 0 7px 0;
}
.src_freebx_b dl dt.wds {
	width:147px;
}
.src_freebx_b dl dt.wds2 {
	width:100px;
	margin:0 0 0 30px;
}
.src_freebx_b dl dt.zip {
	width:72px;
}
.src_freebx_b dl dd {
	float:left;
}
.src_freebx_b dl dd.sl {
	width:195px;
}
.src_freebx_b dl dd.btn {
	float:right;
	height:30px;
}
.src_freebx_b dl dd.btn2 {
	float:left;
	margin:0 0 0 5px;
}
.src_freebx_b dl dd.tx input {
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	width:290px;
}
.src_freebx_b dl dd.tx2 input {
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	width:220px;
}
.src_freebx_b dl dd.tx3 input {
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	width:140px;
}

.src_freebx_b  p.decar {
	float:right;
	font-size:125%;
	line-height:1.2em;
	padding:10px 0 0 0;
	font-weight:bold;
}
.src_freebx_b  p.decar a {
	background:url(../../images/dec_ar.gif) no-repeat 0 4px;
	padding:0 0 0 25px;
	font-weight:normal;
}

.src_mapbx {
	position:relative;
}
.src_mapbx .mapin {
	position:absolute;
	left:20px;
	top:28px;
	z-index:10;
}
.src_mapbx .mapin h3 {
	font-weight:bold;
	font-size:134%;
	line-height:1.2em;
	margin-bottom:20px;
	padding:0 0 0 30px;
}
.src_mapbx .mapin p {
	margin-bottom:25px;
}
.src_mapbx .mapin ul li {
	float:left;
	height:32px;
	margin:0 2px 0 0;
}
.src_mapbx .mapin ul li a {
	display:block;
	background:#fff;
	height:30px;
}
.src_mapbx .mapin ul li img.over,
.src_mapbx .mapin ul li img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.src_mapbx .popbx {
	position:absolute;
	left:640px;
	top:424px;
	width:210px; 
	border:1px solid #aacbe1;
	background:#fff;
	padding:10px;
	text-align:center;
	display:none;
	z-index:100;
}
.src_mapbx .popbx.tp_a {
	left:640px;
	top:424px;
}
.src_mapbx .popbx.tp_b {
	left:512px;
	top:173px;
}
.src_mapbx .popbx ul {
	padding:5px 0 0 0;
}
.src_mapbx .popbx ul li {
	float:left;
}
.src_mapbx .popbx ul li.rgt {
	float:right;
}

/********************************
説明会場詳細
*********************************/
.src_detbx {
	margin-bottom:20px;
}
.src_detbx .map {
	border:1px solid #aacbe1;
	width:578px;
	float:left;
}
.src_detbx .dtbx {
	float:right;
	width:350px;
}
.src_detbx .dtbx ul.bn {
	margin-bottom:20px;
}
.src_detbx .dtbx ul.bn li {
	float:left;
	height:39px;
}
.src_detbx .dtbx ul.bn li.rgt {
	float:right;
}
.src_detbx .dtbx .qr dl dt {
	float:left;
}
.src_detbx .dtbx .qr dl dt img {
	border:1px solid #ccc;
}
.src_detbx .dtbx .qr dl dd {
	float:right;
	width:240px;
	padding:10px 0 0 0;
}

/********************************
説明会のお申し込み
*********************************/
.fm_bx {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
}
.fm_bx table {
	border-collapse:separate;
	width:100%;
}
.fm_bx table th {
	border-top:1px solid #eee;
	border-bottom:5px solid #fff;
	background:#d4e5f0;
	width:200px;
	font-weight:bold;
	line-height:1.2em;
/*	font-size:134%;*/
	text-align:left;
	vertical-align:top;
}
.fm_bx table.onbx th {
	width:100%;
	border-bottom:0;
}
.fm_bx table th span {
/*	font-size:75%;*/
	color:#5698c4;
}
.fm_bx table th span.fs {
/*	font-size:63%;*/
	color:#333;
	font-weight:normal;
}
.fm_bx table th span.fsb {
/*	font-size:75%;*/
	color:#333;
}
.fm_bx table th div {
	border-top:5px solid #fff;
	padding:13px 5px 11px 10px;
}
.fm_bx table td {
	border-top:1px solid #eee;
	vertical-align:middle;
	padding:10px 0 10px 30px;
/*	font-size:117%;*/
	line-height:1.2em;
	font-weight:bold;
}
.fm_bx table.onbx td {
	border-top:0;
	padding:10px 0 10px 10px;
}
.fm_bx table td select {
	font-weight:normal;
}
.fm_bx table td .inpwd1 {
	width:190px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}
.fm_bx table td .inpwd2 {
	width:40px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}
.fm_bx table td .inpwd3 {
	width:60px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}
.fm_bx table td .inpwd4 {
	width:613px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}
.fm_bx table td .inpwd5 {
	width:320px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}
.fm_bx table td .inpwd6 {
	width:160px;
	height:28px;
	border:1px solid #c5c7c9;
	background:#f6fafc;
	line-height:28px;
	vertical-align:middle;
	font-weight:normal;
}

.fm_bx table td .decar {
	background:url(../../images/dec_ar.gif) no-repeat 0 2px;
	padding:0 0 0 25px;
	font-weight:normal;
/*	font-size:86%;*/
}

/********************************
先輩先生にインタビュー
*********************************/
.int_ltbx .lt {
	border:1px solid #aacbe1;
	padding:0 15px 0 0;
	margin-bottom:20px;
	cursor:pointer;
}
.int_ltbx .lt:hover a {
	color:#e279a3;
	text-decoration:none;
}
.int_ltbx .lt:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.int_ltbx .lt .gra{
	float:left;
}
.int_ltbx .lt .gra img {
	border-right:1px solid #aacbe1;
}
.int_ltbx .lt .cont {
	float:right;
	width:473px;
	padding:15px 0 0 0;
}
.int_ltbx .lt .cont h3 {
	font-size:117%;
	line-height:1.3em;
	margin-bottom:15px;
	font-weight:bold;
}
.int_ltbx .lt .cont p.nm {
	margin-bottom:15px;
}

/********************************
よくあるご質問
*********************************/
.qa_bx .lt {
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	padding-bottom:30px;
}
.qa_bx .lt.lt_bt {
	border-bottom:0;
	margin-bottom:0;
}
.qa_bx .lt h3 {
	margin-bottom:10px;
}
.qa_bx .lt h3.qttl {
	background:url(../../images/qa.png) no-repeat 0 0;
	padding:15px 0 0 60px;
	font-size:160%;
	font-weight:bold;
	color:#5698c4;
	height:35px;
}
.qa_bx .lt .inner {
	background:url(../../images/qa_a_ttl.gif) no-repeat 0 0;
	padding:15px 0 0 60px;
}