@charset "utf-8";

@import "base.css";
@import "common.css";

/*####################　ヘッドイメージ　####################*/
#HeadImg {
	width:760px;
	height:560px;
	margin:0 auto 16px auto;
	text-align:center;
	zoom:1;
}
#HeadImg h2 { display:none;}
ul#HeadImages li {/margin-left:-380px;}

/*####################　見出し2　####################*/
#Main .contentsBox h2 {
	margin:0 0 8px 0;
	width:730px;
	height:35px;
	font-size:17px;
	color:#fff;
	line-height:35px;
	text-indent:36px;
	background:url(../img/bg_h2.gif) no-repeat scroll left top transparent;
}

/*####################　見出し3　####################*/
#Main .contentsBox h3 {
	margin:0 0 20px 0;
	width:730px;
	height:35px;
	font-size:16px;
	line-height:35px;
	text-indent:20px;
	background:url(../img/bg_h3.gif) no-repeat scroll left top transparent;
}

/*####################　見出し4　####################*/


/*####################　メイン　####################*/
#Main .contentsBox {
	margin:0 0 15px;
	padding:0 15px;
	float:left;
	width:730px;
	_width:760px;
	position: relative;
	overflow: hidden;
}
#Main .contentsBox .contentsBox01 {
	float:left;
	width:730px;
}

/* opacity settings */
#SubMenu li.menu01 a:hover,
#SubMenu li.menu02 a:hover,
#SubBnr li a:hover,
#SubBnrBtm li a:hover,
.formBtn input:hover,
.formBtn a:hover,
#PageCompany.pageAeo #Main .photo a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*####################　ホーム　####################*/
#PageIndex #Main .contentsBox {
	margin:0 0 15px;
	padding:0 0;
	width:760px;
}
#PageIndex #Main .contentsBox .contentsBox01 {
	width:760px;
}

#PageIndex #Main .topBox {
	height:240px;
	background:url(../img/bg_topbox.jpg) no-repeat scroll left top transparent;
}
#PageIndex #Main .topBox .left {
	float:left;
	width:591px;
}
#PageIndex #Main .topBox .right {
	float:right;
	width:169px;
}
#PageIndex #Main .topBox p {
	padding:64px 0 0 75px;
	font-size:14px;
	color:#fff;
	line-height:1.7;
}


/*####################　会社案内　####################*/
#PageCompany .presidentBox .photo{
	width:160px;
	float:left;
	margin-right:20px;
}
#PageCompany .presidentBox .text{
	width:550px;
	float:left;
	padding-top:164px;
}
#PageCompany .presidentBox .text p.sign{
	margin-bottom:0;
}
#PageCompany .presidentBox .text p.sign img{
	vertical-align:middle;
	margin-left:8px;
}
#PageCompany .presidentBox .text p{
	font-size:13px;
}

/* 会社概要 */
#PageCompany.pageProfile h4 {
	margin:0 0 12px 0;
	width:730px;
	height:25px;
	font-size:14px;
	color:#314295;
	line-height:25px;
	text-indent:10px;
	background-color:#e8eaf3;
}
#Main dl.list01:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Main dl.list01 dt {
	margin-bottom:18px;
	padding-left:10px;
	line-height:1.7;
	clear: both;
	float: left;
	width: 180px;
}
#Main dl.list01 dd {
	margin-bottom:15px;
	padding:0 0 10px 190px;
	line-height:1.7;
	border-bottom:1px solid #ddd;
}

/* AEO認定取得状況 */
#PageCompany.pageAeo #Main .contentsBox h2 {
	margin-bottom:16px;
}
#PageCompany.pageAeo h4 {
	margin:0 0 4px 0;
	font-size:14px;
	font-weight:bold;
	color:#0f387b;
}
#PageCompany.pageAeo .box .text {
	float:left;
	width:380px;
}
#PageCompany.pageAeo .box .photo {
	float:right;
	width:158px;
}
#PageCompany.pageAeo .box p.caption {
	text-align:center;
	font-size:12px;
}
#PageCompany.pageAeo p.last {
	margin-bottom:48px;
}


/* 事業所一覧 */
#PageCompany.pageOffice #Main .contentsBox h2 {
	margin-bottom:16px;
}
#PageCompany.pageOffice #Main .contentsBox h3 {
	margin:0 0 10px 0;
	width:730px;
	height:25px;
	font-size:14px;
	color:#fff;
	line-height:25px;
	text-indent:12px;
	background:url(../img/bg_h3_02.gif) no-repeat scroll left top transparent;
}
#PageCompany.pageOffice #Main .imgBox{
	margin-bottom:10px;
}
#PageCompany.pageOffice #Main .photo {
	float:left;
	width:450px;
}
#PageCompany.pageOffice #Main .photo img {margin-right:10px;}
#PageCompany.pageOffice #Main .gmapBox {
	float:left;
	width:280px;
}
#PageCompany.pageOffice #Main .gmapBox p {
	margin:2px 0 0 4px;
}
#PageCompany.pageOffice #Main p.address{
	margin-bottom:8px;
}
#PageCompany.pageOffice #Main .infoBox table{
	margin-bottom:34px;
	width:100%;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
}
#PageCompany.pageOffice #Main .infoBox table th,
#PageCompany.pageOffice #Main .infoBox table td{
	padding:4px 12px;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#PageCompany.pageOffice #Main .infoBox table td.name{
	text-align:left;
}
#PageCompany.pageOffice #Main .infoBox table th{
	background-color:#e8eaf3;
}
#PageCompany #Gmap01,
#PageCompany #Gmap02,
#PageCompany #Gmap03,
#PageCompany #Gmap04,
#PageCompany #Gmap05,
#PageCompany #Gmap06,
#PageCompany #Gmap07{
	width:280px;
	height:228px;
}

