@charset "UTF-8";
/* --------------------------------------------------
HIS Optional Tour 
Mod : 2011.04.14 MT
----------------------------------------------------- */

/* Destination [Popup] Page Basic Layout
---------------------------------------------------------------------------- */

#popup #header{
	margin:0 auto 10px auto;
	width:860px;
	height:50px;
	padding:20px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	position:relative;
	background-color: #06C;
	background-image: none;
}


#popup #header .btn_close a{
position:absolute;
left:780px;top:30px;
}

#popup #container{
margin:0 auto;
width:900px;
text-align:left;
}

#popup #mainArea{
	padding:0 0 10px 0;
	background-color: #fff;
	background-image: url(../img/common/content_bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	border-bottom: 1px solid #EEE;
}

#popup #leftArea{
float:left;
width:200px;
}

#popup #infoArea{
float:right;
width:670px;
padding:0 10px 0 0;
}


/* Sidebar Ranking
---------------------------------------------------------------------------- */

#leftArea h2#ranking_head{
height:35px;
margin:0 0 10px 3px;
text-indent:-9999px;
background:url(../img/common/title_ranking.gif) 0 0 no-repeat ;
}

#leftArea #rank1{
padding:5px 5px 20px 40px;
margin:0 0 0 10px;
background:url(../img/common/icon_rank1.gif) 0 0 no-repeat ;
}
#leftArea #rank2{
padding:5px 5px 20px 40px;
margin:0 0 0 10px;
background:url(../img/common/icon_rank2.gif) 0 0 no-repeat ;
}
#leftArea #rank3{
padding:5px 5px 20px 40px;
margin:0 0 0 10px;
background:url(../img/common/icon_rank3.gif) 0 0 no-repeat ;
}
#leftArea #rank4{
padding:5px 5px 20px 40px;
margin:0 0 0 10px;
background:url(../img/common/icon_rank4.gif) 0 0 no-repeat ;
}
#leftArea #rank5{
padding:5px 5px 20px 40px;
margin:0 0 0 10px;
background:url(../img/common/icon_rank5.gif) 0 0 no-repeat ;
}

#leftArea dl.ranking {
zoom:100%;
font-size:10px;
padding:0 0 5px 0;
margin:0 10px 5px 10px;
background:url(../img/common/ranking_line.gif) 0 100% no-repeat ;
}

#leftArea dl.ranking:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#leftArea dl.ranking dt{
float:left;
width:50px;
margin:0 10px 10px 0;
}

#leftArea p.ranking{
font-size:10px;
padding:0 0 5px 0;
margin:0 10px 10px 10px;
background:url(../img/common/ranking_line.gif) 0 100% no-repeat ;
}

/* [button]  
---------------------------------------------------------------------------- */

.topback a{
clear:both;
display:block;
margin:0 0 10px 580px;
width:77px;
height:14px;
font-size:9px;
text-indent:-9999px;
text-decoration:none;
background:url(../img/common/btn_pagetop.gif) 0 0 ;
}

.topback a:hover{
display:block;
background:url(../img/common/btn_pagetop.gif) 0 -14px ;
}

.btn_tourlist a{
float:right;
display:block;
width:190px;
height:36px;
font-size:9px;
margin:0 0 10px 0;
text-indent:-9999px;
text-decoration:none;
background:url(../img/common/btn_tourlist.gif) 0 0 ;
}

.btn_tourlist a:hover{
display:block;
background:url(../img/common/btn_tourlist.gif) 0 -36px ;
}

#leftArea .btn_tourlist a{
clear:both;
float:left;
margin:0 0 10px 3px;
}

.btn_detail a{
display:block;
width:169px;
height:40px;
font-size:9px;
text-indent:-9999px;
text-decoration:none;
background:url(../img/common/btn_detail.gif) 0 0 ;
}

.btn_detail a:hover{
display:block;
background:url(../img/common/btn_detail.gif) 0 -40px ;
}

.btn_close { clear:both; padding-top:2em;}
.btn_close a{
display:block;
width:100px;
height:30px;
font-size:9px;
text-indent:-9999px;
text-decoration:none;
background:url(../img/detail/btn_close.png) 0 0 ;
}

.btn_close a:hover{
display:block;
background:url(../img/detail/btn_close.png) 0 -30px ;
}


.btn_reserve a{
display:block;
width:190px;
height:36px;
font-size:9px;
margin:0 0 10px 0;
text-indent:-9999px;
text-decoration:none;
background:url(../img/detail/btn_reserve.gif) 0 0 ;
}

.btn_reserve a:hover{
display:block;
background:url(../img/detail/btn_reserve.gif) 0 -36px ;
}


/* Sidebar recommend optionaltour [Shopping Cart Page]
---------------------------------------------------------------------------- */

#leftArea h2#recom_optionaltour_head{
height:70px;
margin:0 0 10px 3px;
text-indent:-9999px;
background:url(/img/cart/title_recomtour.gif) 0 0 no-repeat ;
}

#leftArea #recom_optionaltour{
padding:0 10px;
}

#leftArea #recom_optionaltour a{color:#06c;}
#leftArea #recom_optionaltour a:visited{color:#06c;}
#leftArea #recom_optionaltour a:hover{color:#f60;}

#leftArea dl.recom_optionaltour_detail {
zoom:100%;
font-size:10px;
padding:0 0 5px 0;
margin:0 0 5px 0;
background:url(../img/common/ranking_line.gif) 0 100% no-repeat ;
}

#leftArea dl.recom_optionaltour_detail:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#leftArea dl.recom_optionaltour_detail dt{
float:left;
width:50px;
margin:0 10px 10px 0;
}

#leftArea dl.recom_optionaltour_detail dd{
line-height:1.2;
}

/* 
---------------------------------------------------------------------------- */

#centerArea h2#article_head{
height:29px;
text-indent:-9999px;
background:url(/img/destop/title_article.gif) 0 0 no-repeat ;
}

#centerArea #article{
padding:10px 15px;
margin:0 0 10px 0;
font-size:11px;
border:1px solid #e0dfd2;
}

#centerArea #article ul{
list-style:none;
}

#centerArea #article ul li{
padding:0 0 0 15px;
margin:0 0 3px 0;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
}

#top #centerArea #mainmap{
background:#fff;
}

#rightArea h2#news_head{
height:29px;
text-indent:-9999px;
background:url(/img/destop/title_news.gif) 0 0 no-repeat ;
}

#rightArea #news{
padding:10px;
margin:0 0 10px 0;
font-size:11px;
border:1px solid #e0dfd2;
}

#rightArea #news ul{
list-style:none;
}

#rightArea #news ul li{
padding:0 0 0 15px;
margin:0 0 10px 0;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
}

#popup #infoArea h2#recomtour_head{
height:35px;
text-indent:-9999px;
background:url(/img/destop/title_recomtour.gif) 0 0 no-repeat ;
}

#popup #infoArea #recomtour_lead{
height:36px;
padding:0 0 0 340px;
margin:0 0 10px 0;
background:url(/img/destop/recomtour_lead.gif) 0 0 no-repeat ;
}

#popup #infoArea #recomtour_lead:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#popup #infoArea .recomtour{
zoom:100%;
padding:0 10px 20px 10px;
margin:0 0 20px 0;
border-bottom:1px dotted #ccc;
}

#popup #infoArea .recomtour:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#popup #infoArea .recomtour .leftbox{
float:left;
width:185px;
}

#popup #infoArea .recomtour .leftbox ul{
list-style:none;
margin:0 0 10px 0;
}

#popup #infoArea .recomtour .leftbox ul li.price{
padding:0 0 0 70px;
background:url(/img/destop/icon_price.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .leftbox ul li.time{
padding:0 0 0 70px;
background:url(/img/destop/icon_time.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .rightbox{
float:right;
width:450px;
}

#popup #infoArea .recomtour .rightbox p.leadcap{
padding:3px 5px;
margin:0 0 1px 0;
background:#fff8b9;
}

#popup #infoArea .recomtour .rightbox p.limit{
padding:0 0 0 75px;
margin:0 0 5px 0;
color:#ff0d2f;
background:url(/img/destop/headicon_limit.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .rightbox p.recommend{
padding:0 0 0 80px;
margin:0 0 5px 0;
color:#ff570d;
background:url(/img/destop/headicon_recommend.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .rightbox p.campaign{
padding:0 0 0 120px;
margin:0 0 5px 0;
color:#0d68ff;
background:url(/img/destop/headicon_campaign.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .rightbox h3{
font-size:14px;
color:#023b8e;
padding:5px;
margin:0 0 10px 0;
background:#fdffe7;
}

#popup #infoArea .recomtour .rightbox h3 a{color:#e0216e;text-decoration:underline;}
#popup #infoArea .recomtour .rightbox h3 a:visited{color:#e0216e;text-decoration:underline;}
#popup #infoArea .recomtour .rightbox h3 a:hover{color:#f90;text-decoration:underline;}


#popup #infoArea .recomtour .rightbox h4{
font-size:12px;
margin:0 0 5px 0;
}

#popup #infoArea .recomtour .rightbox h4.recompoint{
height:22px;
text-indent:-9999px;
margin:0 0 5px 0;
background:url(/img/destop/title_recompoint.gif) 0 0 no-repeat;
}

#popup #infoArea .recomtour .rightbox ul.recompoint{
list-style:none;
margin:0 0 0 2px;
}

#popup #infoArea .recomtour .rightbox ul.recompoint li{
padding:0 0 0 18px;
background:url(../img/common/listpoint_C.gif) 0 3px no-repeat;
}

/*
#popup #infoArea ul.touricon  {
height:43px;
margin:0 0 10px 0;
}

#popup #infoArea ul.touricon li {
width:55px; 
height:43px;
list-style:none;
text-indent:-9999px;
float:left;
background: url(../img/common/icon_tour.gif) no-repeat 0 0;
}

#popup #infoArea ul.touricon li.icon01 {background-position:0 0;}
#popup #infoArea ul.touricon li.icon02 {background-position:-55px 0;}
#popup #infoArea ul.touricon li.icon03 {background-position:-110px 0;}
#popup #infoArea ul.touricon li.icon04 {background-position:-165px 0;}
#popup #infoArea ul.touricon li.icon05 {background-position:-220px 0;}
#popup #infoArea ul.touricon li.icon06 {background-position:-275px 0;}
#popup #infoArea ul.touricon li.icon07 {background-position:-330px 0;}
#popup #infoArea ul.touricon li.icon08 {background-position:-385px 0;width:50px;}
*/


#popup #infoArea ul.touricon  {
height:34px;
margin:0 0 10px 0;
}

#popup #infoArea ul.touricon li {
width:43px; 
height:34px;
list-style:none;
text-indent:-9999px;
float:left;
background: url(../img/common/icon_tour.gif) no-repeat 0 0;
}



#popup #infoArea ul.touricon li.icon01 {background-position:0 0;}
#popup #infoArea ul.touricon li.icon02 {background-position:-43px 0;}
#popup #infoArea ul.touricon li.icon03 {background-position:-86px 0;}
#popup #infoArea ul.touricon li.icon04 {background-position:-129px 0;}
#popup #infoArea ul.touricon li.icon05 {background-position:-172px 0;}
#popup #infoArea ul.touricon li.icon06 {background-position:-215px 0;}
#popup #infoArea ul.touricon li.icon07 {background-position:-258px 0;}
#popup #infoArea ul.touricon li.icon08 {background-position:-301px 0;}
#popup #infoArea ul.touricon li.icon09 {background-position:-344px 0;}
#popup #infoArea ul.touricon li.icon10 {background-position:-387px 0;}

#popup #infoArea ul.touricon li.icon11 {background-position:0 -34px;}
#popup #infoArea ul.touricon li.icon12 {background-position:-43px -34px;}
#popup #infoArea ul.touricon li.icon13 {background-position:-86px -34px;}
#popup #infoArea ul.touricon li.icon14 {background-position:-129px -34px;}
#popup #infoArea ul.touricon li.icon15 {background-position:-172px -34px;}
#popup #infoArea ul.touricon li.icon16 {background-position:-215px -34px;}
#popup #infoArea ul.touricon li.icon17 {background-position:-258px -34px;}
#popup #infoArea ul.touricon li.icon18 {background-position:-301px -34px;}
#popup #infoArea ul.touricon li.icon19 {background-position:-344px -34px;}
#popup #infoArea ul.touricon li.icon20 {background-position:-387px -34px;}


#popup #infoArea ul.touricon li.campaign {
background: url(../img/common/icon_tour_cam.gif) no-repeat 0 0;
}
#popup #infoArea ul.touricon li.special {
background: url(../img/common/icon_tour_special.gif) no-repeat 0 0;
}
#popup #infoArea ul.touricon li.discount {
background: url(../img/common/icon_tour_discount.gif) no-repeat 0 0;
}




#popup #infoArea .recomtour .rightbox p{
font-size:11px;
}

/* destination page [Tour list]
---------------------------------------------------------------------------- */

#popup #infoArea h2#tourlist_head{
height:35px;
margin:0 0 10px 0;
text-indent:-9999px;
background:url(/img/tourlist/title_tourlist.gif) 0 0 no-repeat ;
}

#popup #infoArea ul.categorylist{
padding:0 0 0 120px;
margin:0 10px 20px 10px;
list-style:none;
background:url(/img/tourlist/text_category.gif) 0 1px no-repeat ;
}

#popup #infoArea ul.categorylist li{
display:inline;
margin:0 5px 0 0;
}

#popup #infoArea .paging{
margin:0 12px 20px 12px;
}

#popup #infoArea .paging p{
float:left;
display:inline;
margin:0 20px 0 0;
}

#popup #infoArea .paging ul{
list-atyle:none;
}

#popup #infoArea .paging ul li{
display:inline;
zoom:1;
font-size:11px;
padding:3px 5px;
margin:0 5px 0 0;
font-weight:bold;
border:1px solid #ccc;
}

#popup #infoArea .paging ul li a{
font-weight:normal;
}

/* destination page [Tour list2] 

---------------------------------------------------------------------------- */

#tourlist2 #mainheader{
height:85px;/*85px*/
background:url(../img/tourlist2/mainheader.gif) 0 0 no-repeat ;
}

#tourlist2 #mainheader p.cityname{
width:450px;
float:left;
padding:20px 0 0 30px;
font-size:30px;
font-weight:bold;
color:#fff;
}

#tourlist2 #mainheader #city_lead{
float:left;
}

#tourlist2 #popup #infoArea ul.categorylist{/*OW*/
padding:0 0 0 120px;
margin:0 10px 20px 10px;
list-style:none;
background:url(../img/tourlist2/text_startcity.gif) 0 1px no-repeat ;
}

#tourlist2 #leftArea h2#tourarea{ /*OW*/
height:35px;
margin:0;
text-indent:-9999px;
background:url(../img/tourlist2/title_tourarea.gif) 0 0 no-repeat ;
}

#leftArea h2#tourthema{ /*OW*/
height:35px;
margin:0;
text-indent:-9999px;
background:url(../img/tourlist2/title_tourthema.gif) 0 0 no-repeat ;
}



/* destination page [Tour detail page]
---------------------------------------------------------------------------- 

dl#tourtitle{
margin:0 5px 10px 0;
padding:15px;
background: url(../img/detail/tour_title_bg.gif) no-repeat 0 0;
}

dl#tourtitle dt{
font-size:14px;
margin:0 0 5px 0;
color:#06C;
}

dl#tourtitle dd{
font-size:16px;
color:#036;
font-weight:bold;
}

#popup #infoArea .tourdetail{
clear:both;
zoom:1;
padding:0 10px 10px 10px;
margin:0 0 10px 0;
border-bottom:1px dotted #ccc;
}

#popup #infoArea .tourdetail:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#popup #infoArea .tourdetail .photo1{
margin:0 0 20px 0;
text-align:center;
font-size:10px;
}

#popup #infoArea .tourdetail .photo1 img{
margin:0 0 5px 0;
}

#popup #infoArea .tourdetail .photo2{
margin:0 0 20px 0;
font-size:10px;
}

#popup #infoArea .tourdetail .photo3,
#popup #infoArea .tourdetail .photo4{
width:600px;
margin:0 auto 20px auto;
font-size:10px;
}

#popup #infoArea .tourdetail h3.caption{
clear:both;
padding:15px;
margin:20px 0;
height:10px;
text-align:center;
font-size:14px;
color:#036;
background: url(../img/detail/cap_bg.gif) no-repeat 0 0;
}

#popup #infoArea .tourdetail #subdetailArea{
float:left;
width:480px;
}

#popup #infoArea .tourdetail h3#title_point{
height:40px;
text-indent:-9999px;
background:url(../img/detail/title_point.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul#point{
list-style:none;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail ul#point li{
padding:0 0 5px 18px;
margin:10px 20px 3px 30px;
color:#f60;
border-bottom:1px dotted #ccc;
background:url(../img/common/listpoint_D.gif) 0 4px no-repeat ;
}

#popup #infoArea .tourdetail h3#title_contents{
height:40px;
text-indent:-9999px;
background:url(../img/detail/title_contents.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul#contents{
list-style:none;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail ul#contents li{
padding:0 0 5px 18px;
margin:10px 20px 3px 30px;
border-bottom:1px dotted #ccc;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
}

#popup #infoArea .tourdetail h3#title_schedule{
height:40px;
text-indent:-9999px;
margin:0 0 10px 0;
background:url(../img/detail/title_schedule.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail table#schedule {
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 20px 0;
background-color: #ebf8ff;
table-layout:auto;
font-size:11px;
}

#popup #infoArea .tourdetail table#schedule th,
#popup #infoArea .tourdetail table#schedule td{
padding:5px;
}

#popup #infoArea .tourdetail table#schedule th{
text-align:center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #ffd182;
}

#popup #infoArea .tourdetail table#schedule td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail table#schedule td.num {
width:40px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
background:#ffffef;
}

#popup #infoArea .tourdetail table#schedule td.pict {
width:160px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea .tourdetail table#schedule td.stay {
width:100px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea .tourdetail table#schedule td.stay ul.meal{
list-style:none;
text-align:center;
}
#popup #infoArea .tourdetail table#schedule td.stay ul.meal li{
float:left;width:18px;height:18px;text-indent:-9999px;display:block;
}
#popup #infoArea .tourdetail table#schedule td.stay ul.meal li.item1{
margin:0 3px 0 0;
background:url(../img/detail/icon_meal1.gif) 0 0 no-repeat;
}
#popup #infoArea .tourdetail table#schedule td.stay ul.meal li.item2{
margin:0 3px 0 0;
background:url(../img/detail/icon_meal2.gif) 0 0 no-repeat;
}
#popup #infoArea .tourdetail table#schedule td.stay ul.meal li.item3{
margin:0 3px 0 0;
background:url(../img/detail/icon_meal3.gif) 0 0 no-repeat;
}
#popup #infoArea .tourdetail table#schedule td.stay ul.meal li.item4{
background:url(../img/detail/icon_meal4.gif) 0 0 no-repeat;
}



#popup #infoArea .tourdetail table#schedule td dl.itinerary{
}

#popup #infoArea .tourdetail table#schedule td dl.itinerary dt{
width:160px;
float:right;
}

#popup #infoArea .tourdetail table#schedule td dl.itinerary dd{
float:left;
width:210px;
margin:0 10px 0 0 ;
}

#popup #infoArea .tourdetail h3#title_price{
height:40px;
text-indent:-9999px;
margin:0 0 10px 0;
background:url(../img/detail/title_price.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul.price_monthnavi{
width:400px;
height:20px;
margin:0 0 15px 30px;
padding:0 0 0 200px;
list-style:none;
background:url(../img/detail/price_monthnavi_cap.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul.price_monthnavi li{
float:left;
font-size:10px;
margin:0 10px 0 0;
}

#popup #infoArea .tourdetail ul.price_monthnavi li a{
display:block;
width:3em;
font-size:10px;
padding:3px 10px;
}

#popup #infoArea .tourdetail ul.price_monthnavi li.on{
font-weight:bold;
color:#fff;
padding:3px 20px;
margin:0 10px 0 0;
background:#f60;
border:1px solid #ccc;
}

#popup #infoArea .tourdetail p.pricetab_notes{
margin:0 0 5px 35px;
font-size:11px;
}


#popup #infoArea .tourdetail ul.pricetab{
list-style:none;
height:30px;
padding:0 0 0 109px;
background:url(../img/detail/price_tab_cap.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul.pricetab li{
float:left;
height:30px;
display:block;
text-indent:-9999px;
background:url(../img/detail/price_tab.gif) 0 0 no-repeat ;
cursor:pointer;
zoom:1;
}


#popup #infoArea .tourdetail ul.pricetab li#adult{float:left;display:block;width:67px;height:30px;background-position:-109px 0; }
#popup #infoArea .tourdetail ul.pricetab li#child1{float:left;display:block;width:67px;height:30px;background-position:-176px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#child2{float:left;display:block;width:67px;height:30px;background-position:-243px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#baby{float:left;display:block;width:67px;height:30px;background-position:-310px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#adult2{float:left;display:block;width:67px;height:30px;background-position:-377px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#ex{float:left;display:block;width:67px;height:30px;background-position:-444px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#one{float:left;display:block;width:67px;height:30px;background-position:-511px 0;text-indent:-9999px;}
#popup #infoArea .tourdetail ul.pricetab li#oneroom{float:left;display:block;width:72px;height:30px;background-position:-578px 0;text-indent:-9999px;}

#popup #infoArea .step table.calendar{
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 5px 0;
table-layout:auto;
font-size:12px;
}

#popup #infoArea .step table.calendar th{
width:92px;
padding:3px;
text-align:center;
background:#fff;
border:1px solid #ccc;
}

#popup #infoArea .step table.calendar td{
text-align:right;
background:#fff;
border:1px solid #ccc;
}

#popup #infoArea .step table.calendar td a{
padding:5px;
display:block;
color:#333;
text-decoration:none;
cursor:pointer;
}
#popup #infoArea .step table.calendar td a:hover{
background-color:#ddd;
}

#popup #infoArea .step table.calendar .mark{
font-size:16px;
text-align:center;
}

#popup #infoArea .step table.calendar .price01{color:#00529d;}
#popup #infoArea .step table.calendar .price02{color:#ed3ca4;}
#popup #infoArea .step table.calendar .price03{color:#bc1077;}
#popup #infoArea .step table.calendar .price04{color:#0099fb;}
#popup #infoArea .step table.calendar .price05{color:#f60;}
#popup #infoArea .step table.calendar .price06{color:#85b021;}
#popup #infoArea .step table.calendar .price07{color:#3b3838;}
#popup #infoArea .step table.calendar .price08{color:#9e7904;}

#popup #infoArea .step table.calendar td.date01{background:#fff url(/so/img/detail/calendar/week/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02{background:#fff url(../img/detail/calendar/week/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03{background:#fff url(../img/detail/calendar/week/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04{background:#fff url(../img/detail/calendar/week/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05{background:#fff url(../img/detail/calendar/week/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06{background:#fff url(../img/detail/calendar/week/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07{background:#fff url(../img/detail/calendar/week/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08{background:#fff url(../img/detail/calendar/week/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09{background:#fff url(../img/detail/calendar/week/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10{background:#fff url(../img/detail/calendar/week/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11{background:#fff url(../img/detail/calendar/week/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12{background:#fff url(../img/detail/calendar/week/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13{background:#fff url(../img/detail/calendar/week/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14{background:#fff url(../img/detail/calendar/week/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15{background:#fff url(../img/detail/calendar/week/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16{background:#fff url(../img/detail/calendar/week/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17{background:#fff url(../img/detail/calendar/week/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18{background:#fff url(../img/detail/calendar/week/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19{background:#fff url(../img/detail/calendar/week/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20{background:#fff url(../img/detail/calendar/week/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21{background:#fff url(../img/detail/calendar/week/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22{background:#fff url(../img/detail/calendar/week/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23{background:#fff url(../img/detail/calendar/week/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24{background:#fff url(../img/detail/calendar/week/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25{background:#fff url(../img/detail/calendar/week/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26{background:#fff url(../img/detail/calendar/week/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27{background:#fff url(../img/detail/calendar/week/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28{background:#fff url(../img/detail/calendar/week/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29{background:#fff url(../img/detail/calendar/week/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30{background:#fff url(../img/detail/calendar/week/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31{background:#fff url(../img/detail/calendar/week/31.gif) 0 0 no-repeat;}

#popup #infoArea .step table.calendar td.date01_sat{background:#e0ecfe url(../img/detail/calendar/sat/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02_sat{background:#e0ecfe url(../img/detail/calendar/sat/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03_sat{background:#e0ecfe url(../img/detail/calendar/sat/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04_sat{background:#e0ecfe url(../img/detail/calendar/sat/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05_sat{background:#e0ecfe url(../img/detail/calendar/sat/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06_sat{background:#e0ecfe url(../img/detail/calendar/sat/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07_sat{background:#e0ecfe url(../img/detail/calendar/sat/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08_sat{background:#e0ecfe url(../img/detail/calendar/sat/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09_sat{background:#e0ecfe url(../img/detail/calendar/sat/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10_sat{background:#e0ecfe url(../img/detail/calendar/sat/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11_sat{background:#e0ecfe url(../img/detail/calendar/sat/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12_sat{background:#e0ecfe url(../img/detail/calendar/sat/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13_sat{background:#e0ecfe url(../img/detail/calendar/sat/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14_sat{background:#e0ecfe url(../img/detail/calendar/sat/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15_sat{background:#e0ecfe url(../img/detail/calendar/sat/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16_sat{background:#e0ecfe url(../img/detail/calendar/sat/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17_sat{background:#e0ecfe url(../img/detail/calendar/sat/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18_sat{background:#e0ecfe url(../img/detail/calendar/sat/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19_sat{background:#e0ecfe url(../img/detail/calendar/sat/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20_sat{background:#e0ecfe url(../img/detail/calendar/sat/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21_sat{background:#e0ecfe url(../img/detail/calendar/sat/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22_sat{background:#e0ecfe url(../img/detail/calendar/sat/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23_sat{background:#e0ecfe url(../img/detail/calendar/sat/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24_sat{background:#e0ecfe url(../img/detail/calendar/sat/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25_sat{background:#e0ecfe url(../img/detail/calendar/sat/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26_sat{background:#e0ecfe url(../img/detail/calendar/sat/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27_sat{background:#e0ecfe url(../img/detail/calendar/sat/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28_sat{background:#e0ecfe url(../img/detail/calendar/sat/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29_sat{background:#e0ecfe url(../img/detail/calendar/sat/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30_sat{background:#e0ecfe url(../img/detail/calendar/sat/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31_sat{background:#e0ecfe url(../img/detail/calendar/sat/31.gif) 0 0 no-repeat;}

#popup #infoArea .step table.calendar td.date01_sun{background:#fee0e0 url(../img/detail/calendar/sun/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02_sun{background:#fee0e0 url(../img/detail/calendar/sun/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03_sun{background:#fee0e0 url(../img/detail/calendar/sun/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04_sun{background:#fee0e0 url(../img/detail/calendar/sun/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05_sun{background:#fee0e0 url(../img/detail/calendar/sun/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06_sun{background:#fee0e0 url(../img/detail/calendar/sun/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07_sun{background:#fee0e0 url(../img/detail/calendar/sun/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08_sun{background:#fee0e0 url(../img/detail/calendar/sun/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09_sun{background:#fee0e0 url(../img/detail/calendar/sun/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10_sun{background:#fee0e0 url(../img/detail/calendar/sun/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11_sun{background:#fee0e0 url(../img/detail/calendar/sun/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12_sun{background:#fee0e0 url(../img/detail/calendar/sun/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13_sun{background:#fee0e0 url(../img/detail/calendar/sun/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14_sun{background:#fee0e0 url(../img/detail/calendar/sun/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15_sun{background:#fee0e0 url(../img/detail/calendar/sun/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16_sun{background:#fee0e0 url(../img/detail/calendar/sun/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17_sun{background:#fee0e0 url(../img/detail/calendar/sun/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18_sun{background:#fee0e0 url(../img/detail/calendar/sun/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19_sun{background:#fee0e0 url(../img/detail/calendar/sun/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20_sun{background:#fee0e0 url(../img/detail/calendar/sun/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21_sun{background:#fee0e0 url(../img/detail/calendar/sun/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22_sun{background:#fee0e0 url(../img/detail/calendar/sun/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23_sun{background:#fee0e0 url(../img/detail/calendar/sun/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24_sun{background:#fee0e0 url(../img/detail/calendar/sun/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25_sun{background:#fee0e0 url(../img/detail/calendar/sun/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26_sun{background:#fee0e0 url(../img/detail/calendar/sun/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27_sun{background:#fee0e0 url(../img/detail/calendar/sun/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28_sun{background:#fee0e0 url(../img/detail/calendar/sun/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29_sun{background:#fee0e0 url(../img/detail/calendar/sun/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30_sun{background:#fee0e0 url(../img/detail/calendar/sun/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31_sun{background:#fee0e0 url(../img/detail/calendar/sun/31.gif) 0 0 no-repeat;}

#popup #infoArea .step table.calendar .sat{background-color:#e7f4ff!important;}
#popup #infoArea .step table.calendar .sun{background-color:#ffe7e7!important;}


#popup #infoArea .step table.calendar td.date01 a:hover{background:#ff6 url(../img/step/calendar/week/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02 a:hover{background:#ff6 url(../img/step/calendar/week/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03 a:hover{background:#ff6 url(../img/detail/calendar/week/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04 a:hover{background:#ff6 url(../img/detail/calendar/week/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05 a:hover{background:#ff6 url(../img/detail/calendar/week/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06 a:hover{background:#ff6 url(../img/detail/calendar/week/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07 a:hover{background:#ff6 url(../img/detail/calendar/week/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08 a:hover{background:#ff6 url(../img/detail/calendar/week/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09 a:hover{background:#ff6 url(../img/detail/calendar/week/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10 a:hover{background:#ff6 url(../img/detail/calendar/week/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11 a:hover{background:#ff6 url(../img/detail/calendar/week/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12 a:hover{background:#ff6 url(../img/detail/calendar/week/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13 a:hover{background:#ff6 url(../img/detail/calendar/week/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14 a:hover{background:#ff6 url(../img/detail/calendar/week/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15 a:hover{background:#ff6 url(../img/detail/calendar/week/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16 a:hover{background:#ff6 url(../img/detail/calendar/week/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17 a:hover{background:#ff6 url(../img/detail/calendar/week/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18 a:hover{background:#ff6 url(../img/detail/calendar/week/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19 a:hover{background:#ff6 url(../img/detail/calendar/week/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20 a:hover{background:#ff6 url(../img/detail/calendar/week/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21 a:hover{background:#ff6 url(../img/detail/calendar/week/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22 a:hover{background:#ff6 url(../img/detail/calendar/week/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23 a:hover{background:#ff6 url(../img/detail/calendar/week/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24 a:hover{background:#ff6 url(../img/detail/calendar/week/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25 a:hover{background:#ff6 url(../img/detail/calendar/week/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26 a:hover{background:#ff6 url(../img/detail/calendar/week/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27 a:hover{background:#ff6 url(../img/detail/calendar/week/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28 a:hover{background:#ff6 url(../img/detail/calendar/week/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29 a:hover{background:#ff6 url(../img/detail/calendar/week/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30 a:hover{background:#ff6 url(../img/detail/calendar/week/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31 a:hover{background:#ff6 url(../img/detail/calendar/week/31.gif) 0 0 no-repeat;}

#popup #infoArea .tourdetail table.calendar td.date01_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31_sat a:hover{background:#ff6 url(../img/detail/calendar/sat/31.gif) 0 0 no-repeat;}

#popup #infoArea .step table.calendar td.date01_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/01.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date02_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/02.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date03_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/03.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date04_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/04.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date05_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/05.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date06_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/06.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date07_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/07.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date08_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/08.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date09_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/09.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date10_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/10.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date11_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/11.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date12_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/12.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date13_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/13.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date14_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/14.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date15_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/15.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date16_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/16.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date17_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/17.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date18_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/18.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date19_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/19.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date20_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/20.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date21_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/21.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date22_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/22.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date23_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/23.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date24_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/24.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date25_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/25.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date26_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/26.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date27_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/27.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date28_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/28.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date29_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/29.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date30_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/30.gif) 0 0 no-repeat;}
#popup #infoArea .step table.calendar td.date31_sun a:hover{background:#ff6 url(../img/detail/calendar/sun/31.gif) 0 0 no-repeat;}


#popup #infoArea .tourdetail .optionaltour_box,
#popup #infoArea .tourdetail .packagetour_box{
border:1px solid #ccc;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail .optionaltour_box ul,
#popup #infoArea .tourdetail .packagetour_box ul{
list-style:none;
margin:0 0 10px 0;
}
	
#popup #infoArea .tourdetail .optionaltour_box ul li,
#popup #infoArea .tourdetail .packagetour_box ul li{
padding:0 0 5px 18px;
margin:10px 20px 3px 30px;
border-bottom:1px dotted #ccc;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
}

#popup #infoArea .tourdetail .optionaltour_box ul li a{color:#39f;}
#popup #infoArea .tourdetail .optionaltour_box ul li a:visited{color:#39f;}
#popup #infoArea .tourdetail .optionaltour_box ul li a:hover{color:#36f;}

#popup #infoArea .tourdetail .packagetour_box ul li a{color:#f6c;}
#popup #infoArea .tourdetail .packagetour_box ul li a:visited{color:#f6c;}
#popup #infoArea .tourdetail .packagetour_box ul li a:hover{color:#c06;}

#popup #infoArea .tourdetail h3#title_note{
height:40px;
text-indent:-9999px;
margin:0 0 10px 0;
background:url(../../img/detail/title_note.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail ul#note{
list-style:none;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail ul#note li{
padding:0 0 0 15px;
margin:10px 20px 3px 20px;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
border-bottom:1px dotted #ccc;
}


#popup #infoArea .tourdetail h3#title_condition{
height:40px;
margin:20px 0 10px 0 ;
text-indent:-9999px;
background:url(../img/detail/title_condition.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail table#detail {
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 20px 0;
background-color: #ebf8ff;
table-layout:auto;
font-size:11px;
}

#popup #infoArea .tourdetail table#detail th,
#popup #infoArea .tourdetail table#detail td{
padding:5px 10px;
}

#popup #infoArea .tourdetail table#detail th{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background:#ffffef;
}

#popup #infoArea .tourdetail table#detail td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail table#detail2 { /*for Step Page
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
background-color: #ebf8ff;
}

#popup #infoArea .tourdetail table#detail2 th,
#popup #infoArea .tourdetail table#detail2 td{
padding:5px 10px;
}

#popup #infoArea .tourdetail table#detail2 th{
text-align:left;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f5f5f5;
}

#popup #infoArea .tourdetail table#detail2 td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail h3#title_qa{
height:40px;
margin:20px 0 10px 0 ;
text-indent:-9999px;
background:url(../img/detail/title_qa.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail dl#qa{
padding:0 20px 20px 20px;
}

#popup #infoArea .tourdetail dl#qa dt{
font-weight:bold;
}

#popup #infoArea .tourdetail dl#qa dd{
padding:0 0 1em 3em;
margin:0 0 1em 0;
border-bottom:1px dotted #ccc;
}
*/









