@charaset "Shift_JIS";
/* ------------------------------------------------------------------------------------
	top.css
	2012グランドTOPＣＳＳ
------------------------------------------------------------------------------------
	1:左メニュー
	2:中央メニュー
	3:企業検索・比較me-ru 
　　4:おすすめコンテンツ
    5:東洋経済リンク
	6：特集コンテンツ　バナー	
------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------
	1:左メニュー
------------------------------------------------------------------------------------ */
/* 左帯ブックマーク */
.TopBook {
	margin-bottom:10px;
}
.TopBookbox{
	padding:10px 10px 0 10px;
    border-left:solid 1px #cbcbcb;
	border-right:solid 1px #cbcbcb;
}
.TopBookList01{
    margin-bottom:10px;
    padding-bottom:5px;
	display:block;
	border-bottom:dotted 1px #2170d2;
}
.TopBookList01 dt,.TopBookList02 dt{
    padding-left:23px;
	margin:0;
    width:100px;
    float:left;
	text-align:left;
}
table.TopBookList03{
    margin:10px;
}
.TopBookList01 dd,.TopBookList02 dd{
	text-align:right;
}
.TopBookList01 dd a,.TopBookList02 dd a,
.TopBookList03 dd a{
    padding-left:5px;
}
.TopBookList01i01{
    background:url(../img/rim/icon_bookmark_01.gif) no-repeat left;
}
.TopBookList01i02{
    background:url(../img/rim/icon_bookmark_02.gif) no-repeat left;
}
.TopBookList01i03{
    background:url(../img/rim/icon_bookmark_03.gif) no-repeat left;
}
.TopBookList02i01{
    background:url(../img/rim/icon_bookmark_04.gif) no-repeat left;
}



/* メッセージ */
.TopMsg {
	margin-bottom:10px;
}
.TopMsgbox{
	padding:10px 10px 0 10px;
    border-left:solid 1px #cbcbcb;
	border-right:solid 1px #cbcbcb;
}
.TopMsgList{
    padding-bottom:5px;
	display:block;
}
.TopMsgList dt{
    padding-left:23px;
	margin:0;
    width:100px;
    float:left;
	text-align:left;
}
.TopMsgList dd{
	text-align:right;
}
.TopMsgList dd a{
    padding-left:5px;
}


.TopMsgListi01{
	background-image: url(../img/rim/icon_message_01.gif);
	background-repeat: no-repeat;
	background-position: left;
}

dt.TopMsgListi02 {
    margin-left:10px;
	padding-left:15px;
	color:#FF0000;
    background:url(../img/top/top_msg_i02.gif) no-repeat left;
}
dt.TopMsgListi03{
    margin-left:10px;
	padding-left:15px;
	color:#FF6666;
    background:url(../img/top/top_msg_i03.gif) no-repeat left;
}


.TopMsgListi04{
    background:url(../img/rim/icon_message_02.gif) no-repeat left;
}


.TopMsgListi05{
    background:url(../img/rim/icon_message_03.gif) no-repeat left;
}

.TopMsgListred{
	font-weight: bold;
	color: #FF0000;
}


/* 研究 */

.TopKenT{
	background-image: url(../img/top/top_ken_haikei.gif);
	background-repeat: repeat-x;
	height: 35px;
	padding-left: 10px;
}

.TopKenT td{
	font-weight: bold;
}

.TopKenTa{
	width:578px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccd2e1;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
}



span.TopMsgListred,
span.TopMsgListred a,
span.TopMsgListred a:active{
    color:#FF0000;
}

/* 学生モニターアンケート・話題のコンテンツ */
.LeftTxtBox{
   text-align:left;
	margin-bottom:10px;
}
.LeftTxtBox th{
   margin:0;
   padding:0;
}
.LeftTxtBoxCon{
   padding:10px 10px 0 10px;
   border-left:solid 1px #c2c2c2;
   border-right:solid 1px #c2c2c2;
}
.LeftTxtBoxLink{
   margin-top:5px;
   padding-left:13px;
   background:url(../img/rim/rim_rbox_yaji.gif) no-repeat left 5px;
   float:right;
}
.LeftTxtBoxCon h3{
   font-weight:bold;
}
.RimtxtBoxqu{
   margin-right:5px;
   width:110px;
   float:left;
}
/* 話題のコンテンツ */
ul.LeftTxtBoxTopic li{
   padding-left:15px;
   background:url(../img/rim/rim_rbox_yaji.gif) no-repeat left 5px;
}


/* グローバルバナー */
.Gbanner{
   margin-top:10px;
}

