*{
margin:0;
padding:0;
}

BODY {
  color : #333;  
  font-family: meiryo, Verdana, Arial, sans-serif;   
  background-color:#ffc;
  line-height : 140%;
  text-align : center;
  scrollbar-base-color: #693;
  font-size : 110%;
}

A {
  color:#039; 
  text-decoration : none;
}
A:VISITED{
  color:#93c;
}
A:HOVER {
  color:#f33;
}
#layout{
  width:760px;
  border-left:#930 1px solid;
  border-right:#930 1px solid;
  font-size : 80%;
  background-image : url(../img/layout.gif);
  background-repeat : repeat-y;
  background-position : right center;
  background-color : #fff;
}

#contents { 
  width : 545px;
  margin : 5px 0px 0px 8px;  
  float:left;
  padding : 0px 2px 4px 4px;
}

#main {
  text-align:left;
  width : 352px;
  padding : 0px 0px 4px 4px;
  float : right;
}

#main .h3 IMG{
  border:#333 1px solid;
  filter: progid:DXImageTransform.Microsoft.shadow(color=#333333, direction=135, strength=5);
  margin : 3px 7px 0px 7px;
}

#left{
  width : 172px;
  float : left;
}

#right {
  width : 190px;
  text-align : center;
  float : right;
}
#right LI{
  list-style-type : none;
  border-right : 1px solid #690;
  border-left : 1px solid #690;
  border-bottom : 1px solid #690;
  text-align : left;
  
  text-indent : 4px;
}
#right UL{
  margin : 0px 12px 5px 12px;
  background-color : #fff;
  color : #ccc;
}  
#right LI A{
  text-decoration : none;
  display : block;
  padding : 2px;padding-bottom : 2px;
  height : 20px;
  color : #009;
  background-color : #fff;
}
#right LI A:HOVER,#right LI A:HOVER SPAN{
  background-color : #ffc;
  color : #f33;
  cursor:pointer;
}
#right UL UL LI{
  list-style-type : none;
  border-right-style : none;
  border-left-style : none;
  color : #ccc;
  border-bottom-style : none;
  border-top : 1px dashed #690;
  text-indent : 4px;
}
#right UL UL{
  margin-left : 0px;
  background-color : #fff;
  
  
  margin-right : 0px;
  margin-bottom : 0px;
}
#left #blog,#left #intro,#left #bbs{
  margin : 0px 12px 5px;
  border-left : 1px solid #690;
  border-right : 1px solid #690;
  border-bottom : 1px solid #690;
  background-color : #fff;
}
#right SPAN{
  font-size : x-small;
  text-align : right;
  width : 100%;
  background-color : #fff;
}
#right #b{
  color : #f30;
  
  background-color : #fcc;
  font-weight : bold;
  

  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
}

#header{
  text-align:left;
  height : 120px;
  background : url(../img/bg_web.gif) no-repeat;
}


#header P{
  color : #fff; 
  font-size : small;
  font-weight:normal;
  padding : 0px 8px;
}

#header H1{
  padding : 1px;
  color : #009;
  font-size : x-small;
  text-align : center;
  clear : both;
  margin : 0px 10px 0px 60%;
  background-color : #ccf;
}
#header img{
  float : left;
}

#footer{
  background-color : #c96;
  font-size : x-small;
  font-weight : normal;
  padding-top : 3px;
  border-top : 1px solid #930;
  clear : both;
}

.h3{
  font-weight : normal;
  border-width : 1px 3px 3px 1px;border-style : solid double double solid;border-color : #009 #009 #009 #009;
  text-align : right;
  margin-top : 5px;
  clear : both;
  width : 100%;
  margin-bottom : 12px;
  background-color : #fff;
}

A .DD{
  background-color : #fff;
  color : #666666;
  padding : 5px 2px;
display:block;
}

A:HOVER .DD{
  color : #009;
  text-decoration : none;
  background-color : #ccc;
cursor:pointer;
}
.DD{
  clear : both;
  font-weight : normal;
  padding : 2px auto;
}

