@charset shift_jis;

/*---------- ページ全体の指定 ----------*/

HTML {
scrollbar-base-color:#000;
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#CCC;
scrollbar-shadow-color:#333;
scrollbar-3dlight-color:#FFF;
scrollbar-arrow-color:#333;
scrollbar-track-color:#FFF;
scrollbar-darkshadow-color:#FFF;
}

BODY {
font-size:14px;
color:#231815;
background:url(img/back.gif) no-repeat;
background-attachment:fixed;
background-position:1% 2%;
line-height:16px;
letter-spacing:1px;
margin:0;
padding:0;
}

* htmlbody {
background:url(null) fixed;
}

#outer {
width:920px;
height:auto;
-moz-box-shadow:2px 2px 10px #000;
-webkit-box-shadow:2px 2px 10px #000;
margin:0 auto;
}

hr {
width:700px;
height:1px;
clear:both;
border:none;
border-top:dashed 1px #000;
text-align:center;
margin:0 auto;
}

h2 a:link {
text-decoration:none;
color:#ff6347;
font-size:13px;
margin:0 0 0 5px;
}

h2 a:hover {
color:#fff;
background-color:#ff6347;
text-decoration:none;
}

#main {
width:920px;
background-color:#fff;
margin:80px auto 0;
padding:0;
}

* html#main {
position:absolute;
top:expression(eval(document.documentElement.scrollTop+0));
}

#header {
width:900px;
height:480px;
margin:0 auto;
padding:0;
}

#header h1 {
width:900px;
height:268px;
text-align:center;
margin:0;
padding:0;
}

#header h2 {
width:250px;
height:1px;
text-indent: -9999px;
font-size:18px;
margin:0;
padding:8px 0 0 85px;
}

*html #header h2 {
width:250px;
height:1px;
color:#fff;
font-size:18px;
text-indent: -9999px;
margin:0 0 0 10px;
padding:8px 0 0 85px;
}

#header ul {
width:900px;
height:25px;
border-right:1px solid #ccc;
list-style-type:none;
margin:10px 0 10px 0 ;
padding:0;
}

*html #header ul {
width:900px;
height:25px;
border-right:1px solid #ccc;
list-style-type:none;
margin:10px 0 10px 10px ;
padding:0;
}

#header ul li {
float:left;
width:179px;
height:25px;
font-size:12px;
font-weight:700;
text-align:center;
border-left:1px solid #ccc;
margin:0;
padding:0;
}


#header ul li a {
display:block;
width:100%;
color:#fff;
text-decoration:none;
background-color:#00429c;
padding:.36em 0;
}

#header ul li a:hover {
color:#fff;
background-color:#193188;
margin:0;
padding:.36em 0;
}

#header p.information {
width:900px;
text-align:left;
font-weight:400;
color:#000;
line-height:1.5em;
margin:0 0 7px;
padding:5px 45px 5px 0;
}

#header p {
text-align:left;
font-weight:700;
color:#483d8b;
margin:10px 0 7px;
padding:0 45px 0 0;
}

* html #header p.information {
width:900px;
text-align:left;
font-weight:400;
color:#000;
line-height:1.5em;
margin:0 0 7px;
padding:5px 45px 5px 10px;
}

* html #header p {
text-align:left;
font-weight:700;
color:#483d8b;
margin:10px 0 7px 10px;
padding:0 45px 0 0;
}

marquee {
width: 890px;
margin:20px 0;
color : #ff0000;
font-size: 115%;
}

.ad {
width:650px;
height: 15px;
color:#fff;
font-weight:700;
font-size:14px;
background-color:#E51F1F;
float:left;
margin:10px 0 10px 10px;
padding:10px 0;
}

.download {
font-weight:700;
font-size:14px;
float:right;
}

.download a {
display:block;
color:#fff;
text-decoration:none;
background-color:#00429c;
margin:10px 0 10px 10px;
padding:10px;
}

.download a:hover {
color:#fff;
background-color:#193188;
}

.date {
text-align:right;
margin:0 10px 0 0;
}

#shop {
font-size:15px;
width:250px;
height:32px;
background:url(img/shopback.jpg) no-repeat;
font-weight:700;
margin:10px 0 0 650px;
}

#shop a {
display:block;
color:#fff;
text-decoration:none;
padding:10px 0 0 50px;
}

#shop a:hover {
display:block;
color:#ccc;
padding:10px 0 0 50px;
}

#contents {
width:900px;
margin:0;
padding:0;
}

/*---------- 港会場の指定 ----------*/

#sea {
width:900px;
height:1050px;
clear:right;
margin:10px 0 0;
padding:0 10px;
}

#sea h2 {
width:900px;
height:248px;
text-align:center;
margin:0 auto;
padding:5px 0 0;
clear: both;
}

/*---------- 港会場の左側の指定 ----------*/

#left {
width:450px;
height:400px;
float:left;
margin:10px 0 0 0;
padding:10px 0;
}

/*---------- 港会場の右側の指定 ----------*/

#right {
width:439px;
height:400px;
float:left;
padding:0 0 0 11px;
margin: 10px 0 0 0  ;
}

#right p {
width: 409px;
margin:0;
padding:0 10px 0 10px;
line-height:1.4em;
}

#right h3 {
width:260px;
height:60px;
margin:0;
padding:0;
}

#right p.ginga {
width:207px;
float:left;
margin:0;
padding:0 0 0 5px;
}

div.border {
width:427px;
height:185px;
margin: 15px 0 0 0;
border:1px #ccc solid;
background:url(img/p_back.gif);
}

span.st {
color:#E51F1F;
font-weight:700;
}

#right p.light_up{
width:400px;
clear: both;
margin: 15px 0 0 0;
padding: 0;
}

/*---------- 港会場のその他の指定 ----------*/

#others {
width:900px;
height:300px;
clear:both;
font-size:12px;
background:url(img/img_bg.gif);
margin: 0 ;
padding:0;
}

#others h3 {
float: left;
font-size:15px;
width:500px;
background-color:#8FBAEF;
margin:0;
padding:5px 0;
}

#others a.schedule{
float: left;
text-align: right;
width: 350px;
background-color:#8FBAEF;
color: #fff;
text-decoration: none;
margin:0;
padding:5px 25px;
}

#others p {
width:270px;
height:20px;
margin:0;
padding:0;
}

#others div.others_third,#others div.others_second,#others div.others_first {
float:left;
margin:5px 15px 0;
padding:0;
}

*html #others div.others_first{
float:left;
margin:5px 7px 0;
padding:0;
}

*html #others div.others_third{
float:left;
margin:5px 17px 0;
padding:0;
}

*html #others div.others_second {
float:left;
margin:5px 15px 0;
padding:0;
}



/*---------- 広場・築港会場の設定 ----------*/

#ground {
width:900px;
height:auto;
margin:0 0 20px;
padding:0 0 0 10px;
}

#ground h2 {
width:900px;
height:248px;
font-size:18px;
color:#daa520;
margin:0;
clear: left;
padding:5px 0 0;
}
/*---------- 広場・築港会場左側の設定 ----------*/

#wrap_left {
float:left;
width : 458px;
height:820px;
border-top: 1px #ccc solid;
border-left: 0px #ccc solid;
margin:10px 0 0;
padding:0 10px;
}

div.mico {
margin-top:14px;
height:260px;
}

.left_event {
width:228px;

float:left;
margin:0;
padding:0 ;
}

.left_event img {
padding:0 0 0 5px;
}

.left_event p {
width:218px;
height:50px;
color:#000;
font-size:12px;
margin:0;
padding:0 0 0 5px;
}




/*---------- 広場・築港会場右側の設定 ----------*/

#right2 {
width:418px;
height:820px;
float:left;
margin:  10px 0 0 0 ;
padding:10px 0 0;
background:url(img/img_bg.gif);
border-top: 1px #ccc solid;
border-right: 0px #ccc solid;
}

img.b_image {
margin:5px 0 0 11px;
width: 375px;
height: 153px;
height:auto;
border: 1px #ccc solid;
}

div.b {
width:375px;
height:170px;
margin:0 0 0 10px;
padding:0 5px;
}

div.b p {
width: 370px;
margin: 0;
padding: 0;
}

#motor_border {
width:370px;
height:298px;
border:1px solid #f0e68c;
text-align:center;
margin:10px 0 0 25px;
background-color: #fff;
}

#moter h3 {
font-size:14px;
width:350px;
height:20px;
text-align:center;
background-color:#FFF339;
margin:5px auto;
padding:5px 0;
}

#arm {
width : 350px; 
margin:10px auto 0 auto;
}

#right2 h4 {
font-size:13px;
width:250px;
height:32px;
background:url(img/mousikomiback.jpg) no-repeat;
margin:10px 0 0 140px;
}

#right2 a img {
border:none;
}

#right2 h4 a {
display:block;
color:#000;
text-decoration:none;
padding:10px 0 0 10px;
}

#right2 h4 a:hover {
display:block;
color:#ccc;
padding:10px 0 0 10px;
}

#right2 a:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

#right2 strong {
margin:100px 0 0;
padding:0;
}

#right2 p {
width:370px;
color:#1C2A45;
font-size:110%;
margin:0 0 0 25px;
padding:0;
}


/*---------- 広場・築港会場その他の設定 ----------*/

#others2 {
width:900px;
height: 100px;
clear:left;
margin:0 0 0 10px;
padding:30px 0 0 0;
}

#others2 ul {
height:30px;
list-style-type:none;
margin:10px 0 0;
padding:0;
}

#others2 ul li {
float:left;
padding:0 0 0 10px;
}

#others2 table.list2 {
float:left;
margin:0;
padding:10px;
}


/*---------- フッターの指定 ----------*/

#copyright {
clear:both;
font-style:normal;
width:900px;
height:auto;
margin:20px 0 0;
padding:0 10px;
}

#copyright strong {
color:#1C2A45;
margin:0;
padding:0;
}

#copyright h3 {
font-size:15px;
margin:0 0 0 10px;
padding:5px 0 0;
}

#copyright p {
font-size:14px;
line-height:1.5em;
margin:15px 0 5px 10px;
padding:0;
}

#copyright ul{
width: 900px;
height: 400px;
list-style-type: none;
margin: 0;
padding: 0;
}

#copyright ul li {
width: 450px;
height: 363px;
float: left;
margin: 15px 0 15px 0;
padding: 0;
}

#copyright ul li a img{
border: none;
}

#copyright ul li a:hover{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}

span.ship_access {
margin-left:112px;
}

#access_info {
width:500px;
float:left;
clear: left;
}



div.map {
float:left;
width:300px;
height:400px;
margin:0 0 0 100px;
}



#others2 td.circle{
width:16px;
height:16px;
}

#others2 td.name{
width:209px;
text-align:left;
}