@charset "Shift_JIS";
/**
 :一行説明 "「コンテンツ名」 スタイル設定";
 :作成日 "2015-XX-XX";
*/

/* ↓ここから各コンテンツ用スタイル
   --------------------------------------------- */

/* YUI 3.14.1 (build 63049cb) http://yuilibrary.com/license/ */
html{color:#333;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}
legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* add 20240716 */
sup {
    vertical-align:super;
    font-size:smaller;
}
/* end */

/*
 ------------------------------------------------------------------- */

body{
	-webkit-text-size-adjust: none;
	color: #333;
	min-width: 600px;
	font-size: 75%;
}
body,
body * {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	_font-family:"Osaka", "ＭＳ Ｐゴシック", sans-serif;
}
a{
	color:#0066cc;
	text-decoration:none;
}
a:hover {
	color:#3399ff;
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
img {
	border: 0;
	vertical-align: bottom;
}
input {
	position:relative;
	top: 2px;
}
.alL { text-align: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.bm  { margin-bottom: 16px; }


/*
 ------------------------------------------------------------------- */

#main,
#gfooter {
	width: 500px;
	margin: 0 auto;
}
#main {
	margin-bottom: 20px;
}
#main p.toPageTop {
	text-align: right;
}
#main p.toPageTop a {
	background: url(http://job.mynavi.jp/conts/2026/images/share/icon12.gif) no-repeat right center;
	padding-right: 16px;
}
#addressWrapper address {
	line-height: 40px;
	border-top: 1px solid #ccc;
	text-align: center;
	color: #666;
}


/*
 ------------------------------------------------------------------- */

