@charset "shift_jis";


/*--------------------------------------------

	Tags

--------------------------------------------*/

*{
margin:0;
padding:0;
}

body{
line-height:1.4;
font-size:62.5%; /* em対策(12px=1.2em) */
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color:#6D5C5A;
}

img{
border:none;
}

li{
list-style-position:inside;
}

h1{
font-size:1.1em;
font-weight:normal;
}

h3{
clear:both;
margin-top:10px;
}

a:link{color:#0F92EA;}
a:visited{color:#0F92EA;}
a:active{color:#0F92EA;}
a:hover	{color:#41B8D4;}






/*--------------------------------------------

	ID, Class

--------------------------------------------*/
.pagetop{
width:100%;
margin:10px 0;
font-size:1.2em;
text-align:right;
}

.fleft{ float:left; }
.fright{ float:right; }
.fclear{ clear:both; }
.fcenter{ float:center; }

.tcenter{ text-align:center; }
.tright{ text-align:right; }
.tleft{ text-align:left; }

.margin10{ margin:10px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.pl2em{ padding-left:2em; }

.bold{
font-weight:bold;
}

.line{
clear:both;
width:760px;
height:8px;
background-color:#0075C1;
font-size:0px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/*Hides from IE-mac \*/
*html.clearfix { height:1%;}
.clearfix { display:block;}
/*End hide from IE-mac*/

.bg_gra{
height:16px;
background-image:url(../../joboffer/images/bg_gra.gif);
background-repeat:repeat-x;
}

/*----------------------------
	#container
----------------------------*/
#container{
width:760px;
margin:10px 0 0 20px;
background-color:#FFFFFF;
}

/*----------------------------
	#header
----------------------------*/
#header{
height:120px;
}

/*----------------------------
	.submenu
----------------------------*/
.submenu{
float:right;
font-size:1.1em;
margin-top:5px;
}

/*----------------------------
	#mainbody
----------------------------*/
#mainbody{
width:760px;
background-image:url(../images/main_bg.gif);
background-repeat:repeat-y;
}


/*----------------------------
	#leftBox
----------------------------*/
#leftBox{
clear:both;
float:left;
width:190px;
background-color:#71CADF;
text-align:center;
}

/* お役立ち情報 */
.help{
width:180px;
background-color:#FFFFFF;
border-bottom:3px solid #0075C1;
margin:5px auto 10px;
padding-bottom:10px;
}

.help h2{
width:180px;
height:40px;
background-image:url(../images/h2_help.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.help img{
display:block;
margin:0 auto;
}


/* 関連サイト */
.site{
width:180px;
background-color:#FFFFFF;
border-bottom:3px solid #0075C1;
margin:5px auto 10px;
}

.site h2{
width:180px;
height:40px;
background-image:url(../images/h2_site.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.site table{
margin:0 auto 10px;
}

.site table img{
margin-bottom:5px;
}

.site table td.bgBorder{
background-image:url(../images/site_line.gif);
background-repeat:no-repeat;
background-position:50% center;
}


/* 広告 */
.adbanner{
width:100%;
text-align:center;
margin:10px auto 5px;
}

.adbanner img{
margin-bottom:5px;
}

.adbanner div{
margin-bottom:5px;
}

/*----------------------------
	#rightBox
----------------------------*/
#rightBox{
float:right;
width:560px;
}


/*----------------------------
	#menu
----------------------------*/
#menu{
height:40px;
margin-bottom:10px;
}

#menu ul li{
float:left;
display:inline;
list-style:none;
}

#menu ul li a{
display:block;
width:140px;
height:35px;
text-indent:-10000px;
overflow:hidden;
background-repeat:no-repeat;
border-bottom:5px solid #0075C1;
}

.gm1{background-image:url(../images/gm1.gif);}
.gm2{background-image:url(../images/gm2.gif);}
.gm3{background-image:url(../images/gm3.gif);}
.gm4{background-image:url(../images/gm4.gif);}

a.gm1:hover{background-image:url(../images/gm1_over.gif);}
a.gm2:hover{background-image:url(../images/gm2_over.gif);}
a.gm3:hover{background-image:url(../images/gm3_over.gif);}
a.gm4:hover{background-image:url(../images/gm4_over.gif);}



/*----------------------------
	#maincolumn
----------------------------*/
#maincolumn{
float:left;
width:390px;
}

/* 新卒エージェントとは？ */
.main1 h3{
width:390px;
height:22px;
margin-bottom:5px;
background-image:url(../images/h3_about.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.about{
width:210px;
float:left;
font-size:1.2em;
}

.about p{
height:40px;
margin-left:5px;
padding-left:40px;
background-repeat:no-repeat;
}

p.about1{background-image:url(../images/about1.gif); }
p.about2{background-image:url(../images/about2.gif); }
p.about3{background-image:url(../images/about3.gif); }
p.about4{background-image:url(../images/about4.gif); }

/* 無料セミナー */
.seminar{
float:left;
width:160px;
display:inline;
margin-left:15px;
text-align:center;
border:1px solid #CCCCCC;
}

.seminar h4{
width:148px;
margin:1px 0 5px 1px;
padding:5px;
background-color:#C9D7EF;
text-align:left;
color:#006FB7;
font-size:1.2em;
font-weight:bold;
}

.seminar p{
width:140px;
margin:5px auto;
text-align:left;
font-size:1.2em;
}

.seminar div.detail{
margin:0 5px 10px 0;
text-align:right;
font-size:1.1em;
}


/* 横組みカラム */
.job, .report, .voice{
float:left;
width:200px;
}
.attention, .advice, .closeup{
float:left;
width:190px;
}

/* エージェント求人情報 */
.job h3{
width:190px;
height:20px;
background-image:url(../images/h3_job.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.job p{
width:175px;
margin:5px 0 5px 10px;
font-size:1.1em;
}

.job ul{
width:175px;
margin-left:10px;
margin-bottom:10px;
font-size:1.2em;
}

.job ul li{
margin-bottom:3px;
}

.job div.detail{
width:185px;
text-align:right;
}

/* 注目のエージェント */
.attention{
font-size:1.1em;
}

.attention h3{
width:190px;
height:20px;
background-image:url(../images/h3_attention.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.attention p{
width:175px;
margin:5px 0 5px 10px;
}

p.agent{
margin-bottom:10px;
}


/* セミナー体験レポート */
.report h3{
width:190px;
height:20px;
background-image:url(../images/h3_report.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

/* アドバイス */
.advice h3{
width:190px;
height:20px;
background-image:url(../images/h3_advice.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}


/* レポート・アドバイス1件分 */
.entry{
clear:both;
width:180px;
margin:0 5px;
padding:10px 0;
background-image:url(../images/h3_line.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

.entry img{
display:block;
float:left;
clear:left;
}

.entry dl{
float:left;
width:120px;
margin-left:10px;
margin-bottom:10px;
}

.entry dt{
font-size:1.2em;
}

.entry dd{
font-size:1.1em;
}


.entry_ulnone{
clear:both;
width:180px;
margin:0 5px;
padding:10px 0;
}

.entry_ulnone img{
display:block;
float:left;
clear:left;
}

.entry_ulnone dl{
float:left;
width:120px;
margin-left:10px;
margin-bottom:10px;
}

.entry_ulnone dt{
font-size:1.2em;
}

.entry_ulnone dd{
font-size:1.1em;
}

/* 利用者の声 */
.voice h3{
width:190px;
height:20px;
background-image:url(../images/h3_voice.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.voice p{
width:180px;
margin:5px 0 10px 5px;
font-size:1.1em;
}


/* 利用者の声 */
.closeup h3{
width:190px;
height:20px;
background-image:url(../images/h3_closeup.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.closeup p{
width:180px;
margin:5px 0 10px 5px;
font-size:1.1em;
}

/*----------------------------
	#rightcolumn
----------------------------*/
#rightcolumn{
float:right;
width:160px;
}


/* 会員ログイン */
.login{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
text-align:center;
font-size:1.2em;
}

.login h2{
width:156px;
height:25px;
background-image:url(../images/h2_login.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.login form{
display:block;
width:134px;
margin:10px auto;
}

.login dl{
text-align:left;
}

.login dl dt.memberid{
width:32px;
height:10px;
background-image:url(../images/login_id.gif);
text-indent:-10000px;
overflow:hidden;
}

.login dl dt.memberpw{
width:50px;
height:10px;
background-image:url(../images/login_pw.gif);
text-indent:-10000px;
overflow:hidden;
}

.login dl.memberlogin{
margin:10px 0 10px 10px;
}

.login dl.memberlogin dd{
margin-bottom:5px;
font-weight:bold;
}

.login dl dd{
margin-top:3px;
margin-bottom:10px;
}

.login form input.w130{
width:130px;
}

.login form input.loginbtn{
margin:5px auto 10px;
}


/* TOPICS */
.topics{
width:160px;
background-color:#FFFFFF;
background-image:url(../images/topics_bg.gif);
background-repeat:repeat-y;
border-bottom:3px solid #0075C1;
margin:10px auto 10px;
}

.topics h2{
width:160px;
height:30px;
background-image:url(../images/h2_topics.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.topics h2.column{
width:160px;
height:30px;
background-image:url(../images/h2_column.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.topics dl{
width:150px;
margin:10px auto;
font-size:1.1em;
}

.topics dt{
background-image:url(../images/ico_twotone.gif);
background-repeat:no-repeat;
background-position:0 50%;
padding-left:12px;
}

.topics dd{
margin:3px 0 5px;
padding-left:12px;
padding-bottom:10px;
background-image:url(../images/topics_line.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

/* SNS */
.sns{
width:158px;
background-color:#FF7B00;
background-image:url(../images/bg_right_sns.gif);
background-repeat:repeat-y;
background-position:bottom left;
margin:10px auto 0;
text-align:center;
}

.sns h2{
width:158px;
height:39px;
background-image:url(../images/tit_right_01.gif);
text-indent:-100000px;
overflow:hidden;
background-repeat:no-repeat;
}

.sns p{
width:138px;
margin:5px auto;
padding-bottom:35px;
color:#FFFFFF;
text-align:left;
font-size:1.1em;
background-image:url(../images/logo_sns_mini.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

.sns img{
display:block;
margin:0 auto;
padding-bottom:20px;
}

/*----------------------------
	#footer
----------------------------*/
#footer{
clear:both;
font-size:1.1em;
border-top:1px solid #CCCCCC;
padding-top:20px;
}

.submenu_center{
text-align:center;
margin-bottom:20px;
}

.copyright{
clear:right;
float:right;
}