/**
 * @version $Id: layout.css 817 2013-04-26 07:57:55Z j.kitagoshi $
 */
@charset "utf-8";

/************/
/*   共通   */
/************/
body {
	color: #666666;
	font-size: 13px;
	text-align:center;
	}
body #contents {
	width: 700px;
	margin: 0 auto;
	text-align:left;
}

span.red {
	color: #ff0000;
	}

body #p {
	font-size: 11px;
}
/* header */
#header {
	text-align:left;
	margin-bottom: 65px;
	_margin-bottom: 10px;		/* for IE6 */
	width: 100%;
	_width: 700px;				/* for IE6 */
	height: 85px;
	background: url('../images/bg_header.jpg') repeat-x;
	border-bottom: solid #eeeee 1px;
	_border: none;				/* for IE6 */
	}
	#header h1
	, #header h2 {
		width: 700px;
		height: 55px;
		margin: 0 auto;
		font-size: 18px;
		}
	#header h1 img {
                display: inline-block;
                width: auto;
                height: 100%;
		margin: 0;
		}
        #header h1 span { font-size: 0.7rem; color: #333; font-weight: normal; position: relative; top: -20px;}
	#header h2 {
		margin: 4px auto;
		background: #029CE3;
		height: 30px;
		text-indent: 25px;
		line-height: 30px;
		color: white;
		}
	#faq {
		display: block;
		width: 700px;
		margin: 0 auto;
		text-align: right;
		}
	#input_pdf {
		display: block;
		width: 700px;
		margin: 0 auto;
		text-align: right;
		}

/* footer */
#footer {
	width: 100%;
	_width: 700px;				/* for IE6 */
	height: 47px;
	background-color: #666666;
	font-size: 12px;
	color: white;
	}
	#footer p {
		display: block;
		width: 700px;
		margin: 0 auto;
		line-height: 47px;
		text-align: center;
		}

/* contents */
#contents #wrapper {
	margin: 0 auto 10px;
	width: 700px;
	}

/* contents */
#contents #wrapper #margin {
	margin: 0 auto 10px;
	_margin: 0 110px;
	width: 700px;
	}

/* 見出し */
h3.title {
	background-image: url('../images/title.jpg');
	width: 100%;
	height: 32px;
	margin: 20px 0;
	line-height: 32px;
	text-indent: 10px;
	font-size: 15px;
	}
h3.sub_title {
	background: url('../images/line_blue.jpg') no-repeat 3px 8px;
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px;
	text-indent: 15px;
	font-size: 13px;
	font-weight: normal;
	border-bottom: dotted #CCC 1px;
	}

h3.sub_title_sub {
	background: url('../images/line_blue.jpg') no-repeat 13px 8px;
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px;
	text-indent: 25px;
	font-size: 13px;
	font-weight: normal;
	border-bottom: dotted #CCC 1px;
	}

h3.sub_title_dantai {
	background: url('../images/line_blue.jpg') no-repeat 3px 8px;
	height: 30px;
	margin-bottom: 10px;
	line-height: 30px;
	text-indent: 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted #CCC 1px;
	}

.big_title {
	font-size: 15px !important;
	}
.danraku {
	text-indent: 2em;
}

.danraku2 {
	text-indent: 3em;
}
/* テーブル */
table {
	margin: 15px 25px 20px;
	word-break: break-all;
	}
	table tr {
		line-height: 18px;
		}
	table tr td.space {
		padding-bottom: 20px;
		}

table.table_style {
	width: 650px;
	margin: 15px auto 20px;
	_margin: 15px 25px 20px;	/* for IE6 */
	}
	table.table_style tr {
		width: 33%;
		height: 35px;
		line-height: 35px;
		text-align: center;
		}
	table.table_style tr td {
		margin: 1px;
		border: solid #eeeeee 1px;
		}
	table.table_style tr.title td
	, table.table_style td.title {
		background: #eeeeee;
		border: solid #ffffff 1px;
		border-top: solid #eeeeee 1px;
		border-left: solid #eeeeee 1px;
		font-weight: bold;
		}

	table.table_style tr.title_juken td
	, table.table_style td.title_juken {
		background: #eeeeee;
		border: solid #ffffff 1px;
		border-top: solid #eeeeee 1px;
		border-left: solid #eeeeee 1px;
		font-weight: bold;
		}

table.table_style.my {
	}
	table.table_style.my tr {
		width: 33%;
		height: 35px;
		line-height: 20px;
		text-align: center;
		}
	table.table_style.my td.head {
		background: #029CE3;
		color:white;
		margin: 1px;
		border: solid #eeeeee 1px;
		border-top: solid #eeeeee 1px;
		border-left: solid #eeeeee 1px;
		font-weight: bold;
		vertical-align:middle;
		text-align: center;
		}
	table.table_style.my td.left {
		margin: 1px;
		border: solid #eeeeee 1px;
		vertical-align:middle;
		text-align: left;
		}
	table.table_style.my td.center {
		margin: 1px;
		border: solid #eeeeee 1px;
		vertical-align:middle;
		text-align: center;
		}


/* ボタン */
.button {
	background: #029CE3;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	border: outset #ffffff 2px;
	}
	.button.deny {
		background: #999999;
		}
button, input.button, a.button {
	cursor:pointer;
	}

.button_long {
	background: #029CE3;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 200px;
	color: #ffffff;
	border: outset #ffffff 2px;
	}
	.button_long.deny {
		background: #999999;
		}


/* ナビゲーション */
#navi {
	width: 650px;
	height: 50px;
	margin: 0 25px 20px;
	list-style: none;
	}
	#navi li {
		background: url('../images/list_gray.jpg') no-repeat;
		width: 130px;
		height: 50px;
		line-height: 50px;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		float: left;
		}
		#navi li span.num {
			display: block;
			width: 28px;
			line-height: 50px;
			font-size: 20px;
			text-indent: 10px;
			float: left;
			}
		#navi li span.two_line {
			line-height: 15px;
			margin: 11px 0;
			display: block;
			}
	#navi li.here {
		background: url('../images/list_blue.jpg') no-repeat;
		}

/* 【法人】ナビゲーション */
#navi.company {
	width: 650px;
	margin: 0 27px 20px;
	}

/* 【団体会場】ナビゲーション */
#navi.subhall {
	width: 650px;
	margin: 0 27px 20px;
	}
/* 【団体会場受験申込】ナビゲーション */
#navi.companysubhall {
	width: 650px;
	margin: 0 27px 20px;
	}

/* 【IBT】ナビゲーション */
#navi.ibt {
	width: 650px;
	margin: 0 27px 20px;
	}
/* 【IBT受験申込】ナビゲーション */
#navi.companyibt {
	width: 650px;
	margin: 0 27px 20px;
	}

/* ボタン群 */
table.button_wrapper {
	margin: 10px auto;
	_margin: 0 230px;			/* for IE6 */
	}
	table.button_wrapper td {
		padding: 0 5px;
		}

/* ボタン群 */
table.button_wrapper2 {
	margin: 10px auto;
	_margin: 0 400px;			/* for IE6 */
	}
	table.button_wrapper td {
		padding: 0 5px;
		}

/* ボタン群 */
table.company_finish {
	margin: 10px auto;
	_margin: 0 309px;			/* for IE6 */
	}
	table.button_wrapper td {
		padding: 0 5px;
		}


/* エラー文言エリア */
.errorMessageArea{
	width: 100%;
	margin: 0 auto;
	color: #ff0000;
}

/* エラー文言 */
.errorMessage{
	color: #ff0000;
	font-weight: bold;
	font-size: 100%;
}

/* フォーム部品のIME */
.activeIME{
	ime-mode: active;
}
.inactiveIME{
	ime-mode: inactive;
}


