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

/*【スペシャルコンテンツ共通CSS】**************************************************************/

/*メインFLASH*/
*html #Flash_main{
	width:100%;
	height:436px;
	margin:-20px 0 0 0;
	padding:0;
	}
#Flash_main{
	width:100%;
	height:436px;
	margin:0;
	padding:0;
	}
	
/*コンテンツWrap*/
#Contents_bg_Wrap{
	width:100%;
	margin:1px 0 0 0;
	padding:0;
	background:url(../images/bg_Contents_Wrap.jpg) top left repeat-x;
	text-align:center;/*IE用センター揃え*/
	}
#Contents_Wrap{
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

.m_5_0{margin:5px 0;}
.m_0_0_5_0{margin:0 0 5px 0;}
.m_0_0_10_0{margin:0 0 10px 0;}
.m_0_0_15_0{margin:0 0 15px 0;}
.m_0_0_20_0{margin:0 0 20px 0;}
.m_0_0_190_0{margin:0 0 190px 0;}

.left{float:left;}
.right{float:right;}



	
/*詳しくはこちら*/
.detail_this a{
	background:url(../images/arrow.gif) center left no-repeat;
	font-size:10px;
	text-decoration:underline;
	margin:0;
	padding:0 0 0 18px;
	color:#82434D;
	}
.detail_this a:hover{
	background:url(../images/arrow_r.gif) center left no-repeat;
	color:#CE9FA7;
	}


/*【おすすめホテル】**************************************************************/

#recommend_hotel {
	width:960px;
	height:559px;
	margin:0 auto;
	padding:20px 0 0 0;
	}

#recommend_hotel_t {
	width:960px;
	height:106px;
	background:url(../images/hotel_title.jpg) top no-repeat;
	}

#recommend_hotel_t p{
	color:#FFFFFF;
	font-size:12px;
	padding:90px 0 0 45px;
	}

#recommend_hotel01 {
	float:left;
	width:480px;
	height:225px;
	background:url(../images/hotel_bg01.jpg) top no-repeat;
	}

#recommend_hotel02 {
	float:left;
	width:480px;
	height:225px;
	background:url(../images/hotel_bg02.jpg) top no-repeat;
	}

#recommend_hotel03 {
	float:left;
	width:480px;
	height:228px;
	background:url(../images/hotel_bg03.jpg) top no-repeat;
	}

#recommend_hotel04 {
	float:left;
	width:480px;
	height:228px;
	background:url(../images/hotel_bg04.jpg) top no-repeat;
	}

.hotel_padding {
	float:left;
	width:290px;
	height:135px;
	padding:95px 0 0 175px;
	}
	
.hotel_name {
	width:290px;
	height:18px;
	font-size:12px;
	font-weight:bold;
	color:#f1e6c0;
	border-bottom:1px solid #cccccc;
	}
	
.hotel_text {
	width:290px;
	height:60px;
	font-size:12px;
	color:#ffffff;
	line-height:1.6em;
	}	

.hotel_btn {
	padding:10px 0 0 0;
	float:left;
	width:290px;
	height:24px;
	}
	
.hotel_btn_padding {
	padding:0 10px 0 0
	}




/*【おすすめツアー】**************************************************************/
	
#recommend_tour {margin:0;padding:0;width:960px;height:348px;background:url(../images/travel/tour_bg.jpg) top no-repeat;}
#recommend_tour_left {float:left;width:470px;height:348px;}

#recommend_tour_left p.text01 {font-size:12px;font-weight:bold;color:#2d4e97;padding:30px 0 0 192px;}
#recommend_tour_left p.text02 {font-size:12px;color:#333333;padding:102px 0 0 47px;line-height:1.8em;}

#recommend_tour_right {float:right;width:490px;height:348px;}	
#recommend_tour_right a:link{color:#2d4e97;line-height:1.4em;}
#recommend_tour_right a:visited{color:#2d4e97;line-height:1.4em;}
#recommend_tour_right a:hover{color:#2d4e97;line-height:1.4em; text-decoration:underline;}
	
.recommend_tour {width:450px;}

.tour_left {padding:20px 0 5px 0;float:left;width:90px;height:90px;}
.tour_right {padding:20px 0 5px 0;float:right;width:360px;height:90px;}
.tour_left2 {padding:5px 0 5px 0;float:left;width:90px;height:90px;}
.tour_right2 {padding:5px 0 5px 0;float:right;width:360px;height:90px;}

#recommend_tour_right p.img{padding:5px 0 0 5px;}
#recommend_tour_right p.text01{padding:5px 0 0 5px;width:360px;height:20px;border-bottom:1px dotted #999999;font-size:12px;font-weight:bold;color:#2d4e97;}
#recommend_tour_right p.text02{padding:2px 0 0 5px;font-size:12px;color:#2d4e97;line-height:1.4em;}

.recommend_border {clear:both;width:450px;height:7px;}
	


/*【函館オリジナル部分】**************************************************************/

/* エリアマップ*/
#swf_map {
	clear:both;
	width:960px;
	height:581px;
	text-align:center;
	}

/* おすすめスポット */
#spot_wrap {
	width:960px;
	height:1300px;
	background:url(../images/spot_bg.jpg) bottom no-repeat;
	}

#spot02 {
	width:960px;
	height:65px;
	background:url(../images/spot_img02.jpg) top no-repeat;
	}

#spot04 {
	width:960px;
	height:80px;
	background:url(../images/spot_img04.jpg) top no-repeat;
	text-align:center;
	}

#spot06 {
	width:960px;
	height:95px;
	background:url(../images/spot_img06.jpg) top no-repeat;
	text-align:center;
	}
	
#spot08 {
	width:960px;
	height:100px;
	text-align:center;
	}	
	
	
.spot_text_wrap01 {float:left;width:320px;}
.spot_text_wrap01 p.text01{text-align:left;padding:0 0 0 52px;font-size:12px; font-weight:bold; color:#007dbe;}
.spot_text_wrap01 p.text02{text-align:left;padding:0 0 5px 52px;font-size:10px; color:#666666; line-height:1.3em;}
.spot_text_wrap01 p.text03{text-align:left;padding:0 0 0 52px;font-size:12px; font-weight:bold; color:#006633;}
.spot_text_wrap01 p.text04{text-align:left;padding:0 0 0 52px;font-size:12px; font-weight:bold; color:#a40000;}
	
.spot_text_wrap02 {float:left;width:298px;}
.spot_text_wrap02 p.text01{text-align:left;padding:0 0 0 32px;font-size:12px; font-weight:bold; color:#007dbe;}
.spot_text_wrap02 p.text02{text-align:left;padding:0 0 5px 32px;font-size:10px; color:#666666; line-height:1.3em;}
.spot_text_wrap02 p.text03{text-align:left;padding:0 0 0 32px;font-size:12px; font-weight:bold; color:#006633;}
.spot_text_wrap02 p.text04{text-align:left;padding:0 0 0 32px;font-size:12px; font-weight:bold; color:#a40000;}

.spot_text_wrap03 {float:left;width:238px;}
.spot_text_wrap03 p.text01{text-align:left;padding:0 0 0 55px;font-size:12px; font-weight:bold; color:#007dbe;}
.spot_text_wrap03 p.text02{text-align:left;padding:0 0 5px 55px;font-size:10px; color:#666666; line-height:1.3em;}
.spot_text_wrap03 p.text03{text-align:left;padding:0 0 0 55px;font-size:12px; font-weight:bold; color:#006633;}
.spot_text_wrap03 p.text04{text-align:left;padding:0 0 0 55px;font-size:12px; font-weight:bold; color:#a40000;}

.spot_text_wrap04 {float:left;width:224px;}
.spot_text_wrap04 p.text01{text-align:left;padding:0 0 0 40px;font-size:12px; font-weight:bold; color:#007dbe;}
.spot_text_wrap04 p.text02{text-align:left;padding:0 0 5px 40px;font-size:10px; color:#666666; line-height:1.3em;}
.spot_text_wrap04 p.text03{text-align:left;padding:0 0 0 40px;font-size:12px; font-weight:bold; color:#006633;}
.spot_text_wrap04 p.text04{text-align:left;padding:0 0 0 40px;font-size:12px; font-weight:bold; color:#a40000;}

.spot_detail {
	clear:both;
	width:874px;
	height:30px;
	margin:0 auto;
	text-align:right;
	border-top:1px solid #cccccc;
	}

.spot_detail p{
	padding: 10px 0 0 0;
	}


/* コースマップ*/
#swf_map2 {
	clear:both;
	width:960px;
	height:444px;
	text-align:center;
	}


/* アラカルト*/
#alacarte_title {
	width:960px;
	height:156px;
	background:url(../images/alacarte01.jpg) top no-repeat;
	}

#alacarte_title p{
	padding:82px 0 0 27px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.8em;
	}

#alacarte_wrap {
	width:960px;
	height:354px;
	}

#alacarte_wrap_left {
	float:left;
	width:480px;
	height:354px;
	background:url(../images/alacarte02.jpg) top no-repeat;
	}

#alacarte_wrap_left p{
	padding:222px 24px 0 34px;
	float:left;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5em;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
#alacarte_wrap_right {
	float:right;
	width:480px;
	height:354px;
	background:url(../images/alacarte03.jpg) top no-repeat;
	}
	
#alacarte_wrap_right p.text01{
	padding:222px 0 0 30px;
	float:left;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5em;
	text-align:left;
	}

#alacarte_wrap_right p.text02{
	padding:222px 0 0 10px;
	float:left;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5em;
	text-align:left;
	}