@charset "UTF-8";
/**
 :タイトル "TOPページ用スタイル";
 :一行説明 "TOPページ用のスタイルシートです";
*/

body{
	/background: #ff0 url('../top.jpg') no-repeat center top;		
}

/* ▼メインビジュアル
   --------------------------------------------- */
#topVisual{
	width: 950px;
	height: 266px;
	margin: 0 0 15px;
	position: relative;
}

/* ▼エリア別インデックス
   --------------------------------------------- */
#areaIndex{
	position: relative;
	width: 658px;
	height:700px;
	margin-bottom: 15px;
	border-top:solid 2px #ff7da3;
	background:  #f6f6f6;
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	font-family:"Lucida Grande", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	
}
#areaIndex h2{
	padding:10px 11px 10px 40px;
	font-size:140%;
	line-height:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	background:url(../common/img/ico_result_title_top.png) no-repeat 11px 10px;
}
#areaIndex div.map{
	width: 624px;
	height:400px;
	margin:0 auto;
	background: #f6f6f6 url(../img/bg_map.gif) no-repeat left top;
}
#areaIndex div.map .area{
	position:absolute;
	width:142px;
}
#areaIndex div.map .tit{
	background: url(../img/bg_sub_title.gif) repeat-x left top;
	height:18px;
	font-size:96%;
	line-height:18px;
	text-align:center;
	color:#fff;
}
#areaIndex div.map .area1{
	top:54px;
	left:500px;
}
#areaIndex div.map .area2{
	top:214px;
	left:500px;
}
#areaIndex div.map .area3{
	top:54px;
	left:250px;
}
#areaIndex div.map .area4{
	top:323px;
	left:340px;
}
#areaIndex div.map .area5{
	top:323px;
	left:178px;
}
#areaIndex div.map .area6{
	top:54px;
	width:214px;
}
#areaIndex div.map .area7{
	top:208px;
}

#areaIndex div.map .area li{
	float:left;
	width:69px;
	height:28px;
	margin-top:3px;
	margin-left:3px;
	background:#e0e0e0;
}
#areaIndex div.map .area li.ml0{
	margin-left:0px;
}
#areaIndex div.map .area li a{
	display:inline-block;
	width:67px;
	height:26px;
	line-height:26px;
	text-indent:22px;
	color:#666;
	background:url(../common/img/arr_pink_link.png) no-repeat 10px 10px;
	border:solid 1px #e0e0e0;
}
#areaIndex div.map .area li a.on,
#areaIndex div.map .area li a:hover{
	text-decoration:none;
	color:#ff7da3;
	background-color:#fff;
	border:solid 1px #ff7da3;
}
/*
#areaIndex div.map .area li a.on:hover{
	border:solid 1px #e0e0e0;
	background-color:#e0e0e0;
	color:#666;
}
*/



#areaIndex .type_select{
	width: 638px;
	height:40px;
	margin:8px auto 0;
	padding-top:10px;
	border-top:dashed 1px #ccc;
}
#areaIndex .institution_type{
	height:97px;
}
#areaIndex .type_select .sub{
	float:left;
	margin-top:2px;
	width:64px;
	height:18px;
	line-height: 18px;
	color: #fff;
	font-size:90%;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.1em;
	margin-top:5px;
	margin-right:10px;
	background: url(../../../common/img/bg_title_index_search.gif) no-repeat left bottom;
}
#areaIndex .type_select ul{
	position:absolute;
	margin-left:72px;
}
#areaIndex .type_select ul li{
	float:left;
	width:281px;
	font-size:90%;
	line-height:180%;
}
#areaIndex .type_select ul li input{
	margin-right:5px;
}
#areaIndex input.imgover{
	margin-left:184px;
}
#areaIndex .detail_btn{
	float: right;
	width:130px;
	margin-top:11px;
	margin-right:41px;
}


#areafreeword{
	clear: both;
	width: 648px;
	height:95px;
	margin-bottom: 24px;
	padding: 10px 0 0 10px;
	border-top:solid 2px #ff7da3;
	background:  #f6f6f6;
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	font-family:"Lucida Grande", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	
}
dl.freeword  dt.freeTtl {
	font-size:130%;
	line-height:18px;
	padding-left: 26px;
	background: url(../common/img/ico_result_title_top.png) no-repeat left top;	
}
dl.freeword dd input{
	vertical-align: middle;
}
dl.freeword dd.search1,
dl.freeword dd.search2{
	float: left;	
	zoom: 1;
	margin-top:18px;
}
dl.freeword dd.search1{
	margin-right: 24px;
}
dl.freeword .ttl_search{
	font-size:90%;
	height:14px;
	padding-top:2px;
	padding-left:10px;
	background: url(../common/img/ico_search_ttl.gif) no-repeat left top;
}
dl.freeword input.imgover{
	margin-top:3px;
}
dl.freeword dd input.freeword{
	width: 243px;
	line-height: 23px;
	padding: 0 4px;
	height: 23px;
	color: #d9d9d9;
	font-size:100%;
	margin-top:1px;
}
dl.freeword dd.detail{
	margin-top: 0.3em;
}
dl.freeword dd.detail a{
	display: block;
	padding: 0 0 0 13px;
	background:url(../common/img/ico_link01.gif) no-repeat 0px 6px;
}


