@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0
}
body{
	color:#120302;
	background:url(common/images/bg_contents.png);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
	letter-spacing:1px;
}
/*-------------
link
-------------*/
a{
	color:#120302;
	text-decoration:none;
}
a:hover{
	color:#ff2002;
}
a img{
	border:none;
}

/*-------------
header
-------------*/
header{
	width:100%;
	height:130px;
	background-color:#e7241d;
	text-align:center;
	overflow:hidden;
	position:relative;
	z-index:1;
}
header #company_logo{
	width:920px;
	display:block;
	text-align:left;
	margin:5px auto 0 auto;
}
header h1{
	width:347px;
	margin:-20px auto 0 auto;
}
header p{
	width:370px;
	font-size:12px;
	position:absolute;
	top:5px;
	right:5px;
}
header p a{
	background-color:#fff;
	display:block;
	text-align:center;
	margin:0 7px;
	padding:3px 10px;
	float:left;
}

nav{
	width:100%;
	text-align:center;
	margin-top:-30px;
	position:relative;
	z-index:2;
}
nav ul{
	width:917px;
	height:64px;
	background:url(images/bg_nav.png) no-repeat;
	font-size:13px;
	font-weight:bold;
	list-style:none;
	text-align:left;
	margin:0 auto;
	padding-left:3px;
}
nav ul li{
	_width:150px;
	float:left;
}
nav ul li a{
	width:auto;
	height:35px;
	border-right:#999 solid 1px;
	display:block;
	margin:0;
	padding:13px 16px;
	_padding:13px 10px 13px 10px;
}
nav ul li.line1 a{
	height:25px;
	padding-top:23px;
}
nav ul li#right a{
	border:none;
	_padding:13px 0;
	padding-left:30px;
	padding-right:30px;
}

/*-------------
contents
-------------*/
article{
	width:920px;
	font-size:13px;
	text-align:left;
	overflow:hidden;
	margin:0 auto;
	padding:30px 0;
}
article h1{
	margin-bottom:30px;
}
.howto article h1{
	margin-bottom:20px;
}
.clear{
	clear:both;
}

/*-------------
footer
-------------*/
footer{
	width:100%;
	background-color:#120302;
	bottom:0px;
	clear:both;
}
footer p{
	color:#fff;
	font-size:10px;
	text-align:center;
	padding:7px 0;
}

/*-------------
font
-------------*/
.red{
	color:#ff2002;
}
.bold{
	font-weight:bold;
}

/*----------------
トップページ
----------------*/
#top article{
	background:url(images/bg_top.png) no-repeat left top;
	clear:both;
}
#top article h1{
	line-height:0;
	text-align:center;
	margin:0 0 30px 0;
}
#top article section{
	width:890px;
	height:66px;
	overflow:hidden;
	margin:0 0 20px 30px;
	clear:both;
}
#top article p{
	font-weight:bold;
	margin-right:20px;
	float:left;
}
#top article .txt{
	width:450px;
	margin-top:10px;
}
#top article .txt2{
	width:450px;
	margin-top:20px;
}
#top article .arrow{
	margin-top:15px;
}
#top article .btn a{
	width:257px;
	height:43px;
	background:url(images/bg_btn_top.png) no-repeat left top;
	font-size:15px;
	display:block;
	padding:23px 0 0 15px;
}
#top article .btn a.line2{
	height:53px;
	padding-top:13px;
}

