@charset "shift_jis";
/* CSS Document */

#pageTitle h2 {
	margin-bottom: 5px;
}
/* =========================================================
assessment
========================================================= */
#asessmentTitle {
	width: 950px;
	height: 250px;
	position: relative;
}
#asessmentTitle h3 {
	position: absolute;
	top: 114px;
	left: 39px;
}
#asessmentTitle p {
	position: absolute;
	top: 48px;
	left: 298px;
}
#asessmentTitle ul {
	position: absolute;
	top: 140px;
	left: 40px;
}
#asessmentTitle ul li {
	padding: 0 0 0 14px;
	margin-bottom: 1px;
	background: url(../img/arrow_t.png) no-repeat left center;
}
/* =========================================================
subMembers
========================================================= */
section#subMembers {
	width: 950px;
	height: 250px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/bg_subMembers.png) no-repeat top;
	position: relative;
}

section#subMembers h1 {
	margin: 0 0 23px;
}

/* =========================================================
counter
========================================================= */
div#counter {
	width: 590px;
	height: 60px;
	position: relative;
	position: absolute;
	top: 156px;
	right: 23px;
}

p#countImg {
	width: 69px;
	position: absolute;
	top: 0px;
	right: 317px;
	text-align: right;
	line-height: 31px;
}

p#loginBtn02 {
	position: absolute;
	right: 34px;
	bottom: 44px;
}


/* =========================================================
formContents
========================================================= */
div#formContents {
	width: 830px;
	position: relative;
}

p#note {
	position: absolute;
	top: -43px;
	right: 0;
}

table.formTbl {
	width: 830px;
	border-collapse: collapse;
	border-spacing: 0;
}

table.formTbl tr th {
	padding: 10px 0 8px;
	border-bottom: 1px solid #CCC;
	font-size: 13px;
	line-height: 20px;
	vertical-align: top;
}
table.formTbl tr td {
	padding: 10px 0 8px;
	border-bottom: 1px solid #CCC;
	font-size: 13px;
	line-height: 20px;
	vertical-align: middle;
}

table.formTbl tr th {
	width: 220px;
	padding-left: 20px;
	background: url(../img/ico_pointer02.gif) no-repeat 10px 19px;
	text-align: left;
	font-weight: bold;
}

table.formTbl tr td {
}


table.formTbl tr td table {
	width: auto;
	border-collapse: separate;
}

table.formTbl tr td th,
table.formTbl tr td td {
	width: auto;
	padding: 0;
	border: 0;
}


.w10, .w15, .w20, .w30, .w40, .w50, .w60, .w70, .w80, .w90 {
	padding: 3px;
}

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w30 { width: 30%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }


.formTbl table.syoyuTbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.formTbl table.syoyuTbl td {
	padding: 3px 0;
}

.formTbl table.syoyuTbl td.inputMgn input {
	margin-right: 10px;
}

/* =========================================================
submitArea
========================================================= */
#submitArea {
	width: 450px;
	height: 55px;
	margin: 20px auto 0;
	text-align: center;
}

#submitArea > span {
	display: block;
	margin-bottom: 5px;
}
#submitArea > span > a {
	text-decoration: none;
	color: #AC9958;
}
#submitArea > span > a:hover {
	color: #D2BF7E;
}

#submitBtn {
	width: 280px;
/*
	float: left;
*/
	margin: 0 auto;
}


#submitBtn input,
#resetBtn input {
	height: 55px;
	display: block;
	border: none;
	cursor: pointer;
	text-indent: -9999px;
}

#submitBtn input {
	width: 280px;
	background: url(../img/btn_submit01_off.png) no-repeat;
}

#submitBtn input:hover {
	background: url(../img/btn_submit01_on.png) no-repeat;
}

#resetBtn {
	width: 160px;
	float: right;
}

#resetBtn input {
	width: 160px;
	background: url(../img/btn_reset01_off.png) no-repeat;
}

#resetBtn input:hover {
	background: url(../img/btn_reset01_on.png) no-repeat;
}

.mustImg {
	color: #F00;
}

.mustImg img {
	vertical-align: middle;
	padding: 0 5px;
}

.cautionText  {
	margin: 10px 0;
	text-align: center;
	font-size: 13px;
	/*
	color: #1A9FF8;
	*/
	color: #853318;
}

.delimiterText {
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	/*
	background-color: #BBE2FD;
	color: #000;
	*/
	background-color: #853318;
	color: #FFF;
}

/* =========================================================
agreement
========================================================= */
div#agreement {
	height: 84px;
	padding: 6px 0 0 100px;
	margin: 20px 0 0;
	position: relative;
}

div#agreement h4 {
	position: absolute;
	top: 0;
	left: 0;
}

div#agreement p {
	font-size: 13px;
	line-height: 20px;
}


/* =========================================================
add from common
========================================================= */

/* =========================================================
wrapper
========================================================= */
div#wrapper {
	clear: both;
	padding-bottom: 40px;
	background-color: #FAFAFA;
	color: #333;
}

/* =========================================================
subTitArea
========================================================= */
div#subTitArea {
	/*
	height: 200px;
	background: url(../img/bg_subarea.png) repeat-x top;
	*/
	width: 950px;
	margin: 0 auto;
}

div#subTitArea h2 {
	margin: 0 auto;
	/*
	padding: 10px 0;
	*/
}

/* =========================================================
subMain
========================================================= */
div#subMain {
	width: 950px;
	margin: 0 auto;
	background: url(../img/bg_submain.png) repeat;
	overflow: hidden;
}

/* =========================================================
subContents
========================================================= */
div#subContents {
	margin: 5px;
	border: 1px solid #C7C7C7;
	background-color: #FFF;
}
/* =========================================================
subContentsInner
========================================================= */
div#subContentsInner {
	margin: 4px;
	padding: 30px;
	border: 1px solid #C7C7C7;
}

div#subContentsInner h3 {
	height: 22px;
	padding-left: 15px;
	background: url(../img/bg_titsub.png) no-repeat;
}

div#subContentsInner h3 img {
	vertical-align: top;
}

div.sbox {
	margin: 20px 20px 60px;
}


#membersText {
	width: 585px;
	position: absolute;
	top: 24px;
	right: 26px;
	line-height: 20px;
}
#membersText > span {
	color: #F00;
}