/* リクルート */
#PageCompany.pageRecruit #Main .contentsBox{
	padding-bottom:280px;
}
#PageCompany.pageRecruit #Main .contentsBox ul li {
	text-align:center;
}


/*####################　ロジスティクスサービス　####################*/
#PageLogistics #Main .fig{
	margin-bottom:42px;
	text-align:center;
}
#PageLogistics #Main h4 {
	margin-bottom:14px;
}
#PageLogistics #Main h4 a{
	display:block;
	width:350px;
	height:37px;
	font-size:14px;
	color:#fff;
	line-height:37px;
	text-indent:14px;
	text-decoration:none;
	background:url(../img/bg_h4_01.gif) no-repeat scroll left top transparent;
}
#PageLogistics #Main h4 a:hover{
	text-decoration:underline;
}

#PageLogistics #Main .linkBox {
}
#PageLogistics #Main .linkBox .left{
	float:left;
	width:350px;
}
#PageLogistics #Main .linkBox .right{
	float:right;
	width:350px;
}
#PageLogistics #Main .linkBox ul{
	margin-left:4px;
}
#PageLogistics #Main .linkBox ul li{
	margin-bottom:12px;
    padding-left:16px;
    background:url(../img/marker_03.gif) left 2px no-repeat;
}

/* 輸出入業務サービス */
/* 物流サービス */

#PageLogistics #Main .logiBox01 .photo{float:left;	width:245px;}
#PageLogistics #Main .logiBox01 .text{float:right;width:460px;}

#PageLogistics #Main .logiBox02 .text{float:left;width:325px;}
#PageLogistics #Main .logiBox02 .photo{float:right;width:392px;}
#PageLogistics #Main .logiBox02 .photo img {margin-left:7px;}

#PageLogistics #Main .logiBox03 .photo{float:left;width:355px;}
#PageLogistics #Main .logiBox03 .text{float:right;width:355px;}
#PageLogistics #Main .logiBox03 .photo img {margin-right:7px;}

#PageLogistics #Main .logiBox04 .text{float:left;width:460px;}
#PageLogistics #Main .logiBox04 .photo{float:right;width:245px;}
#PageLogistics #Main .logiBox04 .photo img{margin-bottom:24px;}

#PageLogistics #Main .logiBox05 .text{}
#PageLogistics #Main .logiBox05 .photo {margin-right:-8px;}
#PageLogistics #Main .logiBox05 .photo img{ margin:0 10px 10px 0;}

#PageLogistics #Main .logiBox06 .photo {float:left;width:392px;}
#PageLogistics #Main .logiBox06 .text{float:right;width:325px;}
#PageLogistics #Main .logiBox06 .photo img{margin-right:7px;}

#PageLogistics.pageDistribution #Main .logiBox02 .photo img {margin:0 0 24px 7px;}
#PageLogistics.pageDistribution #Main .logiBox06 .photo img {margin:0 7px 24px 0;}

/*####################　プライバシーポリシー　####################*/
#PagePrivacy #Main h2{
	margin-bottom:20px;
}
#PagePrivacy #Main p.lead{
	margin:0 24px 24px 24px;
	padding:12px;
	text-align:center;
	border:1px solid #333;
}

#PagePrivacy #Main dl dt{
	margin-bottom:4px;
	font-weight:bold;
}
#PagePrivacy #Main dl dd{
	margin-bottom:20px;
	line-height:1.7;
}


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

#PageContact .formBox table {
	width:100%;
}
#PageContact .formBox table span.hissu {
	color:#b90000;
}
#PageContact .formBox table th{
	padding:8px 8px;
	width:160px;
	line-height:1.7;
	border-bottom:1px solid #ddd;
}
#PageContact .formBox table td {
	padding:8px 8px;
	line-height:30px;
	border-bottom:1px solid #ddd;
}
#PageContact .formBox table td .input_01 {width:250px;}
#PageContact .formBox table td .input_02 {width: 86px;}
#PageContact .formBox table td .input_03 {width:400px;}
#PageContact .formBox table td textarea  {width:395px;height:130px;}
#PageContact .formBtn {
    float:left;
    margin:32px 0 25px;
    text-align: center;
    width:100%;
}
#PageContact .formBtn input {margin: 0 5px;}
#PageContact .formBtn img { vertical-align:middle;}

#PageContact.pageThanks #Main .contentsBox{
	padding-bottom:200px;
}
#PageContact.pageThanks #Main p.headmsg {
	text-align:center;
	font-weight:bold;
}
#PageContact.pageThanks #Main ul li {
	margin:0 auto;
	width:215px;
}
#PageContact.pageThanks #Main ul li a{
	display:block;
	width:215px;
	height:28px;
	background:url(../img/btn_totop.gif) no-repeat scroll left top transparent;
	text-indent:-9999px;
}


/*####################　サイトマップ　####################*/
#PageSitemap #Main .contentsBox h3{
	margin:0 0 10px 0;
	width:730px;
	height:25px;
	font-size:14px;
	line-height:25px;
	text-indent:12px;
	background:url(../img/bg_h3_03.gif) no-repeat scroll left 1px transparent;
}
#PageSitemap #Main ul {
	margin-left:16px;
}
#PageSitemap #Main ul li {
	margin-bottom:12px;
	padding-left:9px;
	background:url(../img/marker_02.gif) no-repeat scroll left 6px transparent;
}
#PageSitemap #Main ul li.first {
	margin-top:12px;
}







/*end*/