/*----------------
採用履歴書の特長
----------------*/
#tokucho dl{
	width:370px;
	height:255px;
	background:url(images/bg_pdct.png) no-repeat;
	margin:-111px 0 0 510px;
	padding:30px 0 0 30px;
	position:absolute;
	z-index:0;
}
#tokucho dl dd{
	font-size:12px;
	margin:0 0 0 15px;
}
#tokucho dl dd span{
	font-weight:bold;
	line-height:2;
}
#tokucho h2{
	position:relative;
	z-index:0;
}
#tokucho .point{
	width:445px;
}
#tokucho #left{
	float:left;
}
#tokucho #right{
	float:right;
}
#tokucho .point h3, #tokucho #point1 h3{
	font-size:16px;
	margin-bottom:15px;
}
#tokucho #point1{
	background:url(images/icon_point1.png) no-repeat;
	border-bottom:#eae2e3 solid 1px;
	margin-top:0;
	padding:20px 0 15px 70px;
	position:relative;
	z-index:5;
}
#tokucho #point2{
	background:url(images/icon_point2.png) no-repeat 0 15px;
	border-bottom:#eae2e3 solid 1px;
	padding:35px 0 15px 70px;
}
#tokucho #point3{
	background:url(images/icon_point4.png) no-repeat 0 15px;
	border-top:#fff solid 1px;
	padding:35px 0 15px 70px;
}
#tokucho #point4{
	background:url(images/icon_point3.png) no-repeat 0 15px;
	border-bottom:#eae2e3 solid 1px;
	padding:35px 0 15px 70px;
}
#tokucho #point5{
	background:url(images/icon_point5.png) no-repeat 0 15px;
	border-top:#fff solid 1px;
	padding:35px 0 15px 70px;
}
#tokucho p span{
	color:#f50606;
	font-weight:bold;
}

/*----------------
btn
----------------*/
.btn{
	list-style:none;
}
.btn li a{
	width:197px;
	height:46px;
	background:url(images/bg_btn.png) no-repeat;
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	display:block;
	padding:22px 0 0 15px;
}
.btn li a:hover{
	color:#ff2002;
}
.btn li span{
	font-size:14px;
}

/*----------------
履歴書の書き方
----------------*/
#rirekisho #box{
	width:920px;
	height:548px;
	background:url(images/bg_rirekisho.png) no-repeat top right;
	margin-bottom:40px;
}
#rirekisho article #box ul li{
	margin-bottom:15px;
}

/*----------------
キャリア別
----------------*/
/*#career #box{
	width:920px;
	height:138px;
	background:url(images/bg_carrier.png) no-repeat;
	padding:470px 0 20px 0;
}*/
#career .btn li a{
	width:391px;
	height:54px;
	background:url(images/btn_carrer.png) no-repeat;
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
	display:block;
	margin-bottom:20px;
	padding:32px 0 0 15px;
}
#career #box li{
	margin-right:18px;
	float:left;
}

/*-------------------
分析シートの書き方
-------------------*/
#bunseki h2{
	text-align:center;
}
#bunseki section{
	width:920px;
	height:100%;
	overflow:hidden;
	padding-bottom:5px;
	clear:both;
}
#bunseki section h1{
	font-size:18px;
	margin:15px 0 10px 0;
}
#bunseki section h1 span{
	font-size:14px;
}
#bunseki section p.txt{
	width:460px;
}
#bunseki section p.kotsu{
	width:321px;
	height:61px;
	background:url(images/bg_kotsu.png) no-repeat;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:13px 25px 0 70px;
}
#bunseki section#bunseki_1{
	border-bottom:#eae2e3 solid 1px;
	margin-top:-15px;
}
#bunseki section#bunseki_2, #bunseki section#bunseki_3{
	border-top:#fff solid 1px;
	border-bottom:#eae2e3 solid 1px;
}
#bunseki section div{
	float:left;
}
#bunseki section p.img{
	margin-top:20px;
	float:right;
}
#bunseki #txt{
	border-top:#fff solid 1px;
	padding:20px 50px 0 50px;
}
#bunseki #txt p{
	margin-bottom:10px;
}
#bunseki #txt p span{
	color:#f50606;
	font-weight:bold;
}

/*----------------
ダウンロード
----------------*/
#download article{
	margin-bottom:30px;
}
#download section{
	margin-bottom:30px;
}
#download .about{
	width:440px;
	font-size:14px;
	margin-bottom:20px;
}
#download #left{
	float:left;
}
#download #right{
	float:right;
}
#download .about h2{
	clear:both;
}
#download .about .txt{
	width:290px;
	float:left;
}
#download .about .img{
	font-weight:bold;
	margin:0 0 15px 0;
	text-align:center;
	float:right;
}
#download .about .img img{
	vertical-align:middle;
	margin-bottom:3px;
}
#download .about .img a{
	border:#ccc solid 1px;
	display:block;
	padding: 5px;
}
#download .about .img a:hover{
	border:#ff2002 solid 1px;
}
#download #atten{
	border-top:#999 dotted 1px;
	border-bottom:#999 dotted 1px;
	margin-bottom:20px;
	padding:15px 0;
	clear:both;
}
#download h2,#download h3{
	font-size:14px;
	margin:0 0 10px 0;
}
#download .box{
	margin-left:20px;
}
#download .btn_box{
	margin:20px 0;
}
#download .btn{
	width:900px;
	overflow:hidden;
	margin:0 auto;
}
#download .btn li{
	margin:10px 15px 0 0;
	float:left;
}


/*----------------
howto
----------------*/
.howto article{
	margin-bottom:50px;
}
.howto article .subnavi{
	font-size:14px;
	font-weight:bold;
	list-style:none;
}
.howto article .subnavi span{
	font-size:13px;
}
.howto article .subnavi li{
	margin-bottom:15px;
	float:left;
}
.howto article .subnavi #on{
	color:#aaaaaa;
}
.howto #box{
	background-color:#fff;
	width:840px;
	margin-bottom:15px;
	padding:30px 50px 30px 50px;
	clear:both;
}
.howto #box h2{
	font-size:18px;
	margin-bottom:20px;
}
.howto #box h3{
	font-size:16px;
	margin:20px 0 15px 0;
}
.howto #box h4{
	margin:10px 0 7px 18px;
}
.howto #box p{
	margin:10px 0 0 18px;
}
/*----------------
howto_rirekisho
----------------*/
#howto_rirekisho article{
	margin-bottom:50px;
}
#howto_rirekisho article .subnavi li{
	margin-bottom:15px;
	float:left;
}
#howto_rirekisho article .subnavi #on{
	color:#aaaaaa;
}
#howto_rirekisho #box{
	background-color:#fff;
	width:840px;
	padding:30px 50px 50px 50px;
	clear:both;
}
#howto_rirekisho #box h2{
	font-size:18px;
	margin-bottom:20px;
}
#howto_rirekisho #box h3{
	font-size:16px;
	margin:20px 0 15px 0;
}
#howto_rirekisho #box h4{
	margin:10px 0 7px 18px;
}
#howto_rirekisho #box p{
	margin:10px 0 0 18px;
}
#howto_rirekisho #box .img{
	font-weight:bold;
	margin:20px 0 15px 15px;
	text-align:right;
	float:right;
}
#howto_rirekisho #box .img img{
	vertical-align:middle;
	margin-bottom:3px;
}
#howto_rirekisho #box .img a{
	border:#fff solid 1px;
	display:block;
	padding: 5px 10px;
}
#howto_rirekisho #box .img a:hover{
	border:#ccc solid 1px;
}
#howto_rirekisho #box #key{
	color:#ff2002;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:25px;
}
#howto_rirekisho #box .exsample{
	width:640px;
	border:#999 solid 1px;
	padding:15px 20px 0 20px;
	margin:30px 0 0 70px;
}
#howto_rirekisho #kibou .exsample{
	margin:20px 0 30px 70px;
}
#howto_rirekisho #box .exsample h4{
	border-bottom:#999 dotted 1px;
	margin:0 0 15px 0;
}
#howto_rirekisho #box .exsample ul{
	margin:0 0 15px 25px;
}
#howto_rirekisho #box .exsample ul li{
	margin-bottom:5px;
}

