@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　トップページ　CSS
 更新日:2012/1/30  追加：2011/2/18, 2011/8/10, 2011/10/4

 [目次]
	0:contents
		0-1:div.errorArea
		0-2:entryNav
	1:div.main
		1-1:twoColumn
		1-2:div#service01
		1-3:div#service02
		1-4:div#career
		1-5:div#casestudy
		1-6:div.enterpriseinterview
		1-7:div.trend
		1-8:div#baselist
		1-9:div#guide
		1-10:div#employment
		1-11:div#trialservice
		1-12:div#support
		1-13:div#about
		1-14:div#interview
		1-15:div#trialservice2
		1-16:div#guide2
		
	2:sub
		2-1:div#aboutRA
		2-2:div#infomation
		2-3:div#notice
		2-4:div#bizravel
		
	3:add
		3-1:拠点一覧 div#baselist
		
------------------------------------------------------------ */


/* 
 0:contents
------------------------------ */

div#contents{
width:950px;
}

div#contents ul{
margin:0;
list-style-type:none;
}

div#contents p{
margin:0;
}

/*0-1:div.errorArea---------------- */

div.errorArea{
border:3px solid #FFB3A9;
background:#FEF6E9;
padding:10px;
margin:0 10px 10px 0;
text-align:center;
}

div.errorArea p{
color:#ff0000;
font-weight:bold;
display:inline;
background:url(/common/imgs/ico_error_l.gif) no-repeat left center;
padding:2px 0 2px 25px;
}


/*0-2:entryNav---------------- */

div#contents div.entryNav{
	height:255px;
	width: 950px;
	margin: 0px 0px 10px;
}

div#contents div#mainVis {
float:right;
width:715px;
height: 255px;

/*2011/2/18 追加 =========*/
/* メイン */ 
/*	padding:0px;
	margin: 0px;

background:url(/imgs/mainVis.jpg) no-repeat left top;	*/
}

div#contents div#mainVis p/*h1*/{
max-width::255px;
max-height:715px;
position: absolute;
/*text-indent:-9999px;
display:inherit;
*/
}

/* スペシャルサイトボタン */
/*div.spsite{
width:77px;
height:13px;
padding-left:623px;
padding-top:217px;
}
*/
div.spsite{
width:77px;
height:13px;
position: relative;
left:623px;
top:232px;
}

div.spsite a{
outline:none;
width:77px;
height:13px;
display:block;
/*text-indent:-9999px;
*/
}
div.spsite a:hover{
text-decoration:none;
outline:none;
}


#contents .entryNav ul {
margin: 0px;
padding: 16px 0px 0px 10px;
width: 225px;
background:url(/imgs/mainVis_bg.jpg) no-repeat left top;
height: 239px;
float: left;
}
#contents .entryNav ul li {
}
#contents .entryNav ul li#btnEntry {
	margin-bottom: 15px;
}
#contents .entryNav ul li#btnService {
	margin-bottom: 5px;
}

/* DLPO専用 */

div#contents div.mainVis2{
position: absolute;
}


div#contents div.dlpo_btn{
width:392px;
height:50px;
position: relative;
left:541px;
top:194px;
}


/*1:div.main---------------- */

div#contents div.main{
width:680px;
float:right;
}

/*1-1:twoColumn------------- */

#contents div.twoColumn {
background:url(/imgs/twocolumn_bg.gif) no-repeat left bottom;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

#contents .main div.twoColumn div.section{
width:310px;
float:left;
margin:0 10px 0 0;
padding:0 10px;
}

#contents div.twoColumn a{
font-weight:bold;
}


#contents div.twoColumn h2{
margin:0 -10px 5px -10px;
}

div.oneColumn {
background:url(/imgs/onecolumn_bg.gif) no-repeat left bottom;
padding:0 30px 10px 20px;
margin:0 0 10px 0;
}


div.oneColumn h2{
margin:0 -30px 5px -20px;
}

/*1-2:div#service01 --------------*/

div#service01 li{
font-size:115%;
margin:0 0 3px 0;
background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 2px;
padding:0 0 0 18px;
}

div#service01 li.beginner{
background:url(/common/imgs/ico_beginner.gif) no-repeat 0 -1px;
line-height:1.5;
}

/*1-3:div#service02 --------------*/

