@charset "UTF-8";

/*schoolform.css*/
/* =========================================================
.schoolform-page■ main-contents
========================================================= */
.school-form-page .tit-main{
	background:url(/img/school/form/tit_main.gif) no-repeat;
	width:880px;
	height:35px;
	text-indent:-9999px;
}

.school-form-page .tit-maincp{
	background:url(/img/school/form/tit_main_cmp.gif) no-repeat;
	width:880px;
	height:35px;
	text-indent:-9999px;
}

.school-form-page .tit-main02{
	background:url(/img/school/form/tit_main02.gif) no-repeat;
	width:880px;
	height:35px;
	text-indent:-9999px;
}
.school-form-page .inner-block-thin{
	width:666px;
	margin:10px 0 20px 96px;
	height:auto;
}


.school-form-page .inner-block-ankebox {
	width:775px;
	margin:10px 0 20px 30px;
	background-color: #f0f6fb;
	border: #d6e0e9 solid 2px;
	padding: 10px;
	overflow: hidden;
}

.school-form-page .inner-block-ankebox p {
	margin: 10px 0 5px 0;
}

.school-form-page table {
	margin: 0 0 10px 10px;
	width: 750px;
	font-size: 12px;
	vertical-align: middle;
}

.school-form-page td {
	width: 187px;
	font-size: 12px;
}

.school-form-page table input {
	vertical-align: middle;
}

.school-form-page textarea {
	vertical-align: middle;
	width:96%;
	margin-left: 10px;
}

.school-form-page .inner-block-ankebar{
	width:830px;
	margin:10px 0 12px 15px;
}

.school-form-page .txt-form{
	width:500px;
	float:left;
	margin:5px 0 10px 0;
}
.school-form-page .verisign{
	width:130px;
	float:left;
}