/* 企業・業界を検索 */

.Ckensaku{
padding:10px;
border-left:solid 1px #ccd2e1;
border-right:solid 1px #ccd2e1;
border-bottom:solid 1px #ccd2e1;
width:558px;
margin-bottom:15px;
}




/* ------------------------------------------------------------------------------------
	2:中央メニュー
------------------------------------------------------------------------------------ */
/* タイトル */
.Toptitle{
	width:570px;
	height:37px;
	background-image: url(../img/cmn/title_haikei.gif);
	background-repeat: repeat-x;
	line-height: 37px;
	text-align:left;
	font-size: 12px;
	padding-left: 10px;
}

.Toptitles{
	margin-top: 10px;
	margin-bottom: 1px;
}



/* 今日の企業・採用ニュース */

.TopStepBoxw{
	width:338px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
}

.TopStepBoxw p{
font-size: 11px;
}



/* ラボラトリー */
.TopLaboBox{
	width:338px;
	background-color: #eef1f9;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
}





.TopLaboBoxw{
	width:338px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
}


.TopLaboBoxw2{
	width:338px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccd2e1;
}


.TopNewsBox{
	width:558px;
	background-color: #eef1f9;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
}


.TopCompanyBox{
	width:558px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	font-size: 11px;
	text-align:center;
}



.TopNewsBoxw{
	width:558px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
}



/* 積極採用企業 */

.TopSekkyokuBoxw{
	width:338px;
	background-color: #FFFFFF;
	padding: 10px;
	text-align:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccd2e1;
	border-left-color: #ccd2e1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccd2e1;
}

.TopSekkyokuCnName_sub {
	line-height: 120%;
	font-size: 11px;
	color: #ff7a37;
	text-align: left;
	font-weight:bold;
}

.TopSekkyokuText {
	line-height: 120%;
	font-size: 11px;
	text-align: left;
	padding-bottom:2px;
}


/* バナーエリア */
.Topbanner01{
	margin-top: 28px;
	margin-bottom: 20px;
}



/* トップリンク */
.TopLink{
font-size: 11px;
}


/* 魅力的な条件で選ぶ会社特集 */
#TopTok02{
   margin-bottom:10px;
   background:url(../img/top/top_tok02.gif) no-repeat left top;
   height:59px;
}
#TopTok02 h2{
   margin:0;
   padding:0;
   text-indent:-9999px;
}
#TopTok02 ul{
   padding-left:140px;
   float:left;
}
#TopTok02 li{
   margin:0;
   padding-left:15px;
   text-align:left;
   background:url(../img/top/top_tok02_arrow.gif) no-repeat left 3px;
}
/* 中央メニュー共通 */
#TopMenu01,#TopMenu02,
#TopMenu03,#TopMenu04{
   margin-bottom:10px;
   padding-bottom:10px;
   background:url(../img/top/top_menu_btm02.gif) no-repeat left bottom;
   clear:both;
}
#TopMenu01 table,#TopMenu02 table,
#TopMenu03 table,#TopMenu04 table{
   margin:0;
   padding:0;
   border-left:1px #c2c2c2 solid;
   border-right:1px #c2c2c2 solid;
}
#TopMenu01 th,#TopMenu02 th,
#TopMenu04 th{
   padding:10px 0 0 10px;
   text-align:left;
   vertical-align:top;
}
#TopMenu01 td,#TopMenu02 td,
#TopMenu04 td{
   padding:10px 10px 0 5px;
   text-align:left;
   vertical-align:top;
}
#TopMenu01 p,#TopMenu02 p,
#TopMenu04 p{
   margin-top:5px;
   font-size:10px;
}
/* 話題の人事ブログ */
#TopMenu03 td{
   padding:10px 10px 0 10px;
   text-align:left;
   vertical-align:top;
}
#TopMenu03 li{
   padding-left:13px;
   background:url(../img/top/top_arrow_blue.gif) no-repeat left 5px;
}
/* ------------------------------------------------------------------------------------
	3:企業検索・比較
------------------------------------------------------------------------------------ */
#TopSh{
   margin:10px 0 10px 0;
   text-align:left;
}
.ComList{
   padding:10px 10px 0 10px;
   border-left:solid 1px #c2c2c2;
   border-right:solid 1px #c2c2c2;
}
.TopShBox table td{
   vertical-align:top;
}
.ComkensakuMenu{
　 width:175px;
   padding-right:5px;
}
.ComList th{
   width:90px;
   vertical-align:top;
   text-align:left;
}
.ComList td{
   text-align:left;
}
.ComList01,.ComList02,
.ComList03,.ComList04,
.ComListSem{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:dotted 1px #cccccc;
}
.ComList04{
   margin:0;
   padding-bottom:10px;
   border-bottom:none;
}
.ComList01input{
   margin-right:10px;
}
.ComList02 li{
   display:inline;
}
.ComList02 li a{
   margin-right:10px;
   white-space: nowrap;
}
.ComListSem table.Shcalender{
   border:1px #CCCCCC solid;
   border-collapse:collapse;
}
.Shcalender{
   text-align:center;
}
.Shcalender th{
   width:224px;
   padding:2px 0 2px 0;
   text-align:center;
   background-color:#CCCCCC;
   vertical-align:middle;
}
.Shcalender td{
   width:30px;
   padding:1px 0 1px 0;
   text-align:center;
   vertical-align:middle;
   background:#FFFFFF;
   border:1px #CCCCCC solid;
}
.ComListTxtLink{
   margin-bottom:5px;
   padding:0;
}
.ComListTxtLink td{
   padding:5px 10px 5px 0;
   border-bottom:dotted 1px #cccccc;
}
.ComListTxtLink h3{
   margin-right:20px;
   float:left;
}
.ComListTxtLink li{
   padding-right:10px;
   float:left;
}
.ComListTxtLinkKigyou{
   float:right;
   width:485px;
}