.g_btn a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
	border-radius: 4px;
}
.g_btn.blue a {
	border: 1px solid #00a3e4;
	background: #0099db;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35b9ee), color-stop(100%,#009adc));
	background: -ms-linear-gradient(top,  #35b9ee 0%,#009adc 100%);
	background: linear-gradient(to bottom,  #35b9ee 0%,#009adc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35b9ee', endColorstr='#009adc',GradientType=0 );

}
.g_btn.blue a:hover {
	padding-top: 1px;
	border: none;
	border-bottom: 1px solid #db6d07;
	background: #ff7800;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6200), color-stop(100%,#ff8900));
	background: -ms-linear-gradient(top,  #ff6200 0%,#ff8900 100%);
	background: linear-gradient(to bottom,  #ff6200 0%,#ff8900 100%);
	background-clip: padding-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6200', endColorstr='#ff8900',GradientType=0 );
}
.g_btn.gray a {
	color: #333;
	border: 1px solid #ccc;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.g_btn.gray a:hover {
	padding-top: 1px;
	color: #fff;
	border: none;
	border-bottom: 1px solid #db6d07;
	background: #ff7800;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6200), color-stop(100%,#ff8900));
	background: -ms-linear-gradient(top,  #ff6200 0%,#ff8900 100%);
	background: linear-gradient(to bottom,  #ff6200 0%,#ff8900 100%);
	background-clip: padding-box;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6200', endColorstr='#ff8900',GradientType=0 );
}
.dotline {
	margin-bottom: 20px;
	padding: 15px 0;
	border-top: 1px dashed #c7c7c7;
	border-bottom: 1px dashed #c7c7c7;
}

.g_btn {
	width: 160px;
	height: 36px;
	margin: 0 auto 2px;
	line-height: 36px;
}
.headerbox .g_btn {
	position: absolute;
	top: 22px; right: 15px;
	width: 120px;
	height: 28px;
	line-height: 28px;
}


/*
 ------------------------------------------------------------------- */

.section {
	margin-bottom: 50px;
}
.section.withline {
	margin-bottom: 20px;
	padding-bottom: 50px;
	border-bottom: 1px dashed #c7c7c7;
}

.headerbox {
	position: relative;
}
.type1 .headerbox { background: #ecf6fa; }
.type2 .headerbox { background: #eff6f0; }
.type3 .headerbox { background: #fef6ec; }

.headerbox .line {
	height: 3px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.4);
}
.type1 .headerbox .line { background: #419fc6; }
.type2 .headerbox .line { background: #568f58; }
.type3 .headerbox .line { background: #f99c3c; }

.headerbox h2 {
	padding: 25px 15px;
	font-size: 116.66%;
	font-weight: bold;
}
.headerbox h2 span {
	padding-left: 15px;
}
.type1 .headerbox h2 { color: #2b9bc3; }
.type2 .headerbox h2 { color: #568f6f; }
.type3 .headerbox h2 { color: #f99c3c; }

.ttlbox {
	position: relative;
}
.ttl {
	margin-bottom: 12px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 28px;
	color: #1f1f1f;
	border-left: 4px solid;
}
.ttl.alC {
	font-size: 116.66%;
	color: #333;
	border: none;
}
.type1 .ttl { border-color: #419fc6; background: url(../images/popup_bg_01.png) repeat-x; }
.type2 .ttl { border-color: #568f58; background: url(../images/popup_bg_02.png) repeat-x; }
.type3 .ttl { border-color: #f99c3c; background: url(../images/popup_bg_03.png) repeat-x; }

.tag {
	position: absolute;
	top: 4px; right: 4px;
	padding: 0 6px;
	color: #fff;
	line-height: 20px;
}
.type1 .tag { background: #419fc6; }
.type2 .tag { background: #568f58; }
.type3 .tag { background: #f99c3c; }

.group {
	padding: 18px 0;
	border: 4px solid #cce8f2;
}
.list_group {
	margin-bottom: -10px;
	text-align: center;
}
.list_group li {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-bottom: 10px;
}

.dl_q {
	margin-bottom: 20px;
}
.dl_q dt {
	margin-bottom: 15px;
}
.dl_q dd {
	padding-left: 35px;
}

.tb_q {
	width: 100%;
	border-collapse: collapse;
}
.tb_q td {
	width: 50%;
	padding: 8px 4px 8px 10px;
	vertical-align: top;
	border: 1px solid #d4d4d4;
	background: #f7f9f9;
}
.tb_q td label {
	display: table;
}
.tb_q td label > * {
	display: table-cell;
	vertical-align: middle;
}
.tb_q td span {
	padding-left: 8px;
}

.answerbox {
	margin-top: 15px;
	border: 4px solid;
	border-bottom: none;
}
.answerbox .box {
	border-bottom: 4px solid;
}
.type1 .answerbox { border-color: #cce8f2; }
.type2 .answerbox { border-color: #cde1ce; }
.type3 .answerbox { border-color: #fce7cd; }
.type1 .answerbox .box { border-color: #cce8f2; }
.type2 .answerbox .box { border-color: #cde1ce; }
.type3 .answerbox .box { border-color: #fce7cd; }

.answerbox .rate {
	margin: 8px 5px 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cce8f2;
	text-align: right;
}
.answerbox .rate strong {
	font-weight: bold;
	color: #ff5400;
}
.answerbox .dl_com {
	margin: 0 8px 10px;
}
.answerbox .dl_com dt {
	font-weight: bold;
	margin-bottom: 5px;
}

.tb_a {
	width: 100%;
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
}
.tb_a th,
.tb_a td {
	width: 50%;
	padding: 8px 12px;
	text-align: center;
	border: 1px solid #d4d4d4;
}
.tb_a td {
	background: #f5f3f1;
}
.tb_a .answer {
	margin: 0 auto;
	display: table;
}
.tb_a .answer span {
	display: table-cell;
	vertical-align: middle;
}
.tb_a .answer .result {
	font-weight: bold;
}
.tb_a .answer.good .result {
	padding-left: 44px;
	width: 40px;
	line-height: 40px;
	text-align: left;
	color: #ff5400;
	background: url(../images/popup_icn_01.png) no-repeat left center;
}
.tb_a .answer.bad .result {
	padding-left: 38px;
	width: 50px;
	line-height: 34px;
	text-align: left;
	color: #797979;
	background: url(../images/popup_icn_02.png) no-repeat left center;
}
.tb_a .answer .txt {
	text-align: left;
}

.resultbox {
	margin-top: 10px;
	height: 152px;
}
.type1 .resultbox { background: url(../images/popup_bg_04.png) no-repeat; }
.type2 .resultbox { background: url(../images/popup_bg_05.png) no-repeat; }
.type3 .resultbox { background: url(../images/popup_bg_06.png) no-repeat; }

.resultbox .box {
	padding: 61px 5px;
}
.dl_result {
	display: inline-block;
	width: 151px;
	margin-right: 7px;
	text-align: center;
}
.dl_result dt {
	margin-bottom: 12px;
	font-weight: bold;
	line-height: 18px;
	background: #fff;
}
.type1 .dl_result dt { color: #26a0d2; }
.type2 .dl_result dt { color: #568d58; }
.type3 .dl_result dt { color: #f9a33d; }

.dl_result span {
	display: inline-block;
	color: #fff;
}
.dl_result span.num {
	margin-right: 1px;
	padding: 4px 3px;
	font-size: 333.33%;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	border: 1px solid;
}
.type1 .dl_result span.num { border-color: #78c8e4; }
.type2 .dl_result span.num { border-color: #99ba9b; }
.type3 .dl_result span.num { border-color: #fcc88b; }

.dl_result span.txt {
	margin-left: 5px;
	font-size: 116.66%;
}


/* config
 ------------------------------------------------------------------- */

.config .section {
	margin-bottom: 40px;
}
.config .line {
	margin-bottom: 30px;
	height: 3px;
	background: #419fc6;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.4);
}
.config .mds {
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 116.66%;
	font-weight: bold;
	color: #2b95af;
	border-left: 3px solid #2b94b1;
}
.config .list_conf {
	list-style-type: disc;
	list-style-position: inside;
}
.config .dl_conf {

}
.config .dl_conf dt {
	margin-bottom: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	border-bottom: 1px solid #cecece;
}
.config .list_num {
	list-style-type: decimal;
	list-style-position: inside;
}
.config .list_num li {
	margin-bottom: 5px;
}
.config .list_num .pic {
	margin: 15px 0 25px;
	text-align: center;
}


/* customize */
.tb_q tr td {
		padding: 0px;
}
.tb_q tr td label > * {
		display:inline;
			margin: 8px 4px 8px 10px;
}
.tb_q tr td label {
		display:block;
}

.tb_q_a {
		width: 100%;
			border-collapse: collapse;
}
.tb_q_a td {
		width: 50%;
			padding: 8px 4px 8px 10px;
				vertical-align: top;
					border: 1px solid #d4d4d4;
						background: #f7f9f9;
}
.tb_q_a td label {
		display: table;
}
.tb_q_a td label > * {
		display: table-cell;
			vertical-align: middle;
}
.tb_q_a td span {
		padding-left: 8px;
}
#limitTimer_txt {
		color: #ffffff;
}
#limitTimer_txt.blink {
		color: #888888;
}