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

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

/* 総進Sもぎ　お申込み(個人)
---------------------------------------------*/
body.reserve #content .redBackFrame { /* 最初のページの角丸の枠色ピンク、背景赤色の枠 */
	border: 2px solid #FF7C62;
	background-color: #FF4442;
	padding: 7px 10px;
	width: auto;
	margin: 10px auto;
	color: #FFF;
	border-radius: 17px;        /* CSS3草案 */  
	-webkit-border-radius: 17px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 17px;   /* Firefox用 */  
	overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
	position: relative; /*DWで正常にプレビューできるようになる*/
	zoom:1; /*IE6でレイアウト崩れを防ぐため*/
}
body.reserve ol { /* お申込み最初の画面の番号リスト */
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 0.9em;
}
body.reserve #content #mainWide h3.redFrame { /*  */
	background-image: url(/images/common/h3Red740.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	width: 725px;
	height: 30px;
	padding-top: 8px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.25em;
	color: #FF4442;
	letter-spacing: -2px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 0;
}
body.reserve .attentionOrange { /* お申込み最初のページのオレンジ背景の注意文ブロック */
	margin-bottom: 5px;
}
body.reserve .attentionOrange h5 { /* お申込み最初のページのオレンジ背景の注意文ブロック<h5> */
	font-size: 0.9em;
}
body.reserve .attentionOrange p { /* お申込み最初のページのオレンジ背景の注意文ブロックの文章 */
	font-size: 0.8em;
	line-height: 1.3em;
	margin-left: 1em;
}
body.reserve .attentionOrange p.weightBold { /* お申込み最初のページのオレンジ背景の注意文ブロックの文章(赤字限定) */
	font-size: 0.9em;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 5px;
	line-height: 1.3em;
}
body.reserve table.green select { /* お申込み最初のページのプルダウンは、選択メニューがそれぞれ長文のため、文字を小さくする。 */
	font-size: 0.8em;	
}
body.reserve table.green select#examineDay { /* お申込み最初のページの「受験日」 */
	width: 220px;
}
body.reserve table.green select#examinePlace { /* お申込み最初のページの「受験会場」 */
	width: 250px;
}
body.reserve table.green select#examineNomPupil { /* お申込み最初のページの「受験人数」 */
	width: 200px;
}
body.reserve .attentionYellow p.weightBold { /* お申込み最初のページの黄色背景の注意文ブロックの文章 */
	font-size: 0.9em;
	line-height: 1.3em;
}

body.reserve table.green .inputLine {
	margin-bottom: -5px;
}
body.reserve table.green p.colorRed { /* 受験者の名前を入力するページの例文がある赤字の文章 */
	display: inline-block;
}
body.reserve table.green .pupilInputLine { /* 受験者の名前・回数券番号の入力行 */
	position: relative;
	overflow: hidden;
	zoom: 1;
}
body.reserve table.green .pupilName { /* 受験者の名前　入力欄 */
	margin-right: 10px;
	margin-top: 5px;
	width: 190px;
}
body.reserve table.green .pupilNameWide {
	margin-right: 10px;
	margin-top: 5px;
	width: 240px;
}
body.reserve #content table.green th {
	width: auto;
}
body.reserve #content table.green th.pinkBack, body.reserve #content table.green td.pinkBack {
	background-color: #FFE0DB;
	width: auto;
	text-align: center;
	padding: 7px 0;
}
body.reserve #content table.SMogiOrderConfirm {
	font-size: 0.75em;
}
body.reserve #content table.SMogiOrderConfirm .examinePlace {
	width: 190px;
}

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

body.reserve .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.reserve table.SMogiPriceConfirm .examinationMethod { /* 申込み内容確認が面の支払方法のテキスト */
	display: inline-block;
	font-weight: bold;
	margin-right: 1.2em;
	vertical-align: top;
	width: 130px;
}
body.reserve table.SMogiPriceConfirm .examinationPrice { /* 申込み内容確認が面の支払金額のテキスト */
	display: inline-block;
	font-weight: bold;
	margin-right: 1.2em;
	vertical-align: top;
	font-size: inherit;
	width: 120px;
}
body.reserve #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.reserve #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;
}

/* 総進Sもぎ　お申込み(塾)
---------------------------------------------*/
body.reserve #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.reserve #content #mainWide .orangeFrame label { /* 「塾コード」入力欄のラベル */
	margin-right: 7px;
	font-weight: bold;
	font-size: 0.9em;
}
body.reserve #content #mainWide .orangeFrame input { /* 「塾コード」入力欄のテキストフィールド */
	width: 280px;
}
body.reserve #content #mainWide .orangeFrame p { /* 確認画面での「塾コード」入力欄内 */
	text-align: left;
}

/* 総進Sもぎ　受験日等の変更(塾)
---------------------------------------------*/
body.reserve #content #mainWide #buttonBlock #thisChangeButton { /* この内容で変更するボタン */
	background-image: url(/images/form_button/btn_thisModify.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 202px;
	height: 35px;
	text-indent: -999em;
	display: inline-block;
	border: none;
	margin: auto;
}