* {
margin:0;
padding:0;
font-size:100%;
}

/*** 基本htmlタグ ***/
body {
width:100%;
font-size:80%;
color:#333333;
line-height:120%;
letter-spacing:0.04em;
background-color:#D1EEF5;
text-align:center;
}

h1{}

#header h1 {
font-weight:normal;
font-size:0.8em;
margin:0.8em 0 0.5em 0;
float:right;
color:#666666;
}

h2 {
font-size:1.2em;
border-top:1px solid #cccccc;
margin-bottom:10px;
}

h2#topidx {
width:500px;
height:136px;
background:url(../images/h2_main.jpg) top center no-repeat;
margin-bottom:0px;
border:0;
}
h2#contnav {
width:500px;
height:40px;
background:url(../images/h2_contnav.jpg) bottom no-repeat;
}
h2#passage {
width:500px;
height:40px;
background:url(../images/h2_passage.jpg) bottom no-repeat;
}
h2#topinfo{
width:680px;
height:40px;
background:url(../images/h2_info_idx.jpg) top no-repeat;
border:0;
}
h2#topfacility{
width:500px;
height:40px;
background:url(../images/h2_facility.jpg) top no-repeat;
border:0;
}
h2#topterminal{
width:500px;
height:40px;
background:url(../images/h2_terminal.jpg) top center no-repeat;
border:0;
}
h2#toptenant{
width:500px;
height:40px;
background:url(../images/h2_tenant_idx.jpg) top no-repeat;
border:0;
}
h2#topwebcam{
width:700px;
height:40px;
background:url(../images/h2_webcam.jpg) top no-repeat;
border:0;
}
h2#topcontact_all{
width:500px;
height:40px;
background:url(../images/h2_contact_all.jpg) top no-repeat;
margin-bottom:0px;
border:0;
}
h2#topcontact{
width:500px;
height:40px;
background:url(../images/h2_contact.jpg) top no-repeat;
margin-bottom:0px;
border:0;
}
h2#topbtm{
width:500px;
height:40px;
background:url(../images/h2_main_btm.jpg) bottom no-repeat;
}
h2#info_co{
width:500px;
height:40px;
background:url(../images/h2_info_company.jpg) top no-repeat;
border:0;
}
h2#info_history{
width:500px;
height:40px;
background:url(../images/h2_info_history.jpg) bottom no-repeat;
}
h2#info_stock{
width:500px;
height:40px;
background:url(../images/h2_info_stock.jpg) bottom no-repeat;
}
h2#info_access{
width:500px;
height:40px;
background:url(../images/h2_access.jpg) bottom no-repeat;
}
h2#eventidx{
width:500px;
height:40px;
background:url(../images/h2_event_idx.jpg) top no-repeat;
border:0;
}
h2#islandidx{
width:500px;
height:40px;
background:url(../images/h2_island_idx.jpg) top no-repeat;
border:0;
}
h2#sitemap{
width:700px;
height:40px;
background:url(../images/h2_sitemap.jpg) top no-repeat;
border:0;
}
h2#estate_all{
width:700px;
height:40px;
background:url(../images/h2_estate_all.jpg) top no-repeat;
border:0;
}
h2#estate_dtl{
width:700px;
height:40px;
background:url(../images/h2_estate_dtl.jpg) top no-repeat;
border:0;
}
h2#estate_form{
width:700px;
height:40px;
background:url(../images/h2_estate_form.jpg) top no-repeat;
border:0;
}
h2#newsareaidx{
width:700px;
height:40px;
background:url(../images/h2_newsarea.jpg) top no-repeat;
border:0;
}


h3{
padding:0.1em 0 0.1em 1.5em;
margin:0.5em 0 0.2em 0;
border-bottom:1px solid #cccccc;
}

#cts_facility h3{
background:url(../images/parts/more_ico.gif) center left no-repeat;
}

#cts_terminal h3{
background:url(../images/parts/more_ico.gif) center left no-repeat;
}

#footer h3 {
padding-left:0;
font-size:110%;
border-bottom:2px solid #cccccc;
}

h4 {

}

p {
margin-bottom:2.5em;
}

.postGarea p {
margin-bottom:0;
}

form {
height:inherit;
}

input,textarea {
border:1px solid #cccccc;
}

img {
border:0;
}

ul,li {
list-style-type:none;
}

ul#list_info {
}

#list_info dd {
width:500px;
margin-bottom:1em;
margin-left:1.5em;
border-top:1px solid #cccccc;
}

hr {
width:98%;
border:1px solid #cccccc;
border-width:1px 0 0 0;
height:1px;
margin:0 auto 0 auto;
text-align:center;
overflow:hidden;
}

