*{
margin:0;
padding:0;
}

BODY{
 line-height : 140%;
 font-family: meiryo, Verdana, Arial, sans-serif;   
 font-size : 95%;
}
A {
  color:#039; 
  text-decoration : none;
}
A:VISITED{
  color:#93c;
}
A:HOVER {
  color:#f33;
}

#layout{
 margin : auto 8% auto 8%;
 text-align : left;
 max-width: 1000px;
 min-width: 700px;
 border-left : 1px solid gray;
 border-right : 1px solid gray;
 }
#header{
 height : 200px;
 background-image : url(../img/bg_head.gif);
 background-repeat : no-repeat;
}
#blog-header{
 height : 200px;
 background-image : url(../img/blog-bg_head.gif);
 background-repeat : no-repeat;
}
#contents ,#index-contents{
 float : left;
 width : 100%;
 margin-right : -210px;
}
#index-inner{
 float: right;
 width: 100%;
 margin-left : -180px;
}
#index-main,#blog-main{
 margin-right : 210px;
 margin-left : 180px;
 padding : 20px 10px;
 border-right : 1px solid #ccc;
 border-left:1px solid #ccc;
}
#main{
 margin-right : 210px;
 padding : 20px 10px;
 border-right : 1px solid #ccc;
}
#left,#blog-left{ 
 width : 164px;
 float : left;
 padding : 20px 5px;
 text-align : center;
}
#right{
 padding : 20px 10px;
 float : right;
 width : 188px;
 border-left : 1px solid silver;
 text-align : center;
}
#footer{
 clear : both;
 font-size : 90%;
 text-align : center;
 background-color : #ce6531;
 padding : 5px;
}
#main H1{
 font-size : 120%;
 color : #fff;
 background-color : #000080;
 border-top : 6px double #fff;
 border-right : 6px double #fff;
 border-left : 6px double #fff;
 padding : 5px;
 margin-bottom : 0px;
 text-align : center;
}
#main P#h1{
 padding : 10px;
 border-right : 2px solid #000080;
 border-bottom : 2px solid #000080;
 border-left : 2px solid #000080;
 margin : 0px 2px 5px;
 color : #0000a0;
}
#main H2,#blog-main H1,#blog-main H2{
 font-size : 120%;
 background-color : #ffff80;
 padding : 5px;
 border-left : 20px solid #cccc00;
 margin-top : 10px;
 margin-bottom : 5px;
 
}
#main P,#blog-main p{
 margin : 10px;
}
#main P IMG{
 float : right;
 margin : 5px;
 border : 1px solid #ccc;
 width : 25%;
 clear : both;
}
#header P,#header H1{
 padding : 120px 2% 10px;
 width : 270px;
 color : #ffffff;
 font-weight : normal;
 font-size : 90%;
 float : right;
}
#blog-header P{
 padding : 120px 2% 10px;
 width : 270px;
 color : #ffffff;
 font-weight : normal;
 font-size : 90%;
 float : left;
}
#header P IMG,#header H1 IMG,#blog-header P IMG{
 border : 3px double silver; 
 width : 258px;
 height : 37px;
}
P.navi{
 font-size : 70%;
 background-color : #a5d794;
 padding : 5px;
 clear : both;
}
P.index-navi{
 font-size : 70%;
 background-color : #a5d794;
 padding : 5px;
 clear : both;
 text-align : center;
}
p.blog-navi{
 font-size : 70%;
 background-color : #ffa29c;
 padding : 5px;
 clear : both;
}

#main H3,#blog-main H3{
 background-color : #fedfa7;
 padding : 5px 5px 5px 15px;
 margin : 5px 10px;
 border-left : 10px solid #d9b364;
 font-size : 100%;
}
#right UL{
 list-style-type : none;
 margin-top : 0px;
 margin-left : 0px;
}
#right LI{
  border-right : 1px solid #690;
  border-left : 1px solid #690;
  border-bottom : 1px solid #690;
  text-align : left;
 text-indent : 10px;
}
#right LI A{
  text-decoration : none;
  display : block;
  padding : 5px 5px 5px 5px;
  height : 20px;
  color : #009;
}
#right LI A:HOVER,#right LI A:HOVER SPAN{
  background-color : #ffc;
  color : #f33;
  cursor:pointer;
}
#right .h6{
  color : #ff9;
  background-color : #690;
  padding : 2px;
 margin-top : 10px;
}
#right #search{
  color : #ff9;
  background-color : #90f;
  padding : 2px;
}
#right FORM{
  border-left : 1px solid #90f;
  border-right : 1px solid #90f;
  border-bottom : 1px solid #90f;
  background-color : #fff;
  margin : 0px;margin-bottom : 10px;
}
#right #ad,#left #ad{
  color : #ff9;
  background-color : #c63;
  padding : 2px;
 margin-top : 20px;
}
#right #ad2,#left #ad2{
  border-left : 1px solid #c63;
  border-right : 1px solid #c63;
  border-bottom : 1px solid #c63;
  margin : 0px;
  background-color : #fff;
  padding : 10px;padding-bottom : 10px;
}
#right UL UL LI{
 border-left-style : none;
 border-right-style : none;
 margin-left : 20px;
 background-color : #ffffff;
 
 text-indent : 5px;
 border-top : 1px dotted #c7e1aa;
 border-bottom-style : none;
}
#right UL UL{
 background-color : #c7e1aa;
 color : #008040;
}
#right UL#top LI A,#right UL#sitemap LI A{
 height : 50px;
}
#right #top SPAN,#right #sitemap SPAN{
 font-size : 80%;
 text-align : right;
}
P#back{
 text-align : right;
 clear : both;
 border-top : 3px double silver;
 padding-top : 20px;
}
#right LI#b{
 color : #ff4500;
 background-color : #c7e1aa;
 font-weight : bold;
 padding-top : 5px;
}
#main DT{
 font-weight : bold;
 color : green;
 margin-top : 10px;
 margin-bottom : 5px;
 clear : both;
}
#main DT IMG{
 border : 1px solid #cccccc;
 width : 15%;
 margin : 5px;
 float : right;
}
#main IMG#farmmap{
 border-left-color : green;
 width : 240px;
 height : 500px;
 float : right;
 border-top-color : green;
 border-right-color : green;
 border-bottom-color : green;
 margin : 5px;
 border-width : 1px;
 border-style : solid;
}
#main P SPAN,#main dt span{ 
 color : white;
 background-color : #ff6152;
 font-weight : bold;
 padding : 2px;
 margin-right : 8px;
}
#main span.kouei{
 background-color : #63ba4a;
}
#footer SPAN{
 color : navy;
 font-weight : bold;
}
#main P#h1 IMG{
 width : 98%;
 float : none;
}
#index-contents .h3{
  font-weight : normal;
  border-width : 1px 3px 3px 1px;border-style : solid double double solid;border-color : #009;
  text-align : right;
  margin-top : 5px;
  clear : both;
  width : 100%;
  margin-bottom : 12px;
  background-color : #fff;
}

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

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

#index-contents A .dt{
  cursor: pointer;
  color : #009;
  background-color : #ff9;
display:block;
width: 100%;
 padding-top : 3px;
 padding-bottom : 3px;
}
#index-contents A:HOVER .dt{
  background-color : #009;
  color : #fff;
  text-decoration : none;
}
#index-contents .dt{
  font-weight : bold;
  padding : 3px auto;
  text-align : left;
  font-size : 112%;
  text-indent : 6px;
}
#index-contents #farm-box{
  width : 60%;
  height : 50px;
  overflow: auto;
  scrollbar-base-color: #693;
  background-color : #cf9;
  border : 1px dotted #693;
  float : right;
  font-size : 80%;
  padding : 5px 5px 8px 5px;padding-bottom : 5px;
  margin : 5px 5px 3px 5px;margin-bottom : 5px;
  
}
#index-contents #farm-box A{
  display:block;
  text-align : left;
}
#index-contents #farm-box LI{
 margin-left : 15px;
 list-style-type : circle;
}
#index-contents .h3 ul{
  list-style-type : none;
  margin-left : 0px;
}
#index-contents .h3 dt{
  background-color : #fcf;
  text-align : left;
  padding : 2px 5px;
  font-weight : bold; 
}
#index-contents #h3-blog{
 margin-right : 220px;
 font-weight : normal;
 border-width : 1px 3px 3px 1px;
 border-style : solid double double solid;
 border-color : #009;
  text-align : right;
  margin-top : 20px;
  clear : both;
  
  margin-bottom : 12px;
  background-color : #fff;

 

 margin-left : 10px;
}
#main P .p{
 width : 30%;
 float : right;
 color : black;
 background-color : #cccccc;
 padding : 5px;
 margin : 5px;
 text-align : center;
 font-weight : normal;
}
#main P .p IMG{
 width : 100%;
 margin : 0px;
 padding : 0px;
}
#index-contents #blog UL{
 text-align : left;
 
 margin-left : 40px;
 font-size : 90%;
 list-style-type : circle;
 margin-right : 5px;
}
#index-contents #blog .rss{
 text-align : right;
 
}
#index-contents #blog li{
 border-top-width : 1px;
 border-top-style : solid;
 border-top-color : silver;
}
#right #weather LI{
 font-size : 65%;
 border-left-color : #c63;
 border-right-color : #c63;
 border-bottom-color : #c63;
 padding : 5px;
}
#right #weather img{
 float : right;
}
#right #weather LI A{
display : inline;
 
 font-weight : normal;
 text-indent : 0px;
}
#left DT,#right dt{
 background-color : #ffc8c8;
 
}
#left DD,#right dd{
 padding-bottom : 2px;
 border-bottom : 1px dottede #ffc8c8;
 padding-top : 2px;
}
#main EM,#blog-main EM{
 
 color : #e10000;
 font-weight : bold;
 font-style : normal;
}
#main .detail{
 text-align : right;
 border-right : 1px dotted #cccccc;
 border-bottom : 1px dotted #cccccc;
}
#main #google{
 text-align : center;
 margin : 10px;
}
.navi em{
 font-weight : bold;
 font-style : normal;
 color : #ff4500;
}
#footer img{
 vertical-align : middle;
}
#main IMG#detailmap,#main img#accessmap{
 width : 240px;
 height : 320px;
 float : right;
 margin : 10px;
 border : 1px solid green;
 padding : 5px;
}
#main h4{
 color : green;
 background-color : #dadaed;
 text-align : center;
 padding : 5px;
 margin : 5px;
 border : 1px solid silver
;}
#index-main .h3 P IMG{
 margin-top : 5px;
 border- : 1px solid silver;
 width : 20%;
}
#main DL{
 margin : 10px;
}
#main h4 img{
 border-width : 0px;
 width : 12px;
 height : 12px;
}
#main #day{
  font-size : 80%;
  text-align : left;
  margin : 10px;
}
#main #day IMG{
  width : 1px;
  height : 1px;
border-width : 0px;
}
#back A{
  text-decoration : none;
border : 1px outset #ffff80;
  padding : 2px;
  background-color : #ffffd2;
}
#back A:HOVER{
 border: 1px inset #ffff80;
 background-color : #ffffd2;
 text-decoration : none;
 color : #9bb8ec;
}


#back{
 padding : 20px;
}
#main ul,#blog-main ul{
 margin-left : 30px;
 list-style-type : circle;
}
#main HR{
 height : 1px;
 color : silver;
 
 
}
#main BLOCKQUOTE,#blog-main BLOCKQUOTE{
 border-left-width : 5px;
 border-left-style : solid;
 border-left-color : silver;
 padding-left : 10px;
 margin-left : 20px;
}
#blog-left h4{
 font-style : normal;
 text-align:center;
 font-size:85%;
 color : white;
 background-color : #ff8080;
 border: 1px solid red;
 margin : 5px 0px;
 }
#blog-left ul{
font-size:85%;
}
#blog-left ul li{
 list-style-type:circle;
 margin-left:20px;
 text-align : left;
 border-bottom:1px dotted #ff8080;
 color:green;
}
#blog-left ul li li{
background-color : #fff;
border-top : 1px dotted #ffb3b3;
border-bottom-style : none;
}
#blog-left ul#mycategory li{
 background-color : #ffb3b3;
 padding:0px 1px;
list-style-type:none;
 margin : 0px;
 text-align : left;
 text-indent : 5px;
}
#blog-left ul#mycategory li li{
 background-color : #fff;
 paddin-left : 5px;
}
#blog-main .ddop ul{
padding : 10px 10px 10px 30px;
list-style-type:circle;
}
#blog-main #post-date{
text-align:right;
border-bottom:1px dotted gray;
}
#blog-left ul li span{
 color : #ccc;
 display : block;
}
#blog-main img{
border-style:none;
margin:auto 3px;
}
#main IMG.icon,#blog-main IMG.icon,#notice IMG.icon{
width:12px;
height:12px;
 float : none;
