@charset "utf-8";


/*
------------------------------------------------
トップページ
------------------------------------------------*/

body#top {
	background: url(none);
}
#top #header {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 10;
	height: 570px;
}
#top #header h1 {
	position: absolute;
	left: -10px;
	top: 20px;
}
#top #header .navSitemap {
	position: absolute;
	top: 29px;
	right: 0px;
}
#top #header .gnav {
	height: 20px;
	position: absolute;
	top: 64px;
	right: 0px;
}
#top #header .gnav li {
	float: left;
}
#top #flashContent {
	background-color:#FFFFFF;
	width: 100%;
	height:665px;
	position: absolute;
	z-index: 9;
	top: 0px;
	text-align: center;
}
#top #wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 11;
	height: 380px;
}
#top #wrap #content {
	background: url(../images/top/content_bg-trans.png) no-repeat left top;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 950px;
	padding-top: 33px;
}
#top #wrap #content #centerNav {
	background: url(../images/top/centernav_bg-trans.png) repeat-y left top;
	width: 950px;
	overflow: hidden;
}
#top #wrap #content #centerNav dl {
	width: 200px;
	padding-right: 18px;
	padding-left: 19px;
	float: left;
}
#top #wrap #content #centerNav dl .btn {
	text-align: center;
	padding-top: 17px;
	padding-bottom: 10px;
}
#top #wrap #content .bnrArea {
	padding-top: 45px;
}
#top #wrap #content .bnrArea li {
	float: left;
	padding-right: 24px;
	padding-bottom:12px;
}
#top #wrap #content .bnrArea li.end {
	float: left;
	padding-right:0px;
}


/*
------------------------------------------------
企業情報
------------------------------------------------*/

#company #mainimg {
	background: url(../images/company/mainimg.jpg) no-repeat center top;
}
#company #main #content #lead {
	background: url(../images/company/bg_lead.jpg) no-repeat left top;
	min-height: 350px;
}
#company #main #content #listBox {
	padding-top: 5px;
}
#company #main #content #listBox li {
	float: left;
	padding-right: 18px;
	padding-top: 15px;
}
#company #main #content #listBox .even {
	padding-right: 0px;
}

#company #main #content #listBox li a {
	border: 1px solid #CCC;
	display: block;
}
#company #main #content #listBox li a:hover {
	border: 1px solid #006DD9;
}


/*---------社長挨拶---------*/

#greeting .leftArea {
	float: left;
	width: 360px;
	padding-right: 20px;
}
#greeting .pname {
	text-align: right;
	clear: both;
	padding-top: 10px;
}


/*---------企業理念・方針---------*/

#philosophy h4 {
	color: #1B4C82;
	font-weight: bold;
	font-size: 110%;
}
#philosophy h5 {
	font-weight: bold;
	padding-top: 5px;
}


/*---------会社概要---------*/


#profile table {
	width: 700px;
	margin-bottom: 40px;
}

#profile table th {
	border-bottom: 1px dotted #CCC;
	width: 120px;
	padding: 10px;
	font-weight: bold;
}
#profile table td {
	border-bottom: 1px dotted #CCC;
	padding: 10px 10px 10px 0px;
}


/*---------沿革---------*/


#history table {
	width: 500px;
	margin-bottom: 40px;
	float: left;
	margin-top: 10px;
}
#history table th {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0px 10px 10px;
	font-weight: bold;
}
#history table td {
	width: 300px;
	border-bottom: 1px dotted #CCC;
	padding: 10px 10px 10px 20px;
}
#history .imgArea {
	width: 150px;
	float: right;
	margin-top: 10px;
}


/*---------関連会社---------*/

#group h4 {
	background: url(../images/company/group/bg_h4.gif) repeat-x left bottom;
	margin-bottom: 10px;
	padding: 7px 10px 7px 15px;
	font-weight: bold;
	font-size: 110%;
	margin-top: 30px;
}
#group table {
	width: 700px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#group table th {
	border-bottom: 1px solid #CCC;
	width: 110px;
	padding: 10px 10px 10px 15px;
	border-left: 1px solid #CCC;
	background: url(../images/bg_dot.gif) repeat left top;
}
#group table td {
	border-bottom: 1px solid #CCC;
	padding: 10px 15px;
	border-left: 1px solid #CCC;
}



/*
------------------------------------------------
サービス内容
------------------------------------------------*/

#service #mainimg {
	background: url(../images/service/mainimg.jpg) no-repeat center top;
}
#service #main #content #listBox {
	padding-top: 5px;
}
#service #main #content #listBox li {
	float: left;
	padding-right: 18px;
	padding-top: 15px;
}
#service #main #content #listBox .even {
	padding-right: 0px;
}
#service #main #content #listBox li a {
	border: 1px solid #CCC;
	display: block;
}
#service #main #content #listBox li a:hover {
	border: 1px solid #006DD9;
}
#service #main #content .caseArea {
	overflow: hidden;
	padding-top: 10px;
}
#service #main #content .caseArea .case {
	width: 336px;
	background: #EFEFEF;
	padding: 2px;
}
#service #main #content .caseArea .leftbox {
	float: left;
}
#service #main #content .caseArea .rightbox {
	float: right;
}
#service #main #content .caseArea .case .inner {
	background: #FFFFFF;
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 7px;
}
#service #main #content .caseArea .case .inner .textArea {
	float: right;
	width: 210px;
}
#service #main #content .caseArea .case .inner .textArea .cat {
	font-size: 90%;
	border: 1px solid #B8CFEB;
	background: #EDF3FA;
	width: 90px;
	text-align: center;
	margin-bottom: 8px;
}
#service #main #content .caseArea .case .inner .textArea .name {
	line-height: 1.5;
	padding-left: 12px;
	background: url(../images/service/icn_case.gif) no-repeat 0px 3px;
	margin-bottom: 5px;
}
#service #main #content .caseArea .case .inner .textArea .btn {
	background: url(../images/icn_orange_arrow.jpg) no-repeat 0px 5px;
	padding-left: 17px;
}
#service #main #content .caseArea .case .inner .imgArea {
	float: left;
}
#service #main #content .caseArea .case .inner .imgArea img {
	border: 1px solid #CCC;
	padding: 3px;
}
#service #main #content #serviceNav {
	height: 34px;
	padding-bottom: 35px;
}
#service #main #content #serviceNav li {
	float: left;
	padding-left: 7px;
}
#service #main #content #serviceNav .head {
	padding-left: 0px;
}


/*---------スルー便---------*/

#through .lead {
	padding-bottom: 20px;
	overflow: hidden;
}
#through .lead .text {
	float: left;
	padding-top: 10px;
}
#through .lead .icons {
	float: right;
}


/*---------共同配送便---------*/

#coop .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#coop .lead .text {
	float: left;
	padding-top: 10px;
}
#coop .lead .icons {
	float: right;
}


/*---------チャーター便---------*/

#cheater .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#cheater .lead .text {
	float: left;
	padding-top: 10px;
}
#cheater .lead .icons {
	float: right;
}


/*---------定期ルート便---------*/

#root .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#root .lead .text {
	float: left;
	padding-top: 10px;
}
#root .lead .icons {
	float: right;
}


/*---------物流情報サービス---------*/

#transportinfo .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#transportinfo .lead .text {
	float: left;
	padding-top: 10px;
}
#transportinfo .lead .icons {
	float: right;
	padding-top: 15px;
}


/*---------倉庫保管サービス---------*/

#warehouse .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#warehouse .lead .text {
	float: left;
	padding-top: 10px;
	width: 410px;
}
#warehouse .lead .text .imgArea {
	overflow: hidden;
	padding-top: 15px;
}
#warehouse .lead .text .imgArea p {
	float: left;
	padding-right: 25px;
}
#warehouse .lead .icons {
	float: right;
	padding-top: 20px;
}
#warehouse .textbox01 {
	background: #FAFBFD;
	border: 1px solid #D8DFEF;
	padding: 20px 25px;
}
#warehouse .meritBox {
	overflow: hidden;
	padding-bottom: 30px;

}
#warehouse .meritBox dl {
	float: left;
	width: 220px;
	padding-left: 17px;
}
#warehouse .meritBox .head {
	padding-left: 0px;
}
#warehouse .meritBox dl .name {
	color: #1A4C81;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 3px;
	font-size: 110%;
}


/*---------流通加工サービス---------*/

#processing .lead {
	padding-bottom: 30px;
	overflow: hidden;
}
#processing .lead .text {
	float: left;
	padding-top: 25px;
	width: 340px;
}
#processing .lead .icons {
	float: right;
	padding-top: 25px;
}
#processing .imgbox {
	text-align: center;
	border: 1px solid #CCC;
	margin-bottom: 40px;
	padding-bottom: 15px;
	font-size: 110%;
}
#processing .textbox01 {
	background: #FAFBFD;
	border: 1px solid #D8DFEF;
	padding: 20px 25px;
}
#processing .meritBox {
	overflow: hidden;
	padding-bottom: 30px;

}
#processing .meritBox dl {
	float: left;
	width: 220px;
	padding-left: 17px;
}
#processing .meritBox .head {
	padding-left: 0px;
}
#processing .meritBox dl .name {
	color: #1A4C81;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-bottom: 3px;
	font-size: 110%;
}



/*
------------------------------------------------
運輸安全マネジメント
------------------------------------------------*/

#management #mainimg {
	background: url(../images/management/mainimg.jpg) no-repeat center top;
}
#management #main #content ul li ul {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#management #main #content .textbox01 {
	border: 3px solid #DDDDDD;
	padding: 15px 40px;
	overflow: hidden;
	margin-bottom: 30px;
}
#management #main #content .textbox01 h4 {
	font-size: 110%;
	font-weight: bold;
	color: #1A4C81;
	padding-bottom: 5px;
}
#management #main #content .textbox01 p {
	float: left;
	padding-right: 30px;
	line-height: 200%;
}
#management #main #content .table01 {
	width: 700px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#management #main #content .table01 th {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
#management #main #content .table01 tr .lth {
	background: #F0F4F7;
	width: 430px;
	text-align: left;
	padding-left: 15px;
}
#management #main #content .table01 tr .tth {
	background: #F7F7F7;
	text-align: center;
}
#management #main #content .table01 td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 20px;
	text-align: center;
}
#management #main #content .lasttext {
	text-align: right;
	padding-top: 20px;
}



/*
------------------------------------------------
個人情報保護方針
------------------------------------------------*/

#privacy #mainimg {
	background: url(../images/privacy/mainimg.jpg) no-repeat center top;
}
#privacy #main #content h4 {
	font-size: 120%;
	font-weight: bold;
	color: #194C80;
	padding-bottom: 3px;
}
#privacy #main #content h4 a {
	color: #FF6600;
}
#privacy #main #content h5 {
	font-weight: bold;
	font-size: 110%;
}
#privacy #main #content ul li {
	background: url(../images/icn_blue_circle.gif) no-repeat left center;
	padding-left: 15px;
}
#privacy #main #content .textbox01 {
	border: 3px solid #DDDDDD;
	padding: 15px 25px;
	overflow: hidden;
	margin-bottom: 30px;
}
#privacy #main #content .textbox01 h4 {
	font-size: 110%;
	font-weight: bold;
	color: #1A4C81;
	padding-bottom: 5px;
}
#privacy #main #content .lasttext {
	text-align: right;
	padding-top: 20px;
}
#privacy #main #content .pdf {
	padding-bottom: 3px;
	padding-left: 3px;
}

/*---------インラインフレーム---------*/


#flame .maintitle {
	font-size: 120%;
	border-bottom: 2px solid #1B4C82;
	padding-bottom: 5px;
	background: url(../images/icn_maintitle.jpg) no-repeat 0px 13px;
	padding-left: 15px;
	margin-bottom: 20px;
}

#flame .textbox01 {
	border: 3px solid #DDDDDD;
	padding: 15px 25px;
	overflow: hidden;
	margin-bottom: 30px;
}

#flame .lasttext {
	text-align: right;
	padding-top: 20px;
}
#flame h4 {
	font-weight: bold;
	padding-bottom: 3px;
}

#flame ol { margin-left:15px; }
#flame ol li { list-style:decimal outside; margin-bottom:8px; }


/*
------------------------------------------------
採用情報
------------------------------------------------*/

#recruit #mainimg {
	background: url(../images/recruit/mainimg.jpg) no-repeat center top;
}
#recruit #main #content .leadimg {
	margin-top: 10px;
	margin-bottom: 30px;
	position: relative;
}
#recruit #main #content .leadimg a {
	position: absolute;
	right: 11px;
	top: 246px;
}
#recruit #main #content .newsbox {
	padding-bottom: 25px;
}

#recruit #main #content .newsbox dl {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	padding-top: 2px;
}
#recruit #main #content .newsbox dt {
	padding-bottom: 7px;
	float: left;
	padding-left: 2px;
}
#recruit #main #content .newsbox dd {
	padding-bottom: 7px;
	padding-left: 120px;
	padding-right: 5px;
}
#recruit #main #content .newsbox dd img {
	padding-left: 7px;
	padding-bottom: 2px;
}
#recruit #main #content #listBox li {
	float: left;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-top: 5px;
}
#recruit #main #content #listBox .even {
	padding-right: 0px;
}
#recruit #main #content #listBox li a {
	border: 1px solid #CCC;
	display: block;
}
#recruit #main #content #listBox li a:hover {
	border: 1px solid #006DD9;
}
#recruit #main #content .recruitContact {
	background: url(../images/bg_dot.gif) repeat;
	padding: 25px 35px;
	border: 1px solid #CCC;
}
#recruit #main #content .recruitContact h3 {
	font-size: 120%;
	font-weight: bold;
	color: #194C7F;
	padding-bottom: 10px;
}
#recruit #main #content .recruitContact h4 {
	font-weight: bold;
	padding-bottom: 5px;
}


/*---------募集要項---------*/

#requirement table {
	width: 700px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 30px;
}
#requirement table th {
	border-bottom: 1px solid #CCC;
	width: 110px;
	padding: 10px 10px 10px 15px;
	border-left: 1px solid #CCC;
	background: url(../images/bg_dot.gif) repeat left top;
}
#requirement table td {
	border-bottom: 1px solid #CCC;
	padding: 10px 15px;
	border-left: 1px solid #CCC;
}
#requirement .jobtype {
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 15px 20px 15px 15px;
	margin-bottom: 15px;
}
#requirement .jobtype .infoArea {
	float: right;
	width: 530px;
}
#requirement .jobtype .infoArea h5 {
	font-size: 120%;
	color: #194C7F;
	border-bottom: 1px solid #194C7F;
	font-weight: bold;
	margin-bottom: 8px;
}

#requirement .jobtype .imgArea {
	float: left;
	width: 120px;
}
#requirement .jobtype .imgArea img {
	padding: 2px;
	border: 1px solid #CCC;
}


/*---------社内行事---------*/

#event .eventbox {
	overflow: hidden;
	padding-bottom: 35px;
}
#event .eventbox dl {
	float: left;
	width: 220px;
	padding-left: 20px;
}
#event .eventbox .head {
	padding-left: 0px;
}
#event .eventbox dd {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #194C7F;
	padding-top: 5px;
}
#event .eventbox2 {
	overflow: hidden;
	padding-bottom: 50px;
}
#event .eventbox2 dl {
	float: left;
	width: 220px;
	padding-left: 20px;
}
#event .eventbox2 .head {
	padding-left: 0px;
}
#event .eventbox2 .name {
	padding-top: 5px;
	font-size: 110%;
	font-weight: bold;
	color: #194C7F;
}


/*---------先輩の声---------*/

#voice #anchor {
	padding-left: 30px;
	padding-bottom: 50px;
}
#voice #anchor ul {
	overflow: hidden;
}
#voice #anchor ul li {
	float: left;
	padding-right: 20px;
}
#voice .voicebox h4 {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 2px solid #1B4C82;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../images/icn_maintitle.jpg) no-repeat 0px 6px;
	padding-left: 12px;
	color: #000;
	line-height: 1.5;
}
#voice .rightImg {
	overflow: hidden;
	padding-bottom: 30px;
}
#voice .rightImg .text {
	float: left;
	width: 380px;
}
#voice .rightImg .img {
	float: right;
	width: 300px;
}
#voice .leftImg {
	overflow: hidden;
	padding-bottom: 30px;
}
#voice .leftImg .text {
	float: right;
	width: 380px;
}
#voice .leftImg .img {
	float: left;
	width: 300px;
}
#voice .btnpagetop {
	text-align: right;
	padding-bottom: 70px;
}




/*---------エントリーフォーム---------*/

#entryform table {
	width: 700px;
	margin-bottom: 30px;
	margin-top: 30px;
}
#entryform table th {
	border-bottom: 1px solid #CCC;
	width: 160px;
	padding: 15px 10px 10px 15px;
	background: url(../images/bg_dot.gif) repeat left top;
	vertical-align: top;
}
#entryform table th img {
	padding-bottom: 4px;
	padding-left: 7px;
}
#entryform table td {
	border-bottom: 1px solid #CCC;
	padding: 15px 15px 10px 20px;
}
#entryform table td span {
	font-size: 90%;
	display: block;
	padding-top: 2px;
}
#entryform .btn {
	text-align: center;
}

#entryform .textbox01 {
	background: #FAFBFD;
	border: 1px solid #D8DFEF;
	padding: 20px 25px;
}

#entryform h4 {
	font-size: 120%;
	font-weight: bold;
	color: #194C80;
	padding-bottom: 3px;
}
#entryform .frame_box {  background:#FFFFFF; width:650px; margin:0 auto; border:#EFEFEF 1px solid; }
#entryform .frame_box iframe { border:0px; width:100%; height:150px; }


/*---------採用後のスケジュール---------*/

#schedule .shebox { margin-bottom:10px; }
#schedule .shebox .left { width:180px; float:left; }
#schedule .shebox .right { width:490px; float:right; }


/*
------------------------------------------------
お問い合わせ
------------------------------------------------*/

#contact #mainimg {
	background: url(../images/contact/mainimg.jpg) no-repeat center top;
}
#contact #main #content table {
	width: 700px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#contact #main #content table th {
	border-bottom: 1px solid #CCC;
	width: 160px;
	padding: 15px 10px 10px 15px;
	background: url(../images/bg_dot.gif) repeat left top;
	vertical-align: top;
}
#contact #main #content table th img {
	padding-bottom: 4px;
	padding-left: 7px;
}
#contact #main #content table td {
	border-bottom: 1px solid #CCC;
	padding: 15px 15px 10px 20px;
}
#contact #main #content table td span {
	font-size: 90%;
	display: block;
	padding-top: 2px;
}
#contact #main #content .btn {
	text-align: center;
}

#contact .textbox01 {
	background: #FAFBFD;
	border: 1px solid #D8DFEF;
	padding: 20px 25px;
}

#contact #main #content h4 {
	font-size: 120%;
	font-weight: bold;
	color: #194C80;
	padding-bottom: 3px;
}
#contact #main #content .frame_box {  background:#FFFFFF; width:650px; margin:0 auto; }
#contact #main #content .frame_box iframe { border:0px; width:100%; height:150px; }

/*
------------------------------------------------
お知らせ
------------------------------------------------*/

#news #mainimg {
	background: url(../images/news/mainimg.jpg) no-repeat center top;
}
#news #main #content dl {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 10px;
	padding-top: 2px;
}
#news #main #content dt {
	padding-bottom: 7px;
	float: left;
	padding-left: 2px;
}
#news #main #content dd {
	padding-bottom: 7px;
	padding-left: 120px;
	padding-right: 5px;
}
#news #main #content dd img {
	padding-left: 7px;
	padding-bottom: 2px;
}


/*
------------------------------------------------
拠点一覧
------------------------------------------------*/

#foothold #mainimg {
	background: url(../images/foothold/mainimg.jpg) no-repeat center top;
}
#foothold #main #content .tab {
	background: url(../images/foothold/bg_tab.jpg) repeat-x left top;
	height: 46px;
	margin-bottom: 30px;
}
#foothold #main #content .tab ul li {
	float: left;
	padding-right: 15px;
}
#foothold #main #content .tab ul {
	padding-left: 15px;
}
#foothold #main #content #gmap {
	border: 1px solid #CCC;
}
#foothold #main #content .anchor {
	background: url(../images/foothold/top/bg_anchor.jpg) repeat-x left top;
	height: 50px;
	margin-bottom: 40px;
}
#foothold #main #content .anchor ul {
	padding-left: 15px;
}
#foothold #main #content .anchor ul li {
	float: left;
	padding-right: 5px;
}
#foothold #main #content .linewrap {
	overflow: hidden;
	clear: both;
}

#foothold #main #content .kyoten {
	width: 340px;
	float: left;
	margin-bottom: 20px;
}
#foothold #main #content .even {
	padding-left: 20px;
}
#foothold #main #content .kyoten .frame {
	border: 1px solid #CCC;
	padding: 15px 19px;
	overflow: hidden;
}
#foothold #main #content .kyoten .frame .photo {
	padding-bottom: 15px;
}
#foothold #main #content .kyoten .frame .btn {
	padding-top: 7px;
	padding-bottom: 10px;
	float: left;
	padding-right: 10px;
}




/*
------------------------------------------------
安全・品質・環境・社会への取り組み
------------------------------------------------*/

#csr #mainimg {
	background: url(../images/csr/mainimg.jpg) no-repeat center top;
}
#csr #main #content .nav {
	padding-top: 10px;
}
#csr #main #content .nav ul {
	height: 100px;
	padding-left: 7px;
}
#csr #main #content .nav ul li {
	float: left;
	padding-right: 7px;
}
#csr #main #content .linewrap {
	overflow: hidden;
	clear: both;
}

#csr #main #content .ninteibox {
	width: 313px;
	border: 1px solid #CCC;
	padding: 12px 14px 10px;
	overflow: hidden;
	float: left;
}
#csr #main #content .even {
	float: right;
}

#csr #main #content .ninteibox .imgArea {
	float: left;
	width: 85px;
}
#csr #main #content .ninteibox .textArea {
	float: right;
	width: 215px;
}
#csr #main #content .ninteibox .textArea h4 {
	font-size: 120%;
	font-weight: bold;
	color: #1B4D82;
}



/*---------安全への取り組み---------*/
#safety .box01 {
	overflow: hidden;
	margin-bottom: 20px;
}
#safety .box01 .textArea {
	float: right;
	width: 525px;
}
#safety .box01 .imgArea {
	float: left;
	width: 150px;
}
#safety .box02 {
	overflow: hidden;
	margin-bottom: 20px;
}
#safety .box02 .textArea {
	float: right;
	width: 270px;
}
#safety .box02 .imgArea {
	float: left;
	width: 405px;
}
#safety .box03 {
	overflow: hidden;
	margin-bottom: 20px;
}
#safety .box03 .textArea {
	float: right;
	width: 350px;
}
#safety .box03 .imgArea {
	float: left;
	width: 325px;
}
#safety .box04 {
	overflow: hidden;
	margin-bottom: 20px;
}
#safety .box04 .textArea {
	float: right;
	width: 425px;
}
#safety .box04 .imgArea {
	float: left;
	width: 250px;
}
#safety .flowbox {
	overflow: hidden;
}
#safety .flowbox .box {
	width: 167px;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}
#safety .flowbox .box h4 {
	padding-bottom: 10px;
}

#safety .flowbox .box .contbox {
	background: #F7F7F7;
	padding: 9px 9px 15px;
}
#safety .box05 {
	overflow: hidden;
	margin-bottom: 20px;
}

#safety .box05 ul.bousai li {
	float:left;
	width:225px;
	margin-right:12px;
	}

#safety .box05 ul.bousai li.end {
	float:left;
	width:225px;
	margin-right:0px;
	}

/*---------品質への取り組み---------*/

#quality .box01 {
	overflow: hidden;
	padding-bottom: 20px;
}
#quality .box01 .textArea {
	float: right;
	width: 505px;
}
#quality .box01 .imgArea {
	float: left;
	width: 190px;
}
#quality .box02 {
	overflow: hidden;
}
#quality .box02 .textArea {
	float: right;
	width: 530px;
}
#quality .box02 .imgArea {
	float: left;
	width: 150px;
}
#quality .pdf {
	padding-bottom: 3px;
	padding-left: 3px;
}


