/*                                                                            　            header 
--------------------------------------------------------------------------------------------------
*/

#header { 
 display: block;
 clear: both;
 height: 68px;
 margin-bottom: 2px; 
 border-top: 10px solid #3B67AE;
}

#header img.logo {
 margin: 0 0 0 25px;
 float: left;
 clear: left;
}

#navi-global { 
 font-size: 10px;
 float: right; 
 text-align: right;
 width: 400px;
 margin: 3px 10px 0 0;
}

#navi-global a:link { 
 font-size: 10px;
 color: #0000ff;
}
#navi-global a:hover,#navi-global a:active { 
 font-size: 10px;
 color: #0000ff;
 text-decoration: underline;
}
#navi-global a:visited { 
 font-size: 10px;
 color: #0000ff;
}

.national {
 text-align: right;
 margin:10px 0 0 0;
}

.national img {
 margin: 0px 0 -5px 5px;
}

/*                                                                            　              menu
--------------------------------------------------------------------------------------------------
*/
#menu {
 font-size: 12px;
 width: 748px;
 height: 32px;
 background: url(../common/img/navi_bar.gif) no-repeat top left;
 display:block;
 clear:both;
}

#menu a {
 font-weight: bold;
 color: #3C65A2;
 text-decoration: none;
 display: block;
 margin:8px 0 0 12px;
 float: left;
}
#menu span{
 font-weight: bold;
 color: #3C65A2;
 display: block;
 margin:8px 0 0 10px;
 float: left;
}
#menu span.navispace {
 display: block;
 margin: 8px 0 0 10px;
 width: 32px;
 float: left;
}
#menu span.navispace2 {
 display: block;
 margin: 8px 0 0 10px;
 width: 225px;
 float: left;
}

#menu1 {
 font-size: 12px;
 width: 748px;
 height: 24px;
 background: url(../common/img/navi_bar_01.gif) no-repeat top left;
 display:block;
 clear:both;
}
#menu1 a {
 font-weight: bold;
 color: #3C65A2;
 text-decoration: none;
 display: block;
 margin:8px 0 0 12px;
 float: left;
}
#menu1 span{
 font-weight: bold;
 color: #3C65A2;
 display: block;
 margin:8px 0 0 10px;
 float: left;
}
#menu1 span.navispace {
 display: block;
 margin: 8px 0 0 10px;
 width: 32px;
 float: left;
}
#menu1 span.navispace2 {
 display: block;
 margin: 8px 0 0 0px;
 width: 225px;
 float: left;
}
#menu2 {
 font-size: 12px;
 width: 748px;
 height: 29px;
 background: url(../common/img/navi_bar_02.gif) no-repeat top left;
 display:block;
 clear:both;
 text-align:right;
}
#menu2 a {
 font-weight: bold;
 color: #3C65A2;
 text-decoration: none;
 display: block;
 margin:5px 0 0 12px;
 float: left;
}
#menu2 span{
 font-weight: bold;
 color: #3C65A2;
 display: block;
 margin:5px 0 0 10px;
 float: left;
}
#menu2 span.navispace {
 display: block;
 margin: 8px 0 0 10px;
 width: 32px;
 float: left;
}
#menu2 span.navispace2 {
 display: block;
 margin: 8px 0 0 0px;
 width: 225px;
 float: left;
}

/*                                                                            　           pankuzu 
--------------------------------------------------------------------------------------------------
*/

#pan {
 display: block;
 clear: both;
 padding: 3px 0 0px 20px;
}

#pan a {
 color: #3c65a2;
 font-weight: bold;
}

/*                                                                            　          headline 
--------------------------------------------------------------------------------------------------
*/

body#top #headline {
 display: block;
 clear: both;
 width: 748px;
 height: 301px;
 margin: 0px 0 1px 0;
 border-top: 1px solid #a0a0a0;
 padding: 2px 0 1px 0;
}

#headline_p {
 display: block;
 clear: both;
 width: 748px;
 height: 76px;
 background: url(../philippines/img/p_header.jpg) no-repeat top left;
}

#headline_m {
 display: block;
 clear: both;
 width: 748px;
 height: 76px;
 background: url(../malaysia/img/m_header.jpg) no-repeat top left;
}
 
#headline_p01 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/cebu/img/cebu_header.jpg) no-repeat top left;
}
#headline_p01_price {
 display: block;
 clear: both;
 width: 748px;
 height: 80px;
}
#headline_p01_us {
 display: block;
 clear: both;
 width: 748px;
}
#headline_p02 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/boracay/img/boracay_header.jpg) no-repeat top left;
}
#headline_p03 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/elnido/img/elnido_header.jpg) no-repeat top left;
}
#headline_p04 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/clubnoa/img/clubnoa_header.jpg) no-repeat top left;
}
#headline_p05 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/bohole/img/bohole_header.jpg) no-repeat top left;
}
#headline_p06 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/manila/img/manila_header.jpg) no-repeat top left;
}
#headline_p07 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/clubparadise/img/clubparadise_header.jpg) no-repeat top left;
}
#headline_p08 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/amanpulo/img/amanpulo_header.jpg) no-repeat top left;
}
#headline_p09 {
 display: block;
 clear: both;
 width: 748px;
 background: url(../philippines/womensmanila/img/womensmanira_header.jpg) no-repeat top left;
}

#headline_m01 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../philippines/cebu/img/cebu_header.jpg) no-repeat top left;
}

#headline_m02 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../malaysia/kotakinabalu/img/kotakinabalu_header.jpg) no-repeat top left;
}

#headline_m03 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../malaysia/langkawi/img/langkawi_header.jpg) no-repeat top left;
}

#headline_m04 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../malaysia/pangkor/img/pangkor_header.jpg) no-repeat top left;
}

#headline_m05 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../malaysia/tioman/img/tioman_header.jpg) no-repeat top left;
}

#headline_m06 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../malaysia/redang/img/redang_header.jpg) no-repeat top left;
}

#headline_d {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../dubai/img/d_header.jpg) no-repeat top left;
}
 
#headline_d01 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../dubai/sabaku/img/sabaku_header.jpg) no-repeat top left;
}
 
#headline_d02 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../dubai/city/img/city_header.jpg) no-repeat top left;
}
 
#headline_d03 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../dubai/beach/img/beach_header.jpg) no-repeat top left;
}
#headline_d04 {
 display: block;
 clear: both;
 width: 748px;
 height: 123px;
 background: url(../dubai/fujairah/img/fujairah_header.jpg) no-repeat top left;
} 
#headline_p_cebu {
 display: block;
 clear: both;
 width: 748px;
 height: 40px;
 padding: 5px 0 5px 0px;
 background: url() no-repeat top left;
}

.intro {
 padding: 15px 20px 0 275px;
}
.price {
 padding: 10px 20px;
}

/*                                                                            　          contents 
--------------------------------------------------------------------------------------------------
*/

table.topoption  { 
 margin: 10px; 
 float: left;
}
table.topoption2  { 
 margin: 10px 0 10px 10px;
 padding: 10px;  
 width: 730px;
 border-width: 0px;
}
table.topoption2 td { 
 text-align: left;
 vertical-align: top;
}
table.topoption2 td.center { 
 text-align: center;
 vertical-align: top;
}
table.topoption2 td.right { 
 text-align: right;
 vertical-align: top;
 border-width: 0px;
}
table.topoption2 .yellow {
 background-color: yellow;
}
table.topoption3  { 
 margin: 0 10px 0 0; 
 border-width: 0px;
 padding: 0px;
 float: left;
}
table.topoption4  { 
 margin: 0 0 0 0; 
 border-width: 0px;
 padding: 0px;
 float: right;
}
table.topoption5  { 
 margin: 10px 0 10px 20px; 
 padding: 0px;
 width: 700px;
 border-width: 0px;
}
table.alart { 
 margin: 15px 0 15px 20px; 
 width: 700px;
 padding: 0px;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}