border-style:none;
vertical-align:middle;
}
#blog-main img.pict{
border:1px solid gray;
width:60%;
margin:5px 5%;
}
#blog-main .alignleft {
float: left;
}

#blog-main .alignright {
float: right;
}
#blog-main ol.commentlist{
margin-left:30px;
}
#blog-main cite{
font-style:normal;
font-weight:bold;
}
#blog-main .pagetitle{
clear:both;
}
#blog-left p{
font-size:80%;
text-align:left;
}
#blog-left p img{
width:60px;
height:45px;
border:1px solid green;
float:left;
margin:5px;
}
#main .ddsg-wrapper ul li{
list-style-type:none;
}
#main .ddsg-wrapper ul li a{
background-color:#dadaed;
padding:4px 10px;
margin:5px;

}
#main .ddsg-wrapper ul ul li{
list-style-type:square;
margin:5px;
}
#main .ddsg-wrapper ul ul li a{
background-color:#fff;
}
#main .ddsg-wrapper ul ul ul li{
list-style-type:circle;
}
#day img{
height:1px;
width:1px;
border-width:0px;
}
#main #notice,#index-main #notice{
 background-color : #ffc9b5;
border : 3px double red;
 font-size : 80%;
 padding : 5px;
}
#main #h1 .w160{
 width : 160px;
 height : 120px;
 margin : 5px;
 float : right;
}
#main #ferry DD{
 font-size : 80%;
}
#main DL SPAN.pink{
 color : #ff00ff;
 font-weight : bold;
}
#main dl span.red{
 font-weight : bold;
 color : #ff0000;
}
#main table th{
 font-weight : normal;
 background-color : #69a934;
}
#main TABLE{
 font-size : 80%;
 background-color : #cccccc;
 width : 97%;
 text-align : center;
 margin-left : 1%;
 margin-right : 1%;
}
#main table td{
 background-color : #ffffff;
}
#main ul em,#blog-main ul em{
 color : #e10000;
 font-weight : bold;
 font-style : normal;
}
#main #ferry DT{
 background-color : #dadaed;
 width : 150px;
 
 padding-left : 10px;
 
 

 clear : none;
}
DIV#notice DIV#normal{
 font-size : 200%;
 color : white;
 background-color : blue;
 text-align : center;
 margin : 10px;
 padding : 5px;
}
DIV#ferrymap IMG{
 float : right;
 margin-top : 5px;
 margin-left : 5px;
 margin-right : 5px;
 margin-bottom : 5px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : silver silver silver silver;
 width : 240px;
 height : 320px;
}
div#ferrymap dl{
 clear : both;
}
DIV#ferry DIV#normal{
 background-color : #efeff8;
}
DIV#ferry DIV#suspension{
 background-color : #ffecec;
}
DIV#ferry DIV#green{
 background-color : #ecffec;
}
DIV#ferry IMG{
 float : right;
 margin : 5px;
border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : silver silver silver silver;
 width : 240px;
 height : 320px;
}
DIV#ferry DIV#normal p{
 font-size : 180%;
 color : white;
 background-color : blue;
 text-align : center;
 padding : 5px;
 width : 50%;
}
div#ferry div#suspension p{
 font-size : 180%;
 color : white;
 background-color : red;
 text-align : center;
 padding : 5px;
 width : 50%;
}
div#ferry div#green p{
 font-size : 180%;
 color : white;
 background-color : green;
 text-align : center;
 padding : 5px;
 width : 50%;
}
#main .bbs dt{
 background-color : #fcf;
 margin-bottom :0;
 font-size : 110%;
 padding : 5px;
}
#main .bbs dt.border{
 background-color : #ccf;
 font-size : 100%;
}
#main .bbs dd{
 border : 1px solid #fcf;
 border-top : none;
 margin-top : 0;
 padding : 5px;
}
#main .bbs dd.border2{
 border : 1px solid #ccf;
}
legend{
 background-color : #fedfa7;
 padding : 5px;
 margin : 5px 10px;
 border : 1px solid #d9b364;
 font-size : 100%;
 font-weight : bold;
}
fieldset{
 border :1px solid #d9b364;
}
#main .bbs dd.left{
 text-align : right;
}