@charset "utf-8";



/* レイアウト */

#left_column {
	width:632px;
	padding:0 5px 5px 9px;
	margin-bottom:15px;
	float:left;
	background:#fff;
	}

#right_column {
	background:#fff;
	width:254px;
	margin-bottom:15px;
	padding:0px;
	float:left;
	}

/* 軽のシゴトとは？ */

#about {
	width:622px;
	background:#D60012;
	padding:2px;
	margin-bottom:15px;
	font-size:85%;
	}

#about h4 {
	margin:0 2px 2px 2px;
	}

#about p.about_text {
	padding:15px;
	background:url(../../img/index/line_about.gif) no-repeat #fff bottom;
	}

#about p.about_imgage {
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	background:#fff;
	}

/* ログインフォーム */

#shipper_login {
	float:left;
	width:307px;
	margin-right:8px;
	margin-bottom:15px;
	background:#E7F7FB;
	border:1px solid #27A9CD;
	}


#shipper_login h4 {
	width:300px;
	margin:3px auto 0 auto;
	z-index:5;
	}

#shipper_login .shipper_loginform {
	margin-top:-5px;
	padding:10px 0;
	background:#ADDEEC;
	z-index:0;
	}

#driver_login {
	float:left;
	margin-bottom:15px;
	width:307px;
	background:#F1F9E4;
	border:1px solid #7EC115;
	}

#driver_login h4 {
	width:300px;
	margin:3px auto 0 auto;
	z-index:5;
	}

#driver_login .driver_loginform {
	margin-top:-5px;
	padding:10px 0;
	background:#C8E49B;
	z-index:0;
	}

.text_form , .text_form_pass {
	text-align:center;
	margin-bottom:2px;
	}

.text_form input {
	width:203px;
	height: 1.2em;
	text-align:left;
	margin:0;
	}


#driver_login .text_form input {
	width:170px;
	height: 1.2em;
	text-align:left;
	margin-left:4px;
	}

.text_form_pass input {
	width:203px;
	height: 1.2em;
	text-align:left;
	margin-left:4px;
	}

.text_form span {
	}

.login_btn {
	text-align:center;
	margin-top:10px;
	}

/* 保証人委託サービス */

.guarantor {
	width:242px;
	margin:0 0px 15px 2px;
	}

.guarantor p {
	padding:7px;
	background:#FFE5E8;
	color:#D60012;
	font-weight:bold;
	}

/* 荷主地域別 */

#shipper_list {
	width:237px;
	background:#E76200;
	padding:3px;
	margin:0 0px 15px 2px;
	position:relative;
	}

#shipper_list h4 {
	margin:5px 2px 5px 7px;
	}

#shipper_list h5 {
	padding:10px;
	background:#fff;
	}

#shipper_list ul {
	padding:15px;
	background:url(../../img/index/line_shipper.jpg) no-repeat #fff bottom;
	}

#shipper_list ul li  {
	margin-bottom:5px;
	}

#shipper_list ul li a {
	padding-left:15px;
	background:url(../../img/index/bullet_shipper.gif) no-repeat 0 2px;
	}

#shipper_list p.map {
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	background:#fff;
	}

#shipper_list .list_btn {
	position:absolute;
	top:6px;
	right:5px;
	}

/* 問い合わせ */

.contact_box {
	width:237px;
	margin:0 0px 15px 2px;
	padding:3px;
	background:#D60012;
	}

.contact_box h4 {
	margin:2px 2px 5px 2px;
	}

.contact_box p {
	padding:10px;
	background:#fff;
	font-size:80%;
	}

.contact_box ul {
	padding:0 10px 10px 10px;
	background:#fff;
	font-size:84%;
	}

.contact_box ul li {
	font-weight:bold;
	color:#D60012;
	}

.contact_box ul li.to_contact {
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	}

.contact_box ul li.to_faq {
	padding-top:10px;
	}

.contact_box ul li a {
	color:#D60012;
	}

.contact_box ul li a:visited {
	color:#D60012;
	}


/* シゴト情報一覧 */

#work_list {
	clear:both;
	width:627px;
	font-size:93%;
	}

#work_list h3 {
	margin-bottom:10px;
	}

#work_list .work_unit {
	float:left;
	clear:left;
	width:625px;
	margin-bottom:10px;
	border:1px solid #BDBDBD;
	}

* html #work_list .work_unit {
	float:none;
	}

#work_list .work_unit .unit_header {
	float:left;
	background:#F1F9E4;
	width:615px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #BDBDBD;
	}

#work_list .work_unit .unit_header .date {
	float:left;
	width:105px;
	font-weight:bold;
	font-size:95%;
	vertical-align:bottom;
	}

#work_list .work_unit .unit_header .title {
	float:left;
	width:383px;
	font-weight:bold;
	vertical-align:bottom;
	}

#work_list .work_unit .unit_header .title a {
	color:#587E1B;
	}

#work_list .work_unit .unit_header .icon {
	float:left;
	width:54px;
	text-align:left;
	}