/* destination page [Tour detail page]
---------------------------------------------------------------------------- */

#popup dl#tourtitle{
margin:0 5px 10px 0;
padding:15px;
background: url(../img/detail/tour_title_bg.gif) no-repeat 0 0;
}

#popup dl#tourtitle dt{
font-size:14px;
margin:0 0 5px 0;
color:#06C;
}

#popup dl#tourtitle dd{
font-size:16px;
color:#036;
font-weight:bold;
}

#popup #infoArea .tourdetail{
clear:both;
zoom:1;
padding:0 10px 10px 10px;
margin:0 0 10px 0;
border-bottom:1px dotted #ccc;
}

#popup #infoArea .tourdetail:after {
content:".";
height:0;
clear:both;
display: block;
visibility:hidden;
}

#popup #infoArea .tourdetail .leftbox{
float:left;
width:260px;
}

#popup #infoArea .tourdetail .leftbox img.mainimage{
padding:9px;
margin:0 0 10px 0;
border:1px solid #ccc;
}

#popup #infoArea .tourdetail .rightbox{
float:right;
width:380px;
}
#popup #infoArea .tourdetail .rightbox h3{
font-size:14px;
color:#023b8e;
padding:5px;
margin:0 0 10px 0;
background:#fdffe7;
}
#popup #infoArea .tourdetail .rightbox h4{
font-size:12px;
margin:0 0 5px 0;
}