address {
/*▼2010.05.21 address修正▼*/
/*
width:20em;
font-style:normal;
font-weight:normal;
margin:1em 1em 0 0;
text-align:left;
float:right;
}
*/
padding:0.1em 0 0.1em 0em;
margin:0.5em 0 0.2em 0;
border-bottom:2px solid #cccccc;
font-style:normal;
font-weight:bold;
font-size:12px;
}


a {color:#374EA2;}
a:hover {color:#990000;}

/*** 主なエリア設定 ***/
#area_head {
width:100%;
height:auto;
background:url(../images/bg_header.jpg) top repeat-x;
}


#header {
width:1000px;
height:53px;
text-align:right;
margin:0px auto 0px auto;
}

#top_img {
width:100%;
height:290px;
text-align:center;
background:#334793 url(../images/bg_shdw.jpg) top repeat-x;
}

#area_main {
width:1000px;
height:auto;
margin:0;
background:#ffffff url(../images/bg_main_top.jpg) center top no-repeat;
text-align:left;
clear:both;
}

#main_margin {
width:1000px;
margin:0 auto 0 auto;
text-align:center;
}

#area_left {
width:240px;
float:left;
}

#area_center {
width:500px;
float:left;
margin:16px 10px 40px 10px;
}

#area_center_info {
width:700px;
float:left;
margin:16px 10px 40px 10px;
}

.postGarea {
margin-bottom:2.5em;
}

#area_right {
font-size:0.83em;
width:200px;
height:auto;
margin:16px 10px 40px 10px;
float:left;
}

/** Webカメラ **/
#webcam_center {
width:700px;
float:left;
text-align:center;
margin:16px 10px 40px 10px;
}

#webcam_control {
width:640px;
height:123px;
margin:0 auto 0 auto;
text-align:left;
}

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

#footer {
width:1000px;
height:10em;
font-size:85%;
margin-bottom:10px;
text-align:center;
background:url(../images/bg_footer.jpg) top repeat-x;
}


/*** サイドブロック ***/
#mailmag {
width:240px;
height:260px;
font-size:0.83em;
background:url(../images/bg_mailmag.jpg) center top no-repeat;
text-align:center;
}

#mailmag h2 {
width:240px;
height:34px;
margin:2.8em 0 0.5em 0;
background:url(../images/h2_mailmag.jpg) 37px top no-repeat;
border:none;
float:left;
}

#mailmag p {
width:154px;
margin:0 auto 0 auto;
text-align:justify;
}

#mailmag form {
display:block;
width:98%;
height:auto;
margin:0 auto 0 auto;
}

#mailmag form input {width:160px;}
#mailmag form input.btn {
width:88px;
height:37px;
border:0;
background:none;
}
#mailmag form button {
width:88px;
height:37px;
background:url(../images/parts/bt_reg_mail_off.jpg) no-repeat;
cursor:pointer; 
border:0;
}

#wgt_weather {
width:240px;
height:420px;
margin-top:0.1em;
padding-top:20px;
text-align:center;
background:url(../images/bg_wgt_weather.jpg) top center no-repeat;
display:none;
}

#bnr_estate{
width:240px;
text-align:center;
margin-top:20px;
}
#bnr_link {
width:240px;
text-align:center;
margin-top:20px;
}

#show_wgt {
width:240px;
text-align:center;
}

#show_wgt input {
width:160px;
text-align:left;
background:#ffffff url(../images/bg_wgt_input.jpg) center bottom no-repeat;
border:solid #336699;
border-width:0px 0px 1px 0px;
}

#news,#banner,#desc_faci,#info_tender,#info_settlement,#privacy,#ferryinfo {
margin-bottom:2.5em;
}

#news h2,#banner h2,#desc_faci h2,#info_tender h2,#info_settlement h2,#privacy h2,#ferryinfo h2{
width:201px;
height:34px;
margin-bottom:0.5em;
}

#news h2 {
background:url(../images/h2_news.jpg) bottom left no-repeat;
border:none;
}

#desc_faci h2 {
background:url(../images/h2_pamphlet_dl.jpg) bottom left no-repeat;
border:none;
}

#info_tender h2 {
background:url(../images/h2_tender.jpg) bottom left no-repeat;
border:none;
}

#info_settlement h2 {
background:url(../images/h2_settlement.jpg) bottom left no-repeat;
border:none;
}

#ferryinfo h2#yearly {
background:url(../images/h2_yearly.jpg) bottom left no-repeat;
border:none;
}

#privacy h2 {
background:url(../images/h2_contact_notice.jpg) bottom left no-repeat;
border:none;
}

#ferryinfo h2 {
background:url(../images/h2_info_ferry.jpg) bottom left no-repeat;
border:none;
}
#ferryinfo h2#ferryguide {
background:url(../images/h2_ferry_guide.jpg) bottom left no-repeat;
border:none;
}
#ferryinfo h2#faci_list {
background:url(../images/h2_facility_lst.jpg) bottom left no-repeat;
border:none;
}

#banner h2 {
width:201px;
height:40px;
background:url(../images/h2_tenant_lnk.jpg) bottom left no-repeat;
}

#news strong,#desc_faci strong,#privacy strong,#ferryinfo strong {
display:block;
width:92%;
font-size:1em;
border:1px solid #334793;
border-width:1px 0px 1px 0px;
margin:2px 0px 2px 0px;
}

#privacy strong,#ferryinfo strong {
width:100%;
}

#news dl,#desc_faci dl {margin:1em 0 0.5em 1em;}
#news dd {
height:2.5em;
background:url(../images/bg_news_dd.jpg) bottom left no-repeat;
}

#desc_faci dt {
margin: 0.7em 0em 0em 0em;
}

#desc_faci dd {
width:90%;
text-align:right;
border-bottom:1px solid #cccccc;
margin: -1.5em 0em 0.2em 0em;
}

#privacy {
text-align:justify;
}

#privacy div, #ferryinfo div {
width:92%;
margin-left:1em;
}

#privacy li,#ferryinfo li{
list-style-type:disc;
list-style-position:outside;
margin-left:1em;
}

.more_ico a {
background:url(../images/parts/more_ico.gif) bottom left no-repeat;
text-decoration:none;
padding:1em 0 0 1.5em;
}

.more_ico a:hover {
background:url(../images/parts/more_ico_h.gif) bottom left no-repeat;
}

/*** メインリンクナビ　***/
ul#nav_header {
font-size:0.83em;
clear:right;
}

ul#nav_header li {
display:inline;
list-style-type:none;
margin-left:16px;
}

#nav_header a {
background:url(../images/parts/more_ico.gif) bottom left no-repeat;
text-decoration:none;
padding:1em 0 0 1.5em;
}
#nav_header a:hover{
background:url(../images/parts/more_ico_h.gif) bottom left no-repeat;
text-decoration:underline;
}

#nav_pan {
width:1000px;
height:51px;
margin:0;
text-align:left;
white-space:nowrap;
}

#attention {
padding-top:1.3em;
}

#attention a {
color:#990000;
background:url(../images/parts/more_ico.gif) bottom left no-repeat;
text-decoration:none;
padding:0 0 0 1.5em;
}

#attention a:hover {
color:#FF0000;
background:url(../images/parts/more_ico_h.gif) bottom left no-repeat;
}


#nav_main {
width:240px;
font-size:0%;
line-height:normal;
margin:0px 0px 0px 0px;
}

#nav_main li {
}

ul#nav_footer {
}

ul#nav_footer li {
list-style-type:disc;
list-style-position:inside;
}

.fnav_col {
width:16%;
height:auto;
margin-left:3.5em;
text-align:left;
float:left;
}

.fnav_col2 {
width:18em;
height:auto;
margin-right:3em;
text-align:left;
float:right;
}


/*** ト ***/


table {

}

td {

}
.works_tbl {
width:100%;
height:auto;
margin:8px 0px 16px 2px;
border-top:1px solid #cccccc;
}

.works_tbl th {
width:170px;
text-align:center;
vertical-align:top;
}

.works_tbl td {
text-align:left;
vertical-align:top;
}

.works_tbl th,td {
padding:2px;
}

#tbl_history {
width:96%;
margin:0.8em 0 2em 0.8em;
}

#tbl_history th{
width:25%;
padding-left:1em;
border-bottom:1px solid #cccccc;
text-align:left;
font-weight:normal;
}

#tbl_history td{
width:75%;
padding-left:1em;
border-bottom:1px solid #cccccc;
}

#tbl_corp,#tbl_trade {
width:96%;
margin:0 0 2em 0.8em;
line-height:140%;
}

#tbl_corp th,#tbl_corp td,#tbl_trade td {
padding:0.5em;
padding-left:1em;
margin:1em;
}

#tbl_corp th {
width:25%;
text-align:left;
background:#eeeeee url(../images/bg_tbl_corp.jpg) center right no-repeat;
}

#tbl_corp td {
width:75%;
border:1px solid #cccccc;
border-width:1px 1px 1px 0;
}

#tbl_trade {
white-space:nowrap
}

#tbl_trade td {
width:50%;
background-color:#eeeeee;
}

.tbl_tenant {
width:98%;
margin-bottom:2em;
}

.tbl_tenant th,.tbl_tenant td {
border-collapse:separate;
border-spacing:20px;
padding:0.25em;
white-space:nowrap;
}

.tbl_tenant th {
text-align:left;
background:url(../images/bg_tbl_tenant.jpg) left bottom no-repeat;
padding-top:0.25em;
}

.tbl_tenant td {
border:1px solid #cccccc;
border-top-color:#FFFFFF;
border-width:4px 0 1px 4px;
}

.tbl_faci {
width:100%;
}

.tbl_faci th,.tbl_faci td {
border-collapse:separate;
border-spacing:20px;
padding:0.25em;
border:1px solid #cccccc;
text-align:center;
}

.tbl_faci th {
background-color:#CCCCCC;
}

.tbl_faci td {

}

#tbl_contact {
width: 495px;
border-collapse:collapse;
}

#tbl_contact td,#tbl_contact th{
vertical-align: middle;
padding: 0.7em;
border: 1px solid #85A3C2;
line-height: 1.3;
}

#tbl_contact th {
width:95px;
background-color:#D1EEF5;
font-weight:normal;
}

#tbl_terminal {
width: 495px;
border-collapse:collapse;
}

#tbl_terminal td,#tbl_terminal th{
vertical-align: middle;
padding: 0.7em;
border: 1px solid #85A3C2;
line-height: 1.3;
}

#tbl_terminal th {
background-color:#D1EEF5;
font-weight:normal;
text-align:left;
}

#mailform {
width:98%;
margin:4px 0px 12px 4px;
}

#mailform th,#mailform td {
padding:4px;
}

#mailform th {
width:25%;
text-align:right;
}

#mailform th.left {
text-align:left;
font-weight:normal;
}

#mailform th.t_center {
text-align:center;
font-weight:normal;
}

#mailform td {
width:75%;
}

/* sitemap */
#sitemap ul,#sitemap li {
line-height:160%;
list-style-type:disc;
list-style-position:inside;
}

#sitemap li.lino {
line-height:normal;
list-style-type:none;
margin-left:12px;
}

/* standerd classes */
.border_grey {
width:auto;
border:1px solid #cccccc;
background-color:#FFFFFF;
padding:1px;
margin-left:auto;
margin-right:auto;
}

.border_grey2 {
border:1px solid #cccccc;
padding:1px;
}

.marg16 {
margin-left:16px;
}

.marg1 {
margin-left:0.8em;
}

.marg_img {
margin:0.5em;
float:left;
}

.tbig {
font-size:120%;
}

.tsmall {
font-size:96%;
}

.t_small {
font-size:80%;
}

.red {
color:#ED1C24;
}

.blue {
color:#003366;
}

.atten {
color:#FF3300;
}

.asta {
color:#ff0000;
}

.bg_grey {
background-color:#CCCCCC;
}

.left {
text-align:left;
}

.right {
text-align:right;
}

.intext_right {
width:500px;
text-align:right;
}

.t_center {
text-align:center;
}

.center {
margin-left:auto;
margin-right:auto;
}

.middle {
vertical-align:middle;
}

.vtop {
vertical-align:top;
}

.fleft {
float:left;
}

.fright {
float:right;
}

.clr {
clear:both;
}

.clr0 {
clear:both;
height: 0px;
line-height: 0px;
font-size: 0px;
margin: 0px;
padding: 0px;
}

.nwrp {
white-space:nowrap;
}

.ndisp {
display:none;
}

/* for IE6 only */
* html body #area_center p {
width:101%;
}
/* for IE7 only */
*+html body {

}

#user_edit {
width:100%;
overflow:hidden;
}

#user_edit,#user_edit h3,#user_edit strong,#user_edit p {
margin:0;
padding:0;
text-align:left;
}

#user_edit img {
margin:normal;
padding:normal;
}

#user_edit hr {
height:auto;
border:1px solid #cccccc;
border-width:1px;
margin:0.1em;
overflow:visible;
}

#user_edit h3 {
margin:0 0 0.5em 0;
border:0;
}

#user_edit input {
width:300px;
height:2em;
padding-left:2em;
text-align:left;
background:#ffffff url(../images/bg_tog_input.jpg) left bottom no-repeat;
border:0;
cursor:pointer;
}

/* newsarea 
---------------------------------------------------------------------------*/
#newsframe {
	width:200px;
	height:270px;
	margin:5px 0 0 0;
}


.newsarea {
	width:700px;
}


.newsarea table {
	margin:0;
	padding:0;
	line-height: 1;
}

.newsarea td {
	vertical-align: top;
	margin:0;
	padding:0;
	border:none;
	line-height:1;
}

.newsareatitle {
	color:#374ea2;
	font-size:130%;
	font-weight:600;
}

.comheight {
	line-height:1.3;
}

/* eventarea 
---------------------------------------------------------------------------*/
#eventframe {
	width:600px;
	height:30px;
	margin-top:1.3em;
}