A .DT{
  cursor: pointer;
  color : #009;
  background-color : #ff9;
display:block;
width: 100%;
}
A:HOVER .DT{
  background-color : #009;
  color : #fff;
  text-decoration : none;
}
.DT{
  font-weight : bold;
  padding : 3px auto;
  text-align : left;
  font-size : 112%;
  text-indent : 6px;
}
H6{
  font-size : x-small;
  color : #ff9;
  background-color : #690;
  margin : 8px 12px 0px;
  padding : 2px auto;
  font-weight : normal;

}
#weather{
  margin : 0px 0px 5px;
  padding : 0;
  line-height : 110%;
  color : #666;
}
#weather LI{
  list-style-type : none;
  font-size : xx-small;
  margin : 0px 0px 8px 0px;
  color : #333;
  text-align : center;
  border-left-color : #c63;
  border-right-color : #c63;
  border-bottom-color : #c63;
}
#weather LI A{
  display:inline;
  background-color : #fff;
  clear : both;
  font-size : x-small;
}
#farm{
  width : 200px;
  height : 76px;
  overflow: auto;
  scrollbar-base-color: #693;
  background-color : #cf9;
  border : 1px dotted #693;
  float : right;
  font-size : x-small;
  padding : 8px auto;
  margin :3px;
  line-height : 90%;
}
#farm A{
  display:block;
  text-align : left;
}
#farm li{
  margin : auto -20px;

}
.h3 UL{
  list-style-type : none;
  margin-left : 0px;
}
.h3 DT{
  background-color : #fcf;
  text-align : left;
  padding : 2px 5px;
  font-weight : bold;
  
}
#blog span{
  font-size : xx-small;
  color : #666;
}
#blog li{
  list-style-type : none;
  margin: 0px -20px;
  padding: 5px;
  border-top:1px dashed #690;
}
#blog .rss-date{
  font-size : xx-small;
  color : #666;
}
#blog ul{
  margin : 2px;
}
#blog .rss-item{
  font-size : x-small;
  line-height : 120%;
}

#contents #list{
  font-size : x-small;
}
#footer b{
  color : #f60;
}
#news{
  border:1px dotted red;
  font-size : 90%;
  color : red;
  background-color : #ffc;
  padding : 3px;
  line-height : 120%;
}
#intro{
  padding : 5px 0px;
  font-size : x-small;
  line-height : 110%;
}

#contents dt a{
display:block;
}
#intro HR{
  width : 100%;
  height : 1px;
  border-top : 1px dashed #690;
}
#weather IMG{
  float : left;
}
#weather STRONG{
  font-weight : normal;
  background-color : #fff;
  font-size : xx-small;
}
#weather P{
  text-align : left;
  font-size : xx-small;
}
#weather A:HOVER{
  background-color : #fff;
}
#right TABLE{
  font-size : x-small;
  text-align : center;
}
#right #search{
  background-color : #90f;
}
#right #w,#right #ad{
  background-color : #c63;
  padding-bottom : 8px;
}
#right FORM{
  border-left : 1px solid #90f;
  border-right : 1px solid #90f;
  border-bottom : 1px solid #90f;
  background-color : #fff;
  margin : 0px 12px 5px;
}
#right #ad2{
  border-left : 1px solid #c63;
  border-right : 1px solid #c63;
  border-bottom : 1px solid #c63;
  margin : 0px 12px 5px;
  background-color : #fff;
  padding : 10px auto;
}
#notice{
  background-color : #fcf;
  text-align : left;
