@charset "utf-8";
/* CSS Document */

body.order img#flow { /* 各種お申込み画面の「お申し込みの流れ図」 */
	margin-bottom: 15px;
	margin-top: 10px;
}
body.order #content table { /* 各種お申込み画面のテーブル外枠は太め。 */
	border-width: 2px;
	width: 99%;
}
body.order #buttonBlock {
	text-align: center;
}
body.order #content #mainWide #buttonBlock #backButton { /*  */
	margin-right: 10px;
	float: none;
	display: inline-block;
	margin-left: 0;
	background-color: #FFF;
}
*+html body.order #content #mainWide #buttonBlock #nextButton { /* IE7で「次へ」ボタンが表示されないため、ブロック化。 */
	margin-left: 0px;
}
*+html body.order #content #mainWide #buttonBlock #backButton { /* IE7で「戻る」ボタンが表示されないため、ブロック化。 */
	display: block;
	float: left;
	margin-left: 230px;
}
body.order .examinationMethod {
	display: block;
}

/* 総進Sもぎ　お申込み(個人)
---------------------------------------------*/
body.order .buttonArea { /* 申し込み個人ページの各ボタンが入るブロック */
	position: relative;
	overflow: hidden;
	zoom: 1;
	width: 720px;
	margin-left: -5px;
}
body.order .buttonArea #orderAloneOnceButton { /* 「1人で1回申込」ボタン 2014.4.21 doikun修正*/
	background-image: url(/images/order/personal/btn_orderSMogiAloneOnce.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 234px;
	height: 73px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
}
body.order .buttonArea #orderAloneTwiceButton { /* 「1人で2回申込」ボタン 2014.4.21 doikun追記*/
	background-image: url(/images/order/personal/btn_orderSMogiAloneTwice.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 234px;
	height: 73px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
}
body.order .buttonArea #orderTwoOnceButton { /* 「2人で1回申込」ボタン 2014.4.21 doikun追記*/
	background-image: url(/images/order/personal/btn_orderSMogiTwoOnce.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 234px;
	height: 73px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
}
body.order .buttonArea #orderAloneMultiButton { /* 「1人で3回以上申し込む」ボタン */
	background-image: url(/images/order/personal/btn_orderSMogiAloneMulti.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 350px;
	height: 63px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
	padding: 0;
}
body.order .buttonArea #orderCouponSettled { /* 「受験日が決まっている方」ボタン 2014.4.21 doikun追記*/
	background-image: url(/images/order/personal/btn_orderSMogiSettled.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 349px;
	height: 73px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
}
body.order .buttonArea #orderCouponUnsettled { /* 「受験日が決まっていない方」ボタン 2014.4.21 doikun追記*/
	background-image: url(/images/order/personal/btn_orderSMogiUnsettled.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 4px;
	width: 349px;
	height: 73px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
}

body.order .buttonArea #orderMultiOnceButton { /* 「3人以上で1回以上申し込む」ボタン */
	background-image: url(/images/order/personal/btn_orderSMogiMultiOnce.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 350px;
	height: 63px;
	display: block;
	border: none;
	text-indent: -999em;
	float: left;
	margin-left: 0;
	padding: 0;
}
body.order .buttonArea #orderTicketButton { /* 「回数券を申し込む」ボタン */
	background-image: url(/images/order/personal/btn_orderSMogiTicket.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 350px;
	height: 63px;
	display: block;
	border: none;
	text-indent: -999em;
}
body.order ol { /* お申込み最初の画面の番号リスト */
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.1em;
}
body.order .attentionOrange { /* お申込み最初のページのオレンジ背景の注意文ブロック */
	margin-bottom: 5px;
}
body.order .attentionOrange h5 { /* お申込み最初のページのオレンジ背景の注意文ブロック<h5> */
	font-size: 0.9em;
}
body.order .attentionOrange p { /* お申込み最初のページのオレンジ背景の注意文ブロックの文章 */
	font-size: 0.8em;
	line-height: 1.3em;
	margin-left: 1em;
}
body.order .attentionOrange p.weightBold { /* お申込み最初のページのオレンジ背景の注意文ブロックの文章(赤字限定) */
	font-size: 0.9em;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
	line-height: 1.3em;
}
body.order table.green select { /* お申込み最初のページのプルダウンは、選択メニューがそれぞれ長文のため、文字を小さくする。 */
	font-size: 0.8em;	
}
body.order table.green select#examineDay { /* お申込み最初のページの「受験日」 */
	width: 220px;
}
body.order table.green select#examinePlace { /* お申込み最初のページの「受験会場」 */
	width: 250px;
}
body.order table.green select#examineNomPupil { /* お申込み最初のページの「受験人数」 */
	width: 200px;
}
body.order .attentionYellow p.weightBold { /* お申込み最初のページの黄色背景の注意文ブロックの文章 */
	font-size: 0.9em;
	line-height: 1.3em;
}

