@charset 'utf-8';

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 804px;
	height: 204px;
	margin: 0px 18px 0px;
	display: block;
	position: relative;
}

#keyVisual h1 {
	width: 804px;
	height: 204px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #d6dad9;
	line-height: 1;
	position: relative;
	background: url(/topic/01/images/keyvisual.jpg) left top no-repeat;
}

/* mainArea
-------------------------------------------------- */

#mainArea .section {
	width: 783px;
	_width: 804px;
	_w\idth: 783px;
	padding: 0px 10px 0px 11px;
	margin: 0px;
}

/* twoColumnBtnBox_001
-------------------------------------------------- */

#mainArea .twoColumnBox_001 {
	width: 804px;
	height: 138px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: url(/topic/01/images/column_bg.gif) left top no-repeat;
}

#mainArea .twoColumnBox_001 h2 {
	width: 444px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 33px;
	left: 23px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #e2e2e2;
	line-height: 1;
	background: url(/topic/01/images/h2_title.gif) left top no-repeat;
}

#mainArea .twoColumnBox_001 .standardImage {
	width: 281px;
	height: 121px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 17px;
	left: 513px;
}

/* head
-------------------------------------------------- */

#mainArea .utilityBox_001 h3.head_001 {
	width: 783px;
	height: 37px;
	padding: 0px;
	margin: 0px 0px 18px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #c1c1c1;
	line-height: 1;
	background: url(/topic/01/images/head_001.gif) left top no-repeat;
}

#mainArea .utilityBox_001 h3.head_002 {
	width: 783px;
	height: 38px;
	padding: 0px;
	margin: 0px 0px 18px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #c1c1c1;
	line-height: 1;
	background: url(/topic/01/images/head_002.gif) left top no-repeat;
}

#mainArea .utilityBox_001 h3.head_003 {
	width: 783px;
	height: 37px;
	padding: 0px;
	margin: 0px 0px 18px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #c1c1c1;
	line-height: 1;
	background: url(/topic/01/images/head_003.gif) left top no-repeat;
}

/* utilityBox_001
-------------------------------------------------- */

#mainArea .utilityBox_001 {
	width: 783px;
	padding: 0px;
	margin: 0px 0px 20px;
}

#mainArea .utilityBox_001 .layout {
	width: 783px;
	padding: 0px;
	margin: 0px;
	background: url(/topic/01/images/bg_001.gif) left top repeat-y;
}

#mainArea .utilityBox_001 .body {
	width: 783px;
	padding: 0px;
	padding: 0px 0px 17px;
	background: url(/topic/01/images/bg_bottom_001.gif) left bottom no-repeat;
}

#mainArea .utilityBox_001 .changePaddingBottom20 {
	padding: 0px 0px 20px;
}

#mainArea .utilityBox_001 .textBox {
	width: 747px;
	padding: 8px 0px;
	margin: 0px 18px;
	background: #ffffff;
}

#mainArea .utilityBox_001 .textBox .boxBody {
	width: 675px;
	_width: 731px;
	_w\idth: 675px;
	padding: 0px;
	margin: 0px 8px;
	padding: 20px 30px 18px 26px;
	background: #f7fafc;
}

#mainArea .utilityBox_001 .textBox .boxBody p {
	padding: 0px;
	margin: 0px;
}

#mainArea .utilityBox_001 .textBox .boxBody p.text {
	padding: 0px;
	margin: 0px 0px 25px;
}

#mainArea .utilityBox_001 .figure_001 {
	width: 747px;
	padding: 0px;
	margin: 10px 18px 0px;
}

/* problemBox
-------------------------------------------------- */

#mainArea .utilityBox_001 .problemBox {
	width: 747px;
	height: 317px;
	padding: 0px;
	margin: 10px 18px 0px;
	background: url(/topic/01/images/figure_img_002.gif) left top no-repeat;
}

#mainArea .utilityBox_001 .problemBox h4,
#mainArea .utilityBox_001 .problemBox h5,
#mainArea .utilityBox_001 .problemBox ul,
#mainArea .utilityBox_001 .problemBox ul li {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	background: none;
}

/* menuBox
-------------------------------------------------- */

#mainArea .menuBox {
	width: 731px;
	height: 248px;
	padding: 0px;
	margin: 10px 8px 0px;
	position: relative;
	background: url(/topic/01/images/menu_bg.gif) left top no-repeat;
}

#mainArea .menuBox h4 {
	width: 193px;
	height: 21px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 14px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	background: url(/topic/01/images/menu_title.gif) left top no-repeat;
}

#mainArea .menuBox ul {
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .menuBox ul li {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #ffffff;
	line-height: 1;
	text-decoration: none;
}

#mainArea .menuBox ul li a {
	text-decoration: none;
}

#mainArea .menuBox ul li.menuContract a {
	width: 186px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 64px;
	left: 116px;
	background: url(/topic/01/images/menu_contract.gif) left top no-repeat;
}

#mainArea .menuBox ul li.manuDispatch a {
	width: 186px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 64px;
	left: 434px;
	background: url(/topic/01/images/menu_dispatch.gif) left top no-repeat;
}

#mainArea .menuBox ul li.menuEmployment a {
	width: 186px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 191px;
	left: 278px;
	background: url(/topic/01/images/menu_employment.gif) left top no-repeat;
}

/* schemeBox
-------------------------------------------------- */

#mainArea .schemeBox {
	width: 731px;
	padding: 0px;
	margin: 8px 8px 0px;
	background: #fff5e1;
}

#mainArea .schemeBox h4.titleContract {
	width: 731px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #fff6e3;
	line-height: 1;
	background: url(/topic/01/images/title_contract.gif) left top no-repeat;
}

#mainArea .schemeBox h4.titleDispatch {
	width: 731px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #fff6e3;
	line-height: 1;
	background: url(/topic/01/images/title_dispatch.gif) left top no-repeat;
}

#mainArea .schemeBox h4.titleEmployment {
	width: 731px;
	height: 33px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	color: #fff6e3;
	line-height: 1;
	background: url(/topic/01/images/title_employment.gif) left top no-repeat;
}

#mainArea .schemeBox p {
	padding: 20px 30px 18px 29px;
	margin: 0px;
	color: #124500;
}

/* contactBox_001
-------------------------------------------------- */

#mainArea .contactBox_001 {
	width: 783px;
	padding: 0px;
	margin: 0px;
}

#mainArea .contactBox_001 .layout {
	width: 783px;
	padding: 0px;
	margin: 0px;
	background: url(/topic/01/images/bg_001.gif) left top repeat-y;
}

#mainArea .contactBox_001 .heading {
	width: 783px;
	padding: 0px;
	margin: 0px;
	background: url(/topic/01/images/bg_head_001.gif) left top no-repeat;
}

#mainArea .contactBox_001 .body {
	width: 783px;
	padding: 0px;
	padding: 17px 0px 18px;
	background: url(/topic/01/images/bg_bottom_001.gif) left bottom no-repeat;
}

#mainArea .contactBox_001 .textBox {
	width: 747px;
	padding: 13px 0px;
	margin: 0px 18px;
	background: #ffffff;
}

#mainArea .contactBox_001 .textBox p.textContact {
	padding: 0px;
	margin: 5px 0px 0px;
	text-align: center;
}

#mainArea .contactBox_001 .textBox .contactBtn {
	width: 257px;
	height: 32px;
	padding: 0px;
	margin: 13px 0px 0px 245px;
}