@charset "utf-8";

/************************************************
* 八重山観光フェリー
************************************************/

/*-----------------------------------------------
* 基本設定
-----------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,div,dl,dt,dd,ul,ol,li,form,
fildset,input,textarea,p,blockquote,table,th,td,address {
	margin: 0;
	padding: 0;
	font-style:normal;
	font-weight: normal;
}

img {
	border: none;
	vertical-align: top;
}

li img {
	vertical-align: top;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

ol,ul {
	list-style:none;
}

hr {
	display: none;
}


li {
	list-style-type: none;
}

object,embed {
	vertical-align: top;
}

a:link {text-decoration: underline;color: #06c;}
a:visited {text-decoration: underline;color: #606;}
a:hover {text-decoration: underline; color:#f60;}
a:active {text-decoration: none; color: #606;}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #004B94;
	font: 14px/160% verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	text-align: center;
}

#index { background: url(../images/top/bg_top.gif) repeat-x}
#sec { background: url(../images/common/bg_sec.gif) repeat-x}

#container {
	width: 904px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/common/bg_right-gr.gif) repeat-y 0px 500px;
}


/*-----------------------------------------------
* all
-----------------------------------------------*/
#header {
	width: 903px;
	background: url(../images/common/bg_head.jpg) no-repeat top;
}

#header h1 {
	width: 272px;
	float: left;
	padding: 15px 0 0;
	margin: 0 0 15px 20px;
}

#info {
	float: right;
	margin: 18px 34px 0 0;
}

#header ul {
	width: 900px;
}

#header li {
	float: left;
}

#index #main {
	float: left;
	width: 640px;
	margin-top: 10px;
}
#sec #main {
	float: left;
	width: 640px;
	margin-top: 10px;
}

#footer {
	clear: both;
	width: 904px;
	text-align: center;
}

#footer ul {
	padding: 25px 0 20px;
	text-align: center;
	background: url(../images/common/bg_foot.jpg) no-repeat top left;
}

#footer li {
	padding: 0 7px 0 5px;
	border-right: solid 1px #888;
	display: inline;
	text-align: center;
}

address {
	padding: 0 0 25px;
	background: url(../images/common/bg_foot_b.jpg) no-repeat bottom left;
}

#footer li.last {
	border-right: none;
}

#navigation {
	width: 240px;
	float: right;
	padding: 17px 0 20px;
	background-color: #fff;
}

#navigation li {
	margin-bottom: 10px;
}

/* イベント情報---------------------*/
.event-ifno,
.mobile-ifno,
.island-info {
	width: 240px;
}

.mobile-ifno dd {
	margin: 0;
	padding: 10px;
	margin-bottom: 15px;
	border: solid 2px #ccc;
}

/*-----*/
.event-ifno dd {
	padding: 0;
	border: solid 2px #ccc;
}

.event-ifno {
	margin-bottom: 15px;
}


/*.event-ifno-inner dt {
	float: left;
}*/

.mobile-code {
	float: left;
}

.mobile-ifno dd {
	font-size: 90%;
	line-height: 140%;
}

.island-info dd {
	margin-bottom: 15px;
	border: solid 2px #ccc;
}

#navigation .island-info li  {
	margin: 0;
	border-bottom: solid 1px #ccc;
}

/*-----------------------------------------------
* sec
-----------------------------------------------*/
#sec .contents,
#sec .contents-time,
#sec .contents-doc {
	margin: 20px 0 20px 20px;
}

#sec h2 {
	width: 640px;
}

.contents p {
	margin-bottom: 20px;
}

.contents-doc p {
	margin-bottom: 5px;
}

h3 {
	clear: both;
	margin-bottom: 20px;
	padding-left: 35px;
	background: url(../images/common/title_h3.jpg) no-repeat 0px 5px;
	color: #044B94;
	font-size: 110%;
	line-height: 35px;
}

h4 {
	margin-bottom: 15px;
	padding-left: 25px;
	background: url(../images/common/icon_h4.png) no-repeat left center;
	border-bottom: dotted 1px #999;
	color: #044B94;
}
.gotop02 {
	clear:both;
	margin:0 0 30px;
	text-align:right
}

.gotop02 a{
	background: url(../images/common/icon_gotop.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
}

/*-- footer ---*/
#footer .gotop {
	text-align: right;
	margin-right: 260px;
}

.cl {
	clear: both;
}


/* clearfix -----------------------------------*/
.clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clr {
  display: inline-table;
}
/* Hides from IE-mac ¥*/
* html.clr {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */