@charset "UTF-8";
/* ------------------------------------------------------------------
	sheet styles
-------------------------------------------------------------------*/
table.sheet {
	background:#f7fbfd;
	width:100%;
}
.sheet th,
.sheet td {
	border:1px solid #aad7ec;
}
.sheet th {
	padding:3px 12px;
	background:#cce6f2;
	font-style:normal;
}
.sheet td {
	padding:3px 7px;
}
.sheet td ul:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*==================================================================
	list setting
===================================================================*/
ul.disc {
	padding-left:2.5em;
	margin:1em 0px;
	list-style:disc;
}
ul.circle {
	padding-left:2.5em;
	list-style:circle;
	margin:1em 0px;
}
ol.decimal {
	padding-left:2.5em;
	list-style:decimal;
	margin:1em 0px;
}

/* ------------------------------------------------------------------
	input styles
-------------------------------------------------------------------*/
input {
	line-height:100%;
	font-family:sans-serif;
	vertical-align:middle;
}
input,
textarea {
	padding:0;
	font-size:100%;
}
label {
	padding-right:3px;
}
.formfield {
	font-size:12px;
	line-height:100%;
	height:15px;
	border:1px solid #9A9A9A;
	border-top-color: #616161;
	border-bottom-color: #C2C2C2;
	padding:2px 4px 2px 3px;
	_padding:5px 4px 0 3px;
	margin-right: 4px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS P Gothic";
}
.textarea {
	font-size:12px;
	border:1px solid #9A9A9A;
	border-top-color: #616161;
	border-bottom-color: #C2C2C2;
	padding:2px 4px 2px 3px;
	_padding:5px 4px 0 3px;
	margin-right: 4px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic";
}
*:first-child+html .formfield {
	height: 13px;
	padding:5px 4px 0 3px;
}
html:first-child .formfield {
	height: 20px;
	padding:0 4px 0 3px;
}
html:first-child .checkBox input,
html>/**/body .checkBox input {
	margin:0 3px 0 0;
	vertical-align:baseline;
}
html>/**/body .checkBox input {
	margin:0 4px 3px 0;
}
input:focus,
textarea:focus {
	background-color:#F5F5F5;
}
form img,
form input,
form select {
	vertical-align:middle;
}
form input,
form select {
	line-height:1;
}
.submit {
	text-align:center;
	margin:12px 0px;
}
.terms {
	overflow:auto;
	height:150px;
	padding:5px;
	border:1px solid #CCC;
	margin-bottom:10px;
	line-height:1.6em;
}
.terms h2 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.terms h3 {
	font-weight:bold;
}
#main .formError {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -590px;
	padding-left:15px;
	display:block;
	color:#E60012;
	font-weight:bold;
	margin:0;
}
form .error {
	display:inline;
	padding:2px;
}
form textarea.error,
form input.error,
form select.error,
form .error {
	background:#ffecec;
	border:1px solid #CC0000;
}
form ul.error {
	display:block;
}
.formError {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -589px;
	padding-left:17px;
	color:#C00;
	font-size:10px;
	font-weight:bold;
}
ul.formError {
	background:none;
	background:#F7C8DC;
	border:1px solid #CC0000;
	display:block;
	padding:6px 8px;
	margin-bottom:10px;
}
ul.formError li {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -220px;
	padding-left:17px;
	color:#C00;
	font-size:10px;
	font-weight:bold;
}
.formB {
	font-size:100%;
	font-weight:bold;
	font-size:18px;
	line-height:18px;
	height:20px;
}
*+html .formfield.formB,
* html .formfield.formB {
	line-height:23px;
	height:26px;
	padding-top:0;
}
.textarea {
	width:500px;
}
.w500 {
	width:500px;
}
.w400 {
	width:400px;
}
.w100 {
	width:100px;
}
.w160 {
	width:160px;
}
.w200 {
	width:200px;
}

/* form
----------------------------------------------------------------- */	
.texB {
	background:url(/img/front/common/icon_common.gif) no-repeat 0 -687px;
	padding:3px 0 3px 20px;
	margin-bottom:3px;
	line-height:normal;
	font-weight:bold;
}
.texQ {
	background:url(/img/front/common/icon_common.gif) no-repeat -263px -110px;
	padding:3px 0 3px 20px;
	margin-bottom:3px;
	color:#1F61CD;
	line-height:normal;
}
.word {
	background:url(/img/front/common/icon_common.gif) no-repeat -264px -193px;
	padding:3px 0 3px 18px;
	margin-bottom:3px;
	line-height:normal;
}

/*==================================================================
	pager setting
===================================================================*/
ol.pager {
	margin:2em 0px;
	text-align:center;
	font-family:Geneva,
Arial,
Helvetica,
sans-serif;
	clear:both;
}
ol.pager li {
	display:inline;
}
ol.pager li a {
	padding:5px 8px;
	border:1px solid #E7E7E7;
	text-decoration:none;
}
ol.pager li a:hover {
	border:1px solid #DBECFF;
	background: #DBECFF;
}
ol.pager li strong {
	border:1px solid #E7E7E7;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
}

/*==================================================================
	text setting
===================================================================*/
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.middle {
	vertical-align:middle;
}
.more {
	text-align:right;
}
p,
li,
dt,
dd,
th,
td,
.inner {
	word-wrap:break-word;
}
strong {
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.red {
	color: #FF0000;
}

/* List Styles
-----------------------------------------------------------------------------  */
.note {
	padding-left:1em;
	text-indent:-1em;
}

/* Lnline Styles
-----------------------------------------------------------------------------  */
.inline {
	display:inline;
}
.inline li {
	display:inline;
}

/* Font Styles
-----------------------------------------------------------------------------  */
.small {
	font-size:77%;
}
.big {
	font-size:131%;
}
/* 23px */
.f6 {
	font-size:23px;
}
/* 20px */
.f5 {
	font-size:20px;
}
/* 17px */
.f4 {
	font-size:17px;
}
/* 14px */
.f3 {
	font-size:14px;
}
/* 12px */
.f2 {
	font-size:12px;
}
/* 10px */
.f1 {
	font-size:10px;
}
.red {
	color:#BD2C2A;
}
.blue {
	color:#0066CC;
}
.gray {
	color:#AAA;
}
.yellow {
	color:#FFCC00;
}
.brown {
	color:#993333;
}

/* float Styles
-------------------------------------------------------------------*/
.leftBox {
	float:left;
}
.rightBox {
	float:right;
}

/*==================================================================
	background setting
===================================================================*/
#sbm li a,
.btnRegist a,
.btnLogin a,
.btnMypage a,
.btnLogout a,
#headerLatest a,
#headerExam a,
#backTop a {
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	background:none;
	padding:0;
	margin:0;
}
#sbm li a span,
#headerLatest a span,
#headerExam a span,
.btnRegist a span,
.btnLogin a span,
.btnMypage a span,
.btnLogout a span,
#backTop a span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

/*==================================================================
	hacks setting
===================================================================*/
/*	clearfix styles
-------------------------------------------------------------------*/
#contents:after,
.inner:after,
.section:after,
.iconTemp:after,
.clearfix:after,
#mypageMenu:after,
#recommendBox dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents,
.inner,
.section,
.clearfix,
.iconTemp,
#mypageMenu,
#recommendBox dd {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #contents,
* html .inner,
* html .section,
* html .iconTemp,
* html .clearfix,
* html #mypageMenu,
* html #recommendBox dd {
	height: 1%;
}
#contents,
.inner,
.section,
.iconTemp,
.clearfix,
#mypageMenu,
#recommendBox dd {
	display: block;
}