@charset "utf-8";

html {
	color:#000;
	background:#FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,
img {
	border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style:inherit;
	font-weight:inherit;
}

del,
ins {
	text-decoration:none;
}

li {
	list-style:none;
}

caption,
th {
	text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,
q:after {
	content:'';
}

abbr,
acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:baseline;
}

sub {
	vertical-align:baseline;
}

legend {
	color:#000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input,
button,
textarea,
select {
*font-size:100%;
}


a:link {	color: #108aff; text-decoration: none;}
a:visited {	color: #108aff; text-decoration: none;}
a:hover {	color: #a5c9ec;	text-decoration: underline;}
a:active {	color: #a5c9ec;	text-decoration: underline;}
a:hover img,
input[type="image"]:hover { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}


body {
	font-size: small;
	margin: 0px;
	padding: 0px;
	font-family:   "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height:140%;
	color:#1f1f1f;
}


#top { width:990px; margin:0 auto;}

#header { height:100px; position:relative;}
#header h1 { position:absolute; top:30px; left:15px;}
#header p { position:absolute; top:25px; right:10px;}

#main { background:url(img/main_bg.gif) no-repeat 0 0; width:974px; margin:0 auto 25px; height:500px; padding-top:35px;  }
#main #logo { text-align:center; margin-bottom:20px;}
#main #lead { text-align:center; margin-bottom:35px;}
#main ul { padding-left:20px;}
#main ul li { float:left; margin-left:40px;}

#flow { text-align:center; margin-bottom:40px;}

h2 { border-bottom:3px solid #d3d3d3; padding:0 15px 15px; margin-bottom:30px;}

.entry_btn { text-align:center; margin-bottom:50px;}

#info { background:url(img/news_bg.gif) no-repeat 0 0; width:954px; margin:0 auto 40px; height:206px; padding:20px 20px 0 0;}
#news_area { padding:0 10px 0 25px; height:180px; overflow:auto;}
#news_area li { position:relative; padding:0 10px 5px 180px; margin-bottom:5px; border-bottom:1px dotted #8c8c8c;}
#news_area li .icon_new { position:absolute; top:0; left:10px; }
#news_area li .date { position:absolute; top:0; left:60px; }

#about { margin-bottom:40px;}
#about li { text-align:center; margin-bottom:15px;}

#reccomend { background:url(img/reccomend_bg.gif) no-repeat 0 0; height:316px; width:949px; padding:20px 0 0 25px; margin:0 auto 40px;}
#reccomend li { margin-bottom:6px; }

.flow_box { width:974px; margin:0 auto 10px; position:relative;}
.flow_box dt { position:absolute; top:0; left:0; }
.flow_box dd { padding-left:249px;}
.flow_box dd p{ position:absolute; bottom:30px; right:250px;}
.arrow { text-align:center; margin-bottom:10px;}
.bottom40px { margin-bottom:40px;} 

#ex { margin-bottom:10px; padding-left:10px;}
#ex li { margin:0 0 10px 20px; float:left; }
#ex_attention,
#flow_attention { margin-bottom:40px; text-align:center;}

#target { background:url(img/target_bg.gif) no-repeat 0 0; height:446px; width:938px; padding:20px 0 0 36px; margin:0 auto 40px;}
#target p { margin-bottom:35px;}
#target ul {}
#target ul li { margin-bottom:10px;}

#jobex { margin-bottom:40px;}
#jobex li { text-align:center;}

#footer { position:relative;}
#footer_navi { font-size:12px;}
#footer_navi #logo { margin-bottom:5px;}
#footer_navi #text { margin-bottom:10px;}
#navi_list { font-size:11px; line-height:120%;}
#massmedian { position:absolute; top:0; left:445px;}
#privacy { position:absolute; text-align:right; top:0; right:0; font-size:10px;}
#privacy .privacy_blue { display:block; margin-bottom:10px;}
#privacy .mini { line-height:130%;}
#privacy #mark { float:left;margin-left:80px; margin-top:-5px; }

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