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



#header{
	height:100px;
	text-align:center;
	background-color:#FFFFFF;
}



#contents{
	clear:both;
	
}

.jinzai_shokai_tablewrapper{
	clear:both;
	}



#left-box,
#right-box{
		padding-top:95px;
		padding-left:10px;
		padding-right:10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:25px
}




/* ------left-Box  ----------------- */


#con-left{
	width:400px;
	float:left;

}

#left-box{
	width:322px;
	border:thin #587eb2 solid ;
	border-radius:4px;
	margin-left:60px;
	color:#4771aa;
	position:relative;


}

#con-left-logo,
con-left-contact{
	float:left;

}



#con-left-logo{
	position: absolute;
	left: -15px;
	top: 10px;
}

#con-left-contact{
	position: absolute;
	left: -14px;
	top: 365px;
}

#contact-caplan{

	height:200px;
}

#contact-caplan p{
	color:#004CFF;
}

#contact-caplan a{
	font-size:13px;
	text-decoration:underline;
}

#leftBtn-1{
	padding-top:15px;
	padding-bottom:30px;
	padding-left:6px;

}


/* ------right-Box ------------------  */



#con-right{
	width:391px;
	float:right;
	
}


#right-box{
	width:322px;
	border:thin #bf6060 solid ;
	border-radius:4px;
	color:#bf6060;
	position:relative;
	background-color:#FFFFFF;

	
}

#con-right-logo,
con-right-contact{
	float:left;
}


#con-right-logo{
	float: left;
	position: absolute;
	left: -14px;
	top: 10px;
}


#con-right-contact{
	float: left;
	position: absolute;
	left: -14px;
	top: 365px;
}

#contact-MCL{

	height:200px;
}


#contact-MCL p{
	color:#c10c0c;
}

#contact-MCL a{
	font-size:13px;
	text-decoration:underline;
}

#rightBtn-1{
	padding-top:15px;
	padding-bottom:30px;
	padding-left:6px;


}


/* ------新CSS ------------------  */


#left-box-caplan,
#right-box-MCL{
		padding-top:95px;
		padding-left:10px;
		padding-right:10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:25px;
		background-color:#FFFFFF;
}


#left-box-caplan{
	width:680px;
	border: 2px #587eb2 solid ;
	border-radius:4px;
	color:#4771aa;
	position:relative;


}

#right-box-MCL{
	width:680px;
	border:2px #bf6060 solid ;
	border-radius:4px;
	color:#bf6060;
	position:relative;


}



/* ------既存CSS ------------------  */

div#gnavi {
	margin:0;
	padding:0;
	width:980px;
	height:63;
	background: url("") no-repeat 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

div#gnavi ul {
	margin:1px 0 0 0;
	padding:0;
	list-style:none;
	height:auto;
}

div#gnavi li img{
	border:0;
	height:31px;
}

div#gnavi li.news,
div#gnavi li.press,
div#gnavi li.drewry,
div#gnavi li.yosen,
div#gnavi li.ship,
div#gnavi li.boxtrade,
div#gnavi li.kinkaisen,
div#gnavi li.container,
div#gnavi li.mweather,
div#gnavi li.other {
	list-style-type:none;
	float:left;
}

div#gnavi li.news{
	background:url(../img/common/gnavi_hover01.gif);
	width:195px;
	height:31px;
}
div#gnavi li.press{
	background:url(../img/common/gnavi_hover02.gif);
	width:194px;
	height:31px;
}
div#gnavi li.drewry{
	background:url(../img/common/gnavi_hover03.gif);
	width:194px;
	height:31px;
}
div#gnavi li.yosen{
	background:url(../img/common/gnavi_hover04.gif);
	width:194px;
	height:31px;
}
div#gnavi li.ship{
	background:url(../img/common/gnavi_hover05.gif);
	width:203px;
	height:31px;
}

/* グローバルメニュー2段目追加 */
div#gnavi li.boxtrade{
	background:url(../img/common/gnavi_hover11.gif);
	width:195px;
	height:31px;
}
div#gnavi li.kinkaisen{
	background:url(../img/common/gnavi_hover12.gif);
	width:194px;
	height:31px;
}
div#gnavi li.container{
	background:url(../img/common/gnavi_hover13.gif);
	width:194px;
	height:31px;
}
div#gnavi li.mweather{
	background:url(../img/common/gnavi_hover14.gif);
	width:194px;
	height:31px;
}
div#gnavi li.other{
	background:url(../img/common/gnavi_hover15.gif);
	width:203px;
	height:31px;
}


div#gnavi li.news a,
div#gnavi li.boxtrade a {
	display:block;
	width:195px;	/* 変更 163→195px */
	height:31px;	/* 変更 41→31 */
}

div#gnavi li.press a,
div#gnavi li.drewry a,
div#gnavi li.yosen a,
div#gnavi li.kinkaisen a,
div#gnavi li.container a,
div#gnavi li.mweather a {
	display:block;
	width:194px;	/* 変更 163→194px */
	height:31px;	/* 変更 41→31 */
}

div#gnavi li.ship a,
div#gnavi li.other a {
	display:block;
	width:203px;	/* 変更 163→203px */
	height:31px;	/* 変更 41→31 */
}

div#gnavi li a:hover {
	background-color:transparent;
}
div#gnavi li a:hover img {
	visibility:hidden;
}