/* CSS Document */

/*---------------------------------------------------------
	//////// common
---------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	/*border: 1px none #CCCCCC;*/
}

body {
	font-family: MS PGothic, Verdana;
	font-size: 12px;
	color:#4D4D4D;
	background-color:#F6EFF0;
	background-image:url(../images/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	line-height: 160%;

}


a {color:#3366CC; text-decoration:underline;}
a:link {color:#3366CC; text-decoration:underline;}
a:hover {color:#003399; text-decoration:none;}	
a:active {color:#003399; text-decoration:none;}	


#header {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


#container {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


#sidebar-l {
	width:160px;
}


#sidebar-l .memu{
	font-size: 12px;
	line-height:150%;
	background-image:url(../images/005.jpg);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcc99;
	text-align:right;
	margin:4px 0px 2px 0px;
	padding:0px 10px 0px 0px;
}

#sidebar-l .memu_sub{
	font-size: 12px;
	line-height:150%;
	background-image:url(../images/010.jpg);
	background-repeat:no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcc99;
	text-align:right;
	margin:4px 0px 2px 0px;
	padding:0px 10px 0px 0px;
}

#sidebar-l a {
	color:#222222; text-decoration:underline;
	}
#sidebar-l a:link {
	color:#222222; text-decoration:underline;
	}
#sidebar-l a:hover {
	color:#e60000; text-decoration:none;
	}	
#sidebar-l a:active {
	color:#e60000; text-decoration:none;
	}	


#sidebar-l .menu_home {
	background-color:#ffcc99;
	padding:5px 0px 5px 0px;
}


#sidebar-r {
	width:110px;
	padding-left:10px;

}



#body-home {
	width:490px;
	padding-left:15px;
	padding-right:15px;
}


#body {
	width:640px;
	padding-left:15px;
	padding-right:15px;
	color:#333333;
}


#pan {
	font-size:12px;
	margin-bottom:8px;
	margin-top:0px;

	}
	

#pagetop {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:10px;
	font-size:12px;
	text-align:right;
	}


#footer {
	width:800px;
	background-color:#FFFFFF;
	background-image:url(../images/bg-footer.jpg);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:6px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}



#footer a {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:link {
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:hover {
	color:#CC0000;
	text-decoration:non;
}

#footer a:active {
}


#footer a:visited {

}


#copyright {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	font-size:10px;
	font-family:tahoma, verdana;
	font-weight:bold;
	text-align: center;
	color:#FF0000;
}



h1, h2, h3, h4, h5 {
	font-size:12px;
	line-height:170%;
	font-weight:normal;
}
.h1tag{
	background-color:#E2DFDE;
	border-top:2px solid #C1B7A8;
	font-size:10px;
	text-align:right;
	vertical-align:middle;
	font-weight:normal;
	color:#726761;
	margin:5px 0px 0px 0px;
	padding:2px 10px;
}

strong {
	font-weight:normal;
	color:#333333;
}


/*---------------------------------------------------------
	//////// index
---------------------------------------------------------*/

.pic_right{
	margin:0px 0px 5px 0px;
}
.top_center{
	margin:10px 0px 5px 0px;
}

.text_more{ font-family:"MS PGothic","Verdana" ; font-size: 12px; font-weight: normal; color: #3f3ffe; text-decoration: none; text-align: right; }
.text_more:link {font-family:"MS PGothic","Verdana" ; font-size: 12px; font-weight: normal; color: #3f3ffe; text-decoration: underline; text-align: right; }
.text_more:visited {font-family:"MS PGothic","Verdana" ; font-size: 12px; font-weight: normal; color: #3f3ffe; text-decoration: underline;text-align: right; }
.text_more:hover {font-family:"MS PGothic","Verdana" ; font-size: 12px; font-weight: normal; color: #3f3ffe; text-decoration: none; text-align: right; }

.productid {
	width:375px;
	height:45px;
	background-image: url(../images/idx-ranking-bg-id.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:12px;
	line-height:120%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding-left:20px;
	padding-top:3px;
}

.btn_detail {
	width:235px;
	height:35px;
	text-align:left;
	vertical-align:top;
	padding-left:20px;
}

#rankprice {
	width:140px;
	height:35px;
	text-align:left;
	vertical-align:top;
	line-height:130%;
}

#rankprice .normal {
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

#rankprice .sale {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}

.hr {
	width:500px;
	border:solid;
	border-color:#FF0000;
	border-width:1px;
}


.ranking_sort {
	text-align:right;


}

.text_date{
	width:80px;
	height:20px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	line-height:130%;
}

.text_topic {
	width:420px;
	height:20px;
	font-size:12px;
	font-weight:bold;
	line-height:130%;
	text-align:left;
}


.text_link1{ color: #ff0000; text-decoration: none; }
.text_link1:link {color: #ff0000; text-decoration: underline;}
.text_link1:visited {color: #ff0000; text-decoration: underline;}
.text_link1:hover {color: #ff0000; text-decoration: none;}

.indexpic_whatnew{
	width:300px;
	height:55px;
	margin:3px 10px 3px 0px;
	border:solid;
	border-color:#FF0000;
	border-width:1px;
	
}

/*---------------------------------------------------------
	//////// whatnews
---------------------------------------------------------*/


#t-whatnews {
	width: 480px;
	background-color:#FFFFFF;
	padding:5px 20px 5px 20px;
	margin:14px 35px 14px 35px;
}
.text_whatnews{
	padding-left:10px;
}
.bg_pink{

	font-weight:bold;
	background-color:#fff7f7;
	padding:5px 5px 5px 5px;
}
.bg_grey{

	font-weight:bold;
	background-color:#efefef;
	padding:5px 5px 5px 5px;
}

/*---------------------------------------------------------
	//////// privacy
---------------------------------------------------------*/
.t-privacy{
	width:590;
	padding:10px 20px 10px 20px;
	border: 1px solid #CCCCCC;
}
.topic-privacy{
	background-image:url(../privacy/images/002.jpg);
	padding:2px 5px 2px 5px;
	color:#FFFFFF;
	font-weight:bold;
}
.ul-privacy
{
	width:550px;
	margin: 0px 0px 0px 10px;
	padding: 4px 10px 6px 25px;

}
/*---------------------------------------------------------
	//////// corporate
---------------------------------------------------------*/
#table {
	width:585px;
	margin-left:0px;
	margin-right:0px;
}
#table-l {
	width:8px;
	height:45px;
	background-image:url(../corporate/images/002.jpg);
	background-repeat: repeat-y;
}
#table-c {
	width:216px;
	border: 1px solid #ffcc99;
}
#table-r {
	width:350px;
	background-color:#ffeed2;
	padding: 4px 10px 6px 10px;
}
/*---------------------------------------------------------
	//////// sitemap
---------------------------------------------------------*/
#cols {
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
#cols-l{
	width:250px;
}
.cols-ll{
	width:40px;
	background-image:url(../sitemap/images/023.jpg);
	background-repeat:no-repeat;
}
.cols-lll{
	width:40px;
	background-image:url(../sitemap/images/024.jpg);
	background-repeat:no-repeat;
}

#cols-r{
	width:250px;
}
.topic_sitemap{
	padding-top:5px;
}
/*---------------------------------------------------------
	//////// contact
---------------------------------------------------------*/
.hr_contact {
	width:610px;
	border:solid;
	border-color:#ff9966;
	border-width:1px;
}
.text-top-contact{
	font-size: 10px;
	color:#FF0000;
	font-weight:bold;
}
#table-contact {
	width:610px;
	margin-left:auto;
	margin-right:auto;

}
#table-contact-l {
	width:123px;
	background-color:#ffcc99;
	font-weight:bold;
	padding: 7px 10px 7px 10px;

}
#table-contact-r {
	width:487px;
	padding: 7px 10px 7px 10px;
}
.table-contact-r {
	width:487px;
	padding: 7px 10px 7px 10px;
}
#table-contact-con {
	width:610px;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 4px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;	
}
#table-contact-con-l {
	width:123px;
	background-color:#efefef;
	font-weight:bold;
	padding: 7px 10px 7px 10px;

}
#table-contact-con-r {
	width:487px;
	background-color:#f7f7f7;
	padding: 7px 10px 7px 10px;

}
.table-contact-red{
	background-color: #ffffff;
	width:530px;
	padding: 1px 1px 1px 1px;
	margin: 5px 10px 5px 20px;
	border: 1px solid #ff0000;

	
}
.table-contact-red2{
	background-color: #ffffff;
	width:550px;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #ff0000;
}
.contact-text-red{
	color:#FF0000;


}
.contact-text-red-b{
	color:#FF0000;
	font-weight:bold;


}
/*---------------------------------------------------------
	//////// booking
---------------------------------------------------------*/

#table-booking {
	width:552px;
	margin-left:auto;
	margin-right:auto;
}
#table-booking2 {
	width:580px;
	margin-left:auto;
	margin-right:auto;
}
#table-booking-l {
	width:350px;
	border: 1px solid #ff9966;
	padding: 5px 5px 5px 5px;
	

}
#table-booking2-l {
	width:200px;
	border: 1px solid #ff9966;
	padding: 2px 20px 2px 20px;
	
	

}
#table-booking-c {
	width:100px;
	text-align:center;
	border: 1px solid #ff9966;

}

#table-booking2-c {
	width:250px;
	text-align:center;
	border: 1px solid #ff9966;

}
#table-booking-r {
	width:100px;
	text-align:center;
	border: 1px solid #ff9966;

}
#table-booking2-r {
	width:250px;
	text-align:center;
	border: 1px solid #ff9966;

}
.text_booking_or{
	color:#ff9966;
	padding-left:0px;
	font-weight:bold;

}
.text_booking_ora{
	color:#ff9966;
	padding-left:5px;
	font-weight:bold;
}
.text_booking_white{
	color:#ffffff;
	font-weight:bold;
	background-color:#ff9966;

}.text_table_booking{
	padding: 2px 5px 2px 5px;

}
.pic_booking_r{
	padding-right:30px;
	padding-top:10px;
}
.text-10{
		font-size:10px;
		padding-left:20px;
	}
	
/*---------------------------------------------------------
	//////// search
---------------------------------------------------------*/	
.hr_search {
	width:610px;
	border:solid;
	border-color:#efefef;
	border-width:5px;
	padding:0px;
	margin:0px;
	line-height:90%;
	
}
.bt_search{
	padding: 2px 2px 2px 2px;
}
.bt_name_search{
	padding: 2px 5px 2px 0px;
}
.product_search {
	width:200px;
	height:20px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size:14px;
	line-height:120%;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	padding-left:20px;
}
.pic_product_search{
	padding: 0px 0px 0px 0px;
}

.text_search_blue{
	color:#0000FF;
	text-align:center;
	font-weight:bold;
}
.text_search_black{

	font-size:14px;
	color:#333333;
	text-align:left;
	font-weight:bold;
	padding-left:5px;
}

#table_search{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #CCCCCC;
}
#table-search-l {
	width:120px;
	padding: 5px 5px 5px 5px;
	

}#table-search-c {
	width:160px;
	padding: 5px 5px 5px 5px;
	

}
#table-search-r {
	width:160px;
	padding: 5px 5px 5px 5px;
	

}

.textred_link1{ color: #ff0000; text-decoration: underline; font-weight: bold; 	padding: 30px 5px 30px 5px; }
.textred_link1:link {color: #ff0000; text-decoration: underline;font-weight: bold; padding: 30px 5px 30px 5px;}
.textred_link1:visited {color: #ff0000; text-decoration: underline;font-weight: bold; padding: 30px 5px 30px 5px;}
.textred_link1:hover {color: #ff0000; text-decoration: underline;font-weight: bold; padding: 30px 5px 30px 5px;}

.menu_search{
	width:600px;
	padding: 5px 0px 5px 10px;
}
/*---------------------------------------------------------
	//////// booking_index
---------------------------------------------------------*/	

.booking_bt_or{
	padding: 10px 10px 10px 15px;
}
#table_book_index{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #FF9933;
	padding: 5px 4px 5px 5px;
}
.text_booking_or{
	color:#FF9933;
	text-decoration: underline;
	text-align:right;
	padding: 5px 5px 5px 15px;
}
.textbookgray_link1{ color: #666666; text-decoration: none;  padding: 0px 0px 0px 0px;}
.textbookgray_link1:link {color: #666666; text-decoration: underline; padding: 0px 0px 0px 0px;}
.textbookgray_link1:visited {color: #666666; text-decoration: underline; padding:  0px 0px 0px 0px;}
.textbookgray_link1:hover {color: #666666; text-decoration: underline; padding:  0px 0px 0px 0px;}

.textbookgray{
	padding: 3px 0px 0px 20px;
	color:#666666;
}
/*---------------------------------------------------------
	//////// recommend
---------------------------------------------------------*/	
.text_recommend{
	padding: 3px 5px 3px 0px;
}
.text_recommend2{
	padding: 3px 0px 3px 0px;
}
.pic_recommend{
	padding: 5px 0px 5px 0px;
}

/*---------------------------------------------------------
	//////// HowToBooking
---------------------------------------------------------*/	
.text_HowToBooking{
	padding: 5px 10px 3px 10px;
}
.text_HowToBooking2{
	padding: 5px 10px 5px 30px;
}
.HowToBooking_bgwhite{
	background-color:#FFFFFF;
	width:500px;
	padding: 10px 10px 10px 10px;
	margin: 20px 10px 30px 40px;
	
}
.HowToBooking_bggray{
	background-color: #ffffff;
	width:551px;
	padding: 15px 15px 15px 15px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;

	
}

.HowToBooking_bggray2{
	background-color: #ffffff;
	width:583px;
	padding: 1px 1px 1px 1px;
	margin: 5px 10px 5px 5px;
	border: 1px solid #CCCCCC;

	
}

.HowToBooking_bggray3{
	background-color: #ffffff;
	width:284px;
	padding:2px;
	border: 1px solid #CCCCCC;

	
}
.HowToBooking_bggray4{
	background-color: #ffffff;
	width:583px;
	margin: 5px 10px 5px 5px;
	border: 1px solid #CCCCCC;

	
}

.advance_search{
	background-color: #ffffff;
	width:172px;
	padding:1px;
	border: 1px solid #CCCCCC;

	
}
.advance_search2{
	background-color: #ffffff;
	width:212px;
	padding:1px;
	border: 1px solid #CCCCCC;

	
}
.textHowToBooking_link1{ color: #0000CC; text-decoration: underline; }
.textHowToBooking_link1:link {color: #0000CC; text-decoration: underline; }
.textHowToBooking_link1:visited {color: #0000CC; text-decoration: underline; }
.textHowToBooking_link1:hover {color: #0000CC; text-decoration: underline; }

.pic_HowToBooking{
	padding: 5px 10px 5px 20px;
}

.guideb0901	{width:550;border:1px solid #C8C8C8;padding:14px 19px;}
.guideb0902	{vertical-align:bottom;}
p.guidetxt	{padding-bottom:15px;line-height:130%;}
.guidep0901	{padding:25px 0px 3px 10px;}
.guidep0902	{padding-bottom:20px;}
.guidep0903	{padding-top:40px;}
.guidep0904	{padding:25px 0px 3px 10px;}
.guidep0905	{padding-top:20px;}
.guidep0906	{padding:10px 0px 10px 0px;}
.guidep0907	{padding-top:10px;}
.guidesps	{padding-left:20px;width:590px;margin-left:0px;margin-right:0px;}
.guidetextg	{color:#666666;padding:10px 12px 5px 12px;}


/*---------------------------------------------------------
	////////FAQ
---------------------------------------------------------*/	
.hr_faq{
	width:610px;
	border:solid;
	border-color: #CCCCCC;
	border-width:1px;
}
.hr_faq2{
	width:400px;
	border:solid;
	border-color: #CCCCCC;
	border-width:1px;
	text-align: right;
}
.topic_faq {
	width:310px;
	height:30 px;
	background-image: url(../guide/images/009_faq.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	text-align:left;
	vertical-align: top;
	padding: 3px 3px 3px 25px;
	margin: 0px 3px 0px 10px;
	
}
.topic_faq_red {

	height:30 px;
	color: #FF6666;
	background-image: url(../guide/images/009_faq.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	text-align:left;
	vertical-align: top;
	padding: 3px 0px 3px 30px;
	margin: 0px 0px 0px 10px;
	
}
.topic_faq_bule {
	width:500px;
	height:30 px;
	color: #333333;
	background-image: url(../guide/images/011_faq.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
	text-align:left;
	vertical-align: top;
	padding: 3px 10px 3px 30px;
	margin: 0px 5px 0px 50px;
	
}
/*---------------------------------------------------------
	///////campaign
---------------------------------------------------------*/	
.campaign{
	background-image:url(../campaign/campaign_13.jpg);
	background-repeat:no-repeat;
	height:118px;
	width:390px;
	padding: 5px 15px 3px 200px;
	font-size:10px;
	line-height:150%;

}
/*---------------------------------------------------------
	///////campaign_0806
---------------------------------------------------------*/	
.ca-bg0806_1{
	background-image:url(../campaign/images/01_r1_c1.gif);
	background-repeat:no-repeat;
	width:800px;
	padding:0px 0px 0px 0px;

}
.ca-bg0806_2{
	background-image:url(../campaign/images/05_r3_c13.gif);
	background-repeat:no-repeat;
	width:251px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:13px;
	color:#666666;
	text-align:left;
}
.ca-bg0806_3{
	background-image:url(../campaign/images/07_r5_c1.gif);
	background-repeat:no-repeat;
	width:800px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:13px;
	color:#FFFFFF;
	text-align:left;
}
.ca-bg0806_4{
	background-image:url(../campaign/images/29_r20_c10.gif);
	background-repeat:no-repeat;
	width:361px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:14px;
	color:#FF0000;
	vertical-align:top;
	text-align:center;
}
.ca-bg0806_5{
	background-image:url(../campaign/images/30_r21_c1.gif);
	background-repeat:no-repeat;
	width:800px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:13px;
	color:#FFFFFF;
	text-align:right;
	padding-bottom:15px;
}
.ca-bg0806_6{
	background-image:url(../campaign/images/37_r26_c2.gif);
	background-repeat:no-repeat;
	width:760px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:10px;
	color:#666666;
	text-align:left;
}
.ca-text-gr0806_3{
	padding-left:40px;
	font-size:10px;
	line-height:10px;
	color:#666666;
	text-align:left;
}

.ca-text-gr0806{
	font-size:13px;
	line-height:14.5px;
	color:#666666;
	text-align:left;
}
.ca-text-gr0806_2{
	font-size:13px;
	line-height:16px;
	color:#666666;
	text-align:left;
}
.ca-padding{
	padding-bottom:15px;
}
.ca-padding_2{
	padding-top:15px;
}
.ca-text-gr0806_4{
	padding:0px;
	font-size:10px;
	line-height:10px;
	color:#666666;
	text-align:left;
}

.ca-text-gr0806_5{
	padding:0px;
	font-size:10px;
	line-height:10px;
	color:#666666;
	text-align:right;
}
.ca-text-gr0806_6{
	padding:0px;
	font-size:10px;
	line-height:12px;
	color:#FF0000;
	text-align:left;
}





/*---------------------------------------------------------
	///////campaign_39
---------------------------------------------------------*/	
.ca-bg1{
	background-image:url(../campaign/images/01_r2_c1.gif);
	background-repeat:no-repeat;
	width:800px;
	padding:0px 0px 0px 0px;

}
.ca-bg2{
	background-image:url(../campaign/images/03_r9_c1.gif);
	background-repeat:no-repeat;
	width:800px;
	padding:0px 0px 0px 0px;

}
.ca-text-white{
	font-size:10px;
	line-height:15px;
	color:#FFFFFF;
	padding-right:10px;
	text-align:right;
	
}
.ca-text-gray{
	font-size:10px;
	line-height:15px;
	color:#666666;
	padding-right:10px;
	text-align:right;
	
}
.ca-text-gray2{
	font-size:10px;
	line-height:14px;
	color:#FF0000;
	padding-left:10px;
	
}
.ca-text-gray3{
	font-size:10px;
	line-height:15px;
	color:#4E6996;
	padding-left:8px;
	padding-right:5px;
}


/*---------------------------------------------------------
	///////calendar
---------------------------------------------------------*/	
.calendar {text-align:center; width:160px;}
.calendar-month {width:160px; color:#FF0000;}
.calendar-prev {font-weight:bold;}
.calendar-next {font-weight:bold;}
.calendar td {height:20px;}
.calendar td:hover {background-color:#FF99FF;}
.calendar .blank_day {background-color:#FFFFFF;}
.calendar-holiday {background-color:#FFBCB3; text-align:right; border-style:solid; border-width:1px; border-color:#CCCCCC;}
.calendar-weekend {background-color:#FFBCB3; text-align:right; border-style:solid; border-width:1px; border-color:#CCCCCC; width:7%;}
.calendar-day {background-color:#FFFFFF; width:14%; text-align:right; border-style:solid; border-width:1px; border-color:#CCCCCC;}
.calendar-book {background-color:#FFFFFF; width:14%; text-align:left; border-style:solid; border-width:1px; border-color:#CCCCCC;}
.calendar-bookpd-morning {overflow:hidden; color:#FF0000; width:80px;}
.calendar-bookpd-evening {overflow:hidden; color:#0000FF; width:80px;}
.showdata {margin-left:10px;}