/* 2社比較 */
.TopCompare2{
   margin:0 auto 8px;
   background-image:url(../img/top/top_sh_com2_bg.gif);
   background-repeat:repeat-x;
}
.TopCompare2 td{
   vertical-align:middle;
   text-align:left;
}
.TopCompare2 th{
   text-align:left;
}
.Top-2Cprbox{
   margin:auto 0;
   width:153px;
}



/* ------------------------------------------------------------------------------------
	4:おすすめ講座
------------------------------------------------------------------------------------ */
#TopSp{
   margin-bottom:10px;
   padding-bottom:10px;
   text-align:left;
   background:url(../img/top/top_menu_btm01.gif) no-repeat left bottom;   
}
#TopSp table{
   margin:0;
   padding:0;
}
.TopSpBox{
   margin:0;
   padding:0px 10px 0 10px;
   border-left:solid 1px #c2c2c2;
   border-right:solid 1px #c2c2c2;
}
.TopSpBox td{
   vertical-align:top;
}
.TopSpBoxLink{
	width:340px;
	margin-top: 8px;
}
.TopSpBoxLink h3{
   margin:0;
   padding:0;
   float:left;
}
.TopSpBoxLink h4{
   margin-left:70px;
   font-family: 'メイリオ','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
   /* 150209メモ　↑ここでメイリオ追加 */
   padding:0;
}
.TopSpBoxLink p{
   margin-left:70px;
   padding-top:3px;
   font-size:10px;
}
/* ------------------------------------------------------------------------------------
	5:東洋経済リンク
------------------------------------------------------------------------------------ */
#TopSpBoxTokei{
   padding:10px 0 10px 0;
   padding-bottom:5px;
   border-bottom:dotted 1px #CCCCCC;
}
#TopSpBoxTokei h3{
   margin-bottom:5px;
}
.TopBoxLinkItv{
   margin:10px 0 5px 0;
   clear:both;
}
.TopBoxLinkCorp{
   margin-bottom:10px;
   border-top:dotted 1px #CCCCCC;
}
.TopBoxLinkItv th,
.TopBoxLinkCorp th{
   color:#FFFFFF;
   border-right:#FFFFFF 1px solid;
   font-size:10px;
   font-weight:normal;
   vertical-align:middle;
   text-align:center;
}
.TopBoxLinkItv th{
   background:#ed7d32;
}
.TopBoxLinkCorp th{
   padding-top:5px;
   background:#0a9159;
   border-top:solid  5px #FFFFFF; 
}
.TopBoxLinkItv td{
   vertical-align:middle;
}
.TopBoxLinkCorp td{
   padding-top:5px;
   vertical-align:middle;
}
/* ------------------------------------------------------------------------------------
	6:特集コンテンツバナー
------------------------------------------------------------------------------------ */
.SpTokbana{
   padding:10px 0 10px 0;
}
.SpTokbana p{
   padding:5px 5px;
   font-size:10px;
   border-left:1px solid #c43a3c;
   border-right:1px solid #c43a3c;
   border-bottom:1px solid #c43a3c;
}



.SpYGKsnBox{
	background-color: #ffffff;
	padding: 9px;
	text-align:center;
}

.SpYGKsnBoxLogo{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
