@charset "utf-8";
/* --------------------------------

	(各ページ個別スタイル)

		* last update 2011/04/15
		* modify : nz;
	
	
--------------------------------

	index
	
	1. index.html
		├	1-1.	indexNews
		├	1-2.	indexNews
		└	1-3.	indexNews

	2. .html
	3. .html
	4. .html
	5. .html
	6. .html
	
	
	
--------------------------------- */




/* ==========================================================================================================

	 1. index.html
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	3訴求ボタン

---------------------------------------------------------------------*/
body#index #topicBtn li{
	float: left;
	margin-right: 9px;
}
body#index #topicBtn li.lastChild{
	float: right;
	margin-right: 0;
	margin-bottom: 15px;
}
body#index .main {
	float: left;
	width : 700px;
}
body#index .sub {
	float: right;
	width : 220px;
}

/*  ------------------------------------------------------------------

	インフォボックス

---------------------------------------------------------------------*/
body .main .info {
	margin:10px auto;
	padding: 10px 20px;
	border:solid 1px #ccc;
	font-size:13px;
	line-height:18px;
	letter-spacing: 1px;
}

body .main .info p {
	padding: 0px 20px;
}

body .main .info ul{
	margin:5px auto 0px auto;
	padding: 5px 20px;
	list-style-type: disc;
	font-weight:bold;
	color:#004886;
}


/* ==========================================================================================================

	 2. topics
 
============================================================================================================*/
body#topics div.section.item {
	margin-bottom: 0;
	border-bottom: 1px solid #dfdfdf;
	padding: 20px;
}
body#topics div.section.item .itemDate {
	float: left;
	padding-top: 7px;
}
body#topics div.section.item .itemDesc {
	float: right;
	width: 535px;
}
body#topics div.section.item .itemDesc h3 {
	background: #f7f7f7 url(../img/frame/linkArrow02.png) no-repeat 5px 50%;
	margin-bottom: 15px;
	padding: 5px 5px 5px 20px;
	font-size: 14px;
}
body#topics div.section.item .itemDesc p {
	padding: 0 0 0 20px;
}

/* ==========================================================================================================

	 3. maritime-cargo / air-cargo / logistics
 
============================================================================================================*/
body#maritime .itemDesc{
	float: none;
	width: 660px;
}

.article p img{
	margin-right:10px;
}

.manse-{
	float:left;
	margin:12px 0 10px 0;
	}
/* ==========================================================================================================

	 1. booking
 
============================================================================================================*/
body#booking .shippingSearch {
	background: url(../img/frame/booking_bg.png) repeat-x left bottom;
	border: 1px solid #d4d3d3;
	padding: 7px 12px;
}
body#booking .shippingSearch li {
	float: left;
	margin-right: 30px;
	padding-top: 5px;
}
body#booking .shippingSearch li.lastChild {
	float: right;
	margin-right: 0;
	padding-top: 0;
}
body#booking .shippingSearch select{
	border: 1px solid #abadb3;
	width: 190px;
	height: 19px;
	margin-left: 5px;
	vertical-align: text-top;
}
/*  ボタン
-----------------------------------*/
body#booking .shippingSearch input.searchBtn{
	width: 110px;
	height: 27px;
}
/*  ------------------------------------------------------------------

	ソートエリア

---------------------------------------------------------------------*/
body#booking .sortArea {
	padding: 0 20px;
}
body#booking .sortArea p {
	float: left;
}
body#booking ul.page {
	float: right;
}
body#booking ul.page li {
	float: left;
	white-space: nowrap;
	border-right: 1px solid #c4bfb9;
	margin-bottom: 0.5em;
	padding: 0 0.5em;
	line-height: 1.2;
}
body#booking ul.page li.lastChild,
body#booking ul.page li.next {
	border: none;
}
/*  ------------------------------------------------------------------

	ログインフォーム

---------------------------------------------------------------------*/
body#booking form.loginForm {
	background: #f7f7f7;
	margin: 0 80px 20px 80px;
	padding: 20px 20px 10px 20px;
}
body#booking form.loginForm table {
	width: 70%;
	margin-left: 70px;
}
body#booking form.loginForm th,
body#booking form.loginForm td {
	padding: 10px 0 10px 20px;
	vertical-align: middle;
}
body#booking form.loginForm .inputM,
body#booking form.loginForm .inputM {
	width: 200px;
}
/*  ボタン
-----------------------------------*/
body#booking form.loginForm .loginBtn {
	width: 202px;
	height: 29px;
}
/*  ------------------------------------------------------------------

	ブッキング登録

---------------------------------------------------------------------*/
/*  ボタン
-----------------------------------*/
body#booking input.submitBtn {
	width: 202px;
	height: 29px;
}
/*  ------------------------------------------------------------------

	ブッキング完了

---------------------------------------------------------------------*/
body#booking p.thx {
	padding-top: 50px;
	padding-bottom: 50px;
}


