@charset "utf-8";
/***********************************************
cassette
***********************************************/
/*divへのaタグ*/

#contentCassette .data_Wrap a{
	position: absolute;
	width: 870px;
	height: 250px;
	text-decoration: none;
	display: block;
	background: url(../images/cassette/trans.gif);
	cursor: auto;
	text-decoration: none;
}

#contentCassette .big_planWrap a {
	position: absolute;
	width: 870px;
	height: 100%;
	text-decoration: none;
	display: block;
	z-index: 100;
	cursor: auto;
	background: url(../images/cassette/trans.gif);
	text-decoration: none;
}

#contentCassette .smallTopWrap a , .pranWrap a{
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	z-index: 100;
	text-indent: -999em;
	background: url(../images/cassette/trans.gif);
	top: 0px;
	left: 0px;
}
#contentCassette .data_Wrap a:hover , #contentCassette .big_planWrap a:hover , #contentCassette .smallTopWrap a:hover , #contentCassette .pranWrap a:hover{
	background: url(../images/cassette/trans20.png);
}

#contentCassette .coupon_on:hover , #contentCassette .smallcoupon_on:hover{
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	filter: alpha(opacity=70);        /* ie lt 8 */
	opacity: 0.7;
}


#contentCassette{
	background: url(../images/cassette/cassette_bg.png);
	padding: 0px 0px 15px;
	margin:30px auto 0px;
	width:990px;
}
#contentCassette .disBlock{
	display:block;
}
/******************************************BIGカセット*/
#contentCassette .bigCassette{
	width:880px;
	padding:0px 35px 20px;
	background:#FFFFFF;
	margin:10px auto 0px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
}

#contentCassette .bigC_wrap {
	width:880px;
	min-height: 355px;
	background:#FFFFFF;
	margin:0px auto 0px;
}

#contentCassette .bigC_Area {
	background:#5b3e36;
	color:#FFFFFF;
	padding:6px;
	line-height:1;
	font-size:14px;
	margin: 0 0 5px;
	display: inline-block;
}

#contentCassette .data_Wrap {
	width: 870px;
	height: 250px;
	float: left;
}

#contentCassette .photo {
	width: 546px;
	height: 250px;
	float: left;
}
#contentCassette .bigPhoto_photo01,
#contentCassette .bigPhoto_photo02,
#contentCassette .bigPhoto_photo03{
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#contentCassette .bigPhoto_photo01 {
	width: 360px;
	height: 250px;
	float: left;
}
#contentCassette .bigPhoto_photo02 {
	width: 180px;
	height: 122px;
	float: left;
	margin: 0 0 0 6px;
}
#contentCassette .bigPhoto_photo03 {
	width: 180px;
	height: 122px;
	float: left;
	margin: 6px 0 0 6px;
}

#contentCassette .hotel_Wrap {
	width: 320px;
	height: 190px;
	float: left;
}

#contentCassette .hotelName {
	width: 300px;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:1.2;
	color:#534741;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	letter-spacing:1px;
	margin: 1px 0 0 10px;
	padding: 5px;
}

#contentCassette .catch {
	width: 290px;
	height: 170px;
	padding: 5px 0 0 15px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #534741;
    word-wrap: break-word;
}

#contentCassette .big_planWrap {
	width: 880px;
	min-height: 90px;
	margin: 6px 0 0;
	padding: 5px 0 5px;
	background: #eefcff;
	position: relative;
	line-height: 1.3em;
}

#contentCassette .plan_ttl {
	width: 532px;
	height: 23px;
	background: url(../images/cassette/plan_ttl.png) no-repeat;
	margin: 5px 0 5px 10px;
	position: absolute;
}


#contentCassette .price_wrap {
	width: 310px;
	height: 50px;
	float: left;
	text-align: center;
}

#contentCassette .planName {
	width: 538px;
	min-height: 50px;
	color: #4e4c4c;
	float: left;
	padding: 35px 8px 0 10px;
	word-wrap: break-word;
}

#contentCassette .number {
	text-align: left;
	font-size:12px;
	margin: 0 0 0 21px;
	color:#999999;
	display:block;
}

#contentCassette .price01 {
	height: 20px;
	font-size:15px;
	color:#795637;
	font-weight:bold;
	display:inline-block;
	padding: 5px 0 0 0px;
}

#contentCassette .sign {
	width: 20px;
	height: 20px;
	padding: 5px 0 0 5px;
}

#contentCassette .price02 {
	height: 20px;
	font-size:20px;
	text-align: center;
	color:#CC0000;
	font-weight:bold;
	display:inline-block;
	padding: 4px 0 0 3px;
}