/***************/
/* 受験申請TOP */
/***************/

/* 重要 */
#important td {
	text-align: left;
	color: #ff0000;
	font-weight: bold
	}
	#important td.title {
		font-size: 180%;
		line-height: 25px;
		}
	#important td.description {
		font-size: 100%;
		}

#important hr {
	border-color: red;
	border-width: 2;
	width: 670px;
}

/* 手数料 */
#due {
	margin: 15px 0 15px 15px;
	font-size: 15px;
	font-weight: bold;
}

/* お支払方法 */
table.table_style.payment tr td {
	text-align: left;
	vertical-align: middle;
	line-height: 18px;
	font-weight: bold;
	}
table.table_style.payment tr.title td {
	text-align: center;
	font-weight: bold;
	}
table.table_style.payment td.sub_title {
	font-weight: bold;
	text-align: center;
	}
table.table_style.payment td.images {
	height: 120px;
	text-align: center;
	}

table.table_style.payment td.images img.card {
	height: 31px;
	text-align: center;
	}

/* ボタン群 */
table.table_style.horizontal {
	border: solid #eeeeee 5px;
	}
table.table_style.horizontal td {
	border: none;
	line-height: 20px;
	vertical-align: top;
	}
	table.table_style.horizontal td.description {
		line-height: 18px;
		padding: 0 0 15px;
		}
	table.table_style.horizontal td.button_cell {
		*line-height: 40px;		/* for IE7 and below */
		_line-height: 40px;		/* for IE6 */
		}

table.table_style.horizontal table {
	margin: 15px auto;
	}
table.table_style.horizontal table td {
	border: none;
	}
table.table_style.horizontal td.line {
	text-align: center;
	vertical-align: middle;
	}

/********************/
/* 受験申請注意事項 */
/********************/

/* 支払期限 */
#prompt {
	font-size: 18px;
	font-weight: bold;
	color: red;
	}

/* 注意事項 */
table td.num {
	width: 25px;
	font-weight: bold;
	}

/********************/
/* 個人情報取得同意 */
/********************/
.privacybox {
	margin: 20px 25px 20px;
	width: 650px;
	}
	.privacybox ol {
		margin: 0 0 10px;
		padding: 20px;
		list-style: none;
		height: 100px;
		border: solid #999 4px;
		overflow: auto;
		}
	.privacybox .privacy-title {
		display: block;
		margin: 5px 0;
		font-weight: bold;
		}
	.privacybox p input {
		margin: -4px 10px 0;
		}
	.privacybox.tall {
		margin: 20px 25px 45px;
		}
	.privacybox.tall ol {
		height: 125px;
		}

table.privacy {
	margin-bottom: 30px;
	_margin-left: 215px;		/* for IE6 */
	}
table.privacy td {
	padding: 0 10px;
	}
	table.privacy .button {
		display: block;
		width: 100px;
		_width: 120px;			/* for IE6 */
		text-align: center;
		}

/**********************/
/* 受験申請入力・確認 */
/**********************/
table.table_style.edit td
, table.table_style.edit td table td
, table.table_style.confirm td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 25px;
	}
table.table_style.edit td.title
, table.table_style.confirm td.title {
	width: 200px;
	}
	table.table_style.edit span.caution
	, table.table_style.edit span.example {
		display: block;
		font-size: 11px;
		line-height: 18px;
		}

table.table_style.edit.grade td.title {
	width: 100px;
	}

table.table_style.edit.grade td.title_juken {
	width: 50px;
	}

table.table_style.edit.grade table {
	margin: 10px;
	}
table.table_style.edit.grade table td {
	width: 50%;
	font-size: 11px;
	line-height: 18px;
	}
	table.table_style.edit.grade input.text {
		width: 130px;
		margin: 5px 0;
		}
	table.table_style.edit.grade span.example {
		display: block;
		font-size: 11px;
		line-height: 18px;
		text-align: right;
		}

span.required {
	font-size: 12px;
	font-weight: normal;
	color: #ff0000;
	}

/* 【法人】 */
table.table_style.edit.grade tr.title td {
	width: 50%;
	}
table.table_style.edit.grade_company td.right {
	width: 20%;
	text-align: right;
	}


/****************************/
/* 入力・確認(項目長調整用) */
/****************************/
table.table_style.edit_long td
, table.table_style.edit_long td table td
, table.table_style.confirm td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	line-height: 25px;
	}
table.table_style.edit_long td.title
, table.table_style.confirm td.title {
	width: 250px;
	}
	table.table_style.edit_long span.caution
	, table.table_style.edit_long span.example {
		display: block;
		font-size: 11px;
		line-height: 18px;
		}

table.table_style.edit_long.grade td.title {
	width: 100px;
	}
table.table_style.edit_long.grade table {
	margin: 10px;
	}
table.table_style.edit_long.grade table td {
	width: 50%;
	font-size: 11px;
	line-height: 18px;
	}
	table.table_style.edit_long.grade input.text {
		width: 130px;
		margin: 5px 0;
		}
	table.table_style.edit_long.grade span.example {
		display: block;
		font-size: 11px;
		line-height: 18px;
		text-align: right;
		}

/****************/
/* 受験申請完了 */
/****************/

/* お客様番号 */
table #customer_num
, table #customer_num table {
	margin: 5px 0;
	font-size: 20px;
	font-weight: bold;
	color: #ff0000;
	}
table #customer_num table {
	font-size: 18px;
	color: #ff0000;
	}
	table #customer_num table td {
		padding: 5px 10px;
		border: solid red 3px;
		font-size: 34px;
		}

p.centering {
	desplay: block;
	width: 100%;
	text-align: center;
	}

/*******/
/* FAQ */
/*******/

/* 質問一覧 */
table.questions tr td {
	padding: 5px 0;
	}
table.questions tr td.q_num {
	text-align: right;
	padding: 0 5px 0 0;
	}

/* 回答一覧 */
table.questions.faq {
	width: 680px;
	margin: 15px 10px 20px;
	}
table.questions.faq tr.answer td {
	padding: 0 0 20px 15px;

	padding: 0 0 20px 5px\9; /* IE8 and below */
	*padding: 0 0 20px 5px; /* IE7 and below */
	_padding: 0 0 20px 5px; /* IE6 */
}

table.questions.faq tr.answer td:not(:target) {
	padding: 0 3px 20px 5px\9; /* IE9 */
	}

/* 横線 */
hr.separator {
	border-top: dotted #029CE3 4px;
	margin: 30px 10px;
	}

/****************/
/* エラーページ */
/****************/
#unapplicatable {
	text-align: center;
	}
	#unapplicatable h3 {
		margin: 15px 0 30px;
		font-size: 18px;
		color: red;
		}
	#unapplicatable a.button {
		margin: 10px auto 20px;
		display: block;
		width: 120px;
		}

/****************/
/* ログイン画面 */
/****************/
table.table_style.login {
	}
table.table_style.login tr {
	text-align: left;
	}
	table.table_style.login tr td {
		padding: 0 10px;
		}
	table.table_style.login tr td.title {
		text-align: right;
		}
/******************/
/* 入力フォーム   */
/******************/
input.formBasic.right {
	text-align: right;
	}

table.table_style tr.title td
, table.table_style td.title_login {
	background: #029CE3;
	border: solid #ffffff 1px;
	border-top: solid #029CE3 1px;
	_border-top: solid #ffffff 1px;
	*border-top: solid #ffffff 1px;
	border-left: solid #029CE3 1px;
	_border-left: solid #ffffff 1px;
	*border-left: solid #ffffff 1px;
	font-weight: bold;
	color: #ffffff;
	}
/* 団体会場のカラー */
.subhall-color{
	background: #C490BF !important;
}

/* IBTのカラー */
.ibt-color{
	background: #69BD83 !important;
}