@charset "shift_jis";

/* basis style============================== */
body{
	text-align:left;
	color:#333333;
	font-size:0.9em;
	line-height:1.4;
	background: #ffffff url(../img/common/bg.gif) repeat-y left top;
	padding:0px;
	margin:0px;
}
a {color:#3366CC;text-decoration:underline;}
a:hover,a:active {color:#FFCC00;text-decoration:underline;}

h1,h2,h3,h4,h5{padding:0px;margin:0px;}
div,span,p,blockquote,form,ol,ul,li,dl,dt,dd{padding:0px;margin:0px;}
li{margin-left:15px;}

address{font-style:normal;font-weight:normal;padding:0px;margin:0px;}
img{border:none;}

/* font style============================== */
.ja9 {font-size: 9px; line-height: 1.22;}
.ja10 {font-size: 10px; line-height: 1.2;}
.ja10d {font-size: 10px; line-height: 1.5;}
.ja12 {font-size: 12px; line-height: 1.25;}
.ja12d {font-size: 12px; line-height: 1.59;}
.ja14 {font-size: 14px; line-height: 1.2;}
.ja14d {font-size: 14px; line-height: 1.29;}
.ja16 {font-size: 16px; line-height: 1.19;}
.ja18 {font-size: 18px; line-height: 1.1;}

.bold{font-weight:bold;}
.cRed{color:#FF0000;}
.cBlue{color:#003399;}

/* basis structure============================== */
#baseContainer{
	position:relative;
	width:770px;
	background:url(../img/common/bg_head.gif) no-repeat left top;
	padding:0px;
	margin:0px;
}

#wrapper{
	background:url(../img/common/bg_cts.gif) repeat-y left top;
	padding:0px 10px 0px 0px;
	margin:0px;
}
#navigation{
	float:left;
	width:200px;
	text-align:left;
	background:#FFFFFF;
	padding:0px;
	margin:0px;
}
#content{
	float:right;
	width:550px;
	text-align:left;
	padding:0px;
	margin:0px;
}

/* clearfix------------------------------ */
#wrapper:after,#topBoxWrapper:after,.jeAtention:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#wrapper,#topBoxWrapper,.jeAtention { min-height:1px; }

/* Not MacIE \*/
* html #wrapper,* html #topBoxWrapper,* html .jeAtention { height:1px; }
#wrapper,#topBoxWrapper,.jeAtention { display:block; }
/* */

/* #header============================== */
h1{
	padding:10px 10px 0px 10px;
	margin:0px
}
p#catch{padding:4px 10px;margin:0px;}
p#catch strong{font-weight:normal;}

.subNavi{
	position:absolute;
	top:0px;
	left:360px;
	z-index:2;
	padding:0px;
	margin:0px;	
}
.subNavi li{
	list-style:none;
	display: inline; /* for WinIE6 */
	padding:0px;
	margin: 0px 3px 0px 0px;
}
.subNavi li img{vertical-align:bottom;}


/* #navigation============================== */
#navigation img{vertical-align:bottom;}

.homeNavi{
	margin:0px 0px 5px 0px;
}

.mainNavi{
	text-align:left;
	padding:0px;
	margin:0px 0px 10px 0px;
}
.mainNavi dt,.mainNavi dd{
	padding:0px;
	margin:0px 0px 1px 0px;
}

.bnrNavi{
	text-align:center;
	padding:0px;
	margin:0px 0px 7px 0px;
}
.bnrNavi dt,.bnrNavi dd{
	padding:0px;
	margin:0px 0px 3px 0px;
}


/* #content============================== */
h3.deco{
	color:#FFFFFF;
	font-weight:bold;
	background:url(../img/h3_bg.gif) no-repeat left top;
	padding:8px 0px 8px 25px;
	margin:0px;
}
h4.space,h5.space{
	padding:20px 0px 0px 10px;
}

h3.space{margin:20px 0px 0px 0px;}
p.space{padding:10px 0px 0px 10px; margin:0px;}
ol.space,ul.space{padding:10px 0px 0px 10px; margin:0px;}

img.imgRight{margin:0px 0px 5px 10px;}
img.imgLeft{margin:0px 10px 5px 0px;}

#toPageTop{
	clear:both;
	text-align:right;
	padding:20px 0px 0px 0px;
	margin:0px;
}

/* page-index-------------------- */
.topHeader {background:url(../img/top_img_main_top.jpg) no-repeat left bottom;}
.topContent {background:url(../img/top_img_main_btm.jpg) no-repeat left top;}

#topBoxWrapper{
	width:550px;
	padding:10px 0px 0px 0px;
	margin:0px;
}
#topBoxWrapper img{vertical-align:bottom;}

#topBoxJob{
	float:left;
	width:270px;
	background:url(../img/top_job_bg_top.jpg) no-repeat left top;
}
#topBoxRecruit{
	float:right;
	width:270px;
	background:url(../img/top_recruit_bg_top.jpg) no-repeat left top;
}

.topBox-ttl{
	text-align:center;
	padding:5px;
	margin:0px;
}
.topBox-txt{
	text-align:left;
	padding:0px 15px;
	margin:0px;
}
.topBox-btn{
	text-align:center;
	background:url(../img/top_job_bg_btm.gif) no-repeat left bottom;
	padding:10px 10px;
	margin:0px;
}

.topNewTtl{
	clear:both;
	padding:10px 0px 0px 0px;
}
.topNewInfo li{
	list-style:none;
	border-bottom: 1px dashed #E6E6E6;
	background:url(../img/top_new_icon.gif) no-repeat 3px 9px;
	padding:4px 0px 4px 15px;
	margin:0px;
}
/* page-job-------------------- */
.entryBtn{
	text-align:center;
	padding:15px;
}

.jobTbl{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding:0px;
	margin:20px 0px 0px 10px;
}
.jobTbl thead th{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background:#E6E6E6;
	padding:5px 10px;
	margin:0px;
}
.jobTbl tbody th{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background:#F5F5F5;
	padding:5px 10px;
	margin:0px;
}
.jobTbl tbody td{
	text-align:left;
	vertical-align:top;
	font-size:12px;
	line-height:18px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding:5px 10px;
	margin:0px;
}
.jobTbl tfoot td{
	text-align:center;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding:15px;
	margin:0px;
}


/* page-info-------------------- */

.infoList dt{
	font-weight:bold;
	background:#EBEBEB url(../img/top_new_icon.gif) no-repeat 8px 9px;
	padding:4px 0px 4px 18px;
	margin:20px 0px 0px 0px;
}
.infoList dd{
	padding:5px 10px;
	margin:0px 0px 0px 0px;
}

/* page-jobentry-------------------- */
.jeAtention{
	border: 1px solid #FF0000;
	background:#FFF5F5;
	padding:10px 20px;
	margin:10px 10px 0px 10px;
}
.jeExample{
	color:#999999;
	padding:3px 0px 0px 5px;
	margin:0px;
}

/* page-flow-------------------- */
.flowStepTbl{
	padding:0px;
	margin:10px 0px 0px 10px;
}
.flowStepTbl td.flowStepTtl{
	text-align:center;
	vertical-align:middle;
	background:url(../img/flow_step_bg_top.gif) no-repeat left top;
	padding:5px 0px;
	margin:0px;
}
.flowStepTbl td.flowStepArw{
	background:url(../img/flow_step_bg_btm.gif) no-repeat left top;
	padding:0px;
	margin:0px;
}

/* page-voice-------------------- */
.voiceBox{
	background:url(../img/voice_bg_base.gif) no-repeat left bottom;
	padding:0px 0px 15px 0px;
	margin:20px 10px 0px 10px;	
}
.voiceBox h4{
	background:url(../img/voice_bg_ttl.gif) no-repeat left top;
	font-weight:bold;
	padding:15px;
}
.voiceBox .voiceQ{
	font-weight:bold;
	color:#0099FF;
	padding:20px 15px 0px 15px;
}
.voiceBox .voiceA{padding:10px 15px 0px 15px;}

/* #footer============================== */
.footMenu{
	clear:both;
	text-align:center;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:5px 10px;
	margin:10px 10px 5px 10px;
}
.copy{
	text-align:center;
	margin:0px 10px;
}