@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　転職マーケットレポート　CSS
 マーケットレポートリニューアルに伴う、新デザイン 更新日:09/09/25
 マーケットレポート再デザイン 更新日:2010/08/11
 最終更新日　2010/11/11

 [目次]
------------------------------------------------------------ */

/* 
 0:layout
------------------------------ */

div.main{
width:600px;
float:left;
}

div.sub{
width:310px;
float:right;
}

/* 
 1:section
------------------------------ */

div.main div.section,
div.sub div.section{
border:1px solid #C4D0D8;
border-top:none;
padding:0 10px 10px;
}

div.main div.section{
	margin:0 0 25px;
	width: 578px;
}
div.main #kyujinInfo .kyujinContents div.section{
	margin:0 0 25px;
	width: 558px;
	border-style: none;
}

div.sub div.section{
	margin:0 0 15px 0;
	width: 288px;
}
div.section h3.sectionTitle{
margin:0 -11px 5px -11px !important;
padding:0 !important;
background:none !important;
}

div.sub div.section h3.title03{
margin:0 -11px 5px -11px !important;
padding:0;
}

div.main div.section p{
margin:0 0 30px 0;
}

div.main div.section div.textBox05{
margin:0;
}

div.main div.section div.textBox05,
div.main div.section div.textBox02{
overflow:hidden;
zoom:1;
}

div.main div.section div.textBox05 img,
div.main div.section div.textBox02 img{
float:left;
}

div.main div.section div.textBox05 p,
div.main div.section div.textBox02 p{
margin:0 0 0 50px;
color:#000000;
}


/*1-1 eventInfo/topics---------*/

div#eventInfo,
div#topics{
border:1px solid #C4D0D8;
border-top:none;
}

div#eventInfo li,
div#topics li{
background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 2px;
padding:0 0 0 12px;
margin:0 0 10px 0;
}
#eventInfo .eventInfoFooter {
	text-align: right;
	margin: 0px;
}

/*1-2 outline---------*/

div.outline{
width:100%;
overflow:hidden;
}

div.outline img{
float:left;
}
div.outline p{
color:#000000;
font-weight:bold;
font-size:125%;
margin:0 0 8px 95px;
padding:15px 0 0 0;
}

/*1-3 dataArea---------*/

div.dataArea{
border:1px solid #E5E5E5;
background:#F9F9F8;
padding:10px 10px 5px 10px;
margin:0 0 12px 0;
}

div.dataArea table{
width:100%;
border-bottom:1px dotted #E5E5E5;
margin-bottom:10px;
}

div.dataArea table.end_table{
border-bottom:none;
margin-bottom:0;
}

div.dataArea caption{
text-align:left;
padding:0 0 5px 0;
color:#000000;
}

div.dataArea caption a{
text-decoration:underline;
}

div.dataArea th,
div.dataArea td{
text-align:left;
padding:3px;
vertical-align:top;
}

div.dataArea td{
text-align:right;
color:#000000;
width:100px;
}


#tenshokuseikou th,
#tenshokuseikou td{
font-size:117%;
font-weight:bold;
color:#ff0000;
text-align:left;
}

/*1-4 caVoice---------*/

div#caVoice{
overflow:hidden;
zoom:1;
}

div#caVoice img.photo{
float:right;
margin:0 0 10px 5px;
}

div#caVoice p{
margin:0 0 10px 0;
}

div#caVoice div.textBox05{
clear:both;
margin:0;
}


div#caVoice div.textBox02 p{
margin:0;
color:#000000;
}


/*1-5 interview---------*/

div#interview{
overflow:hidden;
zoom:1;
}

div#interview img.photo{
float:left;
}

div#interview dl{
margin:0 0 0 115px !important;
}


#reportContainer {
	width: 578px;
}
.reportIcon  {
	margin: 0px;
	float: left;
	width: 87px;
}
.reportContent {
	float: right;
	width: 481px;
	margin-left: 10px;
}
/*1-6 マーケットレポート---------*/

#reportHeader {
	margin:0px 0px 0px
}
#reportHeader h3 {
	margin-bottom: 0px;
}



#reportHeader .reportTxtmenu {
	font-size: 87%;
	text-align: right;
}

#reportList {
	list-style:none;
	margin:0px 0px 15px
}
#reportList h4 {
	cursor:pointer;
	background:url(/common/imgs/ico_arrow03.gif) no-repeat left 6px;
	font-weight: bold;
	color: #00259B;
	margin: 0px 0px 5px;
	padding-left: 17px;
}
#reportList h4:hover {
	text-decoration: underline;
}
#reportList .reportSection {
	overflow:hidden;
	margin: 0px 0px 0px 15px;
}
#reportList .reportContent {
}
.main .section .textBox05 {
	clear: both;
}
#reportContainer #reportFooter {
	clear: both;
	font-size: 87%;
	margin-bottom: 10px;
}


/*1-7 求人情報---------*/
#kyujinInfo {
}
#kyujinInfo .kyujinContents {
	/*	border:3px solid #C3D0D8;
	padding:10px;*/
	margin:0 0 20px;
	padding-bottom: 0px;
}
#kyujinInfo .kyujinContents ol.list {
	list-style: decimal;
	margin: 0px 0px 0px 18px;
	padding: 0px ;
}
#kyujinInfo .kyujinContents h4 {
	margin: 0px 0px 10px;
	padding-top: 0px;
	color: #000;
}
#kyujinInfo .kyujinContents .section {
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	}

#kyujinInfo .kyujinContents div.section h3 {
	display: none;
}
#kyujinInfo .kyujinContents div.section br {
	display: none;
}

#kyujinInfo ol.list li {
	margin: 0px 0px 5px 0px;
	padding: 0px ;
}
#kyujinInfo .kyujinContents .keywordList {
	margin-left: 20px;
}
#kyujinInfo .kyujinContents .keywordList a{
margin-right:4px;
}
#kyujinInfo .kyujinContents .keywordList .kensaku_l{
font-size:125%;
font-weight:bold;
}
#kyujinInfo .kyujinContents .keywordList .kensaku_m{
font-size:117%;
}
#kyujinInfo .kyujinContents .keywordList .kensaku_s{
font-size:87%;
}

#kyujinInfo .kyujinFooter {
	text-align: right;
	margin: 0px 0px 0px 15px;
	/*border-bottom:1px dotted #cecece;*/
	padding-bottom: 0px;
}
#kyujinInfo .kyujinContents #kyujinKeyword .kyujinFooter {
	margin-bottom: 0px;
}
#kyujinInfo .kyujinContents #mediKeyword .kyujinFooter {
	margin-bottom: 0px;
}



/*1-8 おすすめ情報---------*/
#notice {
	background:url(/common/imgs/textbox02_bg.gif) repeat left top;
	border:none;
/*	border-top:1px solid #C4D0D8;*/
	padding-top: 10px;
}
#notice h4 {
	font-weight: bold;
}

#notice .companyLogo {
	text-align: left;
	width: 535px;
	margin-right: auto;
	margin-left: auto;
}
#notice .companyLogo a:hover {
	text-decoration:none;
}
#notice .companyLogo img {
	margin: 0px 5px 5px;
}



/*1-9 マーケットトピックス---------*/
#topics .topicsFooter {
	text-align: right;
	margin: 0px;
}

.sub #adviser dl dt {
	float: left;
	width: 100px;
	clear: left;
	display: inline;
}
.sub #adviser dl dd {
	margin-bottom: 10px;
	margin-left: 110px;
	zoom: 1;
}
#adviser .advisorText {
	clear: left;
	padding: 5px 0px 15px;
}
.sub #casestudy dl dt {
	float: left;
	width: 58px;
	clear: left;
	display: inline;
}
.sub #casestudy dl dd {
	margin-bottom: 10px;
	margin-left: 68px;
	zoom: 1;
}

/*.sub 市場動向---------*/
.sub #shijoudoukou h3.title03 span{
	padding:6px 6px 10px;
}
.sub #shijoudoukou h3.title03 span .ico{
	vertical-align: baseline;
}
.sub #shijoudoukou h4{
	font-weight: bold;
	margin: 0px 0px 5px;
}
.sub #shijoudoukou.section p{
	margin: 0px 0px 10px;
}


/*.sub 職務経歴書の書き方---------*/
.sub #keirekisho {

}
.sub #keirekisho p{
	padding-bottom: 10px;
}
.sub #keirekisho .link {
	margin: 0px 0px 10px;
}
.sub #keirekisho .notes {
	padding-bottom: 0px;
}


.sub #keirekisho .link li {
	margin: 0px 0px 5px;
}


/*.sub 成功ガイドコンテンツ---------*/
.sub #guideContents {
	border-top:1px solid #C4D0D8;
	padding-top: 10px;
}
.sub #guideContents h3 {
	font-weight: bold;
	margin: 0px 0px 5px;
	clear: left;
}
.sub #guideContents #guideInterview dt ,
.sub #guideContents #guideRanking dt ,
.sub #guideContents #guideTokushu dt ,
.sub #guideContents #guideColumn dt {
	float: left;
	width: 100px;
}
.sub #guideContents #guideInterview dd ,
.sub #guideContents #guideRanking dd ,
.sub #guideContents #guideTokushu dd ,
.sub #guideContents #guideColumn dd {
	margin-left: 110px;
	margin-bottom: 20px;
}
.sub #senmon p {
	padding-bottom:10px;
}
.sub #senmon dl dt {
	margin-bottom: 5px;

}
.sub #senmon dl dd {
	font-size: 87%;
	padding-bottom: 10px;
	margin-left: 12px;
}
.yougoList {
	margin-bottom:15px;
}
.sub #yougoshu .yougoList a {
	margin-right: 5px;
}




/* ------------------------------------

　更新日：2010/08/11
------------------------------------ */

/* main マーケットレポート専用申込ボタン  */

div.mktEn{
border:1px solid #C4D0D8;
padding:12px 22px 8px 22px;
margin:10px 0 10px 0;
overflow:hidden;
zoom:1;
}

div.mktEn p{
width:270px;
float:left;
margin:15px 0 0 0;
}

div.mktEn p.btn{
float:right;
width:247px;
margin:0;
}



/* main メルマガリンク  */

div.main div.mailMg div.textBox05{
margin:0 0 25px 0;

}

div.main div.mailMg div.textBox05{
overflow:hidden;
zoom:1;
}

div.main div.mailMg div.textBox05 img{
float:left;
}

div.main div.mailMg div.textBox05 p{
margin:0 0 0 50px;
color:#000000;
}




/* sub ケーススタディ  */
.sub #casestudy dl dd h4 a{
display: block;
}




/* sub 独自サービス  */

.sub #serviceMerit dl dt {
	float: left;
	width: 58px;
	clear: left;
	display: inline;
}
.sub #serviceMerit dl dd {
	margin-bottom: 10px;
	margin-left: 68px;
	zoom: 1;
}

h1 span{display:none;}


/* ITエンジニア転職サイトバナー */

.bannerlink{
	width:300px;
	text-align: right;
	margin-top:3px;
}