#contentCassette .plan_btn {
	width: 312px;
	height: 32px;
	float: left;
	margin: 0 0 0 0px;
}



/******************************************bigcoupon*/

#contentCassette .coupon_on {
	width: 312px;
	height: 59px;
	float: left;
	margin: 0px 0 0 10px;
}

#contentCassette .coupon_on a{
	width: 312px;
	height: 59px;
}

#contentCassette .coupon_off {
	width: 282px;
	height: 18px;
	float: left;
	margin: 42px 0 0 22px;
}





/******************************************SMALLカセット*/

#wrapsmallCassette {
	margin:0 0 0 10px;
}

#contentCassette .smallCassette{
	width:280px;
	padding:0px 15px 15px;
	background:#FFFFFF;
	margin:10px 0px 0px 10px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	float:left;
}
#contentCassette .smallCassette .smallTopWrap{
	position: relative;
}
#contentCassette .smallC_Area{
	background:#5b3e36;
	color:#FFFFFF;
	padding:3px;
	line-height:1;
	display: inline-block;
	font-size:14px;
}
#contentCassette .smallC_hotelName{
	padding:5px 0px 5px;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:1.2em;
	color:#534741;
	border-bottom: 1px solid gray;
	overflow:hidden;
}
#contentCassette .smallCassette .cassettePhotoWrap{
	padding-top: 10px;
	width: 280px;
	margin: 0 auto;
}
#contentCassette .smallCassette .pranWrap{
	position: relative;
	padding: 10px 8px 5px;
	margin-top: 5px;
	color:#4e4c4c;
	background: #eefcff;
}

#contentCassette .smallCassette .pranWrap .pranName{
	font-size: 14px;
	line-height: 1.2em;
	padding: 0px 0px 5px 5px;
/*	min-height: 60px !important; */
	word-wrap: break-word;
}
#contentCassette .smallCassette .pranWrap .priceWrap{
	padding: 3px 0px ;
	line-height: 1;
	text-align: center;
}


#contentCassette .smallCassette .pranWrap .sec01{
	font-size: 12px;
	color: #999999;
	display: block;
	padding: 0px 0px 0px 10px;
	text-align:left;
}
#contentCassette .smallCassette .pranWrap .sec02{
	font-size: 16px;
	display: inline-block;
	padding: 5px 0px 0px 0px;
}
#contentCassette .smallCassette .pranWrap .sec03{
	font-size: 16px;
	display: inline-block;
	padding: 5px 0px 0px 5px;
}
#contentCassette .smallCassette .pranWrap .sec04{
	font-size: 20px;
	color: #CC0000;
	font-weight:bold;
	display: inline-block;
	padding: 5px 0px 0px 5px;
}

#contentCassette .smallCassette .pranWrap .pranBtn{
	background:url(../images/cassette/small_plan_btn.jpg) no-repeat;
	width: 264px;
	height: 30px;
	margin: 10px auto 0px;
}

.cassettePhotoWrap .small-top{
	width: 280px;
	height: 150px;
    margin-bottom: 5px;
}

.small-left,
.small-right{
	width: 138px;
    height: 80px;
	float: left;
}
.small-left{ margin-right: 4px;}

.cassettePhotoWrap .small-top,
.cassettePhotoWrap .small-left,
.cassettePhotoWrap .small-right{
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



/******************************************smallcoupon*/


#contentCassette .smallCassette .pranWrap .smallcoupon_on {
	width: 264px;
	height: 50px;
	float: left;
	margin: 5px 0 0 0px;
	position: relative;
}

#contentCassette .smallCassette .pranWrap .smallcoupon_off {
	width: 264px;
	height: 50px;
	float: left;
	margin: 5px 0 0 0px;
	position: relative;
}


/******************************************pagetop*/
#wrapPagetop{
	margin:15px auto 0px;
	padding-bottom:15px;
	width:990px;
}
#wrapPagetop a{
	background:url(../images/cassette/pagetop.gif) no-repeat;
	width:136px;
	height:28px;
	display:inline-block;
	text-indent:-9999px;
	float:right;
}
#wrapPagetop a:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/******************************************厳選プランはこちらボタン*/
#btnGensen{
	background:url(../images/free/icon_arrow.png) no-repeat 900px center #8c7a61;
	color:#FFFFFF;
	margin:25px auto 10px;
	width:950px;
}
#btnGensen a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	display:block;
	padding: 8px 0px;
	text-decoration:none;
	letter-spacing:0.1em;
	line-height:1em;
}
#btnGensen a:hover{
	background:url(../images/free/icon_arrow.png) no-repeat 900px center #5E503C;
	color:#FFFFFF;
}
