@charset "utf-8";
/* ===================================================================
CSS information

 file name  :activity.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

#activity .stay {
	background:url(../images/bg.jpg) center 42px no-repeat;
}

#activity .shop {
	background: url(../images/bg_shop.jpg) center 42px no-repeat;
}

#activity .lei {
	background: url(../images/bg_lei.jpg) center 42px no-repeat;
}

#activity .act {
	background: url(../images/bg_act.jpg) center 42px no-repeat;
}

#activity .gou {
	background: url(../images/bg_gou.jpg) center 42px no-repeat;
}

.title_area p {
	margin:10px 0 0 0;
	width:490px;
	color:#617085;
}

/* -----------------------------------------------------------
	カテゴリページ共通指定
----------------------------------------------------------- */

/* .cnt1 */
#activity #main .cnt1 {
	clear:both;
	overflow:hidden;
	/zoom:1;
	margin: 0 0 15px 0;
}

#activity #main .cnt1 .txt {
	width: 415px;
	float: left; 
	padding: 0 0 0 15px;
}

#activity #main .cnt1 .photo {
	width: 250px;
	float: right;
}

/* .cnt1_no */
#activity #main .cnt1_no {
	clear:both;
	overflow:hidden;
	/zoom:1;
	margin: 0 0 15px 0;
	background: url(../images/st_only_no.gif) center top no-repeat;
}

#activity #main .cnt1_no .txt {
	width: 415px;
	float: left; 
	padding: 40px 0 0 15px;
}

#activity #main .cnt1_no .photo {
	width: 250px;
	float: right;
	padding: 15px 0 0 15px;	
}


/* .m_page 内部メニュー　上 */
#activity .m_page {
	width: 710px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#activity .m_page li {
	float: left;
	height: 58px;
}

#activity .m_page li a {
	height: 0;
	padding-top: 58px;
	display: block;
	overflow: hidden;
}

#activity .m_page li.m_stay a {
	width: 166px;
	background: url(../images/m_stay.jpg) 0 0 no-repeat;
}

#activity .m_page li.m_shop a {
	width: 136px;
	background: url(../images/m_shop.jpg) 0 0 no-repeat;
}

#activity .m_page li.m_lei a {
	width: 136px;
	background: url(../images/m_lei.jpg) 0 0 no-repeat;
}

#activity .m_page li.m_act a {
	width: 136px;
	background: url(../images/m_act.jpg) 0 0 no-repeat;
}

#activity .m_page li.m_gou a {
	width: 136px;
	background: url(../images/m_gou.jpg) 0 0 no-repeat;
}


/* HOVER&アクティブ状態 */
#activity .m_page li a:hover,
#activity #m_stay li.m_stay a,
#activity #m_shop li.m_shop a,
#activity #m_lei li.m_lei a,
#activity #m_act li.m_act a,
#activity #m_gou li.m_gou a{
	background-position: 0 -58px;
}

/* .m_page 内部メニュー 下*/
#activity .m_page_u {
	width: 710px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#activity .m_page_u li {
	float: left;
	height: 58px;
}

#activity .m_page_u li a {
	height: 0;
	padding-top: 58px;
	display: block;
	overflow: hidden;
}

#activity .m_page_u li.m_stay a {
	width: 166px;
	background: url(../images/m_stay_u.jpg) 0 0 no-repeat;
}

#activity .m_page_u li.m_shop a {
	width: 136px;
	background: url(../images/m_shop_u.jpg) 0 0 no-repeat;
}

#activity .m_page_u li.m_lei a {
	width: 136px;
	background: url(../images/m_lei_u.jpg) 0 0 no-repeat;
}

#activity .m_page_u li.m_act a {
	width: 136px;
	background: url(../images/m_act_u.jpg) 0 0 no-repeat;
}

#activity .m_page_u li.m_gou a {
	width: 136px;
	background: url(../images/m_gou_u.jpg) 0 0 no-repeat;
}


/* HOVER&アクティブ状態 */
#activity .m_page_u li a:hover,
#activity #m_stay_u li.m_stay a,
#activity #m_shop_u li.m_shop a,
#activity #m_lei_u li.m_lei a,
#activity #m_act_u li.m_act a,
#activity #m_gou_u li.m_gou a{
	background-position: 0 -58px;
}

/* ---------------------------------
	過ごし方
---------------------------------*/
/*共通*/
#activity #main  .txt_stay {
	margin: 10px 0 0 0;
	font-size: 12px;
}

#activity #main  .txt_stay img{
	vertical-align: bottom;
}

/*朝*/
#activity #main .con_start {
	overflow:hidden;
	height: 710px;
	background: url(../images/stay/bg_start.jpg) center top no-repeat;
	position:relative;
}

#activity #main .con_start .box_sanpo {
	width:310px;
	position: absolute;
	top:254px;
	left:377px;
}

#activity #main .con_start .box_tenbo {
	width:182px;
	position: absolute;
	top:505px;
	left:15px;
}

#activity #main .con_start .box_buffet p{
	margin-left: 40px;
}

#activity #main .con_start .box_buffet {
	width:350px;
	position: absolute;
	top:556px;
	left:233px;
}


/*昼*/
#activity #main .con_noon {
	overflow:hidden;
	height: 569px;
	background: url(../images/stay/bg_noon.jpg) center top no-repeat;
	position:relative;
}

#activity #main .con_noon .box_act {
	width:529px;
	position: absolute;
	top:49px;
	left:181px;
}

#activity #main .con_noon ul {
	width:710px;
	position: absolute;
	top:191px;
	left:0px;
}

#activity #main .con_noon ul li{
	float: left;

}

/*夕方*/
#activity #main .con_twilight {
	overflow:hidden;
	height: 410px;
	background: url(../images/stay/bg_twilight.jpg) center top no-repeat;
	position:relative;
}

#activity #main .con_twilight .box_yuhi {
	width:480px;
	position: absolute;
	top:271px;
	left:45px;
}

#activity #main .con_twilight .box_yuhi p{
	color:#ffffff;
}



/*夜*/
#activity #main .con_night {
	overflow:hidden;
	height: 630px;
	background: url(../images/stay/bg_night.jpg) center top no-repeat;
	position:relative;
}

#activity #main .con_night .box_dinner {
	width:330px;
	position: absolute;
	top:61px;
	left:347px;	
}

#activity #main .con_night .box_karahai {
	width:330px;
	position: absolute;
	top:418px;
	left:43px;	
}

#activity #main .con_night .box_kanran {
	position: absolute;
	top:552px;
	left:390px;	
}

#activity #main .con_night p{
	color:#ffffff;
}


/*夜中*/
#activity #main .con_midnight {
	overflow:hidden;
	height: 510px;
	background: url(../images/stay/bg_midnight.jpg) center top no-repeat;
	position:relative;
}

#activity #main .con_midnight .box_bed {
	position: absolute;
	width: 370px;
	top:107px;
	left:45px;	
}

#activity #main .con_midnight .box_bed p {
	color:#ffffff;
}
/* ---------------------------------
	観光スポット
---------------------------------*/


/* 汎用スポット .con_spot */
#activity #main .con_spot {
	margin: 0 0 50px 0;
	overflow:hidden;
	clear: both;
}

/* 汎用スポット左 .con_spot_l */
#activity #main .con_spot_l {
	float: left;
	width: 340px;
	border-top:2px solid #87815b;
	padding: 10px 0 0 0;
	overflow:hidden;
}

/* 汎用スポット右 .con_spot_r */
#activity #main .con_spot_r {
	float: right;
	width: 340px;
	border-top:2px solid #87815b;
	padding: 10px 0 0 0;
	overflow:hidden;
}

/* 汎用スポット共通 */

#activity #main .con_spot_l h4,
#activity #main .con_spot_r h4{
	width: 215px;
	float: left;
	padding: 0 0 8px 0;
	background: url(../images/bg_st.gif) bottom left no-repeat;
}

#activity #main .btn_hp{
	float: right;
	margin: 0 1px 0 0;	
}

#activity #main .btn_map{
	float: right;

}

#activity #main .box_spot {
	clear:both;
	border-bottom: 1px dotted #947e62;
	padding: 10px 0 15px 0;
	margin: 0 0 10px 0;
	overflow:hidden;
	width: 340px;	
}

#activity #main .box_spot .photo{
	float: left;
	width: 180px;
	margin: 0 0 5px 0;
}

#activity #main .box_spot .txt_from{
	width: 180px;
	margin: 5px 0 0 0;
}

#activity #main .box_spot .txt_from img{
	vertical-align: bottom;
	margin: 0 5px 0 0;
}


#activity #main .box_spot .txt{
	float: right;
	width: 140px;	
}

#activity #main .spot th{
	background: #e8e3c5;
	border-bottom:1px solid #FFF;
	padding: 3px;
	text-align: center;
}

#activity #main .spot td{
	padding: 0 0 0 5px;	
}

/* ---------------------------------
	グルメのみ
---------------------------------*/


/* 周辺施設の割引 */

#activity #main .con_tokuten {
	overflow: hidden;
	margin: 0 0 25px 0;
}

#activity #main .con_tokuten h4 {
	margin: 0 0 10px 0;
}

#activity #main .con_tokuten .box_txt{
	overflow: hidden;
	width: 450px;
	float: left;
}

#activity #main .con_tokuten .box_txt .photo{
	float: left;
	padding: 0 10px 0 0;
}

#activity #main .con_tokuten .box_txt .txt{
	padding: 30px 0 10px 0;
	float: left;	
	width: 230px;
}

#activity #main .con_tokuten .box_txt .btn{
	float: left;
	width: 230px;	
}

/* 夕食チケット */

#activity #main .con_ticket {
	overflow: hidden;
	margin: 0 0 40px 0;
}

#activity #main .con_ticket h4 {
	margin: 0 0 10px 0;
}

#activity #main .con_ticket .box_txt{
	overflow: hidden;
	width: 450px;
	float: left;
}

#activity #main .con_ticket .box_txt .photo{
	float: left;
	padding: 0 10px 0 0;
}

#activity #main .con_ticket .box_txt .txt{
	padding: 30px 0 10px 0;
	float: left;	
	width: 230px;
}

#activity #main .con_ticket .box_txt .txt span{
	color: #7e3b00;
	font-size: 0.8em;
}

#activity #main .con_ticket .box_txt .btn{
	float: left;
	width: 230px;	
}


/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}