@charset"Shift-JIS";

/*============================================================================
   02access
============================================================================*/
body {font-size:14px;}
td   {font-size:14px;}

h1,h2,h3,h4,ul,li,address{
margin: 0;
padding: 0;
font-weight: nomal;
font-style: normal;
}

a:link    {color:#4b49ff; text-decoration:none;}
a:visited {color:#4b49ff; text-decoration:none;}
a:hover   {color:deeppink; text-decoration:underline;}


/*----------------------------------------------------------------------------
  フォント設定
-----------------------------------------------------------------------------*/
span.style10  {font-size:10px;}
span.style12  {font-size:12px;}
span.style13  {font-size:13px;}
span.style14  {font-size:14px;}
span.style16  {font-size:16px;}
span.style18  {font-size:18px;}
span.style20  {font-size:20px;}
span.style10B {font-size:10px;font-weight:bold;}
span.style11B {font-size:11px;font-weight:bold;}
span.style12B {font-size:12px;font-weight:bold;}
span.style13B {font-size:13px;font-weight:bold;}
span.style14B {font-size:14px;font-weight:bold;}
span.style15B {font-size:15px;font-weight:bold;}
span.style16B {font-size:16px;font-weight:bold;}
span.style17B {font-size:16px;font-weight:bold;}
span.style18B {font-size:18px;font-weight:bold;}

span.white         {color:white;}
span.blue          {color:blue;}
span.darkblue      {color:darkblue;}
span.yellow        {color:gold;}
span.yellowgreen   {color:yellowgreen;}
span.red           {color:red;}
span.mediumblue    {color:mediumblue;}
span.orange        {color:orange;}
span.orangered     {color:orangered;}
span.chocolate     {color:chocolate;}
span.slateblue     {color:slateblue;}
span.limegreen     {color:limegreen;}
span.salmon        {color:salmon;}
span.pink          {color:pink;}
span.deeppink      {color:deeppink;}
span.orangered     {color:orangered;}
span.deepskyblue   {color:deepskyblue;}
span.forestgreen   {color:forestgreen;}
span.darkgreen     {color:darkgreen;}
span.royalblue     {color:royalblue;}
span.hotpink       {color:hotpink;}
span.purple        {color:purple;}
span.teal          {color:teal;}
span.gold          {color:gold}
span.crimson       {color:crimson;}
span.darkslategrey {color:darkslategrey;}
span.navy          {color:navy;}
span.gray          {color:gray;}
span.blueblack     {color:#002cdd}


/*----------------------------------------------------------------------------

-----------------------------------------------------------------------------*/
.inner_content h1{
margin-bottom: 15px;
}

.inner_content h2{
padding: 5px 10px;
font-size:16px;
color: #ffffff;
background-color: #4169E1;
}

.inner_content h3 {
padding: 5px 10px;
font-size:14px;
background-color: #ffc4ff;
border: 1px solid #ef82ff;
}

.inner_content h4 {
padding: 2px 2px 2px 5px;
margin-top: 15px;
margin-left: 1em;
font-size:12px;
border-left: 2px solid #3068ff;
border-bottom: 1px solid #3068ff;
}

.inner_content ul{
margin-left: 20px;
margin-top: 3px;
padding: 0;
list-style-type: square;
}

.inner_content li{
line-height: 1.6em;
border-bottom: 1px dotted #4169E1;
}

address{
font-size: 12px;
color:gray;
}

/*----------------------------------------------------------------------------

-----------------------------------------------------------------------------*/
.navi{
padding: 5px 10px;
font-size: 12px;
color:#000000;
background-color: #d3defd;
}


.ocean {
background-color: #ccffcc;
border: 1px solid #61d570;
}

.marin {
background-color: #b8d6ff;
border: 1px solid #77a4ff;
}


.img_map{
padding: 10px 10px;
}

.img_ferry{
padding: 5px 5px 5px 2em;
vertical-align: top;
}

.port{
margin-left: 3em;
}

/*
.test{
border: 1px red solid;
}
*/