div#service02 li{
margin:0 0 3px 0;
background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 3px;
padding:0 0 0 15px;
}

div#service02 li p{
margin:1px 0 0 0;
}

div#service02 li h3{
font-size:115%;
margin:0;
}

/*1-4:div#career --------------*/

div#career img.photo{
float:right;
}

div#career p{
	margin:0 110px 0 0;
}

div#career p a{
font-size:115%;
display:block;
margin:0 0 5px 0;
}

/*1-5:div#casestudy 310 --------------*/

div#casestudy dl dt{
clear:left;
float:left;

}

div#casestudy dl dd{
margin:0 0 5px 65px;
min-height:58px;
_height:58px;
}

div#casestudy dl dd p a{
display:block;
margin:0 0 5px 0;
}

/*1-6:div.enterpriseinterview  11/10/4 追加--------------*/

div.enterpriseinterview{
	margin:0 0 10px;
}
div.enterpriseinterview ul li{
	display:inline;
	padding:0 4px;
}


/*1-7:div.trend 初期 --------------*/

/*
div.trend{
padding-bottom:20px;
}

div.trend ul{
width:630px;
overflow:hidden;
margin:0;
}

div.trend ul li{
float:left;
cursor:pointer;
}

div.trend ul li.active{
}


div.trend{
display:none;
padding-bottom:20px;
}


div.trend ul li img{
vertical-align:bottom;
}

div.trend div.inContent{
border:1px solid #869EAE;
border-top:none;
padding:10px 20px;
width:588px;
overflow:hidden;
}

div.trend div.inContent img{
float:left;
}

div.trend div.inContent h3{
font-weight:bold;
font-size:125%;
margin:0 0 8px 95px;
padding:15px 0 0 0;
}

div.trend div.inContent p{
font-size:87%;
margin:0 0 0 95px;
}
*/

#trendNoscript{
display:block;
overflow:hidden;
zoom:1;
padding-bottom:10px;
}

#trendNoscript ul{
width:49%;
float:left;
margin:0;
}

#trendNoscript ul li{
float:none;
}

/*　trend_tabテキストtype　*/

#trend {
	width: 630px;
	margin: 0px;
	padding-bottom: 10px;
}

#trend_tab {
	margin-bottom:30px;
}


#trend_tab .tab  {
	float: left;
	width: 90px;
	background: url(/imgs/tab_trend_bg.gif) no-repeat left top;
	text-align: center;
	margin: 0px;
	height: 25px;
	cursor: pointer;
}
#trend_tab .active {
	background: url(/imgs/tab_trend_bg_selected.gif) no-repeat left top;
}
#trend_tab .tab a {
	display: block;
	height: 25px;
	line-height: 25px;
	outline:none;
}
#trend .trend_tab_contents {
	margin: 0px;
	padding: 10px;
	border-right: 1px solid #869EAE;
	border-bottom: 1px solid #869EAE;
	border-left: 1px solid #869EAE;
	border-top-style: none;
	display: inline-block;
}
#trend .trend_tab_contents img {
	float: left;
}
#trend .trend_tab_contents .trend_txt {
	width: 511px;
	margin-left: 10px;
	float: right;
}
#trend .trend_tab_contents .inContent h3 {
	font-weight:bold;
	font-size:125%;
	margin:0 0 8px 95px;
	padding:15px 0 0 0;
}

#trend .trend_tab_contents .inContent p{
	font-size:87%;
	margin:0 0 0 95px;
}


#trend .trend_tab_contents .trend_txt p.trend_link {
	font-size: 10px;
	text-align: right;
	margin-top: 5px;
}


/*1-8:div.trend 解体系、タブ共通--------------*/

/* タブ共通 */
#trend , #search {
	width: 630px;
	padding: 0px 0px 10px;
}
#trend .trend_tab_contents , #search .search_tab_contents {
	margin: 0px;
	padding: 10px 10px 10px 15px;
	border-right: 1px solid #869EAE;
	border-bottom: 1px solid #869EAE;
	border-left: 1px solid #869EAE;
	border-top-style: none;
}

/*
#trend_block #trend {
	width: 630px;
	border-top: 1px solid #E8E8E8;
	margin: 0px;
	padding-bottom: 10px;
}

#trend_tab .tab  {
	float: left;
	width: 90px;
	background: url(/imgs/tab_trend_bg.gif) no-repeat left top;
	text-align: center;
	margin: 0px;
	height: 25px;
}
#trend_tab .active {
	background: url(/imgs/tab_trend_bg_selected.gif) no-repeat left top;
}
#trend_tab .tab a {
	display: block;
	height: 25px;
	line-height: 25px;
	outline:none;
}
#trend .trend_tab_contents {
	margin: 0px;
	padding: 10px;
	border-right: 1px solid #869EAE;
	border-bottom: 1px solid #869EAE;
	border-left: 1px solid #869EAE;
	border-top-style: none;
}
#trend .trend_tab_contents .weather_img {
	float: left;
	width: 87px;
	height: 81px;
}
#trend .trend_tab_contents .trend_txt {
	width: 511px;
	margin-left: 10px;
	float: right;
}
#trend .trend_tab_contents .trend_txt h3 {
	font-weight:bold;
	font-size:125%;
}
#trend .trend_tab_contents .trend_txt p.trend_link {
	font-size: 10px;
	text-align: right;
	margin-top: 5px;
}*/


/*1-9:div#trend_block --------------*/
/*
#trend_block #trend .trend_box {
	padding: 5px;
	border-bottom: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
}
#trend_block #trend .trend_box .trend_rightbox {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	float: right;
	width: 562px;
}
#trend_block #trend .trend_box .trend_rightbox h3 {
	margin: 0px 0px 3px;
	padding: 0px;
	font-weight: bold;
	color: #000;
}
#trend_block #trend .trend_box .trend_rightbox p {
	font-size: 87%;
	margin-left: 12px;
}
#trend_block #trend .trend_box .trend_leftbox {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50px;
}

*/

/*1-9:div#baselist --------------*/

div#baselist dl{
margin:0 0 0 22px;
}

div#baselist dt{
border:1px solid #cdcdcd;
width:8em;
text-align:center;
clear:left;
float:left;
font-size:87%;
padding:1px 0;
}

div#baselist dd{
margin:0 0 10px 9em;
}

div#baselist dd li{
display:inline;
padding:0 10px 0 0;
}

/*1-8:div#guide --------------*/
/*
div#guide{
width:630px;
overflow:hidden;
}

div#guide ul{
width:240px;
float:left;
}

div#guide li{
margin:0 0 0 20px;
}

div#guide li img{
vertical-align:middle;
margin:0 10px 0 0;
}


div#guide div.columnBox{
width:388px;
float:right;
border: 1px solid #E2E2E2;
margin-bottom:5px;
}

div#guide div.columnBox p{
margin: 0 10px 10px ;
}
*/


/*div#guide div.columnBox img{
display:block;
margin:0 0 10px 0;
}*/



/*1-10:div#employment --------------*/
div#employment {
position:relative;
}

div#employment h2{
position:relative;
zoom:1;
}

div#employment h2 span.count{
position:absolute;
top:8px;
left:100px;
font-size:12px;
}

div#employment h2 span.update{
position:absolute;
top:8px;
right:30px;
font-size:12px;
}

div#employment p{
margin:0 0 15px 0;
}

#search #search_tab .tab {
	float: left;
	width: 120px;
	background: url(/imgs/tab_search_bg.gif) no-repeat left top;
	text-align: center;
	margin: 0px;
	height: 30px;
}
#search #search_tab .tab a {
	display: block;
	height: 30px;
	line-height: 30px;
	outline:none;
}
#search #search_tab .active {
	background: url(/imgs/tab_search_bg_selected.gif) no-repeat left top;
}
#search #search_tab .tab_keyword {
	float: left;
	width: 270px;
	background: url(/imgs/tab_search_bg_keyword.gif) no-repeat left top;
	text-align: center;
	margin: 0px;
	height: 30px;
}
#search #search_tab .tab_keyword .keyword_block {
	height: 24px;
	margin-top: 6px;
}
#search #search_tab .tab_keyword .keyword_block form {
	display: inline;
}
#search #search_tab .tab_keyword .keyword_block form input {
	vertical-align:middle;
}
#search #search_tab .tab_keyword .keyword_block form .searchtxt {
	border:1px solid #cecece;
	font-size:11px;
	width:100px;
}
#search .search_tab_contents .inContent p {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #cecece;
}
#search #search_shokushu .inContent ul ,
#search #search_gyokai .inContent ul {
	width:300px;
	float:left;
}
#search #search_kinmuchi .inContent ul {
	width:201px;
	float:left;
}
/*clearfix------------------------*/
#search .search_tab_contents .inContent:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#search .search_tab_contents .inContent {
	display:inline-block;
}
* html #search .search_tab_contents .inContent {
	height:1px;
}
#search .search_tab_contents .inContent{
	display:block;
}


/*1-10:div#trialservice --------------*/
/*
div#trialservice ul{
width:609px;
margin:0 0 0 20px;
padding:0 0 10px 0;
overflow:hidden;
}

div#trialservice li{
float:left;
}

div#trialservice li img{
vertical-align:bottom;
}
*/
/*1-12:div#support --------------*/

div#support{
background:url(/imgs/support_bg.gif) no-repeat 45px 18px;
border:1px solid #C4D0D8;
padding:23px 15px 10px 95px;
margin:0 10px 10px 0;
overflow:hidden;
width:558px;
}

div#support p{
width:305px;
float:left;
}

div#support p img{
margin:0 0 5px 0;
}

div#support p.btn{
float:right;
width:247px;
}
/*1-13:div#about --------------*/

div#about{
border:1px solid #C4D0D8;
padding: 10px;
margin:0 10px 40px 0;
font-size:85%;
}

/*1-14:div#interview --------------*/

div#interview img.itv{
float:right;
margin:10px 20px 5px 20px;
}

div#interview h3{
margin:20px 0 5px 5px;
}

div#interview p.itv_ttl{
font-size: 115%;
display: block;
margin:0 0 5px 8px;
font-weight: bold;
line-height:1.5;
}

div#interview p.itv_name{
margin-left: 8px;
}

div#interview p.itv_date{
clear:right;
}


/*1-15:div#trialservice2 --------------*/
/*1-16:div#guide2 --------------*/

#contents div.twoColumn div#guide2 ul,
#contents div.twoColumn div#trialservice2 ul {
margin-top:10px;
}

#contents div.twoColumn div#guide2 ul li,
#contents div.twoColumn div#trialservice2 ul li{
margin:0 0 10px 0;
background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 2px;
padding:0 0 0 15px;
}

#contents div.twoColumn div#guide2 ul li a,
#contents div.twoColumn div#trialservice2 ul li a{
font-weight:normal;
}





/*2:sub---------------- */

div#contents div.sub{
width:236px;
display:inline; /* for IE6------*/
float:left;
margin:0 0 0 10px;
}

div.sub div.topicsList ul li{
margin:0 0 10px 0;
background:url(/common/imgs/ico_arrow01.gif) no-repeat 0 2px;
padding:0 0 0 15px;
}

div.sub div.topicsList dl dt{
font-weight:bold;
margin:0 0 5px 0;
color:#000000;
}

div.sub div.topicsList dl dd ul{
margin:0;
}

div.sub div.topicsList dl dd li{
margin:0;
padding:0 5px;
background:none;
display:inline;
}


/*2-1:div#aboutRA---------------- */

div.sub div#aboutRA{
margin-left:0;
}

/*2-2:div#infomation---------------- */

div#infomation {padding:10px 5px;}
div#infomation dt{margin:0 0 5px 0;}

/*2-3:div#notice---------------- */
div#notice{padding: 10px;}
div#notice.section{margin-bottom:-5px;}


/*2-4:div#bizravel---------------- */
div#bizravel.section{
padding: 10px;
}
div#bizravel .icoImg{
	margin: 0 0 5px;
}
div#contents div.sub div#bizravel p.notes{
	margin:0 0 10px;
}


/*2-5:div#saiyo---------------- */
div#saiyo{padding: 10px;}
div#saiyo.section{margin-bottom:10px;}


p a.taisaku{
color: #ff0000 !important;
display:block;
background:url(/common/imgs/listmarker_11.gif) no-repeat 0 2px;
padding:2px 0 3px 17px;
margin:0;
}


/*3-1:拠点一覧 div#baselist 2011/8/10 add
-----------------------------------------*/

div#baselist dt.blanc{
border:none;
width:8em;
clear:left;
float:left;
padding:1px 0;
}