@charset "utf-8";
/*トピックス_a
---------------------------*/
#topi_a{
 overflow:hidden;
 font-size:14px;
  width:100%;
}

#topi_a h2{
 width:100%;
 text-align:center;
 background-color:#87ceeb;
 color:#fff;
 border:#87ceeb 1px solid;
 padding:5px;
 margin:0 auto;
}

#topi_a ul{
 border:#87ceeb 1px solid;
 margin:0;
 text-align:left;
 padding:5px 20px;
}


#topi_a li.topi1{
 text-align:right;
 width:100%;
 font-size:12px;
 padding:5px 10px 5px 0;
 list-style-type:none;

}

/*新着情報_a
---------------------------*/
#news_a{
 overflow:hidden;
 font-size:14px;
  width:100%;
}

#news_a h2{
 width:100%;
 text-align:center;
 background-color:#87ceeb;
 color:#fff;
 border:#87ceeb 1px solid;
 padding:5px;
 margin:0 auto;
}

#news_a ul{
 border:#87ceeb 1px solid;
 margin:0;
 text-align:left;
 padding:5px 20px;
}


/*下関港の紹介_a
-----------------------------*/
#method_a{
 float:left;
 overflow:hidden;
 width:220px;
 margin-right:10px;
}

#method_a h3{
 text-align:center;
 background-color:#8fbc8f;
 color:#fff;
 border:#8fbc8f 1px solid;
 border-bottom:#8fbc8f 1px solid;
 padding:5px;
 margin-bottom:0;
}

#method_a ul.ul1{
 border:#8fbc8f 1px solid;
 border-top:0px;
 padding:5px 20px;
 margin-top:0;
 margin-bottom:0;
 margin:0;
 text-align:left;
 height:180px;

}
/*事業概要_a
-----------------------------*/

/*みなとの情報_b
-----------------------------*/
#method_b{
 float:left;
 overflow:hidden;
 width:220px;
 margin-right:10px;
}

#method_b h3{
 text-align:center;
 background-color:#FA8072;
 color:#fff;
 border:#FA8072 1px solid;
 border-bottom:#FA8072 1px solid;
 padding:5px;
 margin-bottom:0;
}

#method_b ul.ul1{
 border:#FA8072 1px solid;
 border-top:0px;
 padding:5px 20px;
 margin-top:0;
 margin-bottom:0;
 margin:0;
 text-align:left;
 height:180px;
}

/*お知らせ
-----------------------------*/

#method_c{
 float:left;
 overflow:hidden;
 width:220px;
}

#method_c h3{
 text-align:center;
 background-color:#DDA0DD;
 color:#fff;
 border:#DDA0DD 1px solid;
 border-bottom:#DDA0DD 1px solid;
 padding:5px;
 margin-bottom:0;
}

#method_c ul.ul1{
 border:#DDA0DD 1px solid;
 border-top:0px;
 padding:5px 20px;
 margin-top:0;
 margin-bottom:0;
 margin:0;
 text-align:left;
 height:180px;
}


/*ヘッダー
-----------------------------*/