#line_gakureki p{
	padding-left:20px;
}
/*----------------
howto_carrier
----------------*/
#howto_carrier #key{
	color:#ff2002;
	font-size:16px;
	font-weight:bold;
	margin:0 20px;
}
#howto_carrier #key li{
	margin-bottom:7px;
}
#howto_carrier h3 {
	line-height:1.7;
}
#howto_carrier h3 span{
	font-size:14px;
}
/*----------------
ダウンロードについて
----------------*/
.about_download article section{
	border-bottom:#999 dotted 1px;
	margin-bottom:20px;
	padding-bottom:20px;
}
.about_download article section h1{
	font-size:16px;
}
.about_download article section h2{
	font-size:14px;
}
.about_download article section h3{
	margin-left:18px !important;
}
.about_download article section ul,.about_download article section ol{
	list-style-position:inside;
}
.about_download article section ul,.about_download article section ol{
	margin:10px 0 0 18px;
}
.about_download article section ul li,.about_download article section ol li{
	margin-bottom:10px;
}
.about_download article section .keyword{
	background-color:#fad8d7;
	border:#f21a12 dotted 1px;
}

/*----------------
会社概要
----------------*/
.company #box{
	min-height:300px;
}
.company #box a{
	text-decoration:underline;
}
.company table{
	width:700px;
	background-color:#999;
}
.company table th{
	width:180px;
	background-color:#ccc;
	padding:10px 0 10px 10px;
}
.company table td{
	background-color:#fff;
	padding:10px;
}
/*----------------
ログイン
----------------*/
.login #box{
	margin-top:30px;
}
.login #box p{
	width:400px;
	text-align:center;
	margin:0 0 20px 200px;
}
.login #box a{
	text-decoration:underline;
}




/*----------------
@type追加
----------------*/
.type_pdu30{
	text-align:center !important;
}

.type_topright{
float:right;
width: 210px;
}
.type_topright a img{
float:right;
display:block;
}

.type_kanshu{
float:right;
font-size:10px;
font-weight:normal;
color:#2236b5;
display:block;
}

/*ie7*/
*+html .type_underbox br{
letter-spacing:0;
}
*+html .type_toplink br{
letter-spacing:0;
}

.type_toplink{
width:920px;
height:100%;
margin-top:20px;
margin-bottom:20px;
float:left;
clear:both;
}


.type_sholder{
font-size:12px;
font-weight:bold;
color:#ff0000;
float:left;
}

.type_h2{
float:left;
font-size:28px;
color:#ff0000;
width:100%;
border-bottom:3px #ff0000 solid;
margin-bottom:10px;
}

.type_h3{
float:left;
font-size:28px;
color:#000000;
margin-bottom:10px;
display:block;
}

.type_middletitle{
float:left;
font-weight:bold;
font-size:24px;
width:100%;
border-bottom:1px #333 dashed;
color:#000000;
margin-top:10px;
padding-bottom:5px;
margin-bottom:20px;
display:block;
}

.type_middlecatch{
float:left;
font-weight:bold;
font-size:18px;
width:100%;
margin-bottom:10px;
}

.type_red{
color:red;
}
.type_blk{
color:#000;
}

.type_bottommargin{
margin-bottom:40px!important;
}

.type_toptext{
margin-bottom:10px;
float:left;
width:100%;
}

.type_toptext a{
text-decoration:underline;
color:#0000ff;

}

.type_toplink ul{
display:block;
float:left;
width:100%;
}

.type_underbox{
background-color:#ffe618;
padding:20px;
float:left;
margin-bottom:10px;
width:100%;
}

.type_logo{
float:left;
width:26%;
margin-top:5%;
display:block;
}

.type_underlink{
float:right;
width:70%
}

.type_underlink a{
display:block;
cursor:pointer;
}

.type_underlink .type_toptext{
width:600px;
}

.type_underbox .type_sholder{
color:#000;
/*width:100%;*/
}

.type_imgborder{
border:1px solid #000;
margin-bottom:5px;
float:left;
}

.type_bottomcatch{
float:left;
font-weight:bold;
font-size:24px;
width:100%;
border-left:6px #FFE619 solid;
color:#000000;
margin-top:10px;
padding-left:10px;
margin-bottom:10px;
display:block;
}

.type_bottommini{
font-size:10px;
font-weight:normal;
}