@charset "utf-8";

/********** reset ***********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
img{
	border:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link{
	color:#0066CC;
}

a:visited{
	color:#0099CC;
}

a:hover{
	color:#FF6600;
}

a.mover:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/********** preference *********/

body{
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
}

#Container{
	width:100%;
	background:url(../images/mainVisual.jpg) 50% 0 repeat-x;
}

#Container_inner{
	width:100%;
}

#ContentArea{
	width:963px;
	margin:0 auto;
	overflow:hidden;
	margin-top:20px;
}

#ContentArea_inner{
	width:963px;
	margin:0 auto;
	overflow:hidden;
	margin-top:10px;
}

#contents_left,#contents_right{
	width:200px;
	overflow:hidden;
	float:left;
}

#contents_right{
	margin-left:20px;
}

#contents_center{
	width:520px;
	overflow:hidden;
	margin-left:20px;
	float:left;
}

#contents_main{
	width:740px;
	overflow:hidden;
	float:left;
}



/***********  header ****************/


#header{
	width:963px;	
	margin:0 auto;
}

.h420{
	height:420px;
}

#header_inner{
	width:963px;
	overflow:hidden;
	position:relative;
}

#header_inner p{
	width:209px;
	height:40px;
	
	float:left;
}

#header_inner p a{
	display:block;
	width:209px;
	height:40px;
	margin-top:12px;
	background:url(../images/logo_top.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#header_inner h2{
	width:365px;
	clear:both;
	position:absolute;
	top:120px;
	font-weight:normal;
	
}

#header_inner p.inner_h1 a{
	background:url(../images/logo_inner.jpg) 0 0 no-repeat;
}

.siteinfo{
	width:474px;
	overflow:hidden;
	float:left;
	margin-top:12px;
	padding:0 10px 0 30px;
	font-size:9px;
	color:#666;
	font-weight:normal;
	line-height:1.5;
}

#header_btns{
	width:238px;
	_overflow:hidden;
	float:left;
}

#gnavi{
	width:100%;
	background:url(../images/gnavi_bg.jpg) 0 0 repeat-x;
}

.inner_gnavi{
	border-top:1px solid #ccc;
	margin-top:5px;
}

#gnavi ul.gnavi_ul{
	width:970px;
	padding:0;
	overflow:hidden;
	margin:0 auto;
}

#gnavi ul.gnavi_ul li{
	width:160px;
	overflow:hidden;
	float:left;
}
#gnavi ul.gnavi_ul li.w162{
	width:162px;
}

#gnavi_position{
	width:963px;
	margin:0 auto;
	position:relative;
}

.pull ul{
	width:180px;
	border:2px solid #06C;
	border-top:0;
	background:#fff;
}

.pull ul li a{
	width:160px;
	display:block;
	height:42px;
	line-height:42px;
	padding:0 0 0 20px;
	background:url(../images/sub_bg.jpg) 0 0 no-repeat;
}

.pull ul li a:hover{
	background-position:0 -42px;
}

#pull01{
	display:none;
	position:absolute;
	overflow:hidden;
	top:54px;
	left:480px;
}

#pull02{
	display:none;
	position:absolute;
	overflow:hidden;
	top:54px;
	left:800px;
}

/********** top page **********/

.main_inner{
	padding:10px;
	font-size:12px;
	line-height:1.6;
	background:url(../images/seminar_bg.jpg) 0 100% repeat-x;	
	border-bottom:1px dotted #ccc;
}

.main_inner ul li a{
	font-weight:bold;
	font-size:12px;
}

.btn_main{
	text-align:right;
	margin-bottom:20px;
}

.profile_wrapper{
	width:520px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/seminar_bg.jpg) 0 100% repeat-x;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.profile_face{
	width:140px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

.profile_body{
	width:370px;
	float:left;
}

.profile_body h4{
	border:1px solid #999;
	background:#ccc;
	margin-bottom:5px;
	font-size:12px;
	padding:3px 6px;
	font-weight:bold;
}

.p_border{
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	margin-bottom:3px;
}

.profile_body p{
	line-height:1.8;
	color:#999;
}

.main_inner{
	width:510px;
	border-bottom:1px dotted #ccc;
	padding:10px 5px;
	font-size:10px;
	line-height:1.6;
	background:url(../images/seminar_bg.jpg) 0 100% repeat-x;
	overflow:hidden;
}

.main_date{
	width:80px;
	float:left;
	font-size:13px;
	color:#999;
}
.main_ctegory{
	width:80px;
	float:left;
}
.main_body{
	width:340px;
	float:left;
	color:#999;
}

.main_inner ul{
	padding-right:10px;
}

.main_inner ul li a{
	font-size:12px;
}

.main_inner ul li span{
	color:#999;
}

.main_site{
	width:520px;
	padding-top:10px;
	overflow:hidden;
}
.main_site p{
	width:255px;
	overflow:hidden;
	float:left;
	padding-bottom:10px;
}

/**********  left:sidebar ********/

.sidebar_inner{
	width:188px;
	border:1px solid #ccc;
	border-top:none;
	margin-bottom:20px;
	padding:5px;
	font-size:10px;
	line-height:1.6;
}

* html .sidebar_inner{
	width:188px;
	overflow:hidden;
}

.sidebar_inner ul li{
	border-bottom:1px dotted #ccc;
	padding:5px;
	margin-bottom:5px;
}

.sidebar_inner ul li a{
	font-size:12px;
}

.photo_interview{
	display:block;
	float:left;
	margin-right:5px;
}

.side{
	height:34px;
	overflow:hidden;
}

.bg,
.odd_bg{
	background:url(../images/seminar_bg.jpg) 0 100% repeat-x;
}

.s_tit{
	font-size:12px;
	color:#999;
}

#last_li{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}

/********* footer *************/

#footer{
	width:100%;
	margin-top:30px;
	height:275px;
	background:url(../images/footer_bg.jpg) 0 0 repeat-x;
}
#footer_inner{
	width:960px;
	margin:0 auto;
	background:url(../images/footer_logo_bg.jpg) 100% 158px no-repeat;
}

#pagetop{
	height:32px;
	width:960px;
	overflow:hidden;
}

.breadcrumbs{
	line-height:32px;
	width:720px;
	float:left;
}

.pagetop{
	width:200px;
	float:right;
}

.footer_wrapper{
	width:960px;
	margin-top:10px;
	overflow:hidden;
	
	line-height:1.3;
}

.footer_each,.footer_last{
	width:140px;
	float:left;
}

.footer_last{
	margin-left:15px;
	height:196px;
}

.footer_last img{
	vertical-align:bottom;
}

.footer_each ul li{
	border:1px solid #ccc;
	padding:7px;
	line-height:1.3;
	margin-bottom:8px;
	background:#f8f8f8 url(../images/mark_blue.gif) 5px 50% no-repeat;
	padding-left:20px;
}

.extra{
	background:#f8f8f8;	
	border:1px solid #ccc;
	margin-left:9px;
	height:196px;
}

.extra02{
	width:190px;
	padding-left:10px;
	height:196px;
}

.title_L{
	background:url(../images/mark_blue.gif) 5px 50% no-repeat;
	padding:6px;
	padding-left:20px;
}
.title_S{
	background:url(../images/mark_blue_s.gif) 15px 50% no-repeat;
	padding:3px 6px;
	padding-left:30px;
	font-size:10px;
}

#footer_copyright{
	padding-top:10px;
}

/**************  求人情報  ************/

/* カテゴリーアーカイブ*/

.catelist{
	padding:20px 0;
	overflow:hidden;
	width:740px;
}
.catelist ul li{
	min-width:20px;
	float:left;
	background:url(../images/mark_blue_s.gif) 0 3px no-repeat;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
}

* html .catelist ul li{
}

.category_h2{
	clear:both;
	width:730px;
	height:34px;
	font-size:13px;
	line-height:34px;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/category_bg.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
.category_h2_2{
	clear:both;
	width:730px;
	/*height:44px;*/
	font-size:16px;
	line-height:1.5;
	font-weight:bold;
	padding-left:15px;
	/*background:url(../images/category_bg02.jpg) 0 0 no-repeat;*/
	margin-bottom:20px;
	border-left:5px solid #09C;
}

.entry_h2{
	clear:both;
	width:730px;
	height:60px;
	font-size:16px;
	line-height:60px;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/headding_middle.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}

.basic{
	width:100%;
	border-collapse:collapse;
	margin-bottom:15px;
}

.basic th{
	padding:12px;
	text-align:left;
	background:#DCEAF9;
	border:1px solid #ccc;
	font-weight:bold;
	width:150px;
	line-height:1.6;
}
.basic td{
	padding:12px;
	text-align:left;
	background:#f0f0f0;
	border:1px solid #ccc;
	line-height:1.6;
}
.basic th.even-th{
	background:#EFF7FE;
}
.basic td.even-td{
	background:#fff;
}

.kyujin_back{
	margin-bottom:20px;
}

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

.pagenation{
	text-align:center;
	padding:20px 0;
}
.pagenation span,
.pagenation a.link_page{
	display:inline-block;
	border:1px solid #ccc;
	padding:6px;
}
* html .pagenation span,
* html .pagenation a.link_page{
	display:inline;
	zoom:1;
}

/********** コラム　*************/

.column_wrapper{
	width:740px;
	padding-top:15px;
	overflow:hidden;
}

.cl_each{
	width:365px;
	float:left;
}

.cl_top_line{
	width:365px;
	height:4px;
	background:url(../images/cl_bg.gif) 0 0 no-repeat;
}
* html .cl_top_line{
	overflow:hidden;
}
.cl_body{
	background:url(../images/cl_box_bg.jpg) 0 100% repeat-x;
	width:363px;
	border:1px solid #ccc;
	border-top:0;
	min-height:425px;
	padding-bottom:10px;
}
* html .cl_body{
	height:425px;
}

.cl_body_top{
	padding:10px;
	overflow:hidden;
}
.cl_face{
	width:140px;
	float:left;
}
.cl_face_right{
	width:193px;
	padding-left:10px;
	float:left;
}
.cl_face_right h2{
	border-bottom:1px dotted #ccc;
	padding-bottom:6px;
	margin-bottom:6px;
	font-size:14px;
}
.cl_face_right h3{
	color:#999;
	font-size:10px;
	font-weight:normal;
	padding-bottom:6px;
}
.cl_face_right p{
	font-weight:bold;
	line-height:1.4;
}

.cl_body_p{
	clear:both;
	padding-top:10px;
	line-height:1.6;
}

.cl_new_column{
	border:1px solid #ccc;
	background:#fff url(../images/cl_new_tit.jpg) 0 0 no-repeat;
	padding-top:28px;
	width:343px;
	margin:0 auto;
}
.cl_new_column ul{
	border-bottom:1px dotted #ccc;
	margin-bottom:3px;
	padding-bottom:3px;
}

.cl_new_column ul li{
	padding:0 10px;
	line-height:1.4;
}
.cl_new_column ul li span{
	font-size:10px;
	color:#999;
}

.cl_new_column ul.ul_last{
	border:none;
}

.entry_info{
	margin:20px 0;
	font-size:16px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

.entry_body{
	margin:20px 0;
	line-height:1.6;
}

.cl_pict{
	padding:15px;
	text-align:center;
}

/********　インタビュー　****/

.i_lead{
	margin-bottom:20px;
	line-height:1.6;
}

.i_body{
	line-height:1.6;
	margin-bottom:20px;
	overflow:hidden;
}

.i_pl{
	float:left;
	margin-right:10px;
}

.i_pr{
	float:right;
	margin-left:10px;
}

.clm3{
	width:100%;
	table-layout:fixed;
}
.clm3 td{
	padding:6px;
	text-align:center;
}

.i_photo{
	float:left;
	margin-right:10px;
}

/******** 個人情報保護 ****/

#rule{
	padding:15px 0;
}

.rules{
	padding:15px 0;
	font-size:12px;
	line-height:1.7;
}

#rule iframe{
	width:100%;
	border:1px solid #ccc;
	height:300px;
}

#anotherlink{
	margin:30px 0;
}

.pri_p{
	text-align:right;
	padding:15px 0;
	line-height:1.8;
}

/********　転職成功事例　*********/

.suc_title{
	line-height:1.6;
	padding-bottom:5px;
	font-weight:normal;
	color:#666;
}

.suc_body_p{
	clear:both;
	width:344px;
	height:53px;
	background:url(../images/suc_bg01.jpg) 0 0 no-repeat;
	margin:0 auto;
	margin-top:5px;
	text-align:center;
	padding-top:10px;
	line-height:1.6;
}
.suc_body_p2{
	clear:both;
	width:344px;
	height:44px;
	margin:0 auto;
	background:url(../images/suc_bg02.jpg) 0 0 no-repeat;
	text-align:center;
	padding-top:10px;
	line-height:1.6;
}
.suc_body_p3{
	padding:10px 0 5px 0;
	margin:0 auto;
	margin-top:5px;
	border-bottom:1px dotted #ccc;
	line-height:1.6;
	color:#F60;
	font-weight:bold;
}
.suc_body_p4{
	margin:0 auto;
	width:344px;
	padding:5px 0 10px 0;
	line-height:1.6;
}

.suc_new_column{
	border:1px solid #ccc;
	background:#fff url(../images/cl_new_tit2.jpg) 0 0 no-repeat;
	padding:28px 10px 10px 10px;
	width:323px;
	margin:0 auto;
	margin-bottom:10px;
	line-height:1.6;
}

.sitemap{
}

.sitemap li{
	margin:20px 0;
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/mark_blue.gif) 0 3px no-repeat;
}

.sitemap li ul{
	margin-bottom:20px;
}

.sitemap li ul li{
	background:url(../images/mark_blue_s.gif) 0 0 no-repeat;
	padding-left:10px;
	font-size:12px;
	font-weight:normal;
	margin-left:30px;
}

.ssiBox{
	text-align:center;
}

.camp{
}
.basic td .camp th,
.basic td .camp td{
	padding:0;
	border:0;
	line-height:1.6;
	padding-right:5em;
}

.basic td .camp th.e-th{
	background:#fff;
}
.basic td .camp td.e-td{
	background:#fff;
}

/********* functions *********/

.pb20{
	padding-bottom:20px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:15px;
}

.fs10{
	font-size:10px;
}

.mb0{
	margin-bottom:0;
}

.mt10{
	margin-top:10px;
}

.ml10{
	margin-left:10px;
}

.w162{
	width:162px;
}

.mr10{
	margin-right:10px;
}
.mb20{
	margin-bottom:20px;
}

.w740{
	width:740px;
}