@charset "Shift_JIS";
/*
------------------------------------------------------------------------
OMC Website BASE Style Sheet
Authour: Kyousuke Taji
Date:    30th, Sep, 2008
------------------------------------------------------------------------
List:
・Base
・Link
・Header
・Column
・GLobal Navigation
・Top
・Others
・Hack
--------------------------------------------------------------------- */

/* =Base
--------------------------------------------------------------------- */
/*#font:normal normal normal small/150% sans-serif;*/
*{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border: 0px none #fff;
font:normal normal normal small/150% sans-serif;
font-family:Helvetica,"MS P Gothic",Osaka,"Hiragino Kaku Gothic Pro",Verdana,Arial,Meiryo,sans-serif;
line-height:170%;
outline-color:invert;
outline-style:none;
outline-width:medium;
}

html {
}

body{
width:740px;
background-color:#ffffff;
}
#container {
width:740px;
background:url(../i/background/body_back.jpg) top left repeat-y;
}
#containerNoLine {
width:740px;
background:url(../i/background/body_back_02.jpg) top left repeat-y;
}
img.left {
float:left;
margin:0 10px 10px 0;
}
img.right {
float:right;
margin:0 0 10px 10px;
}
img.center {
text-align:center;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

p {
margin:5px 30px 20px 40px;
color:#333333;
}

p.shortContents {
margin:5px 30px 20px 60px;
color:#333333;
}

strong {
font-weight:bold;
}

hr {
clear:both;
visibility:hidden;
}

/* =Link
--------------------------------------------------------------------- */
a:link, a:visited {
color:#395572;
text-decoration : none ;
}
a:hover {
text-decoration : none ;
color : #be1b00 ;
 }

a.btnPageTop {
clear:both;
float:right;
display:block;
width:90px;
height:11px;
margin:10px 30px 0 0;
background:url(../i/btn/pagetop_off.jpg) top center no-repeat;
}

a.btnPageTop:hover {
background:url(../i/btn/pagetop_on.jpg) top center no-repeat;
}

.btnPrint a {
display:block;
width:109px;
height:16px;
float:right;
margin:5px 0 0 0;
padding:0 20px 10px 0;
text-indent:-9999px;
font-size:10px;
voice-family: "\"}\"";
voice-family:inherit;
text-decoration:none;
background:url(../img/btn_print_off.jpg) top center no-repeat;
}

.btnPrint a:hover {
background:url(../img/btn_print_on.jpg) top center no-repeat;
}

/* =Header
--------------------------------------------------------------------- */
#header {
display:block;
width:740px;
height:120px;
position:relative;
}
#header h1 a {
position:absolute;
top:0;
left:15px;
display:block;
width:149px;
height:120px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
background:url(../i/background/logo_off.jpg) top left no-repeat;
}

#header h1 a:hover {
background:url(../i/background/logo_on.jpg) top left no-repeat;
}
#header h2 {
position:absolute;
top:0;
left:170px;
display:block;
width:570px;
height:50px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
background:url(../i/background/header_h2_back.jpg) top left no-repeat;
}
#header h3 {
position:absolute;
top:50px;
left:170px;
display:block;
width:570px;
height:70px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
}
#header h3.top {background:url(../i/top/header_image.jpg) top left no-repeat;}
#header h3.corp {background:url(../i/corp/header_image.jpg) top left no-repeat;}
#header h3.marine {background:url(../i/marine/header_image.jpg) top left no-repeat;}
#header h3.civil {background:url(../i/civil/header_image.jpg) top left no-repeat;}
#header h3.soil {background:url(../i/soil/header_image.jpg) top left no-repeat;}
#header h3.ship {background:url(../i/ship/header_image.jpg) top left no-repeat;}
#header h3.works {background:url(../i/works/header_image.jpg) top left no-repeat;}
#header h3.link {background:url(../i/link/header_image.jpg) top left no-repeat;}
#header h3.iso {background:url(../i/iso/header_image.jpg) top left no-repeat;}
#header h3.sitemap {background:url(../i/sitemap/header_image.jpg) top left no-repeat;}
/* =Column
--------------------------------------------------------------------- */
#contents {
}
#lCol {
float:left;
width:169px;
}
#rCol {
float:right;
width:570px;
}
/* =Gnav
--------------------------------------------------------------------- */
ul#gNav {
margin:0 0 10px 10px;
list-style-type:none;
}
* html body ul#gNav li{
height:20px;
}
ul#gNav li a {
display:block;
font-size:12px;
color:#ffffff;
padding:2px 0 2px 10px;
margin:0 0 1px 0;
background-color:#0042b8;
border:solid 1px #4d71b8;
}
* html body ul#gNav li a {
margin:0;
}

ul#gNav li a:hover {
color:#ffffff;
background-color:#0f336b;
}

ul#gNavSec {
margin:20px 0 0 10px;
list-style-type:none;
}
ul#gNavSec li {
}
* html body ul#gNavSec li{
height:20px;
}
ul#gNavSec li a {
display:block;
font-size:12px;
color:#ffffff;
padding:2px 0 2px 10px;
margin:0 0 1px 0;
background-color:#0042b8;
border:solid 1px #4d71b8;
}
* html body ul#gNavSec li a {
margin:0;
}
ul#gNavSec li a:hover {
color:#ffffff;
background-color:#0f336b;
}
/* =Sitemap Nav
--------------------------------------------------------------------- */
ul#sNav{
margin:20px 20px 20px 40px;
list-style-type:none;
}
ul#sNav li {
text-indent:12px;
background:url(../i/btn/arrow.jpg) 0% 60% no-repeat;
}

ul#sNav li a{
font-size:12px
}
ul#sNav li a:hover{
color:#90a6d2;
border-bottom:dotted 1px #90a6d2;
}

/* =Top
--------------------------------------------------------------------- */
#topFlash {
background-color:#0042b8;
}

#imageFrame {
margin:0 10px;
width:550px;
height:400px;
display:block;
}

#theme {
position:relative;
width:555px;
height:285px;
margin:20px 0 10px 15px;
background:url(../i/top/content_back.jpg) top left no-repeat;
}
#theme h2 {
position:absolute;
top:0;
left:0;
display:block;
width:395px;
height:40px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
background:url(../i/top/h2_image.jpg) top left no-repeat;
}
#theme p {
position:absolute;
top:40px;
left:20px;
}
/* =Corp
--------------------------------------------------------------------- */
table#info {
margin:10px 0 10px 20px;
padding:0;
width:520px;
cellspacing:0;
cellpadding:0;
border:solid 1px #cccccc;
}
table#info tr {
margin:0;
padding:0;
}
table#info td {
border-left:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
}

table#info td.leftColumn {
width:90px;
padding:5px 0 2px 5px;
color:#0033cc;
font-weight:bold;
vertical-align:top;
background-color:#dae1f8;
}

table#info td.rightColumn {
padding:2px 0 2px 5px;
color:#333333;
}
table#info td.rightColumn span {
margin-right:5px;
float:right;
}
/* =Marine
--------------------------------------------------------------------- */
#rCol h2 {
clear:right;
margin:10px 0 0 15px;
display:block;
width:555px;
height:30px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
}

#rCol h3 {
clear:right;
margin:10px 0 0 40px;
display:block;
width:530px;
height:25px;
font-size:1px;
text-indent:-5000em;
text-decoration:none;
}

#rCol h2.marine01 {background:url(../i/marine/h2_01.jpg) top left no-repeat;}
#rCol h2.marine02 {background:url(../i/marine/h2_02.jpg) top left no-repeat;}
#rCol h2.marine03 {background:url(../i/marine/h2_03.jpg) top left no-repeat;}
#rCol h2.marine04 {background:url(../i/marine/h2_04.jpg) top left no-repeat;}

/* =Civil
--------------------------------------------------------------------- */
#rCol h2.civil01 {background:url(../i/civil/h2_01.jpg) top left no-repeat;}
#rCol h2.civil02 {background:url(../i/civil/h2_02.jpg) top left no-repeat;}

/* =Soil
--------------------------------------------------------------------- */
#rCol h2.soil01 {background:url(../i/soil/h2_01.jpg) top left no-repeat;}
#rCol h2.soil02 {background:url(../i/soil/h2_02.jpg) top left no-repeat;}
#rCol h2.soil03 {background:url(../i/soil/h2_03.jpg) top left no-repeat;}
#rCol h2.soil04 {background:url(../i/soil/h2_04.jpg) top left no-repeat;}
#rCol h2.soil05 {background:url(../i/soil/h2_05.jpg) top left no-repeat;}
#rCol h2.soil06 {background:url(../i/soil/h2_06.jpg) top left no-repeat;}

.verify {
margin:5px 30px 20px 40px;
color:#333333;
}
.verify ol {
list-style-type:decimal;
margin:0 0 0 30px;
padding:0;
}
dl.verifyRight {
float:right;
clear:left;
}
dl.verifyRight dt{
text-indent:80px;
}
dl.verifyDesc {
}
dl.verifyDesc dt {
float:left;
width:55px;
}
dl.verifyDesc dd {
margin-left:56px;
}
dl.verifyLeft {
float:left;
margin:5px 10px 0 0;
}
dl.verifyLeft dd{
text-align:center;
}
p.normal {
margin:0;
}

/* =Ship
--------------------------------------------------------------------- */
#rCol h2.ship01 {background:url(../i/ship/h2_01.jpg) top left no-repeat;}
#rCol h2.ship02 {background:url(../i/ship/h2_02.jpg) top left no-repeat;}
#rCol h2.ship03 {background:url(../i/ship/h2_03.jpg) top left no-repeat;}

