@charset "UTF-8";

/* -----------------------------------------------------------
Font-size Adjustment
	10px	->	77%
	11px	->	85%
	12px	->	93% (was 93)
	13px	->	100%
	14px	->	108% (was 107)
	15px	->	116% (was 114)
	16px	->	123.1% (was 122)
	17px	->	131% (was 129)
	18px	->	138.5% (was 136)
	19px	->	146.5% (was 144)
	20px	->	153.9% (was 152)
	21px	->	161.6% (was 159)
	22px	->	167%
	23px	->	174%
	24px	->	182%
	25px	->	189%
	26px	->	197%
----------------------------------------------------------- */

/*
 Share Style
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
html {
	width:100%;
	overflow-y:scroll;
	text-align:center;
	color:#666;
	line-height:1.4;
}
body {
	width:100%;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-weight:normal;
}
p,li,dt,dl {
}
li,dt,dl {
	list-style-type:none;
}
th,td{
	font-weight:normal;
	vertical-align:top;
}
img {
	border:none;
	vertical-align:bottom;
}
address {
	font-style:normal;
}

.clear {
	clear:both;
}
.leftImg{
	float:left;
}
.rightImg{
	float:right;
}
hr{
	display:none;
}

/*
 Link Color
----------------------------------------------------------- */
a:link {
	color:#FF0000;
	text-decoration:underline;
}
a:visited {
	color:#990000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:active {
	color:#666;
}


/*
　共通スタイル
----------------------------------------------------------- */
#wrapper{
	width:100%;
}
#bgBass{
    width:1000px;
    background:url(../images/all_bg.gif) repeat-y center top;
	margin:0 auto;
}
#inner{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
#foot{
	width:1000px;
	height:25px;
	padding-top:3px;
	background:#FFF url(../images/foot_bg.gif) no-repeat center top;
	color:#FFF;
	font-size:70%;
	margin:0 auto;
}
/*
　中ページ共通
----------------------------------------------------------- */
#headMenu{
	width:980px;
	height:120px;
	background:url(../images/headbg.jpg) no-repeat center top;
	position:relative;
	color:#FFF;
}
#headMenu .logo{
	width:102px;
	height:98px;
	position:absolute;
	top:0;
	left:26px;
}
#headMenu .headtxt{
	width:315px;
	height:26px;
	position:absolute;
	right:34px;
	top:38px;	
}
#headMenu .cName{
	width:276px;
	height:25px;
	position:absolute;
	left:147px;
	top:34px;
}
#headMenu #gnavi{
	position:absolute;
	top:76px;
	left:146px;
}
#headMenu #gnavi li{
	display:inline;
}
.content{
	text-align:left;
	padding:0 22px;
	background:url(../images/btn_bg.gif) repeat-x left bottom;
}
.content #cTag{
	text-align:left;
	padding-top:18px;
}
#cMain{
	width:908px;
	height:257px;
	padding:29px 0 0 30px;
}
#cMain h2{
	padding:15px 0 16px;
}
#cMain p{
	font-size:77%;
	line-height:1.8;
}
.content .titleSmale{
	color:#FF0000;
	font-weight:bold;
	font-size:77%;
	background:url(../images/arrow_r.gif) no-repeat left center;
	padding:3px 0 0 15px;
	margin-top:20px;
}
.content .garrowList {
	font-size:77%;
	padding:10px 0 10px 16px;
}
.content .garrowList li{	
	background:url(../images/arrow_g.gif) no-repeat left 6px;
	padding:0 0 0 12px;
	line-height:1.8;
	white-space:nowrap;
}
.content #allBox{
	width:100%;
	padding-bottom:20px;
	overflow:auto;
}
.content #allBox .leftBox{
	width:370px;
	float:left;
}
.content #allBox .rightBox{
	width:540px;
	float:right;
}

/*
　トップページ
----------------------------------------------------------- */
#headMain{
	width:980px;
	height:405px;
	background:url(../../images/headmain_bg.jpg) no-repeat center top;
	position:relative;
	color:#FFF;
}
#headMain .logo{
	width:102px;
	height:98px;
	position:absolute;
	top:0;
	left:26px;
}
#headMain .headtxt{
	width:315px;
	height:26px;
	position:absolute;
	right:34px;
	top:38px;	
}
#headMain .cName{
	width:174px;
	height:25px;
	position:absolute;
	left:147px;
	top:34px;
}
#topNavi{
	padding:15px 0;
	text-align:left;
}
#topNavi ul{
	padding-left:50px;
}
#topNavi ul li{
	display:inline;
}
#mainBtnArea{
	width:950px;
	padding-left:30px;
	overflow:auto;
	text-align:left;
	padding-bottom:30px;
	background:url(../images/btn_bg.gif) repeat-x left bottom;
}

#mainBtnArea .design,
#mainBtnArea .tStaffing{
	width:461px;
	height:233px;
	position:relative;
	float:left;
}
#mainBtnArea .design a,
#mainBtnArea .tStaffing a{
	width:461px;
	height:233px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
#mainBtnArea .design a{
	background:url(../../images/mainbtn01.jpg) no-repeat left top;
}
#mainBtnArea .tStaffing a{
	background:url(../../images/mainbtn02.jpg) no-repeat left top;
}
#mainBtnArea .design a:hover{
	background:url(../../images/mainbtn01.jpg) no-repeat right top;
}
#mainBtnArea .tStaffing a:hover{
	background:url(../../images/mainbtn02.jpg) no-repeat right top;
}
#mainBtnArea h2,
#mainBtnArea p{
	text-indent:-9999px;
}