#widgetMyLogin p img.ske{
	display:block;
	margin:8px auto;
	}
	
#widgetMyLogin h2.skee{
	margin:8px auto 0 auto;}
	
#widgetMyLogin p .side_btn{
	padding-left:5px;
	}
	
#widgetMyLogin p .side_btn:after{
	clear:both:
	}

#aside p.btn,
.sub p.btn{
	margin:8px 0px;
	}
	
#aside p.lastChild,
.sub p.lastChild{
	margin-bottom:0px;
	}

/* ==========================================================================================================

	 3. company-outline
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	概要

---------------------------------------------------------------------*/
body#company dl.prof {
}
body#company dl.prof dt {
	padding: 0.8em 0 1em 8px;
	margin-bottom: -3.1em;
	width: 200px;
	font-size: 14px;
}
body#company dl.prof dd {
	border-bottom: 1px solid #dedede;
	padding: 0.8em 1em 0.7em 200px;
}
body#company dl.prof dd a {
	margin-left: 1em;
}
/*  ------------------------------------------------------------------

	アクセスマップ

---------------------------------------------------------------------*/
body#company .section.maps {
	margin-bottom: 1.5em;
}
body#company .section.maps .main {
	float: left;
	width: 230px;
}
body#company .section.maps .main p {
	/*padding-left: 15px;*/
}
body#company .section.maps .sub {
	float: right;
}
/*  iframe
-----------------------------------*/
body#company .section.maps .sub iframe {
	border: 1px solid #dedede;
	overflow: hidden;
	width: 458px; /* 任意 */
	height: 263px; /* 任意 */
}

body#company .itemDesc{
	float: none;
	width: 660px;
}

/* ==========================================================================================================

	 3. お問い合せフォーム
 
============================================================================================================*/
body#inquiry dl.formSet {
	padding: 0 5px 0.8em 5px;
	line-height: 1,2;
	letter-spacing: 0em;
}
body#inquiry dl.formSet dt {
	padding: 1em 0 0.8em 15px;
	margin-bottom: -3.1em;
	width: 240px;
}
body#inquiry dl.formSet dd {
	border-bottom: 1px solid #d4d4d4;
	padding: 1em 1em 0.8em 240px;
	margin-left: -4px;
}
/*body#inquiry dl.formSet dt.firstChild {
	padding: 5px;
	margin: 0;
	width: 100%;
}*/
body#inquiry dl.formSet dd.firstChild {
	padding: 5px;
	margin: 0;
}

/*  em
-----------------------------------*/
body#inquiry dl.formSet em {
	color: #CC3300;
}

/*  input
-----------------------------------*/
body#inquiry dl.formSet input.txtinput,
body#inquiry dl.formSet select,
body#inquiry dl.formSet textarea {
	border	: 1px solid #75a9bf;
	padding : 1px 3px;
	width: 420px;
}
body#inquiry dl.formSet input.txtinput:hover,
body#inquiry dl.formSet select:hover,
body#inquiry dl.formSet textarea:hover {
	border	: 1px solid #004b6a;
}
body#inquiry dl.formSet input.txtinput:focus,
body#inquiry dl.formSet select:focus,
body#inquiry dl.formSet textarea:focus {
	background: #f1f1f1;
}
body#inquiry dl.formSet select {
	width: 428px;
}
/*  送信ボタン
-----------------------------------*/
body#inquiry #mainContent .formBtn input{
	background: #0936AE;
	border: 1px solid #0936AE;
	padding: 10px 20px;
	color: #FFF;
}
/* ie6 hack */
* html body#inquiry #mainContent .formBtn input{
	height : 35px;
}
/* ie7 hack */
*:first-child+html body#inquiry #mainContent .formBtn input{
	height : 35px;
}
/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

/* start clearfix */
body#index #topicBtn:after,
body#index #mainContent:after,
body#topics div.section.item:after,
body#maritime div.section.item:after,
body#booking .shippingSearch ul:after,
body#booking .sortArea:after,
body#company .section.maps:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html body#index #topicBtn,
* html body#index #mainContent,
* html body#topics div.section.item,
* html body#maritime div.section.item,
* html body#booking .shippingSearch ul,
* html body#booking .sortArea,
* html body#company .section.maps,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html body#index #topicBtn,
*:first-child+html body#index #mainContent,
*:first-child+html body#topics div.section.item,
*:first-child+html body#maritime div.section.item,
*:first-child+html body#booking .shippingSearch ul,
*:first-child+html body#booking .sortArea,
*:first-child+html body#company .section.maps,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx {
	zoom: 1;
}
/* end clearfix */