#work_list .work_unit .unit_header .detail {
	float:right;
	width:63px;
	text-align:left;
	}

#work_list .work_unit .unit_body {
	float:left;
	width:615px;
	background:#fff;
	padding:5px 5px 5px 5px;
	}

#work_list .work_unit .unit_body .unit_image {
	float:left;
	width:120px;
	margin-bottom:5px;
	}

#work_list .work_unit .unit_body .unit_info {
	float:left;
	width:490px;
	background:#fff;
	}

#work_list .work_unit .unit_body .comment {
	width:490px;
	margin-bottom:5px;
	background:#fff;
	}
	
#work_list .work_unit .unit_body ul {
	float:left;
	background:#fff;
	}

/*

#work_list .work_unit .unit_body ul li {
	display:inline;
	margin-right:5px;
	line-height:23px;
	}
*/

#work_list .work_unit .unit_body ul li {
	width:100px;
	float:left;
	margin-right:5px;
	line-height:23px;
	}

#work_list .work_unit .unit_body ul li.time {
	background:url(../../img/index/list/icon_time.gif) no-repeat 0 -2px;
	padding-left:57px;
	}

#work_list .work_unit .unit_body ul li.reward {
	background:url(../../img/index/list/icon_reward.gif) no-repeat 0 -2px;
	padding-left:57px;
	}

#work_list .work_unit .unit_body ul li.area {
	background:url(../../img/index/list/icon_area.gif) no-repeat 0 -2px;
	padding-left:57px;
	}


/* ドライバー情報一覧 */

#driver_list {
	clear:both;
	width:627px;
	font-size:94%;
	}

#driver_list h3 {
	margin-bottom:10px;
	}

#driver_list .driver_unit {
	float:left;
	clear:left;
	width:625px;
	margin-bottom:10px;
	border:1px solid #BDBDBD;
	}

* html #driver_list .driver_unit {
	float:none;
	}


#driver_list .driver_unit .unit_header {
	float:left;
	background:#E7F7FB;
	width:615px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #BDBDBD;
	}

#driver_list .driver_unit .unit_header .date {
	float:left;
	width:105px;
	font-weight:bold;
	font-size:95%;
	vertical-align:bottom;
	}

#driver_list .driver_unit .unit_header .title {
	float:left;
	width:383px;
	font-weight:bold;
	vertical-align:bottom;
	}

#driver_list .driver_unit .unit_header .title a {
	color:#136E87;
	}

#driver_list .driver_unit .unit_header .icon {
	float:left;
	width:54px;
	text-align:left;
	}

#driver_list .driver_unit .unit_header .detail {
	float:right;
	width:63px;
	text-align:left;
	}

#driver_list .driver_unit .unit_body {
	float:left;
	width:615px;
	background:#fff;
	padding:5px 5px 5px 5px;
	}

#driver_list .driver_unit .unit_body .unit_image {
	float:left;
	width:120px;
	margin-bottom:5px;
	}

#driver_list .driver_unit .unit_body .unit_info {
	float:left;
	width:490px;
	background:#fff;
	}

#driver_list .driver_unit .unit_body .comment {
	width:490px;
	margin-bottom:5px;
	background:#fff;
	}
	
#driver_list .driver_unit .unit_body ul {
	float:left;
	background:#fff;
	}

/*
#driver_list .driver_unit .unit_body ul li {
	display:inline;
	margin-right:5px;
	line-height:23px;
	}
*/

#driver_list .driver_unit .unit_body ul li {
	width:60px;
	float:left;
	margin-right:5px;
	line-height:23px;
	}

#driver_list .driver_unit .unit_body ul li.shape {
	background:url(../../img/index/list/icon_shape.gif) no-repeat 0 -2px;
	padding-left:57px;
	}

#driver_list .driver_unit .unit_body ul li.age {
	background:url(../../img/index/list/icon_age.gif) no-repeat 0 -2px;
	padding-left:57px;
	}

#driver_list .driver_unit .unit_body ul li.sex {
	background:url(../../img/index/list/icon_sex.gif) no-repeat 0 -2px;
	padding-left:57px;
	}



/* 最新情報 */

.news_box {
	width:237px;
	margin:0 0px 15px 2px;
	padding:3px;
	background:#D60012;
	font-size:88%;
	}

.news_box h4 {
	margin:7px 5px;
	}
.news_box ul {
	padding:10px;
	background:#fff;
	}


/* その他コンテンツ */

.sub_contents {
	width:232px;
	margin:0 0 0 2px;
	padding:15px 5px;;
	border-bottom:1px solid #ccc;
	}

.sub_contents h4 {
	border-left:4px solid #cc0000;
	font-weight:bold;
	font-size:120%;
	padding-left:5px;
	margin-bottom:5px;
	}

.sub_contents p {
	font-size:88%;
	}



/* バナー */

#top_bnr {
	width:232px;
	margin:25px 0 0 2px;
	padding:15px 5px;
	text-align:center;
	}

#top_bnr img {
	margin-bottom:10px;
	}