@charset "utf-8";

/* ���� */
#m_contents { width:1100px; margin: auto; font-size: 13px; font-family: "FOT-セザンヌ Pro M","RodinProN-M",sans-serif; }

#main_menu { overflow :hidden; clear: both; margin-left: 15px; }
#main_menu li { float: left; width: 210px; height: 86px; margin-right: 5px; }
#main_menu li a { display: block; width: 210px; height: 86px; text-indent: -9999px; }

#gw_se a:hover { background:url(../images/btn_asia_on.png) no-repeat; }
#gw_eu a:hover { background:url(../images/btn_eur_on.png) no-repeat; }
#gw_us a:hover { background:url(../images/btn_hi_on.png) no-repeat; }
#gw_hi a:hover { background:url(../images/btn_usa_on.png) no-repeat; }
#gw_oc a:hover { background:url(../images/btn_oseania_on.png) no-repeat; }

#gw_se a { background:url(../images/btn_asia_off.jpg) no-repeat; }
#gw_eu a { background:url(../images/btn_eur_off.png) no-repeat; }
#gw_us a { background:url(../images/btn_hi_off.jpg) no-repeat; }
#gw_hi a { background:url(../images/btn_usa_off.jpg) no-repeat; }
#gw_oc a { background:url(../images/btn_oseania_off.jpg) no-repeat; }

#gw_se_osa a:hover { background:url(../images/btn_asia_osa_on.png) no-repeat; }
#gw_eu_osa a:hover { background:url(../images/btn_eur_osa_on.png) no-repeat; }
#gw_us_osa a:hover { background:url(../images/btn_usa_osa_on.png) no-repeat; }
#gw_hi_osa a:hover { background:url(../images/btn_oseania_osa_on.png) no-repeat; }
#gw_oc_osa a:hover { background:url(../images/btn_hi_osa_on.png) no-repeat; }

#gw_se_osa a { background:url(../images/btn_asia_osa_off.png) no-repeat; }
#gw_eu_osa a { background:url(../images/btn_eur_osa_off.png) no-repeat; }
#gw_us_osa a { background:url(../images/btn_usa_osa_off.png) no-repeat; }
#gw_hi_osa a { background:url(../images/btn_oseania_osa_off.png) no-repeat; }
#gw_oc_osa a { background:url(../images/btn_hi_osa_off.png) no-repeat; }

#gw_beach_ngo a:hover { background:url(../images/btn_beach_on.png) no-repeat; }
#gw_div_ngo a:hover { background:url(../images/btn_diving_on.png) no-repeat; }

#gw_beach_ngo a { background:url(../images/btn_beach_off.png) no-repeat; }
#gw_div_ngo a { background:url(../images/btn_diving_off.png) no-repeat; }



/*.gw_bg { overflow :hidden; clear: both; background:url(../images/haikei.png) repeat; }
.gw_bg_box { width: 1100px; margin: auto; }
.gw_homen { margin-top: 30px; }
.gw_re { clear: both; text-align: right; }*/


h4.plan_asia p { width: 1100px; background-color: #C31111; font-size: 30px; color: #fff; font-weight: bold; height: 40px; line-height: 1.8; font-family: "FOT-セザンヌ Pro M","CezannePro-M",sans-serif;
border-top-left-radius: 5px; /* CSS3草案 */ -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-left-radius: 5px; /* Firefox用 */
border-top-right-radius: 5px; /* CSS3草案 */ -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 5px; /* Firefox用 */
}
h4.plan_asia p .area_right { float: right; padding-right: 3px; font-size: 24px; margin-top: 9px; }

h4.plan_eu p { width: 1100px; background-color: #27297C; font-size: 30px; color: #fff; font-weight: bold; height: 40px; line-height: 1.8; font-family: "FOT-セザンヌ Pro M","CezannePro-M",sans-serif;
border-top-left-radius: 5px; /* CSS3草案 */ -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-left-radius: 5px; /* Firefox用 */
border-top-right-radius: 5px; /* CSS3草案 */ -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 5px; /* Firefox用 */
}
h4.plan_eu p .area_right { float: right; padding-right: 3px; font-size: 24px; margin-top: 9px; }

h4.plan_us p { width: 1100px; background-color: #7A530F; font-size: 30px; color: #fff; font-weight: bold; height: 40px; line-height: 1.8; font-family: "FOT-セザンヌ Pro M","CezannePro-M",sans-serif;
border-top-left-radius: 5px; /* CSS3草案 */ -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-left-radius: 5px; /* Firefox用 */
border-top-right-radius: 5px; /* CSS3草案 */ -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 5px; /* Firefox用 */
}
h4.plan_us p .area_right { float: right; padding-right: 3px; font-size: 24px; margin-top: 9px; }

