/* CSS Document */
@import url("format.css");

body{
	background:url(../images/top/img_top_back.jpg) top left repeat-x;
}

.gif_fix{position:absolute; top:0; left:0; width:100%; height:320px; text-align:center;}
.gif_fix_in{width:960px; margin:0 auto; padding:0; text-align:left;}

/*flash*/
#top_flash{position:absolute; width:100%; height:446px; margin:0 auto; padding:0; background:#FFFFFF; z-index:1; top:45px;}


/*背景*/
#wrapper{width:100%; margin:0 auto; padding:0;  text-align:center; z-index:2; position:absolute; top:455px; }

/*areaで選ぶ*/
#area{
	background:url(../images/top/img_top_area_base.png) no-repeat top left;
	width:950px;
	margin:0 auto 5px auto;
	padding:0;
	height:590px;
}

*html div#area{
	background:url(../images/top/img_top_area_base.png) no-repeat top left;
	width:950px;
	margin:0 auto 15px auto;
	padding:0;
	height:590px;
}


#area p.tit_spe{
	padding:10px 0 5px 0;
	text-align:left;
}

#area div.link_spe{
	background:url(../images/top/special_contents_bg.jpg) no-repeat top center;
	width:292px;
	height:34px;
	position:relative;
}

#area div.link_spe p{
	font-size:10px;
	color:#999966;
	line-height:1.2em;
}

#area div.link_spe p a{
	color:#990000;
}

#area div.link_spe p a:hover{
	color:#666666;
	top:1px;
}

#area p.copy{
	padding:10px 0 4px 0;
	text-align:left;
}

#area div.text{
	font-size:10px;
	line-height:1.4em;
	text-align:left;
}

#area div.banner{
	margin:8px 0 0 0;
	position:relative;
}

/*#area div.ex{
	behavior:url(../js/iepngfix.htc);
}*/

#area div#map{
	float:left;
	width:320px;
	height:320px;
	margin:0;
	padding:0;
}

#area div#area_sapporo{
	float:left;
	width:315px;
	height:320px;
	margin:0;
	padding:0;
}

#area div#area_sapporo p.title{
	margin:50px 0 0 0;
	height:90px;
}

#area div#area_sapporo div.ex{
	background:url(../images/top/img_area_base_sapporo.png) no-repeat top left;
	padding:0 10px 0 11px;
	height:180px;
}

#area div#area_sapporo div.ex div.text{
	color:#614c5b;
}

#area div#area_sapporo div.ex div.link_spe p{
	padding:5px 0 0 0;
}

#area div#area_hakodate{
	float:right;
	width:315px;
	height:320px;
	margin:0;
	padding:0;
}


#area div#area_hakodate p.title{
	margin:50px 0 0 0;
	height:90px;
}

#area div#area_hakodate div.ex{
	background:url(../images/top/img_area_base_hakodate.png) no-repeat top left;
	padding:0 10px 0 11px;
	height:180px;
}

#area div#area_hakodate div.ex div.text{
	color:#4c5061;
}

#area div#area_hakodate div.ex div.link_spe p{
	padding:11px 0 0 0;
}


#area div#area_dounan{
	float:left;
	width:320px;
	height:270px;
	margin:0;
	padding:0;
}

#area div#area_dounan div.ex{
	background:url(../images/top/img_area_base_dounan.png) no-repeat top left;
	padding:0 10px 0 15px;
	height:190px;
}

#area div#area_dounan div.ex div.text{
	color:#4c614e;
}

#area div#area_dounan div.ex div.link_spe p{
	padding:5px 0 0 0;
}

#area div#area_douou{
	float:left;
	width:315px;
	height:270px;
	margin:0;
	padding:0;
}

#area div#area_douou div.ex{
	background:url(../images/top/img_area_base_douou.png) no-repeat top left;
	padding:0 10px 0 11px;
	height:190px;
}

#area div#area_douou div.ex div.text{
	color:#614c4d;
}

#area div#area_douou div.ex div.link_spe p{
	padding:5px 0 0 0;
}


#area div#area_doutou{
	float:right;
	width:315px;
	height:270px;
	margin:0;
	padding:0;
}

#area div#area_doutou div.ex{
	background:url(../images/top/img_area_base_doutou.png) no-repeat top left;
	padding:0 10px 0 11px;
	height:190px;
}

#area div#area_doutou div.ex div.text{
	color:#615d4c;
}

#area div#area_doutou div.ex div.link_spe p{
	padding:11px 0 0 0;
}


/*センターBOX*/
#top_center{width:950px; margin:0 auto; padding:0;}


/*ツアーで選ぶ*************************/
#top_tour{float:left; width:659px; height:648px; margin:0; padding:0; text-align:left; line-height:1.3em;}
/*IE6.0用*/
*html #top_tour{float:left; width:659px; height:648px; margin:0; padding:0; text-align:left; line-height:1.3em;}