border : 3px double red;
  padding : 5px;
  font-size : x-small;
  line-height : 120%;
  margin-top : 6px;
  margin-left : 6px;
  margin-right : 6px;
  margin-bottom : 6px;
}
.navi{
  font-size : x-small;
  text-align : left;
  background-color : #9c6;
  clear : both;
  line-height : 120%;
  padding : 3px 5px;
}
.link LI{
   display:inline;  
  border-left : 5px dotted #ccc;
  margin-left : 4px;
  font-size : x-small;
  padding-left : 4px;
}
#contents UL,#contents DL{
  text-align : left;
  padding-right : 20px;padding-left : 20px;
  padding-bottom : 10px;
}
#contents UL.link{
  background-color : #ffc;
  text-align : right;
  padding : 5px 5px 0px 5px;
  margin : 16px 0px 16px 0px;
  border : 1px dotted #666;
}
#contents p.link img{
  float : none;
}
#contents TABLE{
  background-color : #666;
  clear : both;
  margin-bottom : 8px;
  margin-top : 8px;
}
#contents TD{
  background-color : #fff;
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
}
#contents H5{
  font-size : x-small;
  font-weight : normal;
  text-align : right;
}
.link DT{
   margin-top : 5px;
}
.h3 li{
  text-align : right;
}

#plan DT IFRAME,#plan DT IMG,.plan DT IFRAME,.plan DT IMG{
  float : right;
  margin : 5px;
}
#plan DD,.plan DD{
  margin-bottom : 16px;
  
}
.h3 P{
  font-size : x-small;
  margin : 2px 5px;
}
#contents DT{
  padding : 4px auto 2px auto;
  font-weight : bold;
  color : green;
}
#contents .icon{
  float : none;
  width : 12px;
  height : 12px;
  border-width : 0px;
  vertical-align : middle;
}
#contents OL{
  text-align : left;
}
#contents .yellow{
  background-color : #ffc;
}
#main #count{
  font-size : x-small;
  text-align : right;
  color : #999;
}
#main #count IMG{
  border-style : none;
  vertical-align : text-bottom;
}
#ferry{
  background-image : url(../traffic/ferry/map/ferry.gif);
  width : 502px;
  height : 514px;
  text-align : left;
border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : green green green green;}
#ferry #west{
  background-color : #ffffff;
  width : 180px;
  
  float : none;
  margin-top : 3px;
  margin-left : 3px;
  margin-right : 3px;
  margin-bottom : 3px;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : blue blue blue blue;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
}
#ferry #east{
  
  background-color : #ffffff;
  width : 160px;
  float : right;
  clear : both;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
  margin-top : 80px;
  margin-left : 3px;
  margin-right : 3px;
  margin-bottom : 3px;border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : blue blue blue blue;}
#ferry DD{
  
  font-size : x-small;
  
  
}
#contents .hon{
  font-size : small;
  color : white;
  background-color : blue;
  font-weight : bold;
}
#contents .hok{
  font-size : small;
  font-weight : bold;
  color : white;
  background-color : green;
}
#contents .time I{
  font-size : xx-small;
  font-style : normal;
}
#contents .time TH{
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
  font-size : small;
}
#contents .pink{
  background-color : #ffd2ff;
}
#contents .red{
  background-color : #ffb9b9;
}
#right #b LI{
  color : #ff0000;
  background-color : #ffd2d2;
}
#contents DD{
  margin-left : 20px;
  
}
.h3 #hot img{
  width : 120px;
  height : 90px;
}
.h3 #hot{border-width : 1px 1px 1px 1px;border-style : dotted dotted dotted dotted;border-color : olive olive olive olive;
  font-size : xx-small;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 4px;
  margin-left : 4px;
  margin-right : 4px;
  margin-bottom : 4px;
  text-align : center;
  width : 150px;
  height : 120px;
  float : right;
}
.h3 #hot A{
  font-size : x-small;
}
#contents STRONG{
  color : red;
}
#photo{
  background-color : #c7e1aa;
  font-size : x-small;
  padding : 6px;
  line-height : 120%;
  border : 3px double green;
  color : #487524;
  margin-bottom : 6px;
}
#photo IMG{
  width : 307px;
  height : 190px;
  margin : 8px;
  border : 1px solid #fff;
  filter: progid:DXImageTransform.Microsoft.shadow(color=#333333, direction=135, strength=5);
}
#photo2{
  background-color : #c7e1aa;
  font-size : x-small;
  padding : 6px;
  line-height : 120%;
  border : 3px double green;
  color : #487524;
  margin-bottom : 6px;
}
#photo2 IMG{
  width : 12px;
  height : 12px;
  border : 0px;
}
#contents S{
  
  color : #999999;
}