h4.plan_hi p { width: 1100px; background-color: #036938; font-size: 30px; color: #fff; font-weight: bold; height: 40px; line-height: 1.8; font-family: "FOT-セザンヌ Pro M","CezannePro-M",sans-serif;
border-top-left-radius: 5px; /* CSS3草案 */ -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-left-radius: 5px; /* Firefox用 */
border-top-right-radius: 5px; /* CSS3草案 */ -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 5px; /* Firefox用 */
}
h4.plan_hi p .area_right { float: right; padding-right: 3px; font-size: 24px; margin-top: 9px; }

h4.plan_beach p { width: 1100px; background-color: #044FCC; font-size: 30px; color: #fff; font-weight: bold; height: 40px; line-height: 1.8; font-family: "FOT-セザンヌ Pro M","CezannePro-M",sans-serif;
border-top-left-radius: 5px; /* CSS3草案 */ -webkit-border-top-left-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-left-radius: 5px; /* Firefox用 */
border-top-right-radius: 5px; /* CSS3草案 */ -webkit-border-top-right-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-top-right-radius: 5px; /* Firefox用 */
}
h4.plan_beach p .area_right { float: right; padding-right: 3px; font-size: 24px; margin-top: 9px; }


/* plan 共通
------------------------------------------------------------*/
.planInner{ margin:10px 0 0;}
.planBox{ float:left; width:245px; margin:0 10px 15px 0; background:#FFF; padding:10px; border:1px solid #000; position:relative;}
.planBox:nth-child(4n){ margin: 0 0 0 2px;}
.planBox .photo{ text-align:center; position:relative; margin-bottom:10px; width:245px ; height:173px;}

.planBox .detail .des{ float:left; font-size:16px; font-weight: bold; width:194px;}
.planBox .detail .day{ float:right; font-size:12px; color:#FFF; background:#F00; padding:2px 7px 1px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.planBox .detail .txt{ clear:both; padding-top:7px;}
.planBox .price{text-align:right; color:#F00; font-weight:bold;}
.planBox .price b{ font-size:22px; font-weight:bold;}

.planBox .linkBtn01,
.planBox .linkBtn02{ margin-top:10px; clear:both;}

.planBox .linkBtn01 a:hover,
.planBox .linkBtn02 a:hover{ opacity: 0.7; filter: alpha(opacity=70);}

.planBox .linkBtn02 a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f2e04), color-stop(0.00, #664a14));
background: -webkit-linear-gradient(top, #664a14 0%, #3f2e04 100%);
background: -moz-linear-gradient(top, #664a14 0%, #3f2e04 100%);
background: -o-linear-gradient(top, #664a14 0%, #3f2e04 100%);
background: -ms-linear-gradient(top, #664a14 0%, #3f2e04 100%);
background: linear-gradient(top, #664a14 0%, #3f2e04 100%);
}

html.ie7 .planBox .linkBtn02 a,
html.ie8 .planBox .linkBtn02 a,
html.ie9 .planBox .linkBtn02 a
{ background: #664a14; /* IE用 */ }


/* plan 価格写真上 */
.planBox .price.top{position:absolute; top:7px; right:8px;background: #FFF; padding: 0 5px; opacity: 0.8; filter: alpha(opacity=80);}

/* plan キャンペーンツアー一覧ボタン */
.recoPlan .planListLink{text-align: center; padding: 15px 0 30px;}


/* plan01
------------------------------------------------------------*/
.plan01{ background:url(../images/plan01_bg.gif) repeat; padding:0 0 0;}
html.ie7 .plan01{ padding:10px 0;}/* IE7 */
.plan01 .photo img{:7px solid #FFF;}

/* 価格　webfont */
.plan01 .planBox .price b{ -webkit-transform: translate3d(0, 0, 0);}

.plan01 .linkBtn01 a,
.plan01 .linkBtn02 a{ padding:10px 13px 11px 15px;  display:block; color:#FFF; text-decoration:none;
font-size:15px; text-shadow: 0 1px 1px #666; position:relative;

}
.linkBtn01 a span { background:url(../images/yazirushi_asia.png) no-repeat right center; display:block;}
.linkBtn01 a{ background-color: #044fcc; color: #ffffff; }

.btn_se a span { background:url(../images/yazirushi_asia.png) no-repeat right center; display:block;}
.btn_se a{ background-color: #c31111; color: #ffffff; }

.btn_eu a span { background:url(../images/yazirushi_eur.png) no-repeat right center; display:block;}
.btn_eu a{ background-color: #27297c; color: #ffffff; }

.btn_us a span { background:url(../images/yazirushi_usa.png) no-repeat right center; display:block;}
.btn_us a{ background-color: #7a530f; color: #ffffff; }

.btn_hi a span { background:url(../images/yazirushi_hi.png) no-repeat right center; display:block;}
.btn_hi a{ background-color: #036938; color: #ffffff; }

.btn_oc a span { background:url(../images/yazirushi_oseania.png) no-repeat right center; display:block;}
.btn_oc a{ background-color: #044fcc; color: #ffffff; }

.btn_other a span { background:url(../images/yazirushi_oseania.png) no-repeat right center; display:block;}
.btn_other a{ background-color: #8e8e8e; color: #ffffff; }



/* �t�b�^�[ */
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }