@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Application all
	2: Flame layout
	3: Decoration

//////////////////////////////////////////////////////////*/



/*=========================================================

	Application all

==========================================================*/

html,body{
  text-align:center;
  line-height:1.5;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:16px;
  margin:0;
  padding:0;
}

body{
  color:#333;
  width:100%;
  background:url('../img/back_html.gif') 0 0 repeat-x #e4e0cf;
}


table{
  text-align:left;
  font-size:100%;
  color:#333;
}


a{text-decoration:underline;}
a:link{color:#007182;}
a:visited{color:#004d59;}
a:hover{text-decoration:none; color:#007182;}

img{
  vertical-align:text-bottom;
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  color:#fff;
  height:1px;
  padding:0;
  margin:0;
  border:0;
  background:#fff;
}

address,em{
  font-style:normal;
}



/*=========================================================

	Flame layout

==========================================================*/

#layout{
  position:relative;
  text-align:left;
  font-size:80%;
  width:920px;
  padding:0 4px;
  margin:0 auto;
  background:url('../img/back_header.png') 50% 0 no-repeat;
}
* html #layout{width:928px;}

body#license #layout{
  background:url('../img/back_header02.png') 50% 0 no-repeat;
}



#contents{
  width:920px;
  padding:0 0 50px 0;
}



#footer{
  clear:both;
  position:relative;
  overflow:hidden;
  text-align:center;
  width:920px;
  padding:50px 0;
  background:url('../img/back_footer.gif') 0 0 repeat-x;
}



/*== 船舶 ================================================*/









/*=========================================================

	Clear Default CSS

==========================================================*/

ul#navigation,
#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}





/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
  padding:29px;
}

address#header-address{
  float:right;
  width:379px;
  height:115px;
  margin-top:159px;
}



ul#navigation{
  clear:both;
  overflow:hidden;
  position:relative;
  width:924px;
  padding-top:15px;
  margin-right:-4px;
}

ul#navigation li{
  float:left;
  width:150px;
  margin:0 4px 10px 0;
}





/*== contents ============================================*/

h2.pagetitle{
  text-align:center;
  margin:50px 0;
}



div.section{
  overflow:hidden;
  width:898px;
  padding:10px;
  margin-top:30px;
  border:1px solid #c7c1a7;
  background:#fff;
}
* html div.section{width:920px;}


div.section h3{
  font-size:120%;
  color:#746e52;
}
div.section h3~h3{margin-top:30px;}

/*
div.section h3:first-child{margin:0;}
*/


p.description{
  text-align:center;
  margin:30px 0;
}

p.description img{
  margin-bottom:30px;
}



dl.guide{
  text-align:center;
}

dl.guide img{
  vertical-align:top;
}

dl.guide dt{
  display:inline;
  margin-right:30px;
}

dl.guide dd{
  display:inline;
}



p.map{
  float:right;
  width:370px;
  margin:0 0 0 20px;
}

ul.map-detail{
  list-style-position:outside;
  padding:0 0 0 20px;
  margin:0 0 30px 0;
}

p.form-enter{
  text-align:center;
  width:508px;
}



dl.fare dt{
  font-weight:bold;
  padding:0 0 0 16px;
  background:url('../img/icon_01.gif') 2px 50% no-repeat;
}

dl.fare dd{
  margin:0 0 10px 14px;
}



div.trip{
  font-size:87%;
  width:486px;
  padding:10px;
  margin:0 0 30px 0;
  border:1px dotted #ccc;
  background:#f7f7f7;
}
* html div.trip{width:508px;}

div.trip h4{
  color:#800;
}



ul.indication{
  list-style:none;
  padding:0;
  margin:0;
}

ul.indication li{
  padding:0 0 0 16px;
  margin-bottom:5px;
  background:url('../img/icon_01.gif') 2px 50% no-repeat;
}



p.article{
  text-indent:1em;
  padding-top:15px;
}
h3+p.article{padding:0;}



em.caution{
  font-size:87%;
  color:#800;
}





/*== footer ==============================================*/

#footer ul.top{
  position:relative;
  padding:15px 15px 3px 15px;
  margin:30px 0 0 0;
  border:1px solid #c7c1a7;
  border-bottom:0;
  background:#e2dbc1;
}

#footer ul.bottom{
  position:relative;
  padding:3px 15px 15px 15px;
  margin:0 0 30px 0;
  border:1px solid #c7c1a7;
  border-top:0;
  background:#e2dbc1;
}

#footer ul li{
  display:inline-block;
  margin:0 5px;
}
* html #footer ul li{display:inline; zoom:1;}
*:first-child+html #footer ul li{display:inline; zoom:1;}