/* --------------------------------------------------------
沖縄ポートホテル_EN CSS　共通部分
-------------------------------------------------------- */
@charset "utf-8";

body{color:#666666;
background-color:#eeeeee;}

/* --------------------------------------------------------
リンク
-------------------------------------------------------- */
a:link{color:#3366cc;text-decoration:underline;}
a:visited{color:#cc6633;text-decoration:underline;}
a:active{color:	#660000;text-decoration:underline;}
a:hover{color:#660000;text-decoration:underline;}				

/* --------------------------------------------------------
フォント
-------------------------------------------------------- */
em{font-weight:bold;font-style:normal;}

/* フォントカラー（以下任意に作成） */
.text_w{color:#ffffff;}   /* White */
.text_gre{color:#406349;} /* Green */
.text_b{color:#336699;}   /* Blue */
.text_t{color:#333333;}   /* DarkGray */
.text_bk{color:#000000;}  /* Black */
.text_tr{color:#333333;}  /* DarkGray */
.text_rg{color:#666666;}  /* RightGray */
.text_r{color:#F00;}      /* Red */
.text_pnk{color:#C06;}    /* Pink */
.text_or{color:#D33C0F;}/* Orange */
.text_brwn{color:#8E3E40;}/* Brown */


/* --------------------------------------------------------
フォントスタイル
-------------------------------------------------------- */
.f_times{font-family:'Times New Roman',serif;}  
.f_georgia_b{font-size:12px; font-weight: normal; font-style: normal; font-family: 'GeorgiaBoldItalic', sans-serif;}
.f_j{font-size:12px; font-weight: normal; font-style: normal; font-family:'ヒラギノ明朝 Pro W6', 'HiraMinProN-W6', 'HiraMinPro-W6',sans-serif;}


.b{font-weight:bold;}

/* --------------------------------------------------------
背景色
-------------------------------------------------------- */
/* 以下任意に作成 */
.bg_w{background-color:	#ffffff;}
.bg_or{background-color:#D33C0F;}


/* --------------------------------------------------------
マージン
-------------------------------------------------------- */
.m0{margin:0px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}

.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mb0{margin-bottom:0px;}
.mb1{margin-bottom:1px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

.ml0{margin-left:0px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.mr0{margin-right:0px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}



/* --------------------------------------------------------
構造
-------------------------------------------------------- */

/* Container */

#container{
    background:#FFF;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

/* Header */

#header{width:924px;
    height:122px;
	margin:0;
	padding:0;}


#header #h_left{
	float:left;
	width:200px;
	height:88px;
	padding:0;
	text-align:left;
}

*html #header #h_left{
display:inline;}

#header #h_left #LOGO{
	margin:15px 0 0 15px;
}

#header #h_right{
	float:right;
	width:599px;
	margin:0 25px 0 0;
	padding:0;
	text-align:right;
}

*html  #h_right{
display: inline;
	
	}

#header #h_right h1{
	margin:0;
	padding:10px 0 0 0;
	font-weight: normal;
}

.keiyaku{
    margin:0;
	padding:5px 0 5px 0;
}

#header br{clear:both;}


#header #navi{
	padding-left:14px;
	text-align:left;
	height:33px;
	margin:0;
	background: url(../img/bg_top.jpg);
}

#header #navi ul{
	margin:0;
	padding:0;
	list-style:none;
}

#header #navi li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-128128px;
	list-style-type:none;
	height:33px;
	vertical-align:bottom;
}

#header #navi li a{
	margin:0;
	padding:0;
	display:block;
	height:33px;
		text-indent:-128128px;
}

#header #navi .navi1{
	width:60px;
	background: url(../img/m_01a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi1 a:hover{
	width:60px;
	background: url(../img/m_01b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi1on{
	width:60px;
	background: url(../img/m_01b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi2{
	width:105px;
	background: url(../img/m_02a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi2 a:hover{
	width:105px;
	background: url(../img/m_02b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi2on{
	width:105px;
	background: url(../img/m_02b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi3{
	width:100px;
	background: url(../img/m_03a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi3 a:hover{
	width:100px;
	background: url(../img/m_03b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi3on{
	width:100px;
	background: url(../img/m_03b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi4{
	width:87px;
	background: url(../img/m_04a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi4 a:hover{
	width:87px;
	background: url(../img/m_04b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi4on{
	width:87px;
	background: url(../img/m_04b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi5{
	width:48px;
	background: url(../img/m_05a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi5 a:hover{
	width:48px;
	background: url(../img/m_05b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi5on{
	width:48px;
	background: url(../img/m_05b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi6{
	width:169px;
	background: url(../img/m_06a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi6 a:hover{
	width:169px;
	background: url(../img/m_06b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi6on{
	width:169px;
	background: url(../img/m_06b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi7{
	width:77px;
	background: url(../img/m_07a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi7 a:hover{
	width:77px;
	background: url(../img/m_07b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi7on{
	width:77px;
	background: url(../img/m_07b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi8{
	width:92px;
	background: url(../img/m_08a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi8 a:hover{
	width:92px;
	background: url(../img/m_08b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi8on{
	width:92px;
	background: url(../img/m_08b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi9{
	width:135px;
	background: url(../img/m_09a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi9 a:hover{
	width:135px;
	background: url(../img/m_09b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi9on{
	width:135px;
	background: url(../img/m_09b.jpg);
	background-repeat:no-repeat;
}


/* Group Link */
#group_hotels{
    width:924px;
	border-top:1px solid #999;
}

.group_ue{
    padding:10px 15px; 
    border-bottom:1px dotted #ccc;
}

.group_content {
     padding:10px;
     text-align:center;
     line-height:160%;
	 word-break:keep-all;
}

/* Footer */
#footer{background:url(../img/bg_footer.jpg) repeat-x; height:83px;}
#footer a:link{ color:#fff;}
#footer a:visited{color:#cc6633;text-decoration:underline;}
#footer a:active{color:	#cc6633;;text-decoration:underline;}
#footer a:hover{color:#cc6633;;text-decoration:underline;}

.footer_left{width:480px; padding:15px; float:left;}
.footer_right{width:380px; padding:15px 0 0 0; float:right; line-height:7.5;}

/*  ---- Clearfix ----  */

.clearfix{
	zoom:1;
}
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }


/*twitter facebook sharebutton_20111130*/
/*share  ico*/
.share_ico{ margin:0; padding:0;}
.share_ico li{ list-style-type:none; float:right; padding:0 5px 0 0; vertical-align:bottom;}

/*twitter ico*/
img.tweetButton {
    padding: 0 0 1px;
    vertical-align: middle;
}

.share_ico li.tw_cnt{padding:2px 0 0 0;}

/*facebook ico*/
.fb_cnt{width:48px;
height:24px; overflow:hidden; padding:2px 0 0 0;}

#h_right .left{width:170px; float:right; padding:0 5px 0 0;}
#h_right .right{width:315px; float:right; vertical-align:bottom; padding:6px 0 0 0; font-size:12px;}

#h_right{width:626px; vertical-align:bottom;}