@charset "utf-8";
/* CSS Document */

#tour_main_top{float:left;width:276px;}
#tour_main_left{float:left; width:735px;}
#tour_main_right{float:right; width:226px; margin-top:20px;}

.c_red{color:#e01e36}
.t_dash{border-top:1px dashed #b7d635;}
.cl{clear:left;}
.cr{clear:right;}
div.saisin_tit h2, div.osira_tit h3{float:left;}

/* utn_tit */
.utn_tit{width:277px;}
.utn_tit p{margin-top:4px; letter-spacing:-1px;}
.utn_tit_card{background:url(http://image.utravelnote.com/images/tour/bg_tour_intro_card.gif) no-repeat; height:61px; padding:16px 0 0 105px; font-weight:bold; letter-spacing:-1px;}

/* hotel contants*/
div.contants_hotel{margin-top:85px; margin-left:15px;}

/* hot sale */
div.hotsale{background:url(http://image.utravelnote.com/images/tour/hotsail_tit_bg.gif) no-repeat;}
div.hotsale h2{padding:0; font-size:0px;}
p.hotsale_bt{background:url(http://image.utravelnote.com/images/tour/tour_hotsail_tit_bt.gif) no-repeat;}
p.hotsale_card{background:url(http://image.utravelnote.com/images/tour/tour_hotsail_card.gif) no-repeat;width:169px;height:65px; margin-top:10px; font-weight:bold; font-size:12px; line-height:120%;padding-left:3px;padding-top:3px;}

/* new */
div.new_tit{background:url(http://image.utravelnote.com/images/tour/tour_new_tit_bg.gif) no-repeat; width:735px; height:39px;}
div.new_tit h2{float:left; padding:15px 45px;}
div.tour_bt{background:url(http://image.utravelnote.com/images/tour/tour_bt_left.gif) no-repeat left center; float:right; margin: 13px 10px;}
div.tour_list_bt{background:url(http://image.utravelnote.com/images/tour/tour_bt_left.gif) no-repeat left center; float:right; margin:0px 10px 0px 10px;}
div.tour_bt_left{background:url(http://image.utravelnote.com/images/tour/tour_bt_right.gif) no-repeat right center; padding:3px 3px;}
div.tour_list_bt_left{background:url(http://image.utravelnote.com/images/tour/tour_bt_right.gif) no-repeat right center; padding:3px 3px;}
div.tour_bt_left a:hover,div.tour_list_bt_left a:hover{text-decoration:none;}

/* option tour */
#op_tour{float:left; margin-top:13px; border-bottom:1px solid #8a8ddd; width:735px;}
div.op_tour_tit, div.sinchiku_tit{background:url(http://image.utravelnote.com/images/note/line/line_purple_long.gif) no-repeat; clear:left; width:735px; height:25px; margin-top:10px;}
div.op_tour_tit span{float:right; vertical-align:middle; padding-top:3px; margin-right:5px;}
h2{font-weight:bold; font-size:small;  padding-left:5px; padding-top:3px;}
#op_tour div.op_tour_body {border:1px solid #8a8ddd; border-top:none; border-bottom:1px dashed #8a8ddd; padding:1px 0px 2px 0px; width:733px;}
#op_tour div.op_tour_body div.op_tour_nav{background: #cecff2 url(http://image.utravelnote.com/images/note/line/line_purple_repeat-x.gif) repeat-x; width:731px; margin-left:1px; padding-top:4px;}
#op_tour div.op_tour_body div.op_tour_nav ul li h4 a{color:#8A8DDD; font-weight:bold; text-decoration:none; cursor:pointer;}
#op_tour div.op_tour_body div.op_tour_nav h3{float:left; margin-left:5px; width:136px; font-size:0px;padding:0px;}
#op_tour div.op_tour_body div.op_tour_nav h4{font-size:12px;}
p.price_kr{background:url(http://image.utravelnote.com/images/tour/bu_en_money_kr.gif);color:#8a8ddd;}
p.price_jp{background:url(http://image.utravelnote.com/images/note/bu/bu_en_moeny.gif)}
p.language_jp{background:url(http://image.utravelnote.com/images/note/bu/bu_speak.gif)}
p.price_jp, p.language_jp, p.price_kr{width:auto; height:16px; padding-left:15px; background-repeat:no-repeat; background-position:0 4px;}
div.op_tour_story{clear:left; padding:5px 0 5px 5px;}
div.photo{float:left; border:1px solid #d9d9d9; padding:2px;}
div.photo div{background:url() no-repeat center; width:84px; height:84px; cursor:pointer;}
div.op_tour_story div.fl div.view{float:left; margin-left:5px; width:145px;}
div.op_tour_story div.view span.c_black,div.kuchikomi_body div span.c_red{float:left; margin-left:5px; vertical-align:middle; margin-top:-3px;}
span.people{float:left; margin-top:-3px; margin-right:10px;}	

li.op_tour_nav01{cursor:pointer; float:left; width:4px; height:24px;}
li.op_tour_nav02{cursor:pointer;float:left; padding-right:5px; height:24px; color:#8a8ddd; vertical-align:bottom; font-weight:bold; vertical-align:bottom;}
li.op_tour_nav02 span{padding:3px 5px 0px 5px; float:left;}
li.op_tour_navon01{background:url(http://image.utravelnote.com/images/tour/tour_nav_lon.gif) no-repeat;}
li.op_tour_navon02{background:url(http://image.utravelnote.com/images/tour/tour_nav_ron.gif) no-repeat right center; margin-right:1px;}
li.op_tour_navoff01{background:url(http://image.utravelnote.com/images/tour/tour_nav_loff.gif) no-repeat left bottom;}
li.op_tour_navoff02{background:url(http://image.utravelnote.com/images/tour/tour_nav_roff.gif) no-repeat right bottom; margin-right:1px;}

/* saisin , best_blog */
div.saisin_kuchikomi, div.saisin_tour, div.best_blog{margin-top:10px;}
div.best_blog div.best_body div div.best_photo{float:left;padding: 0 0; margin: 0px 0px 7px 0px; border:1px solid #D9D9D9;}
div.best_photo p {background-position:center center; background-repeat:no-repeat; cursor:pointer; height:55px; width:55px;padding:0; margin:5px 5px;}
div.saisin_tit,div.best_tit{background:url(http://image.utravelnote.com/images/tour/line_purple_mid_1.2.gif) no-repeat; width:238px; height:25px;}
div.saisin_kuchikomi div.kuchikomi_body, div.saisin_tour div.tour_body,div.best_blog div.best_body{border:1px solid #8a8ddd; padding-bottom:3px; border-top:none; width:236px;}
div.saisin_kuchikomi div.kuchikomi_body div,div.best_blog div.best_body div{padding-left:5px;  padding-top:6px; border-top:1px dashed #8a8ddd; margin: 0px 3px;}
div.saisin_kuchikomi div.kuchikomi_body a.fl,div.best_blog div.best_body a.fl{margin-top:-3px;}
div.saisin_kuchikomi div.kuchikomi_body ul.small_star{float:left; margin-top:3px;}
div.tour_body div{padding-left:10px; padding-top:3px; border-top:1px dashed #8a8ddd; margin: 0px 3px;}
div.tour_body p.quesction{background:url(http://image.utravelnote.com/images/note/bu/bu_ques_purple.gif) no-repeat left center; padding-left:18px; width:180px;}
div.kuchikomi_body div span.c_red, div.kuchikomi_body div span.people{margin-top:0px;}

/* osira */
div.osira{float:left; width:320px; padding-left:10px;}
div.osira h2{float:left; font-size:0px;padding:0 0;}
div.osira_tit p{float:right;padding-right:5px;padding-top:3px;}
div.osira ul{border:1px solid #dbdbdb; border-top:none; width:308px; padding:0px 5px; clear:left;}
div.osira a span.c_red{font-weight:normal; margin-top:0px;}

/* special */
div.special{margin-top:10px;}
div.special div.clear{background-color:#c5c6ee; width:226px; padding-bottom:5px;}
div.special_tit{margin-left:5px; padding-bottom:7px;}
div.special_in{padding-left:7px;}
div.special div.line01{background:url(http://image.utravelnote.com/images/note/line/line_white_spe01.gif) no-repeat; width:212px; height:3px; font-size:0px;}
div.special div.line02{background:url(http://image.utravelnote.com/images/note/line/line_white_spe03.gif) no-repeat; width:212px; height:3px; font-size:0px; clear:left;}
div.special_in p{background:url(http://image.utravelnote.com/images/note/line/line_white_spe02.gif) repeat-y; width:202px; padding:5px 6px; line-height:110%; text-align:left;}
div.special_in a{background-color:#FFFFFF; width:99px; padding-bottom:5px; display:block;float:left;}
div.special_in02{margin-left:15px; margin-top:5px;clear:left;}	
div.special_in02 p{font-weight:bold;}
div.t_line{background:url(http://image.utravelnote.com/images/note/line/line_special_purple.gif) no-repeat; width:226px; height:4px; font-size:0px;}

/* rank */
div.rank{margin-top:10px;}
div.rank h3{padding-left:0px; font-size:0px;}
div.rank ul{width:214px;border:1px solid #d9d9d9; border-top:none; padding:5px 5px; margin-top:-2px;}
.rank_1{background:url(http://image.utravelnote.com/images/tour/tour_rank_1.gif) no-repeat left 2px;padding-left:20px;}
.rank_2{background:url(http://image.utravelnote.com/images/tour/tour_rank_2.gif) no-repeat left 2px;padding-left:20px;}
.rank_3{background:url(http://image.utravelnote.com/images/tour/tour_rank_3.gif) no-repeat left 2px;padding-left:20px;}
.rank_4{background:url(http://image.utravelnote.com/images/tour/tour_rank_4.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_5{background:url(http://image.utravelnote.com/images/tour/tour_rank_5.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_6{background:url(http://image.utravelnote.com/images/tour/tour_rank_6.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_7{background:url(http://image.utravelnote.com/images/tour/tour_rank_7.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_8{background:url(http://image.utravelnote.com/images/tour/tour_rank_8.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_9{background:url(http://image.utravelnote.com/images/tour/tour_rank_9.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}
.rank_10{background:url(http://image.utravelnote.com/images/tour/tour_rank_10.gif) no-repeat left 2px;padding-left:19px; margin-left:1px;}

/* small star*/
ul.small_star li.on_l {background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -10px -37px;float:left;height:12px;width:7px;}
ul.small_star li.on_r {background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -22px -37px;float:left;height:12px;width:7px;}
ul.small_star li.off_l {background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -10px -10px;float:left;height:12px;width:7px;}
ul.small_star li.off_r {background:transparent url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) no-repeat scroll -22px -10px;float:left;height:12px;width:7px;}
ul.small_star li.on_sml {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -72px -37px no-repeat;}
ul.small_star li.on_smr {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -81px -37px no-repeat;}
ul.small_star li.off_sml {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -72px -10px no-repeat;}
ul.small_star li.off_smr {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -81px -10px no-repeat;}

/* search */
div.tour_search{margin-top:10px; width:226px;}
div.tour_search h3{font-size: 0px; padding-left:0px;}
div.tour_search_body{border-left:1px solid #febc88;border-right:1px solid #febc88;}
div.tour_search_ht{background:url(http://image.utravelnote.com/images/tour/tour_search_ht_bg.gif) no-repeat; height:26px; padding-left:5px; font-size:smaller; color:#8f8f8f;}
div.tour_search_body table{border-collapse:collapse;}
div.tour_search_body th{border-right:1px solid #febc88; border-bottom:1px solid #febc88; background:#feecdd; font-weight:normal; width:40px; padding:4px 2px; text-align:left;}
div.tour_search_body td{border-bottom:1px solid #febc88; padding:5px 2px 2px 8px; width:171px;}
div.tour_search_body td ul li{letter-spacing:-1px;}
div.tour_search_body td ul li input{margin:0px;}
div.tour_search_body td select{letter-spacing:-1px;width:160px;}

/* banner */
#side_banner a img{margin-top:10px;}

/* side movie player start */
.bar_small {
	background:url(http://image.utravelnote.com/images/note/bar/gray_bar_small.gif);
	height:25px;
	width:226px;
	margin-top:10px;
}

.bar_small p {
	float:left;
	font-size:small;
	margin:4px 0 4px 4px;
	font-weight:bold;
}

#container_movie {
	border-color:#D9D9D9;
	border-style:none solid solid;
	border-width:1px;
	padding:5px;
}

p.title_photo {
	background-image:url(http://image.utravelnote.com/images/note/bu/bu_btn_ico_sec.gif);
	clear:left;
	display:inline;
	float:left;
	height:13px;
	margin-right:3px;
	margin-top:3px;
	width:13px;
}

p.title_photo_2 {
	background-image:url(http://image.utravelnote.com/images/note/bu/bu_btn_ico_sec.gif);
	clear:left;
	display:inline;
	float:left;
	height:12px;
	margin-right:3px;
	margin-top:3px;
	width:45px;
}

.pl_img {background-position:-160px -70px;}
p.sm_photo_ho{background-position:-10px -92px;}
p.sm_photo_fo{background-position:-28px -92px;}
p.sm_photo_sh{background-position:-46px -92px;}
p.sm_photo_pl{background-position:-64px -92px;}
p.sm_photo_se{background-position:-82px -92px;}
p.sm_photo_et{background-position:-100px -92px;}

p.ataichi_story, p.movie_story {
	clear:left;
	float:left;
	width:215px;
}
/* side movie player end */

/* tour list */
div.tour_list_btn {clear:left;}
.btn_list {background:url('http://image.utravelnote.com/images/tour/btn_list.gif') no-repeat left 45%;background-position:0 1;padding-left:14px;}
.btn_list a:link, .btn_list a:visited {color:#8A8DDD;text-decoration:none; font-size:11px;}
.btn_list a:hover, .btn_list a:active {color:#8A8DDD;text-decoration:underline; font-size:11px;}