@charset "utf-8";
/*@import url("./style_hotel_golf.css");*/

/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
}
body {
	line-height:normal;
}
h1, h2, h3, h4, h5, h6 {
	clear:both;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}


/* =Layout
-------------------------------------------------------------- */

/* =Fonts
-------------------------------------------------------------- */
body {
	font-size: 90%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.small {
	font-size: 75%;
	font-weight: normal;
}

.large {
	font-size:120%;
}

/* =Structure
-------------------------------------------------------------- */
body {
	color: #000000;
	background-color: #333399;
	margin: 18px;
	text-align: center;
}

div.base {
	width:860px;
	background:#FFFFFF;
	margin:10px auto 0px auto;
	border-right: solid 2px #9494C4;
	border-bottom: solid 2px #9494C4;
	text-align:left;
}

div.base2 {
	width:550px;
	background:#FFFFFF;
	margin:10px auto 0px auto;
	padding:1em;
	border-right: solid 2px #9494C4;
	border-bottom: solid 2px #9494C4;
	text-align:left;
}

div.container{
	width:840px;
	margin:10px;
}
/* =Global Elements
-------------------------------------------------------------- */
h1 {	
	margin: 10px 0px 3px;
	font-size: 90%;
	font-weight: normal;
	text-align:right;
	clear:both;
}

h2 {
	background-image: url(images/subtitle_r.gif);
	background-repeat: repeat-x;
	margin:27px 0px 6px;
	font-size: 120%;
	clear:both;
}

h3 {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 3px;
	font-size: 100%;
	font-weight: bold;
	border-left:solid 5px #2097B9;
	line-height:110%;
}

h3.intable {
	margin:0px;
	padding:3px;
	border-left:none 0px transparent;
	line-height:100%;
}

a {
	text-decoration:none;
}

a:link {
	color: #cc0000;
}

a:visited {
	color: #ff6666;
}
a:hover {
	color: #2097b9;
	text-decoration:underline;
}

a:active {
	color: #2097b9;
	text-decoration:underline;
}

img {
	border:none 0px transparent;
}

table {
	padding:2px;
	border-collapse:collapse;
}

td, th {
	font-size:90%;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	padding:0px 2px 0px 2px;
}

hr {
	width:100%;
	height:1px;
	border:solid 1px #2097B9;
	clear:both;
	margin:20px auto 0px auto;
}

ul {
	margin: 0 0 0 2em;
	list-style: url(images/item02_r.gif);
	font-size: 75%;
	font-weight: normal;
}

textarea {
	width:75%;
}

.f-left {
	float:left;
}

.clear {
	clear:both;
}

.half {
	width:420px;
	float:left;
}

/* =Menu
-------------------------------------------------------------- */
ul.navi {
	list-style:none;
	margin-top:0px;
}

ul.navi li{
	display:inline;
	float:left;
	width:105px;
	height: 90px;
	line-height: 90px;
}

ul.navi li.right{
	float:right;
	text-align:right;
	width:260px;
}

ul.navi li img {
	vertical-align:baseline;
}

/* =Campaign
-------------------------------------------------------------- */
#campaign p {
	margin:5px 0;
}

/* =Footer
-------------------------------------------------------------- */
.banner table {
	width:840px;
}
.banner td {
	text-align:center;
}

.copyright {
	font-size: 75%;
	font-weight: normal;
	color:#FFFFFF;
}

/* ------------------------------
Main Contents
------------------------------ */

.r {
	text-align:right;
}

.c {
	text-align:center;
}

.gototop{
	text-align:right;
	margin:6px 0px 15px;
}

div.timetable p span {
	display:inline-block;
	text-align:center;
	font-weight:bold;
}

div.timetable p.line {
	margin:10px 0;
}

div.timetable p.ty {
	margin-left:190px;
}

div.timetable p.line span {
	background:#D82E5B;
	border:solid 1px #D82E5B;
	color:#FFF;
}

div.timetable p.port span.port {
	background:#FFF;
	border:solid 1px #666;
	color:#333;
	font-size:120%;
}

div.timetable p span.port {
	width:160px;
}

div.timetable p span.inter {
	width:30px;
	line-height:120%;
}

table.fee  {
	width:95%;
}

table.fee th, table.fee td {
	text-align:right;
}

table.fee th.c, table.fee td.c {
	text-align:center;
}

table.fee tr.header th, table.fee tr.header td {
	background:#2097B9;
	color:#FFFFFF;	
}

table.fee tr.header_sp th, table.fee tr.header_sp td {
	background:#FF9900;
	color:#FFFFFF;
}

table.fee tr.odd th, table.fee tr.odd td {
	background:#EEEEEE;
}

table.fee tr.even th, table.fee tr.even td {
	background:#DDDDFF;
}

table.fee th.bdrl {
	border-left:solid 2px #FFF;
}

table.fee th.bdrr{
	border-right:solid 2px #FFF;
}

.wrap {
	white-space:normal;
}

table.news {
	!width:96%;
}

table.news td {
	white-space:normal;
}

.topnews {
	border:solid 1px #CCCCCC;
	margin:12px 0px 6px 6px;
	padding:3px;
}