/*
　設計
----------------------------------------------------------- */
#designPage #cMain{
	background:url(../../design/images/mainbg_de.jpg) no-repeat left top;
}
#designPage #deFlow{
	width:530px;
	height:216px;
	margin-top:10px;
	background:url(../images/flow_bg.gif) no-repeat left top;
	position:relative;
}
#designPage #deFlow dd{
	font-size:61%;
	line-height:1.4;
	letter-spacing:0.05em;
}
#designPage #deFlow dt.step1{
	width:103px;
	height:24px;
	position:absolute;
	top:10px;
	left:16px;
}
#designPage #deFlow dd.step1{
	position:absolute;
	top:8px;
	left:200px;
}
#designPage #deFlow dt.step2{
	width:71px;
	height:24px;
	position:absolute;
	top:67px;
	left:16px;
}
#designPage #deFlow dd.step2{
	position:absolute;
	top:65px;
	left:200px;
}
#designPage #deFlow dt.step3{
	width:71px;
	height:24px;
	position:absolute;
	top:123px;
	left:16px;
}
#designPage #deFlow dd.step3{
	position:absolute;
	top:121px;
	left:200px;
}
#designPage #deFlow dt.step4{
	width:129px;
	height:24px;
	position:absolute;
	top:179px;
	left:16px;
}
#designPage #deFlow dd.step4{
	position:absolute;
	top:177px;
	left:200px;
}

/*
　人材派遣
----------------------------------------------------------- */
#staffingPage #cMain{
	background:url(../../staffing/images/mainbg_st.jpg) no-repeat left top;
}
#staffingPage #deFlow{
	width:530px;
	height:216px;
	margin-top:10px;
	background:url(../images/flow_bg.gif) no-repeat left top;
	position:relative;
}
#staffingPage #deFlow dd{
	font-size:61%;
	line-height:1.4;
	letter-spacing:0.05em;
}
#staffingPage #deFlow dt.step1{
	width:103px;
	height:24px;
	position:absolute;
	top:10px;
	left:16px;
}
#staffingPage #deFlow dd.step1{
	position:absolute;
	top:8px;
	left:200px;
}
#staffingPage #deFlow dt.step2{
	width:71px;
	height:24px;
	position:absolute;
	top:67px;
	left:16px;
}
#staffingPage #deFlow dd.step2{
	position:absolute;
	top:65px;
	left:200px;
}
#staffingPage #deFlow dt.step3{
	width:71px;
	height:24px;
	position:absolute;
	top:123px;
	left:16px;
}
#staffingPage #deFlow dd.step3{
	position:absolute;
	top:121px;
	left:200px;
}
#staffingPage #deFlow dt.step4{
	width:162px;
	height:24px;
	position:absolute;
	top:179px;
	left:16px;
}
#staffingPage #deFlow dd.step4{
	position:absolute;
	top:177px;
	left:200px;
}



/*
　会社概要
----------------------------------------------------------- */
#companyPage #cMain{
	color:#FFF;
	background:url(../../company/images/mainbg_co.jpg) no-repeat left top;
}
#companyPage #cMain{
	width:908px;
	height:251px;
	padding:35px 0 0 30px;
}
#companyPage #cMain p{
	padding:20px 0 0 5px;
}
.comBoxUnit {
	width:100%;
	overflow:auto;
}
.comBoxUnit .rightBox{
	width:830px;
	float:right;
}
.comBoxUnit .leftBox{
	width:90px;
	padding-left:10px;
	float:left;
}
#wadacomimg{
	padding-top:20px;
}
#wadaOvv{
	width:820px;
	margin-top:20px;
	background:url(../../company/images/table_bg.gif) repeat left top;
	font-size:77%;
	border-top:#CCC 1px solid;
}
#wadaOvv td{
	height:22px;
	line-height:22px;
	padding-left:5px;	
}
#wadaOvv .leftClum{
	background:url(../../company/images/listhead.gif) no-repeat left 0;
	padding-left:15px;
}
#wadaOvv td img{
	margin-right:5px;
}

#mapUnit{
	width:830px;
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
}
#wadamap{
	width:427px;
	height:297px;
	padding-right:10px;
	float:right;
}
#addresstbl{
	width:380px;
	float:left;
	font-size:77%;
	line-height:22px;
}
#addresstbl td{
	padding-left:5px;
}
#addresstbl .leftClum{
	color:#FF0000;
	font-weight:bold;
	width:80px;
}

#companyPage .rerationUnit{
	width:830px;
	padding-top:20px;
	padding-bottom:30px;
	position:relative;
	font-size:77%;
	line-height:22px;
}
#companyPage .rerationUnit .accessList{
	width:500px;
	position:absolute;
	right:0;
	top:30px;
}
#companyPage .rerationUnit .accessList .link{
	color:#FF0000;
}
#companyPage .rerationUnit .accessList .link a{
	padding-left:5px;
}
#companyPage .rerationUnit h3{
	padding:0 0 10px;
}
#companyPage .rerationUnit h4{
	border-top:#CCC 1px solid;
	padding:15px 0 10px;
}
#companyPage .rerationUnit p{
	padding-bottom:15px;
	padding-left:5px;
}
#companyPage .rerationUnit dl{
	height:22px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;	
}
#companyPage .rerationUnit dl dt,
#companyPage .rerationUnit dl dd{
	display:inline;
}