/*---------環境への取り組み---------*/

#environment .box01 {
	overflow: hidden;
	padding-bottom: 20px;
}
#environment .box01 .textArea {
	float: right;
	width: 490px;
}
#environment .box01 .imgArea {
	float: left;
	width: 200px;
}
#environment .box02 {
	overflow: hidden;
	padding-bottom: 20px;
}
#environment .box02 .textArea {
	float: right;
	width: 400px;
}
#environment .box02 .imgArea {
	float: left;
	width: 280px;
}
#environment .box03 {
	overflow: hidden;
	padding-bottom: 20px;
}
#environment .box03 .textArea {
	float: right;
	width: 490px;
}
#environment .box03 .imgArea {
	float: left;
	width: 205px;
}



/*---------社会への取り組み---------*/

#society table {
	width: 700px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#society table th {
	border-bottom: 1px solid #CCC;
	padding: 7px 10px 7px 15px;
	border-left: 1px solid #CCC;
	background: url(../images/bg_dot.gif) repeat left top;
	text-align: center;
}
#society table .sideth {
	background: #F7FAFD;
	width: 200px;
	text-align: left;
}

#society table td {
	border-bottom: 1px solid #CCC;
	padding: 7px 15px;
	border-left: 1px solid #CCC;
}
#society .photobox {
	padding-bottom: 40px;
	overflow: hidden;
}
#society .photobox li {
	float: left;
	padding-right: 20px;
}



/*
------------------------------------------------
サイトマップ
------------------------------------------------*/

#sitemap #mainimg {
	background: url(../images/sitemap/mainimg.jpg) no-repeat center top;
}
#sitemap #main #content .leftside {
	float: left;
	width: 340px;
	padding-top: 20px;
}
#sitemap #main #content .rightside {
	float: right;
	width: 340px;
	padding-top: 20px;
}
#sitemap #main #content  h3 {
	background: url(../images/bg_dot.gif);
	padding: 7px 10px;
}
#sitemap #main #content h4 {
	padding-left: 5px;
	padding-bottom: 7px;
}

#sitemap #main #content ul {
	padding-left: 20px;
}
#sitemap #main #content ul li {
	padding-bottom: 8px;
}



/*
------------------------------------------------
明日へ・・・つばめ急便トラック
------------------------------------------------*/
#truck #mainimg {
	background: url(../images/truck/mainimg.jpg) no-repeat center top;
}



/*
------------------------------------------------
つばめ急便の強み
------------------------------------------------*/
#advantage #mainimg {
	background: url(../images/advantage/mainimg.jpg) no-repeat center top;
}
#advantage #main #flashContent {
	margin-top: 40px;
}



/*
------------------------------------------------
事例紹介
------------------------------------------------*/

#case #mainimg {
	background: url(../images/case/mainimg.jpg) no-repeat center top;
}
#case #main #content #lead {
	background: url(../images/case/bg_lead.jpg) no-repeat left top;
	min-height: 350px;
}
#case #main #content .caseArea {
	overflow: hidden;
	padding-top: 10px;
}
#case #main #content .caseArea .case {
	width: 336px;
	background: #EFEFEF;
	padding: 2px;
}
#case #main #content .caseArea .leftbox {
	float: left;
}
#case #main #content .caseArea .rightbox {
	float: right;
}
#case #main #content .caseArea .case .inner {
	background: #FFFFFF;
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 7px;
}
#case #main #content .caseArea .case .inner .textArea {
	float: right;
	width: 210px;
}
#case #main #content .caseArea .case .inner .textArea .cat {
	font-size: 90%;
	border: 1px solid #B8CFEB;
	background: #EDF3FA;
	width: 90px;
	text-align: center;
	margin-bottom: 8px;
}
#case #main #content .caseArea .case .inner .textArea .name {
	line-height: 1.5;
	padding-left: 12px;
	background: url(../images/service/icn_case.gif) no-repeat 0px 3px;
	margin-bottom: 5px;
}
#case #main #content .caseArea .case .inner .textArea .btn {
	background: url(../images/icn_orange_arrow.jpg) no-repeat 0px 5px;
	padding-left: 17px;
}
#case #main #content .caseArea .case .inner .imgArea {
	float: left;
}
#case #main #content .caseArea .case .inner .imgArea img {
	border: 1px solid #CCC;
	padding: 3px;
}


