@charset "utf-8";
@import "base.css";

/* default */

html{
	color:#59606B;
	background-color: #F8F8F8;}

body
{	font-family: Verdana, "MS P ゴシック", sans-serif;}

a
{	text-decoration:none;}

#main a:link{color:#09C; background-color:#FFF;}
#main a:visited{color:#85B6C7; background-color:#FFF;}
#main a:hover{color:#005CCC; text-decoration: underline; background-color:#FFF;}
#main a:active{color:#C00; text-decoration: underline; background-color:#FFF;}

#services a:link{color:#59606B; background-color:#FFF;}
#services a:visited{color:#666; background-color:#FFF;}
#services a:hover{color:#09C; text-decoration: underline; background-color:#FFF;}
#services a:active{color:#C00; text-decoration: underline; background-color:#FFF;}

#iso a:link,#eniso a:link
{color:#59606B; background-color:#FFF;}
#iso a:visited,#eniso a:visited
{color:#59606B; background-color:#FFF;}
#iso a:hover,#eniso a:hover
{color:#005CCC; text-decoration: underline; background-color:#FFF;}
#iso a:active,#eniso a:active
{color:#C00; text-decoration: underline; background-color:#FFF;}

#footer a:link{color:#59606B; background-color:#FFF;}
#footer a:visited{color:#666; background-color:#FFF;}
#footer a:hover{color:#09C; text-decoration: underline; background-color:#FFF;}
#footer a:active{color:#C00; text-decoration: underline; background-color:#FFF;}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#lang-tgl
	{	margin: 20px auto 0 auto;
		background: url("../images/lang_tab_bg.gif") no-repeat;
		width: 900px;
		text-align: right;}

#container 
{	margin: 0 auto;
	background: url("../images/page_bg.gif") repeat-y;
	width: 920px;}
	
#header
{	position: relative;
	margin-left: 10px;
	width: 900px;
	height: 130px;
	background: url("../images/header.png") no-repeat ;
	text-align: right;
	font-size: 77%;}
	
#wrapper
{	margin: 10px 20px 0 30px;
	width: 860px;}
	
#topVehicleJunction,
#topShipJunction
{	line-height: 0;}
	
#search
{	float: right;
	width: 189px;
	margin-top: 0px;
	text-align: right;}
	
	#search form
	{	position: relative;}

	#search input.inputword
	{ 	position: absolute;
		top: 2px;
		right: 75px;
		width: 105px;
		font-size: 93%;}
	
#main
{	float:left;
	width: 660px;}

#sidebar
{	width: 189px;
	float: right;}
	
#footer
{	font-size: 93%;
	margin: 50px 0 0 28px;
	padding: 5px 0 20px 0;
	width: 864px;
	text-align: center;
	border-top: dotted 1px #666;} 

	
#tabNav li
{	display: inline;}

#tabNav li a
{	display: inline-block;}

#mainImageVehicle,
#mainImageShip
{	float: left;
	width: 455px;}
	
#services
{	float: left;
	width: 365px;
	background: url("../images/bg_service.gif") no-repeat 0 44px;}
	
#news
{	float: right;
	width: 281px;
	background: url("../images/bg_news.gif") no-repeat 0 44px;}
	
#articles
{	margin: 10px 10px 0 10px;}
	
#contents
{	margin-top: 12px;}

#inquiry
{	margin-top:33px;}

*html #inquiry
{	margin-top:5px;}

#inquiry, #login, #ecertificate, #enlogin, #enecertificate
{	margin-bottom: 10px;}

 img
 { behavior: url("../iepngfix.htc") }

	
/* contents */
.mgn-9999
{	float:left;
	margin-left:-9877em;
	overflow:hidden;}

#news p.date
{	font-size: 85%;
	margin-top: 5px;}

#news h3
{	font-size: 93%;
	font-weight: bold;}
	
#news p.article
{	font-size: 93%;
	line-height: 1.3em;
	background: url("../images/line_dotted281.gif") no-repeat bottom;
	padding-bottom: 5px;
	width: 261px;}
	
#buttonNews
{	margin: 10px 0;}

#services
{	font-size: 93%;}

	#services ul
	{	margin: 5px 0 10px 1em;}
	
	#services ul li ul
	{	margin-left: 0;}

	#services li
	{	color: #59606B;
		background: url("../images/mark_li01.png") no-repeat 0px 4px;
		padding-left: 1.1em;
		margin-bottom: 0.5em;
		line-height: 1.2em;}
		
	#services li li
	{	background: url("../images/mark_li02.png") no-repeat 0px 4px;}
		
	#services h3
	{	color: #336699;
		font-weight: bold;
		font-size: 100%;
		margin: 5px 0 0 5px;}
		
#leftCol
{	float: left;
	width: 215px;
	margin: 5px 5px 0 5px;}
	
#rightCol
{	float: right;
	width:130px;
	margin: 5px 5px 0 5px;}
	
*html #leftCol,
*html #rightCol
{	display: inline;}

#login
{	background: url("../jp/images/box_login.gif")  #FFF;
	height: 171px;}
	
#enlogin
{	background: url("../en/images/box_login.gif")  #FFF;
	height: 171px;}
	
	.acid
	{	margin: 33px 0 0 65px;
		width: 105px;}
		
	.acpw
	{	margin: 5px 0 0 65px;
		width: 105px;}
		
	.aclogin
	{	margin: 4px 0 0 106px;}
	
	.acforgat
	{	margin: 0 0 0 7px;}
	
	.acfirst
	{	margin: 0 0 0 7px;}

#ecertificate
{	background: url("../jp/images/box_certificate.gif")  #FFF;
	height: 141px;}
	
#enecertificate
{	background: url("../en/images/box_certificate.gif")  #FFF;
	height: 141px;}
	
	.ecvin
	{	margin: 33px 0 0 65px;
		width: 105px;}
		
	.ecno
	{	margin: 5px 0 0 65px;
		width: 105px;}
		
	.ecsearch
	{	margin: 4px 0 0 106px;}
	
	.ecabout
	{	margin: 0 0 0 7px;}

/*ISO*/
#iso,#eniso {
	margin: 20px 5px 0px 5px;}
	
#iso p {
	font-size: 77%;
	line-height: 1.2em;}
	
#eniso p {
	font-size: 77%;
	line-height: 1.2em;}
	
#eniso img {
	padding-bottom: 10px;}
	
.float-left{
	float: left;
	margin-right: 10px;}

/*TOP-Banner*/
#banner {
	margin-top: 10px;}