.school-form-page .tit-sub01{
	background:url(/img/school/form/tit_sub_select.gif) no-repeat;
	width:826px;
	height:26px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.school-form-page .tit-sub02{
	background:url(/img/school/form/tit_sub_ad.gif) no-repeat;
	width:826px;
	height:26px;
	text-indent:-9999px;
	margin-bottom:5px;
}
.school-form-page .tit-cmp01{
	background:url(/img/school/form/tit_sub_cmpbar1.gif) no-repeat;
	width:826px;
	height:26px;
	text-indent:-9999px;
	margin-bottom:5px;
}


.school-form-page .tit-cmp02{
	background:url(/img/school/form/tit_sub_cmpbar2.gif) no-repeat;
	width:826px;
	height:26px;
	text-indent:-9999px;
	margin-bottom:5px;
}


/* 資料請求リスト　ピンク */
.school-form-page .table-list{
	width:100%;
	border-top:1px solid #fcb7b7;
	border-left:1px solid #fcb7b7;
	font-size:14px;
	border-collapse:collapse;
}

.school-form-page .table-list th,
.school-form-page .table-list td{
	border-collapse:collapse;
	border-right:1px solid #fcb7b7;
	border-bottom:1px solid #fcb7b7;
	padding:3px 10px;
}
.school-form-page .table-list th{
	background:#fadbd9;
}
.school-form-page .table-list td{
	background:#fff;
}
.school-form-page .table-list .th-bland{
	width:85%;
	text-align:left;
}
.school-form-page .table-list .th-delate{
	width:15%;
	margin:0 auto;
	text-align:center;
}
.school-form-page .btn-delate{
	padding:1px 0 0 13px;
	_padding:1px 0 0 7px;
	text-align:center;
	width:64px;
	height:26px;
}
.school-form-page .txt-b{
	font-weight:bold;
	margin-bottom:10px;
}
.school-form-page .txt-thanks{
	font-weight:bold;
	font-size:18px;
	color:#e4251f;
	text-align:center;
	margin-top:20px;
}

.school-form-page .txt-modoru{
	text-align: center;
	font-size:14px;
	font-weight: 700;
	margin-top:30px;
}

.school-form-page .txt{
    clear:both;
}

/* 資料請求リスト　グレー */
.school-form-page .table-list02{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	font-size:12px;
	border-collapse:collapse;
}

.school-form-page .table-list02 th,
.school-form-page .table-list02 td{
	border-collapse:collapse;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 10px;
}

.table-list02 td{
	font-size: 12px;
}


.school-form-page .table-list02 th{
	background:#e1e1e1;
	text-align:center;
}
.table-list02 td{
	background:#fff;
}
.table-list02 .th-bland{
	width:53%;
	text-align:left;
	overflow: hidden;
}

.table-list02 .td-check{
	width:6%;
	text-align:center;
	overflow: hidden;
}

.table-list02 .td-tai1{
	width:22%;
	text-align:center;
	overflow: hidden;
}

.table-list02 .td-tai2{
	width:19%;
	text-align:center;
	overflow: hidden;
}

/* 資料請求リスト再選択*/
.school-form-page .table-list-re{
	width:100%;
	border-top:1px solid #fcb7b7;
	border-left:1px solid #fcb7b7;
	font-size:12px;
	border-collapse:collapse;
}

.school-form-page .table-list-re th,
.school-form-page .table-list-re td{
	border-collapse:collapse;
	border-right:1px solid #fcb7b7;
	border-bottom:1px solid #fcb7b7;
	padding:3px 10px;
}
.school-form-page .table-list-re th{
	background:#fadbd9;
}
.school-form-page .table-list-re td{
	background:#fff;
}
.school-form-page .table-list-re .th-bland{
	width:70%;
	text-align:left;
}

.school-form-page .table-list-re .th-tel{
	width:30%;
	margin:0 auto;
	text-align:center;
}
.school-form-page .td-tel{
	text-align:center;
}
/* btn-select */
.school-form-page .box-select{
	/*height:37px;
	width:860px;*/
	padding-bottom:20px;
	clear:both;
	float: left;
}
.school-form-page .btn-select,
.school-form-page .btn-select a{
	margin:20px 0 0 317px;
	width:226px;
	height:51px;
	overflow:hidden;
}
.school-form-page .btn-revise{
	margin:10px 0 0 172px;
	width:226px;
	height:51px;
}
.school-form-page .btn-ask{
	margin:10px 0 0 50px;
	width:226px;
	height:51px;
}

.box-selectcmpbtn {
	padding-bottom: 20px;
	padding-top: 20px;
	margin: 0px 0 0 200px;
	clear: both;
}


.box-selectcmpbtn span img{
	padding: 0 0 0 10px;
	vertical-align: top;
}

 .btn-selectcmp, .btn-selecttcmp a{
	margin:20px 0 0 317px;
	width:200px;
	height:65px;
}

 .btn-sousincmp, .btn-sousincmp a{
	margin:0px 0 0 50px;
	width:200px;
	height:65px;
}

/* btn-ankemsousin */
.btn-ankesousin a{
	margin:10px 0 0 317px;
	width:226px;
	height:51px;
	background:url(/img/school/form/btn_ankesousin_off.gif) no-repeat;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
}
.btn-ankesousin a:hover{
	background:url(/img/school/form/btn_ankesousin_on.gif) no-repeat;
	overflow:hidden;
}

/* btn-top */
.school-form-page .btn-top a{
	margin:10px 0 0 317px;
	width:297px;
	height:37px;
	background:url(/img/school/form/btn_top_off.gif) no-repeat;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
}
.school-form-page .btn-top a:hover{
	background:url(/img/school/form/btn_top_on.gif) no-repeat;
	overflow:hidden;
}
/* btn-form */
.school-form-page .btn-form a{
	margin:10px 0 0 317px;
	width:226px;
	height:51px;
	background:url(/img/school/form/btn_form_off.gif) no-repeat;
	text-indent:-9999px;
	display: block;
	overflow:hidden;
}
.school-form-page .btn-form a:hover{
	background:url(/img/school/form/btn_form_on.gif) no-repeat;
	overflow:hidden;
}

.school-form-page .flow{
	width:602px;
	height:44px;
	text-align:center;
	margin:10px auto 20px;
}
.school-form-page .bunner{
	text-align:center;
	margin-top:20px;
}
/* table */

.school-form-page .table-cmpform {
	width:100%;
}

.school-form-page .table-cmpform th{
	background:#e2eff8;
	padding:5px 10px;
	width:25%;
	text-align:left;
}
.school-form-page .table-cmpform td{
	padding:5px 10px;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	width:72%;
}

.school-form-page .table-form{
	width:100%;
	margin-bottom:10px;
	margin-left:0;
}

.school-form-page .table-form th{
	background:#f2f2f2;
	padding:5px 10px;
	width:25%;
	text-align:left;
}
.school-form-page .table-form td{
	padding:5px 10px;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	width:75%;
}
.school-form-page .area-form{
	width:100%;
	color : #333;
}
.step2tx {
	margin: 5px 0 0 20px;
}

.school-form-page .area-form .kome{
	color:#e32d27;
	font-weight:normal;
	font-family:"A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro L";
	left:220px;
}

.school-form-page .area-form .kome-era{
	color:#e32d27;
	font-weight:normal;
	font-family:"A-OTF 新ゴ Pro M", "A-OTF 新ゴ Pro L";
	background: url(../img/school/form/chui-blt.gif) no-repeat;
	width: 14px;
	left:220px;
	position:absolute;
	text-indent:-9999px;
}
.school-form-page .area-form .red{
	color:#e32d27;
}

.school-form-page .area-form .blue{
	color:#1229a9;
	padding: 0 0 0 3px;
}
.short{
	width:100px;
	/*height:20px;*/
}
.middle{
	width:200px;
	/*height:20px;*/
}

.middle-cp{
	width: 100px;
	/*height:20px;*/
}

.long{
	/*width:400px;*/
	width:96%;
	/*height:20px;*/
}
.border-g{
	border:1px solid #ccc;
padding:3px 3px;
}

.border-era{
	/*border:1px solid #ccc;
	background-color: #ffebeb;*/
}
.border-era-textarea{
	background-color: #ffebeb;
}
.text-area{
	border:1px solid #ccc;
	width:400px;
padding:3px 3px;
}

.text-areastep2{
	border:1px solid #ccc;
	width:630px;
}



.school-form-page .box-pp{
	margin:20px auto;
	border:1px solid #e2241e;
	width:400px;
	height:45px;
	padding:10px;
	text-align:center;
	line-height:180%;
	clear:both;
}

.school-form-page .box-pp a{
	color:#e2241e;
	font-weight:bold;
	font-size:14px;
}

/* 個人情報 */
.school-form-page form{
	clear:both;
	/*width:826px;*/
}
.school-form-page .form-komoku{
	font-weight:bold;
	background:url(/img/icon_red.gif) 0 5px no-repeat;
	padding:0 0 0 8px;
}
.school-form-page .text-area-middle{
	width:826px;
	border:1px solid #ccc;
	line-height:140%;
	float:left;
	margin: 0 0 10px 0;
}

div.doui {
	clear:both;
	text-align:center;
	border: #CCCCCC solid 1px;
	height: 22px;
	line-height: 22px;
	background-color: #ffeae9;
	font-weight: 700;
}

div.doui input { vertical-align: middle;}


div.doui span.redtx {
	color: #FF0000;
	font-weight: 700;
}


/* 資料請求フォーム変更 */
.inq-form{
}
.inq-form-table{
width: 100% !important;
color: #333;
margin: 0 !important;
}
.inq-form-table td{
width:75% !important;
padding: 5px 10px;
border-bottom: 1px dotted #ccc;
font-size: 14px;
}
.inq-form-table th{
width:25%;
padding: 5px 10px;
background: #F2F2F2;
text-align: left;
}
.inq-form-req{
padding:0 0 0 5px;
color: #E32D27;
font-size: 10px;
}
.inq-form-err{
padding:1px 0 1px 17px;
color: #D70000;
font-weight: bold;
background: url(/img/school/form/chui-blt.gif) no-repeat left center;
font-size: 12px;
}
.inq-form-exp{
padding:2px 0 0;
font-size: 12px;
}
.inq-form-expb{
padding:2px 0 0;
font-size: 12px;
font-weight: bold;
}
tr.inq-form-errbg th,
tr.inq-form-errbg td{
background: #FFF3E3;
}
.inq-form-table input,
.inq-form-table textarea{
border:1px solid #aaa;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:3px 3px;
background:#fff url(/img/bg_002.gif) no-repeat left top;

color: #000;
font-size:14px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.inq-form-table select{
border:1px solid #aaa;
padding:1px 1px;

color: #000;
font-size:14px;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, clean, sans-serif;
}
.inq-form-table .inq-form-bnone{
border:none;
padding:0;
background:none;
}


.inq-form-bt{
margin:20px 0 50px;
text-align: center;
}
.inq-form-mark{
border: 1px solid #CCCCCC;
margin: 0 0 0 190px;
padding: 10px 20px;
width: 405px;
}
.inq-form-mark ul{
list-style: none;
}
.inq-form-mark li{
float: left;
}
.inq-form-mark .inq-form-mark-p{
padding:0 50px 0 0;
width: 230px;
font-size: 10px;
line-height: 130%;
}
.inq-form-mark .inq-form-mark-p dt{
padding:0 5px 0 0;
text-align:center;
float: left;
}
.inq-form-mark .inq-form-mark-p dd{
padding: 15px 0 0;
}
.inq-form-mark .inq-form-mark-s{
padding: 5px 0 0;
}
.inq-form-mark .inq-form-mark-s img{
}

/* 上に置くver */
.inq-form-mark2{
border: 1px solid #CCCCCC;
margin: 0 0 30px 190px;
padding: 10px 20px;
width: 405px;
}
.inq-form-mark2 ul{
list-style: none;
}
.inq-form-mark2 li{
float: left;
}
.inq-form-mark2 .inq-form-mark-p{
padding:0 50px 0 0;
width: 230px;
font-size: 10px;
line-height: 130%;
}
.inq-form-mark2 .inq-form-mark-p dt{
padding:0 5px 0 0;
text-align:center;
float: left;
}
.inq-form-mark2 .inq-form-mark-p dd{
padding: 15px 0 0;
}
.inq-form-mark2 .inq-form-mark-s{
padding: 5px 0 0;
}
.inq-form-mark2 .inq-form-mark-s img{
}

/* --------------------------------
 clearfix
-------------------------------- */
.inq-form-mark ul:after,
.inq-form-mark2 ul:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .inq-form-mark ul,
* html .inq-form-mark2 ul {
	zoom: 1;/* IE6 */
}
*:first-child+html .inq-form-mark ul,
*:first-child+html .inq-form-mark2 ul{
	zoom: 1;/* IE7 */
}