/*
------------------------------------------------
事例紹介下層
------------------------------------------------*/
#caseunder {
}
#caseunder .titlebox {
	border-bottom: 3px solid #F7F7F7;
	margin-top: 20px;
	margin-bottom: 25px;
}
#caseunder .titlebox h3 {
	font-size: 210%;
	color: #003366;
	background: url(../images/icn_maintitle.jpg) no-repeat 0px 15px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
#caseunder .titlebox p {
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
#caseunder .listText li {
	background: url(../images/icn_blue_circle_min.gif) no-repeat 0px 7px;
	padding-left: 13px;
	margin-bottom: 3px;

}


/*
------------------------------------------------
各種約款
------------------------------------------------*/
#agreement {  }
#agreement #mainimg {
	background: url(../images/agreement/mainimg.jpg) no-repeat center top;
}

#agreement #main #content .table01 {
	width: 700px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#agreement #main #content .table01 th {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
#agreement #main #content .table01 tr .lth {
	background: #F0F4F7;
	width: 430px;
	text-align: left;
	padding-left: 15px;
}
#agreement #main #content .table01 tr .tth {
	background: #F7F7F7;
	text-align: center;
}
#agreement #main #content .table01 td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 20px;
	text-align: center;
}


.flex_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 960px;

}

.flex_wrap li{
	text-align: center;
		flex-basis: 300px;
	margin-bottom: 40px;
}

.flex_wrap p{
	width: 290px;
}

.flex_wrap h3{
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
}

.flex_wrap img{
	margin-bottom: 20px;
	text-align: center;
}

.flex_wrap .text_left{
	text-align: left;
}

.main_img{
	text-align: center;
	margin-bottom: 50px;
}
.thankyou_wrap{
	width: 960px;
	margin-bottom: 40px;
}


.wrap_sa{
	display: flex;
	justify-content: space-around;
}

.advantage ul{
	margin-bottom: 20px;
}

.advantage_item li{
	width: 250px;
	text-align: center;
	padding: 10px;
}

.advantage_item li a{
	width: 250px;
	border: 1px solid #333;
	padding:10px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	border-radius: 15px;
	color: #333;
	text-decoration: none;
}
.advantage_item li a:hover{
	background-color: #f37a00;
	color: #fff;
	transition: 0.7s;
	border: 1px solid #fff;

}

.advantage h2{
	text-align: center;
	margin-bottom: 80px;
}

.advantage h3{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 40px;
}

.advantage_icon{
	text-align: center;
	margin-bottom: 20px;
}

.wrap_sb{
	display: flex;
	justify-content: space-between;
}

.point_contents{
	margin-bottom: 30px;
}

.point_contents .back_button a{
	display: block;
	width: 100px;
	text-align: center;
	border: 1px solid #333;
	border-radius: 20px;
	padding: 5px;
	color: #333;
	font-size: 15px;
	text-decoration: none;
	
}

.point_contents .back_button a:hover{
	background-color: #f37a00;
	color: #fff;
	transition: 0.7s;
	border: 1px solid #fff;

}

.p_text{
	font-size: 14px;
	line-height: 35px;
	margin-bottom: 20px;
}

.about_contents h3{
	border-left: 3px solid #333;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #333;
}


.about_contents a{
		display: block;
	width: 280px;
	text-align: center;
	border: 1px solid #333;
	border-radius: 20px;
	padding: 5px;
	color: #333;
	margin-bottom: 20px;
	font-size: 15px;
	text-decoration: none;

}

.about_contents a:hover{
	background-color: #f37a00;
	color: #fff;
	transition: 0.7s;
	border: 1px solid #fff;

}

.point_wrap{
	width: 47%;
}