@charset "Shift_JIS";

/*
	Site Name:　コンティフォース
	Description: top Layout
*/
/*----------------------------------------------------------
top
----------------------------------------------------------*/
div#container{
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg_body.gif) no-repeat center 70px;
}

div#container #containerin{
	width: 960px;
	margin: 0 auto;
	background: url(../images/bg_contents.png) repeat-y;
}

/*header-------------------------------------------------------*/
div#containerin #header{
	width: 960px;
	margin: 0 auto;
}

#header h1{
	background: #DCF2FB;
	padding: 27px 0 0 0;
	float: left;
}

#header div.headerright{
	width: 317px;
	height: 222px;
	background: #DCF2FB url(../images/bg_headerbutton.jpg) no-repeat left bottom;
	float: left;
}

div.headerright p.logo{
	padding: 12px 5px 0 230px;
}

div.headerright p.button{
	margin: 72px 0 0 0;
}

#header div.headerunder{
	width: 682px;
	height: 272px;
	padding: 0 0 0 278px;
	background: url(../images/bg_headerunder.jpg) no-repeat left top;
	clear: both;
}

/*header　完全担当制*/
div.headerunder dl.point01{
	width: 225px;
	height: 225px;
	margin: 30px 0 0 0;
	background: url(../images/bg_en01.jpg) no-repeat left top;
	float: left;
}

div.headerunder dl.point01 dt{
	margin: 105px 0 0 55px;
}

div.headerunder dl.point01 dd{
	width: 155px;
	margin: 0 0 0 43px;
	padding: 10px 0 0 0;
	font-size: 70%;
	line-height: 100%;
}

div.headerunder dl.point02 dd{
	width: 155px;
	margin: 0 0 0 43px;
	padding: 2px 0 0 0;
	font-size: 70%;
	line-height: 100%;
}

/*header　登録企業多数*/
div.headerunder dl.point02{
	width: 231px;
	height: 225px;
	background: url(../images/bg_en02.jpg) no-repeat left top;
	float: left;
}

div.headerunder dl.point02 dt{
	margin: 104px 0 0 24px;
}

/*contents-------------------------------------------------------*/
div#containerin #contents{
	width: 925px;
	padding: 0 0 0 35px;
}

/*各セクション大枠（一般派遣・人材紹介・紹介予定派遣）*/
#contents div.section01{
	width: 456px;
	height: 380px;
	background: url(../images/bg_section01_01.jpg) no-repeat left top;
	float: left;
}

#contents div.section02{
	width: 456px;
	height: 380px;
	background: url(../images/bg_section02_01.jpg) no-repeat left top;
	float: left;
}

div.section01 h2,
div.section02 h2{
	padding: 15px 0 0 16px;
}

div.section01 h3,
div.section02 h3{
	float: left;
	padding: 10px 0 0 11px;
}

div.section01 dl.section0101,
div.section02 dl.section0101{
	width: 355px;
	float: left;
	padding: 10px 0 0 6px;
	border-bottom: #999999 1px dotted;
}

div.section01 dl.section0101 dt,
div.section02 dl.section0101 dt{
	height: 15px;
}

div.section01 dl.section0101 dd,
div.section02 dl.section0101 dd{
	padding: 5px 0 10px 0;
}

div.section01 h3.second,
div.section02 h3.second{
	clear: both;
	padding: 15px 0 0 11px;
}

div.section01 dl.section0102,
div.section02 dl.section0102{
	width: 355px;
	float: left;
	padding: 15px 0 0 6px;
	border-bottom: #999999 1px dotted;
}

div.section01 dl.section0102 dt,
div.section02 dl.section0102 dt{
	height: 15px;
}

div.section01 dl.section0102 dd{
	padding: 5px 0 22px 0;
}

div.section02 dl.section0102 dd{
	padding: 5px 0 10px 0;
}

div.section01 h3.third,
div.section02 h3.third{
	clear: both;
	padding: 15px 0 0 11px;
}

div.section01 dl.section0103,
div.section02 dl.section0103{
	width: 355px;
	float: left;
	padding: 15px 0 0 6px;
}

div.section01 dl.section0103 dt,
div.section02 dl.section0103 dt{
	height: 15px;
}

div.section01 dl.section0103 dd,
div.section02 dl.section0103 dd{
	padding: 5px 0 10px 0;
}

p.sectionbutton{
	padding: 10px 0 0 45px;
	clear: both;
}

/*各業界情報*/
div.gyokaisection01{
	width: 437px;
	margin: 35px 0 0 0;
	clear: both;
	float: left;
	background: url(../images/bg_gyokaisection04.gif) repeat-y;
	position: relative;
}

div.gyokaisection02{
	width: 437px;
	margin: 35px 0 0 15px;
	float: left;
	background: url(../images/bg_gyokaisection04.gif) repeat-y;
	float: left;
}

div.gyokaisection03{
	width: 437px;
	margin: 20px 0 0 0;
	clear: both;
	float: left;
	background: url(../images/bg_gyokaisection04.gif) repeat-y;
}

div.gyokaisection04{
	width: 450px;
	margin: 20px 0 0 15px;
	float: left;
	background: url(../images/bg_gyokaisection04.gif) repeat-y;
	float: left;
}

