@charset "utf-8";

/*  ---- おすすめ共通 ---- */


.for_title{
	padding-bottom: 25px;
	padding-top: 5px;
}

.btn_recommend{
	float: right;
}
.point_box{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bn_box{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.bn_box td{
	text-align: center;
}
.btn_more{
	padding-right: 10px;
	text-align: right;
	vertical-align: baseline;
	margin-bottom: 10px;
}

/*  ---- ファミリーおすすめ ---- */

.read_family{
	background-image: url(../img/famiry/family_read.gif);
	height: 35px;
	background-repeat: no-repeat;
	width: 98%;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
.family_jalpack_box{
	margin-bottom: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	}

.family_jalpack_left{
	background-repeat: no-repeat;
	width: 325px;
	float: left;
	display:inline;
}
.family_jalpack_mo{
	width: 325px;
	margin-right: auto;
	margin-left: auto;
	}
.family_jalpack_mo td{
	padding: 5px;
	text-align: center;
}
.ch_read{
	background-color: #F93;
	width: 230px;
	font-size: 12px;
	margin: 5px auto;
}
.ch_txt{
	font-size: 12px;
	text-align: left;
}

.family_jalpack_right{
	float: left;
	width: 290px;
	display:inline;
	padding:0 14px 0 8px;
}
.family_jalpack_mg{
	margin-bottom: 3px;
}
.reco_title{
	width: 865px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.reco_box{
	width: 865px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.reco_box td{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
/*  ---- カップルにおすすめ ---- */
.couple_read{
	background-image: url(../img/couple/couple_read.gif);
	height: 35px;
	background-repeat: no-repeat;
	width: 85%;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

/*  ---- 友達におすすめ ---- */
.friends_read{
	background-image: url(../img/friends/friends_read.gif);
	height: 35px;
	background-repeat: no-repeat;
	width: 90%;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
/*  ---- シニアにおすすめ ---- */
.senier_read{
	background-image: url(../img/senier/senier_read.gif);
	height: 35px;
	background-repeat: no-repeat;
	width: 86%;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
/*  ---- propose ---- */
.propose_read {	
	background-image: url(../img/purpose/read_purpose.gif);
	height: 104px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-indent:-9999px;
}
.stay_plan_box{
	width: 900px;
	height:558px;
	margin:10px auto;
	background:url(../img/purpose/stay_plan_bg.jpg) no-repeat;
	position:relative;
}
.stay_couple{
	position:absolute;
	left: 0px;
	top: 96px;
}
.stay_senier{
	position:absolute;
	left: 0px;
	top: 313px;
}
.stay_family{
	position:absolute;
	left: 444px;
	top: 73px;
}
.stay_friends{
	position:absolute;
	left: 444px;
	top: 285px;
}
#btn_detail01 a { 
	background:url(../img/purpose/btn_detai_a.gif);
	background-position:0 0;
	width:137px;
	height:35px;
	position:absolute;
	left: 297px;
	top: 185px;
	text-indent:-9999px;
}
#btn_detail01 a:hover { background:url(../img/purpose/btn_detai_a.gif) ; background-position:0 35px; }
#btn_plan01 a { 
	background:url(../img/purpose/btn_plan_a.gif);
	background-position:0 0;
	width:137px;
	height:35px;
	position:absolute;
	left: 297px;
	top: 227px;
	text-indent:-9999px;
}
#btn_plan01 a:hover { background:url(../img/purpose/btn_plan_a.gif) ; background-position:0 35px; }
.btn_detail02 a { 
	background:url(../img/purpose/btn_detail_b.gif);
	background-position:0 0;
	width:137px;
	height:39px;
	position:absolute;
	left: 734px;
	top: 186px;
	text-indent:-9999px;
}
.btn_detail02 a:hover { background:url(../img/purpose/btn_detail_b.gif) ; background-position:0 39px; }
#btn_plan02 a { 
	background:url(../img/purpose/btn_plan_b.gif);
	background-position:0 0;
	width:137px;
	height:36px;
	position:absolute;
	left: 734px;
	top: 226px;
	text-indent:-9999px;
}
#btn_plan02 a:hover { background:url(../img/purpose/btn_plan_b.gif) ; background-position:0 36px; }
#btn_detail03 a { 
	background:url(../img/purpose/btn_detail_b.gif);
	background-position:0 0;
	width:137px;
	height:39px;
	position:absolute;
	left: 297px;
	top: 408px;
	text-indent:-9999px;
}
#btn_detail03 a:hover { background:url(../img/purpose/btn_detail_b.gif) ; background-position:0 39px; }
#btn_plan03 a { 
	background:url(../img/purpose/btn_plan_b.gif);
	background-position:0 0;
	width:137px;
	height:36px;
	position:absolute;
	left: 297px;
	top: 453px;
	text-indent:-9999px;
}
#btn_plan03 a:hover { background:url(../img/purpose/btn_plan_b.gif) ; background-position:0 36px; } 
#btn_detail04 a { 
	background:url(../img/purpose/btn_detai_a.gif);
	background-position:0 0;
	width:137px;
	height:35px;
	position:absolute;
	left: 735px;
	top: 428px;
	text-indent:-9999px;
}
#btn_detail04 a:hover { background:url(../img/purpose/btn_detai_a.gif) ; background-position:0 35px; }

#btn_plan04 a { 
	background:url(../img/purpose/btn_plan_a.gif);
	background-position:0 0;
	width:137px;
	height:35px;
	position:absolute;
	left: 735px;
	top: 470px;
	text-indent:-9999px;
}
#btn_plan04 a:hover { background:url(../img/purpose/btn_plan_a.gif) ; background-position:0 35px; }

#pro_fac_area {	width: 900px; margin:10px auto;}
#pro_fac { background:url(../img/purpose/fac_bg.gif) repeat-y; }
#pro_fac_inner { background:url(../img/purpose/fac_bottom.gif) bottom no-repeat; padding-bottom:32px; }
.pro_fac_contents { margin:0 8px; }
.pro_fac_contents_box { width:254px; padding:0 20px; float:left;}
.pro_fac_contents_box dt { margin-bottom:10px;}
.pro_fac_contents_box dd { color:#333333;}
.pro_btn_fac_contents_box { width:193px; padding:0 50px; float:left;}


.btn_fac a { 
	background:url(../img/purpose/btn_pro_fac_detail.gif);
	width:193px;
	height:35px;
	text-indent:-9999px;
	display:block;
}
.btn_fac a:hover { background:url(../img/purpose/btn_pro_fac_detail_on.gif) ; }

.pt20 { padding:20px 0 0 0;}
