@charset "utf-8";
/*下層ページでしか使わないものは個別CSSへ*/
/*注意:個別CSSにはわかりやすい名前を付けること。indexやmainやbaseなどの名前はだめ。*/
/*困ったらコンテンツの最上位のフォルダ名を付ける。困ってなくても基本的にコンテンツのフォルダ名。*/

/*頻繁に使うパーツの見た目の設定と幅、高さの指定は切り離す。*/
/*特に用途の決まっていないボックス、テーブルの設定のときは絶対に混ぜない。*/

/*クリアフィックスは仕組みを完全に理解してから使うこと。理解が難しいようなら一切使わない。*/
/*「clearfixという名前のクラスは絶対に作らない。HTML側は汚さない。」を徹底すること。*/

/* presetting - all */
* {
    margin: 0;
    padding: 0;
}
body {
    color: #080404;
    background: #efeeea;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 1.2em;
}
img {
	border: none;
	vertical-align: top;
}
p {
    padding: 0 0 2.2em;
}
a {
	text-decoration: none;
	color: #006bad;
}
a:hover,
a span:hover {
	text-decoration: underline;
}
a.icn_arrow01 {
    background: #fff url(/img/icn_arrow01.png) left 3px no-repeat;
    padding: 3px 0 9px 20px;
}
a.icn_arrow01:hover {
    background: #fff url(/img/icn_arrow01_on.png) left 3px no-repeat;
}
a.icn_arrow02 {
    background: #fff url(/img/icn_arrow02.png) left 2px no-repeat;
    padding: 0 0 0 16px;
}
a.icn_arrow02:hover {
    background: #fff url(/img/icn_arrow02_on.png) left 2px no-repeat;
}
a.icn_arrow03 {
    background: #fff url(/img/icn_arrow03.png) left 2px no-repeat;
    padding: 0 0 0 16px;
}
a.icn_arrow03:hover {
    background: #fff url(/img/icn_arrow03_on.png) left 2px no-repeat;
}
a.icn_external01 {
    background: url(/img/icn_external01.png) left no-repeat;
    padding: 0 0 0 16px;
}
a.icn_external01:hover {
    background: url(/img/icn_external01_on.png) left no-repeat;
}
a.icn_pdf span {
    background: #fff url(/img/icn_pdf01.png) right 3px no-repeat;
    padding: 1px 18px 0 0;
}
.nxprevlink,
.anclink {
    clear: both;
    text-align: right;
    margin: 0 -5px 0 0;
}
.nxprevlink {
    padding: 0;
}
.nxprevlink li {
    display: inline;
    font-size: 0.86em;
}
.nxprevlink li a {
    background: #fff url(/img/icn_arrow03_on.png) 12px 1px no-repeat;
    padding: 0 0 0 25px;
}
.btn_sbmt {
    clear: both;
    padding: 20px;
}
.txflort_r,
.imflort_r {
    float: right;
    padding: 0 0 0 25px;
}
.txflort_l,
.imflort_l {
    float: left;
    padding: 0 25px 0 0;
}
#container #contentspart #maincontents .txalign_r,
#container #contentspart #maincontents .imalign_r {
    text-align: right;
}
#container #contentspart #maincontents .txalign_l,
#container #contentspart #maincontents .imalign_l {
    text-align: left;
}
#container #contentspart #maincontents .txcenter,
#container #contentspart #maincontents .imcenter  {
    text-align: center;
}
.fwtable table {/*full width plain table*/
    clear: both;
    width: 100%;
}
table ol {
    margin: 0 0 0 18px;
}


/* content harbor */
#container {
    background: #fff url(/img/bg_cmnbg02.png) top no-repeat;
    overflow: auto;
    font-size: 0.86em;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#container table th {
    text-align: center;
}

/* harbor guide */
#menupart {
    float: left;
    overflow: auto;
}
#menupart #gnavi ol li {list-style-type: none;}
/* setting - harbor guide */
#gnavi {
    background: url(/img/bg_navigation01.png) top no-repeat;
    width: 189px;
    height: 397px;
}
#gnavi dl {
    line-height: 0;
}
#gnavi dt {
	padding: 35px 0 24px 37px;
}
#gnavi dd {
    padding: 0 0 0 30px;
}
#gnavi dd#acmap {
    padding: 0 0 0 40px;
}
#gnavi dd ol {
	padding: 0 0 12px;
}
#gnavi dd ol li {
	height: 32px;
    padding: 1px 0 0;
}
#gnavi dd ol li img {
	padding: 0 0 1px;
}

#casbo {
    background: url(/img/bg_sideill01.png) top no-repeat;
    width: 157px;
    height: 289px;
    margin: 121px 0 0 22px;
}
#casbo ul {
	padding: 10px 0 0 17px;
}
#casbo ul li {
	float: left;
	text-align: center;
    list-style-type: none;
    line-height: 1.2;
	font-size: 10px;
    padding-top: 5px;
}
#casbo ul li span.isms{
	font-size: 9px;
	line-height: 2;
}
#casbo ul img {
	padding: 0 5px 0;
}



/* port workers */

#contentspart ul li {list-style-type: none;}
/* setting - port workers */

#contentspart {
	float: left;
	width: 791px;
}
#head #lngsel {
    float: right;
	height: 23px;
	padding: 0 13px 9px 0;
}
#head #lngsel a {
	visibility: hidden;
}
#head h1 {
    background: url(/img/bg_ucontents01.png) left bottom no-repeat;
    margin: 0 10px 0 6px;
    padding: 45px 0 36px 25px;
}
#maincontents,
#head #cnavi {
    margin: 0 10px 0 6px;
}
#head #cnavi {
    background: #fff url(/img/bg_cnavi01.png) bottom repeat-x;
    padding: 5px 0 2px 25px;
/*    height: 31px;*/
}
#head #cnavi li {
    display: inline;
}
#head #cnavi a {}
#head #cnavi a img {
    padding: 0 4px 3px 0;
}
#maincontents {
    background: #fff url(/img/bg_contentareatop02.png) top repeat-x;
    overflow: auto;
    padding: 0 25px 11px;
}
#maincontents #documents {
    font-size: 0.90em;
}
#maincontents #documents,
#maincontents .short {
    min-height: 680px;
    line-height: 2;
    _height: auto !important;
    _height: 680px;
}
#maincontents h2 {
    border-bottom: solid 2px #1d1b1b;
    padding: 30px 0 8px;
    margin: 0 0 30px;
}
#maincontents h3 {
    color: #212224;
    background: #d1e3f8;
    padding: 0 8px;
    margin: 0 0 20px;
}
#maincontents h4 {
    border-bottom: solid 2px #cdd5d8;
    margin: 0 0 20px;
}
/* h(n) extender s */
#maincontents .exth4bd {
    color: #080404;
    background: none;
    border-bottom: solid 2px #cdd5d8;
    padding: 0;
    margin: 0 0 10px;
}
#maincontents .extspmin {
    padding: 5px 0 4px;
    margin: 0 0 10px;
}
#maincontents .extspmdl {
    padding: 15px 0 4px;
    margin: 0 0 20px;
}
#maincontents .extsplrg {
    padding: 30px 0 8px;
    margin: 0 0 30px;
}
#maincontents .pln {
    border-bottom: none;
    background: #fff;
    padding: 0;
}
/* h(n) extender e */
#proviso,
.stylingtable01,
.stylingtable02 {
    padding: 0 0 20px;
}
.stylingtable01 table,
.stylingtable02 table {
    clear: both;
    border: solid 2px #bdc0c1;
    border-collapse: collapse;
    margin: 0 auto;
}
.stylingtable02 table caption,
.stylingtable01 table caption {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}
.stylingtable01 table th,
.stylingtable01 table td,
.stylingtable02 table th,
.stylingtable02 table td {
    background: url(/img/bg_sepvdot01.png) left repeat-y;
    border-bottom: solid 1px #cbd0d1;
    padding: 8px;
}
.stylingtable02 table td {
    text-align: center;
}
.stylingtable01 table th,
.stylingtable02 table th {
    background: #f5f6f6;
    font-weight: normal;
    padding: 8px 0;
}
.stylingtable02 table th {
    font-weight: bold;
}
.stylingtable01 table thead th,
.stylingtable02 table thead th {
    background: #e2e5e6 url(/img/bg_sepvdot01.png) left repeat-y;
}
/* table size s */
.default table {width: auto;}
.wid99p table {width: 99%;}
.wid1hp table {width: 100%;}
.wid4h table {width: 400px;}
.wid5h table {width: 500px;}
.wid6h table {width: 600px;}
.hcellwid25p table th {width: 25%;}
.hcellwid33p table th {width: 33%;}
.hcellwid1h table th {width: 100px;}
.hcellwid1h5 table th {width: 150px;}
.hcellbld table th {font-weight: bold;}
/* table size e */
.proviso,
#proviso {
    font-size: 0.86em;
}
.proviso {
    padding: 4px 0 0;
}
#proviso ul li {
    padding: 0 0 6px;
}

/* harbor master */
#foot {clear: both;}
#foot ul li {list-style-type: none;}
/* setting - harbor master */
#foot {
	background: #efeeea url(/img/bg_contentareabottom01.png) top no-repeat;
	padding: 19px 3px 80px 1px;
    overflow: auto;
}
#foot ul li {
	float: left;
}
#foot ul li a {
	display: block;
	background: url(/img/icn_carrow03.png) left no-repeat;
	color: #333;
	font-size: 0.76em;
	padding: 2px 15px 0 13px;
}
#foot ul li a.on,
#foot ul li a:hover {
	background: url(/img/icn_carrow03_on.png) left no-repeat;
	color: #006bad;
	text-decoration: none;
}
#foot ul#copyright li {
	float: right;
}
#foot ul#copyright li a {
	display: inline;
	background: none;
	padding: 0;
}
#foot ul#copyright li img {
	padding: 6px 11px 0;
}
#foot ul#copyright li a img {
	padding: 0;
}