dl.areaTopics{
	width: 658px;
	height: 44px;
	margin-bottom:24px;
	background: url(../img/bg_topics.gif) no-repeat left top;
	/background-color: rgba(255,0,0,0.5);
}
dl.areaTopics dt{
	float:left;
	width:83px;
	padding: 14px 0 0 16px;
}
dl.areaTopics dd a{
	display:inline-block;
	line-height:44px;
	padding-left:10px;
	background:url(../common/img/arr_blue_link.png) no-repeat 0px 17px;
}



.user_voice{
	width:648px;
	/min-height:198px;
	padding:10px 0 0 10px;
	margin-bottom: 18px;
	border-top:solid 2px #ff7da3;
	background:  #f6f6f6;
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
.user_voice h2 {
	font-size:130%;
	line-height:18px;
	padding-left: 30px;
	font-weight:normal;
	letter-spacing:0.1em;
	background: url(../img/ico_ttl_user_voice_top.gif) no-repeat left top;	
}
.user_voice .voice_area{
	background:url(../img/bg_fuki_user_voice.gif) repeat-y 0 0;
	width:416px;
	/min-height:134px;
	margin:18px 0 14px 18px;
	float:left;
}
.user_voice .voice_area .inner{
	padding-bottom:10px;
	min-height:80px;
	background:url(../img/bg_fuki_user_voice_top.gif) no-repeat 0 0;
}
.user_voice .voice_area p{
	padding:14px 32px 0 20px;
	font-size:12px;
	line-height:146%;
}

.kangoExp_title{
	float: right;
	margin: 18px 20px 0 0;
	width: 185px;
}
.kangoExp{
	float: right;
	margin: 9px 20px 0 0;
	width:185px;
}

/* ▼ランキング
   --------------------------------------------- */
#weeklyRanking{
	width:658px;
	padding:10px 0 0 0;
	border-top:solid 2px #ff7da3;	
	background:  #f6f6f6;
	border-bottom-left-radius: 4px; 
	border-bottom-right-radius: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	margin-bottom: 30px;
}
#weeklyRanking h2{
	float:left;
	margin: 3px 0 0 12px;
	font-size:130%;
	line-height:18px;
	padding-left: 30px;
	font-weight:normal;
	letter-spacing:0.1em;
	background: url(../img/ico_ttl_weekly-ranking_top.gif) no-repeat left top;		
}
#weeklyRanking p.txt_area{
	float:left;
	width:90px;
	height:17px;
	margin:3px 0 0 9px;
	font-size:11px;
	letter-spacing:0.1em;
	line-height:17px;
	color:#fff;
	text-align:center;
	background: url(../img/bg_weekly-ranking_area.gif) no-repeat left top;	
}
#weeklyRanking p.comment{
	clear:both;
	padding:12px 0 0 30px;
	font-size:96%;
	color:#999;
}
#weeklyRanking ol.ranking{
	width: 627px;
	margin: 17px 0 0 6px;
}
#weeklyRanking ol.ranking li.rank{
	clear: both;
	display:block;
	width: 638px;
	/height:79px;
	padding: 1px 0 1px 0;
	/border-top: 1px solid #ccc;
	margin-bottom:5px;
	background: #fff url(../img/bg_weekly-rank.gif) repeat-y left top;	
}
#weeklyRanking ol.ranking li.rank:after{
   content:'';
   display:block;
   clear:both;
}
#weeklyRanking ol.ranking li.rank5{
	margin-bottom:0px;
}
#weeklyRanking ol.ranking li.rank div.pct{
	float: left;
	padding-left:34px;
	width: 79px;
}
#weeklyRanking ol.ranking li.rank dl.info{
	float: left;
	width: 510px;
	margin-left:9px;
	margin-bottom:7px;
}
#weeklyRanking ol.ranking li.rank dl.info dt{
	font-size: 117%;
	font-weight: bold;
}
#weeklyRanking ol.ranking li.rank dl.info dt a{
	display:inline-block;
	line-height:140%;
	padding-left:10px;
	margin:10px 0 0 8px;
	background:url(../common/img/arr_blue_link.png) no-repeat 0px 6px;
}
#weeklyRanking ol.ranking li.rank dl.info dd.lead{
	margin:6px 0 0 6px;
	font-size:90%;
	line-height:140%;
}
#weeklyRanking ol.ranking li.rank dl.info dd.location{
	display:inline-block;
	height:17px;
	font-size:90%;
	margin:4px 0 0 6px;
	line-height:17px;
}
#weeklyRanking ol.ranking li.rank dl.info dd.location span{
	display:inline-block;
	width:42px;
	height:17px;
	font-size:12px;
	line-height:17px;
	vertical-align:middle;
	padding-left:5px;
	color:#a8a8a8;
	letter-spacing:0.1em;
	margin-right:6px;
	background:url(../img/ico_weekly-ranking.gif) no-repeat 0px 0px;
	/*
	border:1px solid #a8a8a8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*/
}
#weeklyRanking ol.ranking li.rank1 div.pct{
	background:#fff url(../img/bg_weekly-rank01.gif) no-repeat left top;
}
#weeklyRanking ol.ranking li.rank2 div.pct{
	background:#fff url(../img/bg_weekly-rank02.gif) no-repeat left top;
}
#weeklyRanking ol.ranking li.rank3 div.pct{
	background:#fff url(../img/bg_weekly-rank03.gif) no-repeat left top;
}
#weeklyRanking ol.ranking li.rank4 div.pct{
	background:#fff url(../img/bg_weekly-rank04.gif) no-repeat left top;
}
#weeklyRanking ol.ranking li.rank5 div.pct{
	background:#fff url(../img/bg_weekly-rank05.gif) no-repeat left top;
	margin-bottom:0px;
}
#weeklyRanking dl.rankContact{
	position: relative;
	clear: both;
	width: 658px;
	height: 135px;
	background: url(../img/bg_ranking-contact.gif) no-repeat center top;
}
#weeklyRanking dl.rankContact dt{
	padding-top: 20px;
	font-weight: bold;
	text-align:center;
}
#weeklyRanking dl.rankContact dd{
	width:442px;
	margin:21px auto 0;
}
#weeklyRanking dl.rankContact dd li{
	float: left;
	margin-left: 15px;
}
#weeklyRanking dl.rankContact dd li:first-child{
	margin-left: 9px;
}

/* ▼転職お役立ち
   --------------------------------------------- */
#useful{
	margin-bottom: 30px;
	border-top:solid 2px #ff7da3;
	 width:658px;
	 clear: both;
	 zoom:1;
}
#useful h2{
	margin:12px 0 18px 12px;
	font-size:130%;
	line-height:18px;
	padding-left: 24px;
	font-weight:normal;
	letter-spacing:0.1em;
	background: url(../img/ico_ttl_useful_top.gif) no-repeat left top;	
}
#useful ul.clWrap{
	clear: both;
	width:658px;
}
#useful .clWrap li{
	/display:inline-block;
	float: left;
	width: 327px;
	min-height:129px;
	margin-bottom: 4px;
}
#useful .clWrap li a{
	display: block;
	width: 327px;
	min-height:129px	;
	background : #f6f6f6;
}
#useful .clWrap li a:hover{
	background : #f0f0f0;
}
#useful .clWrap li.last{
	float: right;
	margin-left: 4px;
}
#useful .clWrap li div.pct{
	float:left;
	width:113px;
	height:129px;
}
#useful .clWrap li dl.txt{
	display:inline-block;
	width: 188px;
	margin: 10px 10px 0 16px;
}
#useful .clWrap dl.txt dt{
	margin-bottom:6px;
	width: 170px;
	font-size:120%;
	line-height:140%;
	text-indent:14px;
	font-weight: bold;
	background:url(../common/img/arr_blue_link.png) no-repeat 0px 5px;
}
#useful .clWrap li a:hover  dl.txt dt{
	text-decoration:underline;
}
#useful .clWrap dl.txt dd{
	line-height:160%;
	padding-bottom:6px;
}

