@charset "utf-8";
/*      .......................................
        CAJs 	 	  : XHTML CSS Coding
		Coding by 	  : Manop Bootkaew
		Date      	  : 19.03.2009
		.......................................
*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
*//*      .......................................
        . main
		.......................................
*/
img {border: none;}
*{padding: 0px; margin: 0px;}
.clear {margin: 0px; padding: 0px; clear: both;}
body {
	background: #EDEDED;
	margin: 0px;
	padding: 0px;	
}
#Wrapper {display: block; width: 760px; overflow: hidden; margin: 25px auto 0px auto; background: url(../images/bg/bg-main.gif) repeat-y #fff; padding: 20px 50px 10px 30px; position: relative; }

/*		.......................................
		. header
		.......................................
*/
#headerWrapper {width: 760px; margin: 0px auto 10px; overflow: hidden; display: block;}
	#headerWrapper h1 { display: block; float: left; width: 345px; height:36px; background: url(../images/logo.gif) no-repeat;}
	#headerWrapper h1 a {display: block; width: 345px; height: 35px; text-decoration: none;}
	#headerWrapper h1 span {visibility: hidden;}
	
	#headerWrapper .selectAndmail {display: block; float: right; width: 200px; position: relative;}
		#headerWrapper .selectAndmail ul {display: block; margin: 10px 0px 5px 2px; width: 187px; height: 15px;}
		#headerWrapper .selectAndmail ul li {display: inline; float: left; list-style: none; font-size: 11px; color: #333; font-family: Arial, "MS PGothic";}
		#headerWrapper .selectAndmail ul li a {color: #333; text-decoration: none;}
			#headerWrapper .selectAndmail ul li.japanese {background:url(../images/icon/ic_01.gif) no-repeat 0 3px; border-right: 1px solid #999; padding: 0px 8px 0px 10px; color:#333;} 
			#headerWrapper .selectAndmail ul li.english {background:url(../images/icon/ic_01.gif) no-repeat 0 3px; padding: 0px 8px 0px 10px; margin: 0px 5px;}
			#headerWrapper .selectAndmail ul li.home {margin: 0px 0px; display: block; }
			
		#headerWrapper .selectAndmail .mailAndFax {font-family: "MS Gothic"; font-size: 10px; display: block;}
		#headerWrapper .selectAndmail .mailAndFax a {color:#333; text-decoration: none; margin-right: 8px;}
		
/*		.......................................
		. navigation
		.......................................
*/
	
#positioner {clear: both; position:relative; top:0; left:1px; z-index:999; width: 760px; height: 50px;}

.menu {display:none;}
#noniemenu {position:absolute; width: 760px; z-index: 999; background: url(../images/menu/menu04_en.gif) 327px 0px no-repeat;}

#noniemenu .holder ul {padding:0; margin:0;}
#noniemenu .holder ul li {list-style-type: none; }
#noniemenu .holder ul li a.inner {height: 18px; /margin-bottom: -3px;}
#noniemenu .holder ul li a.outer {height: 45px;}
#noniemenu .holder li ul {display: none;} 
#noniemenu .holder ul.profileList {margin:0px;}
#noniemenu .holder ul.profileList li a.inner {/margin-bottom: -6px!important;}
#noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; left:105px; margin-top:-20px; border:1px solid #000;}
#noniemenu .holder .bold {font-weight:bold;}

#noniemenu .holder {
  height:45px; 
  display:block; 
  overflow:hidden;
  float:left;
  }
#noniemenu .holder:hover {
  height:auto; 
  }
#noniemenu div.open {display:none;}
#noniemenu a.inner, #noniemenu a.inner:visited {
  display:block;
  font-family: "MS Gothic";
  font-size: 12px;
  font-weight: bold;
  width: 79px; 
  height:18px!important;
  text-decoration:none; 
  color:#000; 
  background: url(../images/icon/ic_03.gif) no-repeat 15px 6px #E6E6E6;
  padding: 3px 0 2px 30px;
  }