table.alart td { 
padding: 5px;
}

table.alart2 { 
 margin: 15px; 
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}
table.alart2 td { 
padding: 15px;
}

table.island {
 border: 1px solid #a0a0a0;
 width: 265px;
 padding: 0px;
 margin: 0 0 3px 0;
}

table.island1 {
 border: 1px solid #a0a0a0;
 width: 350px;
 padding: 0px;
 margin: 0 0 3px 0;
}

table.island2 {
 border: 1px solid #a0a0a0;
 margin: 0 0 10px 0;
}

table.island3 {
 margin: 0 0 10px 0;
 width: 344px;
 padding: 0px;
 border-width: 0px;
}

table.island4 {
 border: 3px double #d8bfd8;
 margin: 0 0 3px 0;
}

table.island5 {
 margin: 0px;
 width: 600px;
 padding: 0px;
 border-width: 0px;
}

table.island td.txt, table.island1 td.txt, table.island2 td.txt, table.island3 td.txt, table.island4 td.txt {
 padding: 2px;
 width: 180px;


}
table.island5 td.txt {
 padding: 2px;
 width: 432px;
 vertical-align: top;
}

table.island td.img, table.island1 td.img, table.island2 td.img, table.island3 td.img, table.island4 td.img, table.island5 td.img {
 width: 164px;
 vertical-align: top;
}

table.plan {
 margin: 10px 0;
 width: 650px;
 border-width: 1px solid;
 background-color: #cccccc;
 padding: 0px;
}
table.plan td{
 padding: 10px;
 background-color: #ffffff;
 font-size: 12px;
}
table.plan td.day {
 width: 150px;
}

.space {
 margin: 0 2px 0 0;
}

.space2 {
 margin: 2px 0;
}

.space3 {
 margin: 5px;
}

.separator { 
 border-bottom: 1px dotted #a0a0a0;
 margin: 2 0px; 
}

img.guide {
margin: 0 0 0 0;
}

.banner {
 margin: 10px;
}
.banner2 {
 margin: 0px;
}
.banner3 {
 padding-top: 10px;
 padding-left: 10px;
}

.banner img {
 margin: 0 0 5px 0;
 display: block;
 clear: both;
}

.island_photo {
 margin: 0 10px;
 text-align: right;
}

.island_photo img {
 margin: 0 0 10px 0;
}

.block-pack-LL { 
 margin: 0px;
}

.block-wrap {
 display: block; 
 clear: both;
 margin: 0 0 10px 0;
}
.block-pack-S { 
 margin: 0px;
 /*float: left;
 clear: left;
 display: block;*/
}
.block-pack-SS { 
 margin: 0px;
/* float: left;
 clear: right;
 display: block;*/
}
.pack-in {
 border-right: 1px solid #9cb1d0;
 border-left: 1px solid #9cb1d0;
}
.pack-inn {
 border-right: 1px solid #9cb1d0;
 border-left: 1px solid #9cb1d0;
 background: #9cb1d0;
}
.pack-inn td.comment {
 border-right: 1px dotted #ffffff;
 border-left: 1px dotted #ffffff;
 border-bottom: 1px dotted #ffffff;
 background: #9cb1d0;
}
.overwrap {
 /*float: left;
 display: block;
 margin: 0 0 10px 0;*/
}
.pack-in td span{
 /*margin: 2 2 2 4px;*/
}
.right { 
 border-right: 1px solid #9cb1d0;
}
.bottom { 
 border-bottom: 1px solid #9cb1d0;
}
.right_bottom { 
 border-right: 1px solid #9cb1d0; 
 border-bottom: 1px solid #9cb1d0;
}
.noline { 
 border: none; 
}

.imgfloat {
 float: left;
}

table.charge {
 margin: 0 3px;
 padding: 0px;
 width: 110px;
 float: left;
 border-width: 0px;
 background-color: #cccccc;
}
table.charge caption {
 text-align: center;
 font-size: 12px;
 color: #444;
}
table.charge tr {
 background-color: #ffffff;
}
table.charge td {
 width: 15px;
 font-size: 10px;
 color: #444;
 text-align: center;
 vertical-align: middle;
}
table.charge td.aa {
 background-color: #ccffff;
}
table.charge td.bb {
 background-color: #ffccff;
}
table.charge td.cc {
 background-color: #ccff99;
}
table.charge td.dd {
 background-color: #99ccff;
}
table.charge td.ee {
 background-color: #ffffcc;
}
table.charge td.ff {
 background-color: #ffcccc;
}
table.charge td.gg {
 background-color: #99ff99;
}
table.charge td.hh {
 background-color: #cc99ff;
}
table.charge td.ii {
 background-color: #ffcc66;
}
table.charge td.jj {
 background-color: #ccccff;
}
table.charge td.kk {
 background-color: #cccccc;
}
table.charge td.ll {
 background-color: #cc9999;
}
table.charge td.mm {
 background-color: #cccc99;
}
table.charge td.nn {
 background-color: #669999;
}
table.charge td.ss {
 background-color: #ffff00;
}
table.option {
 margin: 10px 0px;
 padding: 0px;
 width: 690px;
 border-width: 0px;
 background-color: #cccccc;
}
table.option th, table.option td {
 background-color: #ffffff;
 font-size: 12px;
 color: #333;
 padding: 2px;
 text-align: center;
 vertical-align: middle;
}
table.option td.left {
 background-color: #ffffff;
 font-size: 12px;
 color: #333;
 padding: 2px;
 text-align: left;
 vertical-align: middle;
}

table.type {
 margin: 10px 0px;
 padding: 0px;
 width: 690px;
 border-width: 0px;
 background-color: #cccccc;
}
table.type tr {
 background-color: #ffffff;
}
table.type td, table.type th {
 font-size: 14px;
 padding: 2px;
 text-align: left;
 vertical-align: middle;
}
table.type td.center, table.type th.center {
 font-size: 10px;
 padding: 2px;
 text-align:center;
 vertical-align: middle;
}
table.type caption {
 text-align: left;
 font-weight: bold;
 color: #666;
}

table.type td.aa {
 background-color: #ccffff;
 text-align: center;
}
table.type th.aaa {
 background-color: #33ffff;
 text-align: center;
 vertical-align: center;
}
table.type td.bb {
 background-color: #ffccff;
 text-align: center;
}
table.type th.bbb {
 background-color: #ff66ff;
 text-align: center;
 vertical-align: center;
}
table.type td.cc {
 background-color: #ccff99;
 text-align: center;
}
table.type th.ccc {
 background-color: #99ff00;
 text-align: center;
 vertical-align: center;
}
table.type td.dd {
 background-color: #99ccff;
 text-align: center;
}
table.type th.ddd {
 background-color: #3366ff;
 text-align: center;
 vertical-align: center;
}
table.type td.ee {
 background-color: #ffffcc;
 text-align: center;
}
table.type th.eee {
 background-color: #ffff66;
 text-align: center;
 vertical-align: center;
}
table.type td.ff {
 background-color: #ffcccc;
 text-align: center;
}
table.type th.fff {
 background-color: #ff6666;
 text-align: center;
 vertical-align: center;
}
table.type td.gg {
 background-color: #99ff99;
 text-align: center;
}
table.type th.ggg {
 background-color: #33cc33;
 text-align: center;
 vertical-align: center;
}
table.type td.hh {
 background-color: #cc99ff;
 text-align: center;
}
table.type th.hhh {
 background-color: #9933cc;
 text-align: center;
 vertical-align: center;
}
table.type td.ii {
 background-color: #ffcc66;
 text-align: center;
}
table.type th.iii {
 background-color: #ff9900;
 text-align: center;
 vertical-align: center;
}
table.type td.jj {
 background-color: #ccccff;
 text-align: center;
}
table.type th.jjj {
 background-color: #6666cc;
 text-align: center;
 vertical-align: center;
}
table.type td.kk {
 background-color: #cccccc;
 text-align: center;
}
table.type th.kkk {
 background-color: #999999;
 text-align: center;
 vertical-align: center;
}
table.type td.ll {
 background-color: #cc9999;
 text-align: center;
}
table.type th.lll {
 background-color: #cc6666;
 text-align: center;
 vertical-align: center;
}
table.type td.mm {
 background-color: #cccc99;
 text-align: center;
}
table.type th.mmm {
 background-color: #cccc66;
 text-align: center;
 vertical-align: center;
}
table.type td.nn {
 background-color: #669999;
 text-align: center;
}
table.type th.nnn {
 background-color: #009999;
 text-align: center;
 vertical-align: center;
}
table.type td.ss {
 background-color: #ffff00;
 text-align: center;
}
table.type th.sss {
 background-color: #ffff00;
 text-align: center;
 vertical-align: center;
}
table.type td.xx {
 background-color: #ffffff;
 text-align: center;
}
table.type th.xxx {
 background-color: #ffffff;
 text-align: center;
 vertical-align: center;
}
table.type td.cp {
 background-color: #ffff00;
 text-align: center;
}
table.type th.cp {
 background-color: #ffff00;
 text-align: center;
 vertical-align: center;
}
table.src {
 text-align: left;
}
table.src td { 
 padding: 4px; 
 font-size: 12px;
 border-bottom: 1px solid gainsboro;
 line-height: 130%;
}
table.src th {
 padding: 4px; 
 font-size: 12px;
 font-weight: bold;
 color: #666666;
 border-bottom: 1px solid gainsboro;
 text-align: left;
}
table.newprice {

}
table.newprice td{
 padding: 5px;
 font-size: 12px;
}



table.celeb {
 margin: 10px 0;
}
table.celeb td{
 padding: 5px;
 background: #ffffff;
 font-size: 12px;
}

table.celebplan {
 margin: 15px 0;
}
table.celebplan td{
 padding: 10px;
 font-size: 12px;
}
table.celebplan td.sc{
 padding: 2px;
 font-size: 12px;
 font-weight:bold;
}
.font-size_12px {
 font-size: 12px;
 line-height: 14px;
}
.font-size_14px {
 font-size: 14px;
 line-height: 16px;
}
table#cphotel_tab {
 width:300px;
 height:24px;
 background:url(../common/hotel_img/tab_mid.gif) repeat-x;border:none;
}
table#cphotel_tab img {
 width:5px;
 height:24px;
 border:none; 
}
table#cphotel_tab td {
 height:24px; ]
}
table#cphotel_tab td.aside {
 width:5px; 
}
table#cphotel_tab td.mid {
 color:#ffffff;
 font-weight:bold;
 font-size:12px;
 padding:0px 5px 0px 5px; 
}

/*#hotel_tab { width:155px;height:24px;background:url(../common/hotel_img/tab_mid.gif) repeat-x;border:none; }
#hotel_tab img { width:5px;height:24px;border:none; }
#hotel_tab td { height:24px; }
#hotel_tab td.aside { width:5px; }
#hotel_tab td.mid { color:#ffffff;font-weight:bold;font-size:12px;padding:0px 5px 0px 5px; }*/

/*                                                                            　            footer 
--------------------------------------------------------------------------------------------------
*/

#footer {
width: 750px;
margin: 0px auto 0 auto;
text-align: center;
 background: #6389c4;
}

#footer p {
 color: #ffffff;
 margin: 5px 10px 5px 20px;
}

#footer strong, #footer a {
 color: #ffffff;
}

#celebfooter {
width: 750px;
margin: 0px auto 0 auto;
text-align: center;
 background: #660000;
}

#celebfooter p {
 color: #ffffff;
 margin: 5px 10px 5px 20px;
}

#celebfooter strong, #celebfooter a {
 color: #ffffff;
}