@charset "utf-8";

/*////////////////////////////////////////////////////////////

settings

////////////////////////////////////////////////////////////*/

/*hacks*/
* html map{display:none;}
* html img{-ms-interpolation-mode:bicubic;} 

.cmn a{color:#002e59; text-decoration:underline;}
.cmn a:link{color:#002e59; text-decoration:underline;}
.cmn a:active{color:#002e59; text-decoration:none;}
.cmn a:hover{color:#002e59; text-decoration:none;}

.cmn .footlink a{color:#ffffff; text-decoration:none;}
.cmn .footlink a:link{color:#ffffff; text-decoration:none;}
.cmn .footlink a:active{color:#00a0d7; text-decoration:underline;}
.cmn .footlink a:hover{color:#00a0d7; text-decoration:underline;}

.cmn a.catlink{color:#002e59; text-decoration:underline;}
.cmn a.catlink:link{color:#002e59; text-decoration:underline;}
.cmn a.catlink:active{color:#002e59; text-decoration:none;}
.cmn a.catlink:hover{color:#002e59; text-decoration:none;}

.cmn .block{display:block;}
.cmn .imgtext img{display:block; vertical-align:top;}
.cmn .borderimg_cyan{display:block; border:1px solid #00a0d7; -ms-interpolation-mode: bicubic;}

.cmn .ta_right{text-align:right;}
.cmn .ta_center{text-align:center;}
.cmn .height12{line-height:1.2em;}
.cmn .height15{line-height:1.5em;}
.cmn .height18{line-height:1.8em;}
.cmn .height25p{line-height:25px;}
.cmn .height31p{line-height:31px;}
.cmn .height33p{line-height:33px;}

.cmn .flo_l{float:left;}
.cmn .flo_r{float:right;}

.cmn p.catlink{background:url(../../images/cmn_linkcat2.gif) 0 8px no-repeat; padding-left:10px;}/*for_text12*/
.cmn p.catlink2{background:url(../../images/cmn_linkcat2.gif) 0 10px no-repeat; padding-left:10px;}/*for_text14*/
.cmn a.catlink{background:url(../../images/cmn_linkcat2.gif) 0 4px no-repeat; padding-left:10px;}
.cmn a.catlink2{background:url(../../images/cmn_linkcat2.gif) 0 3px no-repeat; padding-left:10px;}/*for_sip*/
.cmn ul.catlink li{background:url(../../images/cmn_linkcat2.gif) 0 7px no-repeat; padding-left:10px; line-height:1.8em}
#lin ul.catlink li{margin-bottom:10px;}

.cmn a.blank {
    background: url(../../images/cmn_blank.gif) no-repeat top right;
    padding-right: 16px;
}

/*////////////////////////////////////////////////////////////

colors

////////////////////////////////////////////////////////////*/

.cyan{color:#00a0d7}
.blue{color:#0068b7}
.blue_d{color:#005799}
.blue_dd{color:#002e59}
.bk2{color:#222222}
.bk3{color:#333333}
.bk4{color:#444444}



/*////////////////////////////////////////////////////////////

font for resize

////////////////////////////////////////////////////////////*/

.text10_vary{font-size:77%;}
.text11_vary{font-size:85%;}
.text12_vary{font-size:93%;}
.text13_vary{font-size:100%;}
.text14_vary{font-size:108%;}

.text10_varied{font-size:108%;}
.text11_varied{font-size:116%;}
.text12_varied{font-size:123.1%;}
.text13_varied{font-size:131%;}
.text14_varied{font-size:138.5%;}


/*////////////////////////////////////////////////////////////

layout : common

////////////////////////////////////////////////////////////*/

/*///////////////////
header
///////////////////*/
.cmn #header
{
	width:900px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
#english #header
{
	display:none;
}
.cmn #header h1
{
	float:left;
}
.cmn #header #toolarea
{
	float:right;
	width:55px;
	height:25px;
	padding:10px 10px 10px 77px;
	margin-top:37px;
	background:url(../../images/cmn_head_toolbg.gif) 0 0 no-repeat;
}
.cmn #header #toolarea .sizebtn
{
	float:left;
}


.cmn #header #loginBtn {
	position: absolute;
	left: 574px;
	top: 46px;
	}

/*///////////////////
gnavi
///////////////////*/
.cmn .gnaviwrap
{
	height:70px;
	background:url(../../images/cmn_gnavi_bg.gif) repeat-x;
	margin-bottom:10px;
}
#english .gnaviwrap
{
	display:none;
}
.cmn #gnavi
{
	width:900px;
	height:60px;
	padding:5px 10px;
	margin-left:auto;
	margin-right:auto;
}
.cmn #gnavi li
{
	width:225px;
	float:left;
}
.cmn #gnavi li a
{
	display:block;	
}

/*////////////////////////
visualarea
////////////////////////*/
.cmn #visualarea
{
	width:940px;
	height:270px;
	margin-left:auto;
	margin-right:auto;
}
#english #visualarea
{
	display:none;
}

/*///////////////////
mainarea
///////////////////*/
#idx .mainwrap
{
	width:900px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#idx #mainarea
{
	width:610px;
	margin:0 0 0 290px;
}
.pag .mainwrap
{
	width:100%;
	position:absolute;
	top:189px;
}
#english .mainwrap
{
	position:relative;
	top:0;
	margin-top:15px;
}
.pag #mainarea
{
	width:910px;
	padding:0 15px;
	margin-left:auto;
	margin-right:auto;
}

/*///////////////////
page : pagearea
///////////////////*/
.pag .pagewrap1
{
	width:620px;
	padding-top:20px;
	background:url(../../images/pag_cont_bgtop.png) top left no-repeat;
	float:left;
}
.pag .pagewrap2
{
	padding-bottom:20px;
	background:url(../../images/pag_cont_bgbtm.png) bottom left no-repeat;
}
.pag #pagearea
{
	width:560px;
	padding:0 30px;
	background:url(../../images/pag_cont_bg.png) repeat-y;
}
* html .pag #pagearea
{
	padding-bottom:1px;
}
.pag .shore
{
	min-height:817px;
	height:auto !important;
	height:817px;
}
* html .pag .shore
{
	height:825px;
}
*:first-child+html .pag .shore
{
	min-height:825px;
}


/*///////////////////
searcharea
///////////////////*/
.png_bg{}
/*for_index*/
#idx .searchwrap1
{
	position:absolute;
	top:-258px;
	left:-5px;	
}
.pag .searchwrap1
{
	float:left;
	margin-right:10px
}
.cmn .searchwrap1
{
	width:280px;
	padding-top:20px;
	background:url(../../images/cmn_sch_bgtop.png) top left no-repeat;
}
.cmn .searchwrap2
{
	width:280px;
	padding-bottom:20px;
	background:url(../../images/cmn_sch_bgbtm.png) bottom left no-repeat;
}
.cmn #searcharea
{
	width:240px;
	padding:0 20px;
	background:url(../../images/cmn_sch_bg.png) repeat-y;
}
*html .cmn #searcharea
{
	padding-bottom:1px;
}
.cmn #searcharea p
{
	margin-bottom:5px;
}
.cmn #searcharea .searchboxwrap1
{
	width:240px;
	padding-top:15px;
	background:url(../../images/cmn_sch_boxbgtop.gif) 0 0 no-repeat;
}
.cmn #searcharea .searchboxwrap2
{
	width:240px;
	padding-bottom:15px;
	background:url(../../images/cmn_sch_boxbgbtm.gif) bottom left no-repeat;
}
.cmn #searcharea .searchbox
{
	width:210px;
	padding:0px 15px;
	background-color:#fff1da;
}
/* parts */
.cmn #searcharea input.textbox
{
	border:1px solid #cccccc;
	width:198px;
	padding:5px;
	font-size:12px;
}
.cmn #searcharea input.textbox_hover
{
	border:1px solid #006bb9;
	width:198px;
	padding:5px;
	font-size:12px;
	background-color:#eff8ff;
}
.cmn #searcharea input.submitbtn
{
	display:block;
	text-indent:-9999px;
	margin-left:130px;
	margin-top:10px;
}
.cmn #searcharea p.engbtn
{
	margin-left:86px;
	margin-bottom:0px;
}
.cmn #searcharea li
{
	line-height:1px;
}

/*///////////////////
footer
///////////////////*/
.cmn .footerwrap
{
	height:98px;
	background:url(../../images/cmn_foot_bg.gif) repeat-x;
	margin-top:70px;
}
#english .footerwrap
{
	display:none;
}
.cmn #footer
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.cmn #footer .gotop
{
	margin-left:784px;	
}
.cmn #footer li
{
	float:left;
	margin-right:20px;
}
.cmn #footer li a
{
	padding-left:10px;
	background:url(../../images/cmn_linkcat1_off.gif) 0 2px no-repeat;
}
.cmn #footer li a:hover
{
	padding-left:10px;
	background:url(../../images/cmn_linkcat1_on.gif) 0 2px no-repeat;
}
.cmn #footer .copyright
{
	color:#fff;
	margin-top:20px;
	text-align:right;
	letter-spacing:0.3px;
}


/*////////////////////////////////////////////////////////////

element : index

////////////////////////////////////////////////////////////*/

/*///////////////////
cont
///////////////////*/
#idx .contwrap1
{
	width:610px;
	padding-top:15px;
	background:url(../../images/idx_conbox_bgtop.gif) top left no-repeat;
	background-color:#eff8ff;
}
#idx .contwrap2
{
	width:610px;
	padding-bottom:15px;
	background:url(../../images/idx_conbox_bgbtm.gif) bottom left no-repeat;
}
#idx .contbox
{
	width:580px;
	padding:0 15px;
}
#idx h2
{
	margin:0 0 20px 0;
}
#idx ul.infolist li
{
	padding:0 0 15px 12px;
	background:url(../../images/idx_dline.gif) bottom repeat-x;
}
#idx .infotextbox
{
	width:452px;
	float:left;
	margin-right:25px;
}
#idx .infoimgbox
{
	width:82px;
	float:left;
}
#idx .infoimgbox img
{
	width:80px;
}
#idx .listbtn
{
	margin-left:485px;
}

/*////////////////////////////////////////////////////////////

element : pages

////////////////////////////////////////////////////////////*/

/*///////////////////
breadclums
///////////////////*/
.pag #breadcrumb
{
	padding-bottom:10px;
	background:url(../../images/cmn_dline_gray.gif) bottom repeat-x;
}

/*///////////////////
breadclums
///////////////////*/
.pag h2.staticmid
{
	margin:30px 0;
}
.pag h3.staticmid
{
	padding-bottom:10px;
	background:url(../../images/cmn_dline_gray.gif) bottom repeat-x;
	margin-bottom:20px;
}

/*///////////////////
subnavi
///////////////////*/
.pag #subnavi
{
	width:560px;
	margin-bottom:40px;
}
.pag #subnavi li
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.pag #subnavi li.last
{
	margin-right:0px;
}
.pag #subnavi li.lastrow
{
	margin-bottom:0px;
}

/*///////////////////
table_static
///////////////////*/
.pag .cmntable th, .pag .cmntable td
{
	padding:10px;
	border:1px solid #cccccc;
	white-space:normal;
}
.pag .cmntable th
{
	color:#333333;
	font-weight:bold;
	background-color:#eff8ff;
}
.pag tr.rowgray th, .pag tr.rowgray td
{
	background-color:#f7f7f7;
}
.pag .cmntable td.cellgray
{
	background-color:#f7f7f7;
}
.pag .cmntable td.cellblue
{
	background-color:#eff8ff;
}
.pag th.center, .pag td.center
{
	text-align:center;
}
.pag th.top, .pag td.top
{
	vertical-align:top;
}

/*///////////////////
table_dynamic
///////////////////*/
.pag ul#result_list li
{
	margin-bottom:3px;
}
.pag ul#result_tables li
{
	margin-bottom:30px;
}
.pag ul#result_list li.last, .pag ul#result_tables li.last
{
	margin-bottom:0px;
}
.pag th.resulthead
{
	color:#ffffff;
	font-weight:normal;
	background-color:#0068b7;
	border:1px solid #0068b7;
	border-bottom:1px solid #cccccc;
}
.pag th.item
{
	width:25%;	
}

.pag td.item_data
{
	width:75%;
}

.pag td.addresscell
{
	border-right:#ffffff;
}
.pag td.qrcell
{
	padding:15px;
	border-left:#ffffff;
}
.pag td.qrcell img
{
	float:right;
	display:block;
	width:120px;
	-ms-interpolation-mode: bicubic;
}

/*///////////////////
block
///////////////////*/
/*roundrect*/
.pag .contboxwrap1
{
	width:560px;
	padding-top:15px;
	background:url(../../images/pag_contbox_bgtop.gif) 0 0 no-repeat;
}
.pag .contboxwrap2
{
	width:560px;
	padding-bottom:15px;
	background:url(../../images/pag_contbox_bgbtm.gif) bottom no-repeat;
}
.pag .contbox
{
	padding:0px 15px;
	background-color:#eff8ff;
}
/*end roundrect*/
.pag .yellowblock
{
	width:520px;
	background-color:#fff1da;
	padding:15px 20px;
}
.pag .blueblock
{
	width:520px;
	background-color:#eff8ff;
	padding:15px 20px;
}
.pag .infotextbox
{
	width:373px;
	float:left;
	margin-right:25px;
}
.pag .infoimgbox
{
	width:122px;
	float:left;
}
.pag .infoimgbox img
{
	width:120px;
}


/*////////////////////////////////////////////////////////////

element : event_*, news_*, plan_*

////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////

element : route_* (body class="sea")

////////////////////////////////////////////////////////////*/

/*///////////////////
route_detail
///////////////////*/
.sea #mapswfarea
{
	width:560px;
}

.sea #mapswfarea object, .sea #mapswfarea:focus object
{
	outline:none;
}


/*////////////////////////////////////////////////////////////

element : static pages

////////////////////////////////////////////////////////////*/

/*///////////////////
sitepolicy
///////////////////*/
#sip p.catlink
{
	background-position:0 13px;
}

/*///////////////////
link
///////////////////*/
#lin ul.catlink
{
	padding-left:10px;
}

/*///////////////////
sitemap
///////////////////*/
#sim .simtable td
{
	border:1px solid #cccccc;
	padding:5px 10px;
	vertical-align:top;
}

/*///////////////////
first
///////////////////*/
.fir .areaQ
{
	background-color:#ffffff;
	padding:10px 15px;
}
.fir .areaQ h4
{
	float:left;
	width:449px;
}
.fir .areaA
{
	padding:0 0 0 15px;
}
.fir .areaA p
{
	float:left;
	margin-top:0px;
	width:464px;
}
.fir .areaQ img, .fir .areaA img
{
	float:left;
	display:block;
	vertical-align:top;
}

/*///////////////////
companies
///////////////////*/
#com .comtable th
{
	border:1px solid #cccccc;
	padding:10px 10px 10px 15px;
	color:#333333;
	font-weight:bold;
	background-color:#eff8ff;
}
#com .comtable th, #com .comtable td
{
	/*text-align:center;*/
}
#com .comtable td
{
	padding:7px 10px 7px 15px;
}
#com .comtable td
{
	border-top:none;
	border-right:none;
	border-bottom:1px solid #cccccc;
	border-left:none;
}
#com .comtable td.subhead
{
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#com .comtable td.last
{
	border-right:1px solid #cccccc;
}
#com .comtable td.bnone
{
	border:none;
}
#com .comtable td.bnone_last
{
	border-bottom:none;
	border-right:1px solid #cccccc;
}


/*///////////////////
about_annals
///////////////////*/
ul.ann li
{
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../../images/cmn_dline_gray.gif) bottom repeat-x;
}
ul.ann li.last
{
	margin-bottom:0px;
	padding-bottom:0px;
	background:none;
}
ul.ann li p{
	width:440px;
	float:left;
}
ul.ann li p.date{
	width:100px;
	float:left;
	margin-right:20px;
	text-align:center;
}

/*///////////////////
about_establishments
///////////////////*/
ul.est li
{
	margin-bottom:20px;
	padding:0px 0px 20px 10px;
	background:url(../../images/cmn_dline_gray.gif) bottom repeat-x;
}
ul.est li.last
{
	margin-bottom:0px;
	padding:0px 0px 0px 10px;
	background:none;
}

/*///////////////////
about_report
///////////////////*/
table.rep th, table.rep td
{
	text-align:center;
	line-height:1.5em;
}
table.rep li
{
	text-align:left;
	margin-bottom:5px;
}
table.rep li.last
{
	margin-bottom:0px;
}


/* Topic: 移転のお知らせ */
#moving {
	padding-left: 10px;
	background: transparent url("../../images/cmn_linkcat1_on.gif") no-repeat left center;
	margin-bottom: 20px;
	}

/* Topic: 東北地方太平洋沖地震にともなう（社）日本旅客船協会からのお知らせ */
#message {
	margin-top: 20px;
	margin-bottom: 50px;
	}

#message h2 {
	font-weight: bold;
	font-size: 152%;
	text-align: center;
	color:#0068b7;
	}

#message p {
	margin-bottom: 1em;
	font-size: 122%;
	}