body.order table.green .inputLine {
	margin-bottom: -5px;
}
body.order table.green p.colorRed { /* 受験者の名前を入力するページの例文がある赤字の文章 */
	display: inline-block;
}
body.order table.green .pupilName { /* 受験者の名前　入力欄 */
	margin-right: 10px;
	margin-top: 5px;
	width: 190px;
}
body.order table.green select#pref, body.order table.green select#mobile { /* 購入者情報入力ページなどの都道府県等の選択は、文字の大きさ普通。 */
	font-size: inherit;
}
body.order #content table.green th {
	width: auto;
}
body.order #content table.green th.pinkBack, body.order #content table.green td.pinkBack {
	background-color: #FFE0DB;
	width: auto;
	text-align: center;
	padding: 7px 0;
}
body.order #content table.SMogiOrderConfirm {
	font-size: 0.75em;
}
body.reserve #content table.SMogiReserveConfirm {
	line-height: 1.4em;
	font-size: 0.75em;
}
body.order #content table.SMogiOrderConfirm .examinePlace {
	width: 190px;
}

body.order table.grayish .examinationPrice { /* 支払方法の確認ページの合計金額表示部分 */
	display: inline-block;
	margin-right: 1.2em;
	width: 150px;
	font-weight: bold;
	font-size: 1.2em;
	vertical-align: top;
}
body.order table.grayish .examinationDays { /* 支払方法の確認ページの受験日表示部分 */
	display: inline-block;
	width: auto;
}
body.order table .inputLine { /* フォーム内で右に余白があっても、改行したい場合に使用する */
	overflow: hidden;
	position: relative;
	zoom: 1;
}
body.order table.grayish .inputLine input { /* 支払方法の確認ページの「クレジットカード」「代金引換」選択などのラジオボタン */
	display: inline-block;
	float: left; 
	margin-top: 5px;
}
body.order table.grayish .inputLine label { /* 支払方法の確認ページの「クレジットカード」「代金引換」選択などのラベル */
	display: inline-block;
	margin-right: 20px;
	margin-left: 3px;
	font-weight: bold;
	float: left;
}
body.order table.green .pupilList { /* 支払方法の確認ページの受験者氏名表示部分 */
	display: inline-block;
	margin-right: 2.5em;
}
body.order table.grayish .selectDeliTime .inputLine label { /* 代金引換情報の入力ページの時間指定ブロックなどのラベル */
	display: inline-block;
	margin-right: 25px;
	margin-left: 3px;
	font-weight: bold;
	float: left;
	width: 8em;
}
body.order table.grayish .inputLine select { /* 代金引換情報の入力ページのご希望のお届け日ブロックのプルダウンメニュー */
	display: inline-block;
	float: left;
}

body.order .SMogiChangeBlock #SMogiChangeButton {
		color: #FFF;
		background-color: #F33;
		border: double 3px #FFF;
		display: block;
		margin-top: 2px;
		padding: 3px 5px;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */
}
body.order table.SMogiPriceConfirm .examinationMethod { /* 申込み内容確認が面の支払方法のテキスト */
	display: block;
	font-weight: bold;
	margin-right: 1.2em;
}
body.order table.SMogiPriceConfirm .examinationPrice { /* 申込み内容確認が面の支払金額のテキスト */
	display: block;
	font-weight: bold;
	margin-right: 1.2em;
	vertical-align: top;
	font-size: inherit;
	margin-left: 1em;
}
body.order #content #mainWide #buttonBlock #confirmButton { /* 確認ボタン */
	background-image: url(/images/form_button/btn_confRed.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 146px;
	height: 35px;
	text-indent: -999em;
	display: inline-block;
	border: none;
	margin: auto;
}
body.order #content #mainWide #buttonBlock #confirmOrderButton { /* 「この内容で注文する」ボタン 2014.4.23 doikun追記 */
	background-image: url(/images/form_button/btn_order.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 201px;
	height: 39px;
	text-indent: -999em;
	display: inline-block;
	border: none;
	margin: auto;
}
body.order #content #mainWide #buttonBlock #reserveCompButton { /* お申込みを確定するボタン */
	background-image: url(/images/form_button/btn_reserveComp.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 200px;
	height: 35px;
	text-indent: -999em;
	display: inline-block;
	border: none;
	margin: auto;
}
body.order #content #completeFrame #compBlock #orderNomBlock {
	background-image: url(/images/common/backOrderNom.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 280px;
	height: 36px;
	margin: auto;
	padding-left: 20px;
	padding-top: 10px;
	text-align: left;
}
body.order #content #mainWide #examinationNotes1 { /* 注意事項のテキスト1（上）2014.4.20 doikun追記*/
	background-color: #FF2600;
	margin-bottom: 13px; 
	padding: 8px 8px 8px 15px;
	width: 711px;
}