#useful ul.clWrap_tate{
	clear: both;
	width:658px;
	height:249px;
}
#useful .clWrap_tate li{
	display:inline-block;
	float: left;
	width: 161px;
	min-height:249px;
	margin-left: 4px;
}
#useful .clWrap_tate li a{
	display: block;
	width: 161px;
	min-height:249px;
	background : #f6f6f6;
}
#useful .clWrap_tate li a:hover{
	background : #f0f0f0;
}
#useful .clWrap_tate li:first-child{
	margin-left: 0px;
}
#useful .clWrap_tate dl.txt {
	width: 136px;
	height:150px;
	margin: 10px auto 0;
}
#useful .clWrap_tate dl.txt dt{
	width: 136px;
	font-size:110%;
	line-height:140%;
	text-indent:12px;
	font-weight: bold;
	background:url(../common/img/arr_blue_link.png) no-repeat 0px 5px;	
	margin-bottom:10px;
	margin-bottom:6px;	
}
#useful .clWrap_tate dl.txt dd{
	display:inline-block;
	font-size:100%;
	line-height:140%;
	padding-bottom:6px;
}
/* ▼こだわり条件で探す等
   --------------------------------------------- */
#searchIndex{
	margin-bottom: 25px;
	border-top:solid 2px #ff7da3;
	 width:658px;
	 clear: both;
	 zoom:1;
}
#searchIndex h2 {
	padding-left:37px;
	font-size:140%;
	height:18px;
	margin: 10px 0 16px 0;
	font-weight:normal;
	letter-spacing:0.1em;
	background:url(../common/img/ico_result_title_top.png) no-repeat 8px 0px;	
}
#searchIndex div.inner li {
	float: left;
	margin: 0 5px 5px 0;
}
#searchIndex div.inner li:first-child {
	margin-left: 0px;
}
#searchIndex div.inner li a{
	display:inline-block;
	line-height:32px;
	text-indent:11px;
	background:url(../common/img/arr_blue_link.png) no-repeat 10px 13px;
	background-color:#d9d9d9;
	padding:2px 12px 0 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#searchIndex div.inner li a:hover{
	text-decoration:none;
	background-color:#cccccc;
}


/* ▼ページ最下部　コメント
   ------------------------------------------------------ */

.bnr_comment{
	width:658px;
	height:268px;
	margin-bottom:24px;
	background: url(../img/bg_top_comment2.gif) repeat-y left top;
}
.bnr_comment p.ttl_sub{
	background:#fff;
	width:658px;
	height:26px;
	text-align:center;
}
.bnr_comment dl{
	background:url(../img/bg_top_comment.jpg) no-repeat left top;
	width:658px;
	height:244px;
	clear:both;
}
.bnr_comment dl dt{
	padding-top:5px;
	margin:0 auto 0;
	width:389px;
}
.bnr_comment dd p{
	line-height:170%;
	font-size:90%;
	width:420px;
	margin:30px 0 0 125px;
	text-align:left;
}
span.pink{
	color:#e63082;
}

.cv_area{
	text-align:center;
	margin-bottom:36px;
	width:658px;
}
.cv_area .btn{
	margin-top:9px;
}


/* ▼secondary
   --------------------------------------------- */

/* 「エントリー手順」 （top用） */
#secondary div.howToEntryTop{
	position: relative;
	width: 261px;
	height: 347px;
	margin-bottom: 10px;
	background: url(../img/bg_howto.gif) no-repeat left top;
}
#secondary div.howToEntryTop dt{
	position: absolute;
	left: 24px;
	top: 13px;
}
#secondary div.howToEntryTop dd.step ol{
	position: absolute;
	left: 72px;
	top: 58px;
}
#secondary div.howToEntryTop dd.step ol li{
	margin-bottom: 3px;
}
#secondary div.howToEntryTop dd.txt{
	position: absolute;
	left: 12px;
	top: 250px;
	width: 239px;
	font-size: 90%;
}
#secondary div.howToEntryTop dd.btn{
	position: absolute;
	left: 12px;
	top: 271px;
}
#secondary div.howToEntryTop dd.link{
	position: absolute;
	left: 14px;
	top: 324px;
	font-size: 86%;
}
#secondary div.howToEntryTop dd.link a{
	padding-left:10px;
	background: url(../common/img/arr_pink_link.png) no-repeat left 3px;
}


/* お気に入りボタン*/
#secondary #bookmark {
margin-bottom: 10px;
}

/*バナー*/
#secondary .bnr_area_top li {
	margin: 0 0 10px 0;
}
#secondary .bnr_area_top li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
#secondary .bnr_area_top li.pr {
	padding:11px 1px 1px 1px;
	background: url(../img/secondary/bg_pr_secondary.gif) no-repeat left top;
}

.facebook{
	width:261px;
}

.facebook a:hover {
filter: alpha ( opacity=80 );
-moz-opacity: 0.80;
opacity: 0.80;
}
.google{
}
.bnrList li a:hover img{
filter: alpha ( opacity=80 );
-moz-opacity: 0.80;
opacity: 0.80;
}