#rCol h3.ship01-1 {background:url(../i/ship/h3_01_01.jpg) top left no-repeat;}
#rCol h3.ship01-2 {background:url(../i/ship/h3_01_02.jpg) top left no-repeat;}
#rCol h3.ship01-3 {background:url(../i/ship/h3_01_03.jpg) top left no-repeat;}
#rCol h3.ship01-4 {background:url(../i/ship/h3_01_04.jpg) top left no-repeat;}

#rCol h3.ship02-1 {background:url(../i/ship/h3_02_01.jpg) top left no-repeat;}
#rCol h3.ship02-2 {background:url(../i/ship/h3_02_02.jpg) top left no-repeat;}
#rCol h3.ship02-3 {background:url(../i/ship/h3_02_03.jpg) top left no-repeat;}
#rCol h3.ship02-4 {background:url(../i/ship/h3_02_04.jpg) top left no-repeat;}
#rCol h3.ship02-5 {background:url(../i/ship/h3_02_05.jpg) top left no-repeat;}
#rCol h3.ship02-6 {background:url(../i/ship/h3_02_06.jpg) top left no-repeat;}
#rCol h3.ship02-7 {background:url(../i/ship/h3_02_07.jpg) top left no-repeat;}

table.h3Contents {
margin:10px 0 20px 60px;
width:480px;
cellspacing:0;
cellpadding:0;
border:none;
}
table.h3Contents tr {
background :url(../i/ship/dotted_line.jpg) bottom left repeat-x;}

table.h3Contents td.rightBlock {
padding-left:5px;
border-left:solid 1px #dae1f8;
}

table.round {
margin:10px 0 20px 60px;
width:490px;
cellspacing:0;
cellpadding:0;
border:none;
}
/* =Works
--------------------------------------------------------------------- */
#rCol h2.works01 {background:url(../i/works/h2_01.jpg) top left no-repeat;width:170px;height:30px;}
#rCol h2.works02 {background:url(../i/works/h2_02.jpg) top left no-repeat;width:170px;height:30px;}
#rCol h2.works03 {background:url(../i/works/h2_03.jpg) top left no-repeat;width:280px;height:30px;}
#rCol h2.works04 {background:url(../i/works/h2_04.jpg) top left no-repeat;width:170px;height:30px;}

table.workList {
margin:10px 0 20px 10px;
width:560px;
cellspacing:0;
cellpadding:0;
border:none;
background-color:#cccccc;
}

table.workList thead td{
color:#0033cc;
background-color:#e7f1fd;
}
table.workList td {
text-align:center;
vertical-align:middle;
padding:2px;
line-height:140%;
background-color:#ffffff;
}

table.workList td.block01 {width:90px;}
table.workList td.block02 {width:70px;}
table.workList td.block03 {width:150px;}
table.workList td.block04 {width:130px;}
table.workList td.block05 {width:60px;}
table.workList td.block06 {width:60px;}
table.workList td.block07 {width:60px;}

/* =ISO
--------------------------------------------------------------------- */
#rCol h2.iso01 {background:url(../i/iso/h2_01.jpg) top left no-repeat;}

#rCol h3.iso01-1 {background:url(../i/iso/h3_01_01.jpg) top left no-repeat;}
#rCol h3.iso01-2 {background:url(../i/iso/h3_01_02.jpg) top left no-repeat;}

/* =Footer
--------------------------------------------------------------------- */
#footer{
clear:both;
position:relative;
width:740px;
height:60px;
background-color:#0033cc;
}
ul#fNav{
position:absolute;
top:10px;
right:60px;
list-style-type:none;
}
ul#fNav li {
float:left;
margin-right:5px;
text-indent:8px;
background:url(../i/fnav/arrow.jpg) 0% 60% no-repeat;
}
ul#fNav li a{
color:#4d71b8;
font-size:10px
}
ul#fNav li a:hover{
color:#90a6d2;
border-bottom:dotted 1px #90a6d2;
}
#footerLogo a{
position:absolute;
top:10px;
right:20px;
width:35px;
height:35px;
display:block;
text-indent: -9999px;
text-decoration: none;
font-size:1px;
background:url(../i/background/footer_logo_off.jpg) top left no-repeat;
}
#footerLogo a:hover{
background:url(../i/background/footer_logo_on.jpg) top left no-repeat;
}
address {
position:absolute;
top:27px;
right:60px;
font-size:10px;
color:#4d71b8;
}

#footer, ul#fNav, ul#fNav li, ul#fNav li a, ul#fNav li a:hover, #footerLogo a,
#footerLogo a:hover, address {
display:none;
}
/* =Others
--------------------------------------------------------------------- */
#thesis {
font-size:1px;
color:#ffffff;
margin-top:-2px;
}
#thesis a {
font-size:1px;
}

/* =Hack
--------------------------------------------------------------------- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}