dl.gyosec0101{
	padding: 10px 0 0 0;
}

dl.gyosec0102{
	padding: 10px 0 0 0;
	clear: both;
}

dl.gyosec0101 dd,
dl.gyosec0102 dd{
	width:350px;
	/*float:left;*/
	margin:0 0 0 43px;
	padding:10px 10px 10px 10px;
	
	font-size:75%;
	background:#FFF;
}

/* ------------------------------------------------ */
div.gyokaisection01 dl.gyosec0101{background:url("../images/ic_01blue.gif") no-repeat 15px bottom;}
div.gyokaisection01 dl.gyosec0102{background:url("../images/ic_02blue.gif") no-repeat 15px bottom;}
div.gyokaisection02 dl.gyosec0101{background:url("../images/ic_01green.gif") no-repeat 15px bottom;}
div.gyokaisection02 dl.gyosec0102{background:url("../images/ic_02green.gif") no-repeat 15px bottom;}
div.gyokaisection03 dl.gyosec0101{background:url("../images/ic_01pink.gif") no-repeat 15px bottom;}
div.gyokaisection03 dl.gyosec0102{background:url("../images/ic_02pink.gif") no-repeat 15px bottom;}
div.gyokaisection04 dl.gyosec0101{background:url("../images/ic_01yellow.gif") no-repeat 15px bottom;}
div.gyokaisection04 dl.gyosec0102{background:url("../images/ic_02yellow.gif") no-repeat 15px bottom;}
/* ------------------------------------------------- */
/*業界セクションのpositionのための枠*/
div.dlbox{
	width: 925px;
	clear:both;

}
/*業界セクションのposition*/
p.sekkyaku{
	width:885px;
	position:absolute;
	margin:0 0 0 0;
	text-align:center;
}


 p.button03{
	padding: 10px 0 0 217px;
	clear: both;
}

/*流れ*/
h2.flow{
	padding: 30px 0 0 0;
	clear:both;
}

div.flow01{
	width: 868px;
	height: 226px;
	margin: 10px 0 0 10px;
	background: url(../images/bg_flow01.gif) no-repeat left top;
}

div.flow01 h3{
	padding: 20px 0 0 50px;
}

div.flow01 p.mobile{
	margin: 30px 0 0 15px;
	display: inline;
	float: left;
}

div.flow01 p.qr{
	margin: 38px 0 0 5px;
	float: left;
}

div.flow01 ul.ab{
	margin: 17px 0 0 0;
	float: left;
}

div.flow01 ul.ab li{
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

div.flow01 p.chui{
	padding: 7px 0 0 345px;
	clear: both;
}

div.flow02{
	width: 222px;
	height: 161px;
	margin: 10px 0 0 10px;
	background: url(../images/bg_flow02.gif) no-repeat left top;
	clear: both;
	float: left;
	display: inline;
}

div.flow03{
	width: 222px;
	height: 161px;
	margin: 10px 0 0 0;
	background: url(../images/bg_flow03.gif) no-repeat left top;
	float: left;
}

div.flow04{
	width: 222px;
	height: 161px;
	margin: 10px 0 0 0;
	background: url(../images/bg_flow04.gif) no-repeat left top;
	float: left;
}

div.flow05{
	width: 222px;
	height: 161px;
	margin: 10px 0 0 0;
	background: url(../images/bg_flow05.gif) no-repeat left top;
	float: left;
}

div.flow02 h3,
div.flow03 h3,
div.flow04 h3,
div.flow05 h3{
	margin: 30px 0 0 40px;
}


p.flowcome{
	margin: 7px 0 0 15px;
}

/*コーディネータの声&スタッフの声ボタン*/
dl.voice01{
	width: 426px;
	height: 97px;
	margin: 39px 0 0 0;
	background: url(../images/buttonfooter01.jpg) no-repeat left top;
	clear: both;
	float: left;
}

dl.voice02{
	width: 426px;
	height: 97px;
	margin: 39px 0 0 17px;
	background: url(../images/buttonfooter02.jpg) no-repeat left top;
	float: left;
}

dl.voice01 dt,
dl.voice02 dt{
	padding: 3px 0 0 3px;
}

dl.voice01 dd,
dl.voice02 dd{
	padding: 10px 0 0 13px;
}

ul.footerbutton{
	padding: 62px 0 0 124px;
	clear: both;
}

ul.footerbutton li{
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 35px;
}

p.pagetop{
	margin: 0 0 0 742px;
	padding: 0 0 18px 0;
	clear: both;
}

/*footer-------------------------------------------------------*/
div#containerin #footer{
	width: 960px;
	height: 42px;
	background: url(../images/bg_footer.jpg) no-repeat left top;
}

div#containerin p.copy{
	width: 938px;
	height: 30px;
	margin: 0 0 0 11px;
	padding: 5px 0 0 0;
	color: #1C76A7;
	font-size: 64%;
	background: url(../images/bg_footerin.jpg) repeat-x;
	text-align: center;
}
#footerbutton_temporary {
	clear: both;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30;
	padding-left: 160px;
	float: left;
}