#popup #infoArea .tourdetail table#detail {
border-collapse:collapse;
width:380px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
background-color: #ebf8ff;
}

#popup #infoArea .tourdetail table#detail th,
#popup #infoArea .tourdetail table#detail td{
padding:5px;
}

#popup #infoArea .tourdetail table#detail th{
text-align:left;
width:8em;
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f5f5f5;
}

#popup #infoArea .tourdetail table#detail td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail table#detail2 { /*for Step Page*/
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
background-color: #ebf8ff;
}

#popup #infoArea .tourdetail table#detail2 th,
#popup #infoArea .tourdetail table#detail2 td{
padding:5px;
}

#popup #infoArea .tourdetail table#detail2 th{
text-align:left;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f5f5f5;
}

#popup #infoArea .tourdetail table#detail2 td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail h3.caption{
clear:both;
padding:15px;
margin:20px 0;
height:10px;
text-align:center;
font-size:14px;
color:#036;
background: url(../img/detail/cap_bg.gif) no-repeat 0 0;
}

#popup #infoArea .tourdetail #subdetailArea{
float:left;
width:480px;
}

#popup #infoArea .tourdetail #imageArea{
float:right;
padding:10px;
width:128px;
background: url(../img/common/body_back.gif) repeat 0 0;
}