#noniemenu a.second {font-weight:bold;}
#topic a{ background: url(../images/menu/menu01.gif) no-repeat; width: 108px; height: 45px!important; display: block; text-decoration: none;}
#topic a span { visibility: hidden;}
#introduction a{ background: url(../images/menu/menu02.gif) no-repeat; width: 109px; height: 45px; display: block; text-decoration: none;}
#introduction a span { visibility: hidden;}
#profile a{ background: url(../images/menu/menu03.gif) no-repeat; width: 109px; height: 45px!important; display: block; text-decoration: none;}
#profile a span { visibility: hidden;}
#news a{ background: url(../images/menu/menu04.gif) no-repeat; width: 109px; height: 45px!important; display: block; text-decoration: none;}
#news a span { visibility: hidden;}
#map a{ background: url(../images/menu/menu05.gif) no-repeat; width: 109px; height: 45px; display: block; text-decoration: none;}
#map a span { visibility: hidden;}
#link a{ background: url(../images/menu/menu06.gif) no-repeat; width: 109px; height: 45px; display: block; text-decoration: none;}
#link a span { visibility: hidden;}
#member a{ background: url(../images/menu/menu07.gif) no-repeat; width: 107px; height: 45px; display: block; text-decoration: none;}
#member a span { visibility: hidden;}


/*英語メニュー_0402*/
#noniemenu a.second {font-weight:bold;}
#en_introduction a{ background: url(../images/menu/menu01_en.gif) no-repeat; width: 109px; height: 45px!important; display: block; text-decoration: none;}
#en_introduction a span { visibility: hidden;}
#en_preface a{ background: url(../images/menu/menu02_en.gif) no-repeat; width: 109px; height: 45px; display: block; text-decoration: none;}
#en_preface a span { visibility: hidden;}
#en_map a{ background: url(../images/menu/menu03_en.gif) no-repeat; width: 109px; height: 45px!important; display: block; text-decoration: none;}
#en_map a span { visibility: hidden;}
#en_bar a{ background: url(../images/menu/menu04_en.gif) no-repeat; width: 433px; height: 45px; display: block; text-decoration: none;}
#en_bar a span { visibility: hidden;}





/*		.......................................
		. maincontent
		.......................................
*/
#mainContent {display: block; width: 740px; padding: 15px 0; overflow: hidden; margin: 0px auto 0px; z-index: 9999;}
#mainContent h2 {display: block; font-size: 17px; color: #0033CC; border-left: 4px solid #0033CC; border-bottom: 1px solid #0033CC; padding: 3px 0 3px 10px;} 
	#mainContent .flashSwf {
	display: block;
	float: left;
	width: 445px;
	height: 445px;
	z-index: -1;
}
	#mainContent .topicContent {display: block; float: right; width: 280px; height: 445px;}
	#mainContent .topicContent iframe {border: 1px solid #999;}
	.details {display: block; width: 240px; _widht: 210px; margin: 0px auto; padding: 15px 10px; font-family: "MS Gothic"; font-size: 12px; background: #fff; line-height: 18px;}
							   .details .date {color: #128DE0;  display: block; font-weight: bold;}
							   .details ul {display: block; width: 240px; margin: 5px auto; overflow: hidden; _margin-left: 0px;}
							   .details ul li {background: url(../images/icon/ic_02.gif) no-repeat 10px 5px; display: block; color:#333; margin-bottom: 5px; padding-left: 20px; width: 210px; font-size: 12px; _margin-left: 0px!important;}
							   .details .linkDetail a {color: #1D2087; text-decoration: underline; line-height: 18px; margin-bottom: 10px; display: block;} 
	.banner {width: 760px; margin: 10px auto; display: block;}
	.banner li {display: inline; float: left; margin-right: 10px;}
	.banner li a {text-decoration: none; border: none;}
	.banner li.last {margin-right: 0px!important;}
	
.mainDetails {display: block; width: 690px; margin: 15px auto; overflow: hidden; font-family: "MS Gothic"; font-size: 12px;}	
	.mainDetails h3 {border: none; margin-bottom: 20px;} 
		.mainDetails h3 span {font-size: 12px; display: block; padding-top: 5px;}
	.mainDetails h4 {display: block; background: url(../images/icon/arrow.gif) no-repeat 0px 1px; border-bottom: 1px solid #0033cc; font-size: 13px; padding-left: 10px; color: #0033cc; margin-bottom: 15px; clear: both; /padding-bottom: 2px; }
	.mainDetails p {line-height: 18px; text-indent: 13px; text-align: justify; text-justify: distribution; padding-bottom: 15px;}
	.mainDetails p.tel {padding-bottom: 0px!important;}
	.mainDetails p span {margin-left: 15px;}
	.mainDetails .contentLeft {display: block; float: left; width: 400px; overflow: hidden;}
		.mainDetails .contentLeft p {line-height: 18px; text-indent: 10px; padding-bottom: 20px; text-align: justify; text-justify: distribute;}
		
		.mainDetails .contentLeft p.name {padding-bottom: 0px!important; text-indent: 0px!important; margin-left: 10px;}
		.mainDetails .contentLeft p.name span {display: block; padding-left: 70px;}
		.mainDetails .contentLeft p.name1 {padding-bottom: 0px!important; text-indent: 0px!important; margin-left: 28px;}
		
	.mainDetails .contentRight {display: block; float: right; width: 225px; overflow: hidden; margin-right: 10px; _margin-right: 7px; }
		.mainDetails .contentRight p {display: block; margin-bottom: 25px;}
		.mainDetails .contentRight p span {font-size: 11px; color:#333; display: block; padding-top: 5px; letter-spacing: -2px; text-indent: 0px!important;}
		
		.img-banner {text-indent: 0px!important;}
	
	.introduction {display: block; width: 640px; overflow: hidden; margin: 20px auto 40px;}
		.introduction li {display: block; width: 320px; color: #0033cc; font-size: 12px; float: left; padding-bottom: 3px; line-height: 18px;}
		.introduction li span {padding-left: 0px; width: 300px; display:block; float: left;}
		.introduction li .normal {color: #333!important; float: left; _width: 300px;!important;}
		.introduction li em {font-style: normal; width: 10px; display: block; float: left;}
	.profileIndustrial {display: block; width: 690px; margin: 0 auto 10px; overflow: hidden;}
		.profileIndustrial dt {display: block; float: left; width: 175px; margin-right: 15px; text-align: center;}
		.profileIndustrial dt span {font-size: 10px; text-align: center;}
		.profileIndustrial dd {display: block; float: left; width: 500px;}
		.profileIndustrial dd p {padding-top: 5px!important; text-indent: 10px; font-size: 12px; line-height: 18px; }
	.business {margin: 5px 0 15px 13px; overflow: hidden; display: block;}
		.business li {list-style: none; padding-bottom: 3px;}
	
	.subBusiness {margin: 5px 0 15px 13px; overflow: hidden; display: block;}
		.subBusiness li {list-style: none; padding-bottom: 3px; margin-bottom: 15px;}
		.subBusiness li p {text-indent: 13px; padding-bottom: 3px!important; margin: 0!important; padding-top: 3px!important;}
	.work {display: block; width: 690px; height: 400px; margin: 0px auto;}
	.official {width: 630px; display: block; margin: 0px auto; overflow: hidden; height: 400px; z-index:999;}
		.official li {list-style: none; background: url(../images/icon/ic_04.gif) no-repeat 0px 3px; padding-left: 15px; color:#333; margin-bottom: 10px;}
		.official li a {color:#0033cc; text-decoration: none;}
		
	.secretary {display: block; width: 300px; overflow: hidden; margin-top: 0px!important; margin-left: 60px; margin-bottom: 15px; padding: 0!important;}	
		.secretary li {display: block; float: left; width: 150px; text-align: left; margin-top: 0px!important; padding-bottom: 5px;}
	.article {display: block; width: 180px; overflow: hidden; margin-top: 0px!important; margin-left: 15px; margin-bottom: 15px; padding: 0!important;}	
		.article li {display: block; float: left; width: 180px; text-align: left; margin-top: 0px!important; padding-bottom: 5px; color: #0033cc; text-decoration: none;}
		.article li span {margin-left: 15px;}
		.article li a {color: #0033cc; text-decoration: none;}
		
		.articleDetails {text-indent: 0px!important;}
		.title-article {color: #0033cc; text-indent: 0px!important; }
		.title-article a {color: #0033cc; text-decoration: none;}
		
		.title {width: 100px; _width: 130px; display: table-cell; vertical-align: middle; text-align: left; color: #0033cc; height: 25px; padding-bottom: 10px!important;  _padding-bottom: 10px!important; font-weight:bold;}
		.modified {width: 85px; display: table-cell; vertical-align: middle; text-align: left; color: #0033cc; height: 25px; padding-bottom: 10px!important; font-weight:bold; _padding-bottom: 10px!important;}
		.size {width: 40px; display: table-cell; vertical-align: middle; text-align: left; color: #0033cc; height: 25px; padding-bottom: 10px!important; font-weight:bold; _padding-bottom: 10px!important;}
		.download {width: 70px; display: table-cell; vertical-align: middle; text-align: left; height: 25px; padding-bottom: 10px!important; font-weight:bold; _padding-bottom: 10px!important;}
		
	.chartDetails {padding-bottom: 2px!important;}
	
	.chartComment {width: 400px; display: block; margin: 0px auto; overflow: hidden; z-index:999; border: 1px solid #BBC9EA; padding: 20px; float: left;}
		.chartComment li {list-style: none; background: url(../images/icon/ic_04.gif) no-repeat 0px 3px; padding-left: 15px; color:#333; margin-bottom: 10px;}
		.chartComment li a {color:#0033cc; text-decoration: none;}
	.map {display: block; width: 500px; margin: 10px auto;}
		.map dt {display: block; float: left; width: 279px;}
		.map dd {display: block; float: right; width: 200px; margin-top: 150px!important; margin-left: 10px; line-height: 16px;}
		.map dd.sub {margin-top: 10px!important;}
		
	.map-en {display: block; width: 500px; margin: 10px auto;}
		.map-en dt {display: block; float: left; width: 279px;}
		.map-en dd {display: block; float: right; width: 200px; margin-top: 90px!important; margin-left: 10px; line-height: 16px; _margin-top:100px; /margin-top: 104px!important;}
		.map-en dd.sub {margin-top: 10px!important;}
/*英語MAP_0403*/		
		

		


	.links {display: block; width: 550px; margin: 0px 0px 15px 17px!important; overflow:hidden;}
	 .links li {list-style: none; background: url(../images/icon/ic_04.gif) no-repeat 0px 3px; padding-left: 15px; color:#0033cc; margin-bottom: 10px; width: 250px; float: left; display: block;}
	 .title-shipyard {background: url(../images/icon/ic_04.gif) no-repeat 0px 3px; padding-left: 5px; color:#0033cc; margin-bottom: 10px; width: 690px; float: left; display: block;}
	 .detailShipyard {text-indent: 0px!important; margin: 0px 0px 10px 10px;}
	 
	 .topicList { display:block; width: 688px; margin: 5px auto 10px; border-bottom: 1px solid #BBC9EA; overflow: hidden; padding-bottom: 20px;}
	 	.topicList dt {font-weight: bold; color: #0033CC; margin-bottom: 10px; }
		.topicList dd {background: url(../images/icon/ic_04.gif) no-repeat 0px 3px; color: #6889DB; margin-left: 10px; display: block; padding-left: 15px; line-height: 18px;}
		.topicList dd span {color:#333; display: block; padding-top: 3px;}
		
	.kyouzai {width: 688px; display: block; margin: 0px auto;}
		.kyouzai p {padding-bottom: 0px!important;}
		.kyouzai p.date {text-align: right; margin-bottom: 15px;}
		.kyouzai p.first {text-indent: 0px!important; padding-bottom: 0px!important;}
		
		.kyouzai address {margin: 15px 0 10px; font-style: normal; width: 370px; display: block; line-height: 16px;}
		.kyouzai address .titleAddress {color: #0033CC; text-indent: 0px!important;}
		.kyouzai .wordTable {display: block; width: 686px; overflow: hidden; margin: 10px 0 15px; color:#333;}
		.kyouzai .wordTable table {width: 100%; border-top: 1px solid #333; border-left: 1px solid #333; margin-bottom: 10px;}
		.kyouzai .wordTable table th {height: 25px; display: table-cell; vertical-align: middle; text-align: center; font-weight: normal;  border-bottom: 1px solid #333; border-right: 1px solid #333;}
		.kyouzai .wordTable table td {padding: 5px 2px; border-bottom: 1px solid #333; border-right: 1px solid #333; }
		.kyouzai .wordTable table td.name {text-align: center;}
		.kyouzai .wordTable table td.number {text-align: center; font-weight: bold;}
		.kyouzai p.btn {text-indent: 0px!important; text-align: center; margin: 10px 0px;}
	  
#footer {display: block; width: 760px; height: 60px; background: url(../images/bg/bg-footer.gif) no-repeat; margin: 0px auto; padding: 0px 50px 10px 30px;}
	#footer .copyright {width: 760px; border-top: 10px solid #0033CC;  text-align: center; color:#333; font-size: 12px; padding-top: 5px; }
	
	.nextpage {width: 760px; text-align: right; display: block; margin: 10px auto; font-size: 20px;}
	.nextpage a {color: #0033cc; text-decoration: none;}
	
	.tableInformation {display: block; width: 600px; margin: 0px 0px 15px 20px; float: left; overflow: hidden;}
         .tableInformation td {line-height: 18px;}
	.tableInformation a {color: #0033cc; text-decoration: none;}