@charset "utf-8";


/*******************************************************************************
*　　株式会社　第二新卒
*
*　　第二新卒ナビ　トップCSS
********************************************************************************/


/*
-------------------------------------------------------------------------------*/
body					{ margin:0; padding:0;}
h1						{ margin:0; padding:0;}
#body-wrap				{ width:800px; margin:15px auto; position:relative;}
#header-box				{ width:800px; height:120px; margin-bottom:10px;}
#mainvisual-box			{ width:800px; height:200px;}
#dai2-box				{ width:207px; height:270px; background:url(index_img/dai2navi.png); position:absolute; top:95px; right:20px; text-indent:-9999px; z-index:1;}
#footer-wrap			{ width:800px; font-size:12px; padding:6px 0; margin:10px 0; background:#FF6600; color:#FFFFFF; text-align:center; clear:both;}
#counter-wrap			{ font-size:12px; color:#FFFFFF; line-height:1.5;}

/*コンテンツ＆メニュー囲み
-------------------------------------------------------------------------------*/
#contents-wrap			{ width:800px; position:relative;}
#job-wrap				{ width:580px; float:left;}
#menu-wrap				{ width:200px; float:right;}


/*コンテンツエリア
-------------------------------------------------------------------------------*/
.job-container			{ width:580px; margin-bottom:20px; letter-spacing:0.1em;}
.job-container a:hover	{ color:#FF6600; text-decoration:underline;}
.job-title-box			{ width:580px; height:45px;}
.job-middle-box			{ width:580px; background:url(index_img/job_bg.jpg) repeat-y; position:relative;}
.job-bottom				{ width:580px; height:20px; clear:both;}
.job-contents1			{ width:530px; margin:0 0 0 25px; padding:10px 0; border-bottom:#CCC dotted 1px;}
.job-title				{ font-size:16px; color:#06C; font-weight:bold; line-height:2; background:url(index_img/dot_orange.gif) no-repeat 3px; padding-left:16px; text-decoration:none;}
.job-text				{ font-size:12px; color:#666; padding-left:16px;}
.job-contents1 ul		{ margin:0; padding:0; list-style:none; font-size:12px;}
.job-contents1 li 		{ padding-left:16px; margin-bottom:12px; background:url(index_img/dot_orange.gif) no-repeat 1px; color:#06C;}
.job-contents1 li a		{ color:#06C; text-decoration:none;}

.job-campany-box1		{ width:258px; height:120px; padding-top:10px; border:#CCC solid 1px; position:absolute; top: 15px;  left:25px;}
.job-campany-box2		{ width:258px; height:120px; padding-top:10px; border:#CCC solid 1px; position:absolute; top: 15px; right:25px;}
.job-campany-box3		{ width:258px; height:120px; padding-top:10px; border:#CCC solid 1px; position:absolute; top:160px;  left:25px;}
.job-campany-box4		{ width:258px; height:120px; padding-top:10px; border:#CCC solid 1px; position:absolute; top:160px; right:25px;}
.job-campany-height		{ height:295px;}
.job-campany-title a	{ width:220px; font-size:14px; font-weight:bold; color:#06C; margin-left:12px; padding-left:16px; background:url(index_img/dot_orange.gif) no-repeat 3px; text-decoration:none;}
.job-campany-text		{ width:237px; font-size:12px; line-height:1.5; color:#666666; margin:8px 0 12px 12px;}
.job-campany-rogo		{ width:258px; text-align:center;}

.job-banner-box			{ width:580px; text-align:center; margin-bottom:20px;}

#job-category-box		{ width:250px; height:370px; position:relative; float:left;}
#job-category-box ul	{ margin:0; padding:0; list-style:none; font-size:12px; position:absolute; top:60px; left:25px; z-index:1;}
#job-category-box li	{ padding-left:16px; margin-bottom:14px;; background:url(index_img/dot_orange.gif) no-repeat 2px;}
#job-category-box li a	{ color:#06C; text-decoration:none;}
#job-category-box li a:hover	{ color:#F60;}

#job-area-box			{ width:316px; height:370px; position:relative; float:right;}
#job-area-box ul		{ margin:0; padding:0; list-style:none; font-size:12px; z-index:1;}
#area1					{ position:absolute; top:255px; left:130px; }
#area2					{ position:absolute; top:255px; left:230px; }
#job-area-box li		{ padding-left:16px; margin-bottom:12px;; background:url(index_img/dot_orange.gif) no-repeat 2px;}
#job-area-box li a		{ color:#06C; text-decoration:none;}
#job-area-box li a:hover{ color:#F60;}

#academy-wrap			{ width:546px; height:145px; padding:10px; border:#6C0 solid 2px; background:#F3FFE8; margin:0 0 20px 5px; clear:both;}
#academy-wrap img		{ float:left;}
#academy-container1		{ width:192px; padding:0 5px; border-left:#6C0 solid 1px; margin-left:10px; float:left;}
#academy-container2		{ width:192px; padding:0 5px; border-left:#6C0 solid 1px; margin-left:10px; float:left;}
.academy-box1			{ padding:5px 0; border-bottom:#6C0 solid 1px;}
.academy-box2			{ padding:5px 0;}
.academy-title			{ font-size:12px; line-height:1.2; color:#66CC00; font-weight:bold;}
.academy-text			{ font-size:12px; line-height:1.2; color:#666666;}
.academy-box1 p			{ margin:0 0 4px 0; padding:0;}
.academy-box2 p			{ margin:0 0 4px 0; padding:0;}
.academy-title a		{ color:#6C0; text-decoration:none;}
.academy-title a:hover	{ color:#F60;}


/*メニューエリア
-------------------------------------------------------------------------------*/
#entry-wrap				{ width:200px; height:250px; position:relative; background:url(index_img/entry_bg.jpg) no-repeat;}
#entry-wrap img			{ width:170px; height:102px; margin:19px 16px;}
#entry-wrap p			{ width:165px; margin:0 0 0 20px; font-size:12px; line-height:1.5; color:#FF0000;}
.campaign				{ text-align:center; font-weight:bold;}

#kyujinkigyou			{ width:200px; height:74px; text-align:center; margin:15px 0 5px 0;}

#message-wrap			{ width:182px; border:#69C solid 2px; padding:7px; background:#FFFFDC; font-size:12px; line-height:1.3; color:#666; margin-bottom:15px;}
#message-wrap img		{ margin-bottom:5px;}

#subconts-wrap			{ width:182px; border:#69C solid 2px; padding:7px; background:#EBF5F5; margin-bottom:15px;}
#subconts-wrap p		{ margin:0; padding:0;}
#subconts-wrap img		{ width:40px; height:40px; float:left; margin-right:7px;}
.subconts-title			{ height:45px; font-size:13px; font-weight:bold;}
.subconts-title a		{ color:#69C; text-decoration:none;}
.subconts-title a:hover	{ color:#F60;}
.subconts-text			{ width:182px; font-size:11px; line-height:1.3; color:#666; display:block;}

#link-wrap				{ width:182px; border:#9B9691 solid 2px; padding:7px; background:#FAF5EB;}
#link-wrap a:hover		{ color:#F60;}
#link-wrap ul			{ margin:4px 0 0 0; padding:0; list-style:none; font-size:12px;}
#link-wrap li			{ padding-left:16px; margin-bottom:8px; background:url(index_img/dot_gray.gif) no-repeat 2px;}
#link-wrap li a			{ color:#666; text-decoration:none;}
#link-box				{ font-size:10px; line-height:1.5; color:#999;}
#link-box a				{ color:#999; text-decoration:none;}

#g-ad					{ width:200px; margin-bottom:10px;}

/*広告エリア
-------------------------------------------------------------------------------*/
#ad-wrap				{ width:184px; background:#EEE; font-size:10px; padding:8px; margin-top:10px;}
#ad-wrap p				{ width:184px; background:#BBB; margin:0 0 8px 0; padding:2px 0; text-align:center;}
#ad-wrap dl				{ margin:0 0 8px 0;}
#ad-wrap dl a			{ text-decoration:none;}

/*追加タグ
-------------------------------------------------------------------------------*/
#campaign				{ width:200px; height:68px; text-align:center; margin:0 0 25px 0;}

.new					{ color:#FF0000; font-weight:bold;}


/*Google AD
-------------------------------------------------------------------------------*/
#google-wrap			{ width:558px; padding:5px; border:#CCC solid 1px; margin:0 0 20px 5px; text-align:center;}



/* ◇透明効果◇ */
* html .iepngfix,#contents-wrap,#footnavi-wrap
				 	{ behavior: expression(IEPNGFIX.fix(this)); }