#popup #infoArea .tourdetail #imageArea dl{
margin:0 0 10px 0;
}

#popup infoArea .tourdetail #imageArea dt{
margin:0 0 10px 0;
}

#popup #infoArea .tourdetail #imageArea dd{
font-size:10px;
margin:0 0 10px 0;
}

#popup #infoArea .tourdetail #subdetailArea h3#title_point{
height:40px;
text-indent:-9999px;
background:url(../img/detail/title_point.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail #subdetailArea ul#point{
list-style:none;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail #subdetailArea ul#point li{
padding:0 0 0 15px;
margin:10px 20px 3px 20px;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
}

#popup #infoArea .tourdetail #subdetailArea h3#title_schedule{
height:40px;
text-indent:-9999px;
margin:0 0 10px 0;
background:url(../img/detail/title_schedule.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail #subdetailArea table#schedule {
border-collapse:collapse;
width:440px;
border: 1px solid #ccc;
margin: 0 20px 20px 20px;
background-color: #ebf8ff;
}

#popup #infoArea .tourdetail #subdetailArea table#schedule th,
#popup #infoArea .tourdetail #subdetailArea table#schedule td{
padding:0.3em 1em;
}

#infoArea .tourdetail #subdetailArea table#schedule th{
text-align:left;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #f6fbff;
}

#popup #infoArea .tourdetail #subdetailArea table#schedule td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea .tourdetail #subdetailArea h3#title_note{
height:40px;
text-indent:-9999px;
margin:0 0 10px 0;
background:url(../../img/detail/title_note.gif) 0 0 no-repeat ;
}

#popup #infoArea .tourdetail #subdetailArea ul#note{
list-style:none;
margin:0 0 20px 0;
}

#popup #infoArea .tourdetail #subdetailArea ul#note li{
padding:0 0 0 15px;
margin:10px 20px 3px 20px;
background:url(../img/common/listpoint_A.gif) 0 4px no-repeat ;
border-bottom:1px dotted #ccc;
}

#popup #infoArea .tourdetail #subdetailArea h3#title_qa{
height:40px;
margin:20px 0 10px 0 ;
text-indent:-9999px;
background:url(../img/detail/title_qa.gif) 0 0 no-repeat ;
}

#infoArea .tourdetail #subdetailArea dl#qa{
padding:0 20px 20px 20px;
}

#infoArea .tourdetail #subdetailArea dl#qa dt{
font-weight:bold;
}

#infoArea .tourdetail #subdetailArea dl#qa dd{
padding:0 0 1em 3em;
margin:0 0 1em 0;
border-bottom:1px dotted #ccc;
}

#popup #infoArea table#plan_tbl {
border-collapse:collapse;
width:670px;
border: 2px solid #ccc;
margin: 0 0 20px 0;
background-color: #B7C7FF;
#background-color: #ADD8E6;
table-layout:auto;
font-size:13px;
}

#popup #infoArea table#plan {
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 20px 0;
background-color: #ebf8ff;
table-layout:auto;
font-size:11px;
}

#popup #infoArea table#plan th{
padding:5px;
}
#popup #infoArea table#plan td{
padding:5px;
}

#popup #infoArea table#plan th{
text-align:center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #ffd182;
}

#popup #infoArea table#plan td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea table#plan td.plan_title {
background-color: #D7EBFF;
}

#popup #infoArea table#plan td.price {
width:315px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-size:13px;
#background:#ffffef;
}

#popup #infoArea table#plan td.pict {
width:160px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea table#plan td.stay {
width:100px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea table#plan2 {
border-collapse:collapse;
width:650px;
border: 1px solid #ccc;
margin: 0 0 20px 0;
background-color: #ebf8ff;
table-layout:auto;
font-size:11px;
}

#popup #infoArea table#plan2 th{
padding:5px;
}
#popup #infoArea table#plan2 td{
padding:5px;
}

#popup #infoArea table#plan2 th{
text-align:left;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #ffd182;
}

#popup #infoArea table#plan2 td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#popup #infoArea table#plan2 td.title {
width:105px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-size:10px;
background:#ffffef;
}

#popup #infoArea table#plan2 td.val {
width:220px;
table-layout:fixed;
text-align:left;
vertical-align:middle;
font-size:10px;
}

#popup #infoArea table#plan2 td.pict {
width:160px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea table#plan2 td.stay {
width:100px;
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

#popup #infoArea table#plan2 td.plan_title {
background-color: #D7EBFF;
font-weight:bold;
}

#popup #infoArea table#plan2 td.price_btn {
table-layout:fixed;
text-align:center;
vertical-align:middle;
font-size:13px;
}

#popup #infoArea table#plan2 td.price {
table-layout:fixed;
text-align:left;
vertical-align:middle;
font-size:13px;
#background:#ffffef;
}

#popup #infoArea table#termTbl {
border-collapse:collapse;
width:300px;
border: 1px solid #ccc;
margin: 0 0 10px 0;
background-color: #ebf8ff;
table-layout:auto;
font-size:13px;
}

#popup #infoArea table#termTbl th,
#popup #infoArea table#termTbl td{
padding:5px;
}

#popup #infoArea table#termTbl th{
text-align:center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #ffd182;
}

#popup #infoArea table#termTbl td {
vertical-align:top;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #fff;
}

#planhead_ttl {
        border-bottom: 2px solid #999;
        padding: 5px 10px;
#        background-color:#20B2AA;
#        background-color:#009900;
#        background-color:#59B300;
        background-color:#B0C4DE;
        clear:both;
}
#planhead_ttl h3 {
        float:right;
        width:400px;
        color:#FFFAF0;
        padding-top: 2px;
	font-size:15px;
}

#popup #infoArea table#plan3 {
border-collapse:collapse;
border-style:none;
width:200px;
margin: 0 0 0 0;
table-layout:auto;
}

#popup #infoArea table#plan3 td {
vertical-align:top;
border-style:none;
background-color: #fff;
}