/* 総進テスト　お申込み(塾)
---------------------------------------------*/
body.order #content #mainWide #buttonBlock #spcial { /* 【お申込みを続ける】【戻る】【お申込み内容確認】ボタンは、２行組み。 */
	width: 300px;
	margin: auto;}
body.order #buttonBlock #continueReserveButton { /* お申込みを続けるボタン */
	background-image: url(/images/form_button/btn_continueReserve.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 292px;
	height: 56px;
	text-indent: -999em;
	border: none;
	margin-bottom: 10px;
}
body.order #content #mainWide #buttonBlock #spcial #backButton { /* 【戻る】ボタンは、２行目。 */
	margin-right: 0;
	margin-left: 1px;
}
body.order #content #mainWide #buttonBlock #spcial #confirmButton { /* 【お申込み内容確認】ボタンは、２行目。 */
	background-image: url(/images/form_button/btn_reserveConf.png);
	width: 180px;
}
body.order #buttonBlock #printoutButton { /* プリントアウトボタン */
	background-image: url(/images/common/btnPrintOut.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 144px;
	height: 35px;
	text-indent: -999em;
	border: none;
	display: block;
	position: absolute;
	top: 0;
	right: 8px;
}
body.order #content #mainWide .orangeFrame {/* 新年度塾生新規登録にある、「塾コード」入力枠（オレンジ背景のグレー線、角丸） */
	border: 3px solid #BFBFBF;
	background-color: #FEDDBC;
	text-align: center;
	width: 520px;
	padding: 10px 20px;
	margin-top: 15px;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */ 
}
body.order #content #mainWide .orangeFrame label { /* 「塾コード」入力欄のラベル */
	margin-right: 7px;
	font-weight: bold;
	font-size: 0.9em;
}
body.order #content #mainWide .orangeFrame input { /* 「塾コード」入力欄のテキストフィールド */
	width: 280px;
}
body.order #content #mainWide .orangeFrame p { /* 確認画面での「塾コード」入力欄内 */
	text-align: left;
}
body.order #content #mainWide .fieldBlock {
	float: left;
}
body.order #content table.soshinTestOrderConfirm td.reserveDetail { /* 申し込み内容が入るtdは中にtableを入れるため、paddingを0にする。 */
	padding: 0;
	border-bottom: none;
}
body.order #content table.soshinTestOrderConfirm td.reserveDetail table { /* 申し込み内容が入るtdは中にtableの幅は、100%に。 */
	width: 100%;
	margin-bottom: 0;
}
body.order #content table.soshinTestOrderConfirm td.reserveDetail td { /* １学年内で複数回数(月)の申込みをした場合には、ボーダーが必要。 */
	border-bottom: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	padding: 7px;
}
body.order #content table.soshinTestOrderConfirm td td.orderDelete { /* １学年内で複数回数(月)の申込みをした場合には、ボーダーが必要。 */
	border-right: none;
}


/* Sもぎチケット　申込み
---------------------------------------------*/
body.order #content .NotEnterable50 { /* ログイン状態のときは、購入者情報欄が入力できないようにする。 */
	width: 50px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	display: inline-block;
}
body.order #content .NotEnterable100 { /* ログイン状態のときは、購入者情報欄が入力できないようにする。 */
	width: 100px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	display: inline-block;
}
body.order #content .NotEnterable170 { /* ログイン状態のときは、購入者情報欄が入力できないようにする。 */
	width: 170px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	display: inline-block;
}
body.order #content .NotEnterable350 { /* ログイン状態のときは、購入者情報欄が入力できないようにする。 */
	width: 350px;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	display: inline-block;
}
body.order #content table.grayish{ width: 100%;}
.borderBox{ border: 1px solid #ff0000;
	padding: 10px 12px;
	margin: 10px 0 30px;
}
body.order #content table.green th{ background-color: #bee6c8;}