@charset "utf-8";
@import url("../../common/css/elements.css");
@import url("../../common/css/format.css");
@import url("../../common/css/style.css");
@import url("../../common/css/seo.css");


body { background-color: #dfe7eb; }

div#GLOBAL_MENU { background-image: url(../images/style_img_gnav-bg.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/style_gnav_01.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/style_gnav_02.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/style_gnav_03.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/style_gnav_04.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/style_gnav_05.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/style_gnav_06.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a:hover { background-image: url(../images/style_gnav_01_over.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a:hover { background-image: url(../images/style_gnav_02_over.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a:hover { background-image: url(../images/style_gnav_03_over.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a:hover { background-image: url(../images/style_gnav_04_over.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a:hover { background-image: url(../images/style_gnav_05_over.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a:hover { background-image: url(../images/style_gnav_06_over.gif); }

body.entry   div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/style_gnav_01_on.gif); }
body.job     div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/style_gnav_02_on.gif); }
body.style   div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/style_gnav_03_on.gif); }
body.feature div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/style_gnav_04_on.gif); }
body.guides  div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/style_gnav_05_on.gif); }
body.temp  div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/style_gnav_06_on.gif); }



#CONTENTS {/* override */
	margin-top:5px;
}

div.columnBox {
	width: 940px;
	background: url(../images/style_img_left-bg.gif) left top repeat-y;
}

div.leftColumn {
	width: 205px;
	float: left;
}

div.rightColumn {
	width: 724px;
	float: right;
}

div.leftColumn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.styleContent {
	width:722px;
	_width:724px;/* IE 互換モード対策 */
	height:398px;
	_height:400px;/* IE 互換モード対策 */
	text-align:left;
	background:none;
	border:1px solid #a0a0ed;
	background: url(../images/style_img_bg.jpg) left top repeat-y;
	overflow:hidden;
}

div.styleContentResult {
	background: url(../images/style_img_bg.gif) left top repeat-y;
	height:auto;
}

div.styleContent img {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

h3.styleQuestion {
	display:block;
	margin:61px 0 0 171px;
	text-align:left;
}







div.styleChoiceQ1 {
	display:block;
	width:722px;
	height:146px;
	margin:0;
	padding:0;
	text-align:left;
	background: url(../images/style_img_q1choice.jpg) left top no-repeat;
}


div.styleChoiceQ1 ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

div.styleChoiceQ1 li {
	display:block;
	width:366px;
	height:51px;
	margin:0 0 14px 30px;
	_margin:0 0 12px 30px;/* IE 互換モード対策 */
	padding:0;
	border:0;
	overflow:hidden;
}

div.styleChoiceQ1 li a {
	display:block;
	margin:0;
	padding:16px 0 16px 65px;
	color:#000066;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
}

div.styleChoiceQ1 li a:link		{color: #000066; text-decoration: none;}
div.styleChoiceQ1 li a:visited	{color: #000066; text-decoration: none;}
div.styleChoiceQ1 li a:hover	{color: #000066; text-decoration: none;}
div.styleChoiceQ1 li a:active	{color: #000066; text-decoration: none;}


div.styleChoiceQ1 li.styleChoiceA a {
	background: url(../images/style_img_q1choice.jpg) -30px 0 no-repeat;
}

div.styleChoiceQ1 li.styleChoiceA a:hover {
	background-position:-30px -146px;
}

div.styleChoiceQ1 li.styleChoiceB a {
	background: url(../images/style_img_q1choice.jpg) -30px -65px no-repeat;
}

div.styleChoiceQ1 li.styleChoiceB a:hover {
	background-position:-30px -211px;
}




div.styleChoice {
	display:block;
	width:366px;
	height:121px;
	margin:20px 0 0 168px;
	padding:0;
	text-align:left;
}


div.styleChoice ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

div.styleChoice li {
	display:block;
	width:366px;
	height:51px;
	margin:0 0 19px 0;
	_margin:0 0 17px 0;/* IE 互換モード対策 */
	padding:0;
	border:0;
	overflow:hidden;
}

div.styleChoice li a {
	display:block;
	margin:0;
	padding:16px 0 16px 64px;
	color:#000066;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
}

div.styleChoice li a:link		{color: #000066; text-decoration: none;}
div.styleChoice li a:visited	{color: #000066; text-decoration: none;}
div.styleChoice li a:hover		{color: #000066; text-decoration: none;}
div.styleChoice li a:active		{color: #000066; text-decoration: none;}


div.styleChoice li.styleChoiceA a {
	background: url(../images/style_img_choice.gif) 0 0 no-repeat;
}

div.styleChoice li.styleChoiceA a:hover {
	background-position:0 -121px;
}

div.styleChoice li.styleChoiceB a {
	background: url(../images/style_img_choice.gif) 0 -70px no-repeat;
}

div.styleChoice li.styleChoiceB a:hover {
	background-position:0 -191px;
}





div.styleResult1 {
	margin:26px 0 0 24px;
	padding:0;
	width:672px;
	_width:676px;/* IE 互換モード対策 */
	height:329px;
	_height:333px;/* IE 互換モード対策 */
	border:2px solid #0185f4;
	background:#fff url(../images/style_img_resultbg.jpg) right top no-repeat;
}

div.styleResult2 {
	margin:26px 0 0 24px;
	padding:0;
	width:672px;
	_width:676px;/* IE 互換モード対策 */
	height:329px;
	_height:333px;/* IE 互換モード対策 */
	border:2px solid #ff7517;
	background-color: #fff;
	background-image: url(../images/kekka_haken_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div.styleResult3{
	margin:26px 0 0 24px;
	padding:0;
	width:672px;
	_width:676px;/* IE 互換モード対策 */
	height:329px;
	_height:333px;/* IE 互換モード対策 */
	border:2px solid #009D20;
	background-color: #fff;
	background-image: url(../images/kekka_recruit_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


div.styleLead {
	height:262px;
	color:#000000;
}


div.styleLead h3 {
	margin:0;
	padding:33px 0 0 38px;
}

div.styleLead p {
	width:360px;
	margin:0;
	padding:19px 0 0 38px;
	line-height:1.6;
}



div.styleContentResult .styleButton {
	display:block;
	width:654px;
	height:52px;
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	overflow:hidden;
}

div.styleContentResult .styleButton img {
	display:block;
	margin:0;
	padding:0;
}


div.styleContentResult .styleButton a {
	float:left;
	display:block;
	margin:0 10px 0 0;
	padding:0;
}


div.styleOtherChoice {
	margin:40px 0 24px 23px;
	padding:0;
}

div.styleOtherChoice p {
	display:block;
	width:664px;
	_width:686px;/* IE 互換モード対策 */
	height:44px;
	_height:54px;/* IE 互換モード対策 */
	margin:11px 0 0 0;
	padding:10px 0 0 12px;
	text-align:left;
	overflow:hidden;
	background:#d8d6f1;
}

div.styleOtherChoice p img {
	display:block;
	margin:0;
	padding:0;
}


div.styleOtherChoice p a {
	float:left;
	display:block;
	margin:0 7px 0 0;
	padding:0;
}