@charset "Shift_JIS";

/* ---------------------------------------------
 Base Layout
  - Base
  - Header
  - Global Navigation
  - Bread Crumbs
  - Main
  	- Contents
  	- Side
  - Pagetop Anchor
  - Footer
--------------------------------------------- */

/* Base
--------------------------------------------- */
body {
margin:0!important;
padding:0!important;
background:#f9f9f3 url(/common/images/body_bg_01.gif) repeat-x !important;
text-align:center;
}
hr {
display:none;
}

/* Header
--------------------------------------------- */
/* reset */
div#header,
div#header p,
div#header ul,
div#header ol,
div#header li {
margin:0;
padding:0;
list-style:none;
}
div#header form,
div#header fieldset,
div#header input {
margin:0;
padding:0;
border:0;
}
div#header img {
border:0;
}
div#header a {
outline:0;
text-decoration:none;
}
/* layout */
div#header {
width:950px;
height:76px;
margin:0 auto;
text-align:left;
}
div#header-inner {
margin-left:9px;
}
div#header-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* CI
------------------------- */
div#header p#cilogo {
float:left;
width:354px;
margin-top:27px;
}

/* Utility
------------------------- */
div#header div#utility {
position:relative;
float:right;
width:383px;
margin-top:23px;
}
div#header div#utility li {
font-size:1px;
line-height:0.1;
}
div#header div#utility li img {
vertical-align:bottom;
}
/* Help Navigation */
div#header div#helpnavi ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#header div#helpnavi ul li {
float:left;
}
div#header div#helpnavi ul li#helpnavi01 {
margin-right:18px;
}
div#header div#helpnavi ul li#helpnavi02 {
margin-right:17px;
}
div#header div#helpnavi ul li#helpnavi03 {
margin-right:22px;
}
div#header div#helpnavi ul li#helpnavi04 {
margin-right:0;
}
/* Site Search */
div#header div#sitesearch {
position:absolute;
top:23px;
left:182px;
background:url(/common/images/header_searchbg_01.gif) no-repeat left top;
}
div#header div#sitesearch input#suggestSearch {
width:148px;
padding:4px 0 0 20px;
border:0;
color:#383633;
font-size:12px;
line-height:1.5;
vertical-align:top;
background:transparent;
}
div#header div#sitesearch input#search-btn {
vertical-align:baseline;
}

/* Global Navigation
--------------------------------------------- */
/* reset */
div#globalnavi,
div#globalnavi ul,
div#globalnavi li {
margin:0;
padding:0;
list-style:none;
}
div#globalnavi img {
border:0;
}
div#globalnavi a {
outline:0;
text-decoration:none;
}
/* layout */
div#globalnavi {
border-bottom:1px solid #dedcd9;
}
div#globalnavi-inner {
width:950px;
height:45px;
margin:0 auto;
text-align:left;
}
div#globalnavi-inner ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#globalnavi-inner ul li {
float:left;
font-size:1px;
line-height:0.1;
zoom:1;
}

/* Bread Crumbs
--------------------------------------------- */
div#breadcrumbs {
border-bottom:1px solid #dedcd9;
font-size:92%;
line-height:1.5;
background-color:#fcfcf8;
}
div#breadcrumbs-inner {
width:950px;
margin:0 auto;
text-align:left;
}
div#breadcrumbs-inner ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#breadcrumbs-inner ul {
margin-left:9px;
}
div#breadcrumbs ul li {
float:left;
margin-right:9px;
padding:7px 19px 7px 0;
background:url(/common/images/breadcrumbs_bg_01.gif) no-repeat right center;
white-space:nowrap;
}
div#breadcrumbs ul li.stay {
background:none;
}

/* Main
--------------------------------------------- */
div#main {
width:950px;
margin:0 auto;
padding:0;
text-align:left;
background-color:#fff;
}
div#main-inner:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#main-inner {
width:950px;
background-color:#fff;
}
/* Contents */
div#contents {
float:left;
width:760px;
background-color:#fff;
}

/* Footer
--------------------------------------------- */
/* reset */
div#footer,
div#footer ul,
div#footer li {
margin:0;
padding:0;
list-style:none;
}
div#footer img {
border:0;
}
div#footer a {
outline:0;
text-decoration:none;
}
div#footer address {
font-style:normal;
}
/* layout */
div#footer {
padding-top:21px;
height:49px;
border-top:1px solid #dedcd9;
}
div#footer-inner:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#footer-inner {
width:950px;
margin:0 auto;
text-align:left;
}
/* Additional Navigation */
div#footer div#additionalnavi {
float:left;
width:370px;
}
div#footer div#additionalnavi ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div#footer div#additionalnavi ul li {
float:left;
margin-right:14px;
font-size:1px;
line-height:0.1;
}
/* Copyright */
div#footer address#copyright {
float:right;
width:305px;
margin-right:5px;
display:inline;
}

/* Frame
--------------------------------------------- */
div#main.frame div#main-inner {
background:url(/img/navi/bg_l.gif) repeat-y left top;
}
div#main.frame div#contents {
float:right;
width:820px!important;
}
div#main.frame div#contents div#contents-inner {
float:left;
width:565px;
margin:19px 0 0 53px;
display:inline;
}
div#main.frame div#contents center {
margin-left:53px;
text-align:left;
}
div#main.frame div#contents div#contents-inner div#ContentsDetail {
padding-left:0!important;
}
div#main.frame div#contents div#Footer {
border:0;
padding:0;
height:auto;
}
div#main.frame div#side {
float:left;
width:130px;
}

.e-marine div#main.frame div#contents {
margin-top:30px;
width:805px!important;
}