#top_tour_head{
	position:relative;
	width:659px;
	height:252px;
	margin:0;
	padding:0;
	background:url(../images/top/tour_bg.jpg) top left no-repeat;
	background-image: url(../images/top/tour_bg.jpg);
}

.top_tour_head_cap01{position:absolute; top:41px; left:300px; margin:0; padding:0; color:#FFFFFF; font-weight:bold;}
.top_tour_head_cap02{position:absolute; top:152px; left:150px; margin:0; padding:0; color:#516a57; font-weight:normal;}

.top_tour_head_cap001{position:absolute; top:41px; left:300px; margin:0; padding:0; color:#FFFFFF; font-weight:bold;font-size:12px !important;}




/*ナビゲーション*/
#tab_tour{
	position:absolute; top:218px; left:23px; width:600px; height:36px; margin:0; padding:0;
	}

#tab {
	overflow: hidden;
	list-style:none;
	margin:0;
	padding:0;
}

#tab li{float:left; margin:0; padding:0; background:url(../images/top/tab_normal.jpg) top left no-repeat;}
#tab li a, #tab li visiter, #tab li action {
	display: block;
	width: 120px;
	height: 36px;
}
#tab li.present a {
	background:url(../images/top/tab_activ_tour.jpg) top left no-repeat;
	}



#sapporo,#hakodate,#dounan,#douou,#doutou{width:609px; height:396px; margin:0; padding:0 25px; clear:both; background:url(../images/top/tour_bg_bottom.jpg) top left no-repeat; text-align:center;}

*html #sapporo,*html #hakodate,*html #dounan,*html #douou,*html #doutou{width:659px; height:396px; margin:0; padding:0 25px; clear:both; background:url(../images/top/tour_bg_bottom.jpg) top left no-repeat; text-align:center;}




/*各ユニット*/
.tour_unit_left{float:left; width:295px; height:150px; margin:10px 0 0 0; padding:0; background:url(../images/tour/line.gif) bottom left no-repeat;}

.tour_unit_right{float:right; width:297px; height:150px; margin:10px 0 0 0; padding:0; background:url(../images/tour/line.gif) bottom left no-repeat;}

.tour_unit_hatu{text-align:left;}
.tour_unit_name{color:#3B8689; font-weight:bold; margin:5px 0; padding:0; text-align:left;}
.tour_unit_photo{float:left; margin:0 0 5px 0; padding:0;}
.tour_unit_txt a{float:left; color:#3B8689; margin:0 0 5px 4px; padding:0; text-align:left;}
.tour_unit_txt a:hover{float:left; color:#8CCBCE; margin:0 0 5px 4px; padding:0; text-decoration:underline;text-align:left;}


/*リンクボタン*/
.btn_tour{padding:20px 0 0 0;}







/*スペシャルコンテンツ*************************/
#top_special{float:right; width:291px; margin:0; padding:0; text-align:left; line-height:1.3em;}
/*IE6.0用*/
*html #top_special{float:right; width:291px; margin:0; padding:0; text-align:left; line-height:1.3em;}

.top_special_banner{margin:0 0 5px 0; padding:0;}





/*ツアーで選ぶ*************************/
#top_hotel{float:left; width:659px; height:772px; margin:0; padding:0; text-align:left; line-height:1.3em;}
/*IE6.0用*/
*html #top_hotel{float:left; width:659px; height:648px; margin:0; padding:0; text-align:left; line-height:1.3em;}


#top_hotel_head{position:relative; width:659px; height:282px; margin:0; padding:0; background:url(../images/top/hotel_bg.jpg) top left no-repeat;}

.top_hotel_head_cap01{position:absolute; top:69px; left:342px; margin:0; padding:0; color:#2d4280; font-weight:bold; letter-spacing:-0.3px;}
.top_hotel_head_cap02{position:absolute; top:178px; left:147px; margin:0; padding:0; color:#2d4280; font-weight:normal;}

.top_hotel_head_cap001{position:absolute; top:69px; left:342px; margin:0; padding:0; color:#2d4280; font-weight:bold; letter-spacing:-0.3px; font-size:12px !important;}


/*ナビゲーション*/
#tab_hotel{
	position:absolute; top:241px; left:23px; width:600px; height:36px; margin:0; padding:0;
	}
#tab2 {
	overflow: hidden;
	list-style:none;
	margin:0;
	padding:0;
}

#tab2 li{float:left; margin:0; padding:0; background:url(../images/top/tab_normal.jpg) top left no-repeat;}
#tab2 li a, #tab li visiter, #tab li action {
	display: block;
	width: 120px;
	height: 36px;
}
#tab2 li.present a {
	background:url(../images/top/tab_activ_hotel.jpg) top left no-repeat;
	}


#sapporo02,#hakodate02,#dounan02,#douou02,#doutou02{width:589px; height:490px; margin:0; padding:0 45px 0 25px; clear:both; background:url(../images/top/hotel_bg_sapporo.jpg) top left no-repeat; text-align:center;}

*html #sapporo02,*html #hakodate02,*html #dounan02,*html #douou02,*html #doutou02{width:659px; height:490px; margin:0; padding:0 45px 0 25px; clear:both; background:url(../images/top/hotel_bg_sapporo.jpg) top left no-repeat; text-align:center;}


/*各ユニット*/
.hotel_unit_wrap{height:250px;}
.hotel_unit_left{float:left; width:182px; text-align:left;}
.hotel_unit_right{float:right; width:386px; text-align:left;}
.hotel_unit_photo{text-align:left; margin:0; padding:0;}
.hotel_unit_copy{text-align:left; margin:8px 0 0 0; padding:0; font-size:18px; font-weight:bold; color:#802d58;}
.hotel_unit_neme{background:url(../images/hotel/icon_name.jpg) center left no-repeat; margin:10px 0 5px 0; padding:0 0 0 20px; font-weight:bold; color:#025090;}
.hotel_unit_txt{font-size:12px; color:#025090; margin:0 0 5px 5px;}
.hotel_unit_btn01{float:left; margin:5px 0 0 0;}
.hotel_unit_btn02{float:right; margin:5px 0 0 0;}







/*その他*************************/
#top_other{float:right; width:291px; margin:0; padding:0;}


/*その他特集サイト*/
#top_other_site{width:291px; margin:0; padding:40px 0 0 0; background:url(../images/top/banner_menu.jpg) top left no-repeat; background-color:#ffffff;}
/*IE6.0用*/
*html #top_other_site{width:291px; margin:0; padding:40px 0 0 0; background:url(../images/top/banner_menu.jpg) top left no-repeat; background-color:#ffffff;}
.other_site_margin{margin:0 0 1px 0;}


/*国内おすすめツアー情報*/
.osusume_tour_head{margin:5px 0 0 0;}

#osusume_tour{width:268px; margin:0 0 0 1px; padding:3px 0 0 20px; border-left:1px solid #743667; border-right:1px solid #743667;}
/*IE6.0用*/
*html #osusume_tour{width:290px; margin:0 0 0 1px; padding:0 0 0 0px; border-left:1px solid #743667; border-right:1px solid #743667;}

#osusume_tour ul{margin:0; padding:0;}

#osusume_tour li.normal{width:240px; height:20px; margin:0; padding:3px 0 0 10px; border-bottom:1px dotted #616161; text-align:left; background:url(../images/top/topics_icon.gif) center left no-repeat; color:#9D4F79; list-style:none;}
#osusume_tour li.last{width:240px; height:20px; margin:0; padding:3px 0 0 10px; text-align:left; background:url(../images/top/topics_icon.gif) center left no-repeat; color:#9D4F79; list-style:none;}
/*IE6.0用*/
*html #osusume_tour li.normal{width:250px; height:20px; margin:3px 0 0 0; padding:2px 0 0 10px; border-bottom:1px dotted #616161; text-align:left; background:url(../images/top/topics_icon.gif) top left no-repeat; color:#9D4F79; list-style:none;}
*html #osusume_tour li.last{width:250px; height:20px; margin:3px 0 0 0; padding:2px 0 0 10px;text-align:left; background:url(../images/top/topics_icon.gif) top left no-repeat; color:#9D4F79; list-style:none;}

#osusume_tour li a{color:#9D4F79; text-decoration:none;}
#osusume_tour li a:hover{color:#9D4F79; text-decoration:underline;}
.new{font-weight:bold; color:#CC0000;}



/*新着情報*/
#top_other_site2{width:291px;margin:0; padding:63px 0 0 0; background:url(../images/top/banner_menu2.jpg) top left no-repeat; background-color:#ECECEC;}
/*IE6.0用*/
*html #top_other_site2{width:291px; margin:0; padding:63px 0 0 0; background:url(../images/top/banner_menu2.jpg) top left no-repeat; background-color:#ECECEC;}

#new_tour{ margin:0 auto;height:143px; width:250px;}

#new_tour p.normal{padding:5px 0; line-height:1.2em; border-bottom:1px dotted #616161; text-align:left;}
#new_tour p.last{padding:5px 0; line-height:1.2em; text-align:left;}

#new_tour p a{color:#9D4F79; text-decoration:none; font-size:10px; line-height:1.2em;}
#new_tour p a:hover{color:#9D4F79; text-decoration:underline;}


/*フッターバナー*/
.f_banner {
	margin:5px auto;
	width:400px;
}

.merumaga {
	float:left;
}

.sky_bnr {
	float:right;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */