@charset "UTF-8";
/* CSS Document */

/* ホテルカセット */

#cassette {
	background-color:#e61d60;
	padding:10px;
	width:884px;
	border: 1px solid #999999;
	height: 220px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 10px;
}

#cassette-inner01 {
	height:210px;
	padding:5px;
	margin:0;
	background-color:white;
}

#cassette-inner02 {
	background-color:white;
	border-top:1px solid #CCCCCC;
	height:30px;
	margin:10px 0 0;
	padding:5px;
}

#cassette .cassetteimg {
	width:310px;
	display:inline;
	float:left;
	/*margin-left:10px;*/
}

#cassette .cassettetxt {
	width:540px;
	display:inline;
	float:left;
	margin-left:8px;
	padding:0;
	color: #078598;
	border-left:1px solid #ccc;
	padding-left:8px;
}

#cassette .cassettemap {
	float:right;
	border:2px solid #ccc;
	margin:8px 0 10px 3px;

}

#cassette .subcatch{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}

#cassette .subcatch2{
	font-size: 12px;
	background-color: #E4FFEF;
	margin-top: 5px;
	margin-bottom: 5px;
}

#cassette .subcatch2 strong{
	color: #990000;
}

#cassette h3{
	font-size: 20px;
	color:#b10c79;
	height:28px;
	padding:4px 0 0 30px;
	border-bottom:1px solid #ccc;
	background:url(../../../cassette/common/img/title-bg.gif) no-repeat;
}

#cassette h4{
	font-size: 13px;
	margin:3px 0;
	padding:3px 0;
	border-bottom: 1px #ccc solid;
}

#cassette h5{
	font-size: 11px;
	border-bottom: 1px #ccc solid;
	color: #333333;
	margin: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	text-indent: 0px;
	padding: 0px;
}


/* ホテル詳細とわくわく特典ボタン */

#cassette .shosai-tokuten-botan {
	width:233px;
	padding-top:5px;
	margin:0 0 0 20px;
	display:inline;
	float:left;
	/*margin-left:10px;*/
}

  #shosai-tokuten-ul {
    width: 233px; height: 19px;
    background: url(../../../cassette/common/img/cassette-botans.gif);
    margin: 0; padding: 0;
    position: relative;
}
  #shosai-tokuten-ul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #shosai-tokuten-ul li, #shosai-tokuten-ul a {
    height: 19px; display: block;}
	
  #shosai-tokuten-ul li a {
	text-indent: -8967px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
	}
	
  #hotel-shosai {left: 0; width: 117px;}
  #wakuwaku-tokuten {left: 117px; width: 116px;}

  #hotel-shosai a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    0 -19px no-repeat;}
  #wakuwaku-tokuten a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    -117px -19px no-repeat;}
	
.clear-border {
	clear:both;
	height: 5px;
	border-bottom:1px solid #ccc;
	margin:0 0 5px 0;
}


/* 発地ボタン */

#cassette .cassette-hatsuchi-botans {
	width:566px;
	display:inline;
	float:left;
	margin:0 0 0 50px;
	padding:0;
}

  #cassette-hatsuchi-botans-ul {
    width: 566px; height: 30px;
    background: url(../../../cassette/common/img/cassette-botans.gif) 0px -39px no-repeat;
    margin: 0; padding: 0;
    position: relative;
}
  #cassette-hatsuchi-botans-ul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #cassette-hatsuchi-botans-ul li, #cassette-hatsuchi-botans-ul a {
    height: 30px; display: block;}
	
  #cassette-hatsuchi-botans-ul li, #cassette-hatsuchi-botans-ul li a {
	text-indent: -8967px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
	}
	
  #kochira {left: 0; width: 124px;}
  #tokyo-hatsu {left: 124px; width: 93px;}
  #kansai-hatsu {left: 217px; width: 116px;}
  #nagoya-hatsu {left: 333px; width: 102px;}
  #kanazawa-hatsu {left: 435px; width: 113px;}

  #tokyo-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    -124px -69px no-repeat;}
  #kansai-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    -217px -69px no-repeat;}
  #nagoya-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    -333px -69px no-repeat;}
  #kanazawa-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans.gif)
    -435px -69px no-repeat;}



/* ホテルカセット02 st217 ４色ヘッダー */

#orange { height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif)
	0 0 no-repeat;}	
#red  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif)
	-222px 0 no-repeat;}
#green  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-442px 0 no-repeat;}
#blue  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-662px 0 no-repeat;}
#dark-green  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-882px 0 no-repeat;}
#light-blue  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-1100px 0 no-repeat;}
#light-dark-green  {height:260px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-1322px 0 no-repeat;}	
	

#orange h3 ,#red h3 ,#green h3 ,#blue h3 ,#dark-green h3 ,#light-blue h3 ,#light-dark-green h3 {
		font-size:12px;
		color:#fff;
		margin:4px 0 5px 30px;
		padding:0;
	}
	
#orange .cas02p ,#red .cas02p ,#green .cas02p ,#blue .cas02p ,#dark-green .cas02p ,#light-blue .cas02p ,#light-dark-green .cas02p {
		color: #078598;
		margin:8px 0;
	}
	
	

/* ４分の１カセットの発地ボタン */

#cassette .cas-q-kaku-hatsuchi {
	width:196px;
	display:inline;
	float:left;
	margin:0;
	padding:0;
}

.cas-q-kaku-hatsuchi {
	margin-bottom:3px !important;
}

.htl-de-moko {
	margin-bottom:3px !important;
}


  #cas-q-kaku-hatsuchi-ul {
    width: 196px; height: 18px;
    background: url(../../../cassette/common/img/cas-q-botans.gif) 0 0 no-repeat;
    margin: 0; padding: 0;
    position: relative;
}
  #cas-q-kaku-hatsuchi-ul li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #cas-q-kaku-hatsuchi-ul li, #cas-q-kaku-hatsuchi-ul a {
    height: 18px; display: block;}
	
  #cas-q-kaku-hatsuchi-ul li, #cas-q-kaku-hatsuchi-ul li a {
	text-indent: -8967px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
	}
	
  #cas-q-tokyo-hatsu {left: 0px; width: 46px;}
  #cas-q-kansai-hatsu {left: 48px; width: 50px;}
  #cas-q-nagoya-hatsu {left: 100px; width: 46px;}
  #cas-q-kanazawa-hatsu {left: 148px; width: 48px;}

  #cas-q-tokyo-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cas-q-botans.gif)
    0px -18px no-repeat;}
  #cas-q-kansai-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cas-q-botans.gif)
    -48px -18px no-repeat;}
  #cas-q-nagoya-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cas-q-botans.gif)
    -100px -18px no-repeat;}
  #cas-q-kanazawa-hatsu a:hover {
    background: transparent url(../../../cassette/common/img/cas-q-botans.gif)
    -148px -18px no-repeat;}


	
/* ホテルカセット02 st217 ４色ヘッダー 発地ボタン付き用 */	

#orange275 { height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif)
	0 0 no-repeat; position:static;}	
#red275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif)
	-222px 0 no-repeat;position:static;}
#green275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-442px 0 no-repeat;position:static;}
#blue275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-662px 0 no-repeat;position:static;}
#dark-green275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-882px 0 no-repeat;position:static;}
#light-blue275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-1100px 0 no-repeat;position:static;}
#light-dark-green275  {height:275px; margin-bottom:5px;
    background: #fff url(../../../cassette/common/img/cassette02header-bg.gif) 
	-1322px 0 no-repeat;position:static;}
/*テキスト量に差が出てくるようであれば高さ固定にして対応 */



#orange275 h3 ,#red275 h3 ,#green275 h3 ,#blue275 h3 ,#dark-green275 h3 ,#light-blue275 h3 ,#light-dark-green275 h3 {
		font-size:12px;
		color:#fff;
		margin:4px 0 5px 30px;
		padding:0;
	}
	
#orange275 .cas02p ,#red275 .cas02p ,#green275 .cas02p ,#blue275 .cas02p ,#dark-green275 .cas02p ,#light-blue275 .cas02p ,#light-dark-green275 .cas02p {
		color: #078598;
		margin:8px 0;
	}
	



/* 特典ポップアップテキスト */

.popup01 a{
	position:relative;
	text-decoration: none;
}
.popup01 a span{
	position:absolute;
	top:25px;
	left:0px;
	padding:5px;
	visibility:hidden;
	background:#f0f0f0;
	border:2px solid #049e8c;
	color:#333;
	font-size:11px;
	text-align: left;
	margin: 0px;
	width: 280px;
	text-decoration:none;
	text-indent: 0px; /* IEで、POPupテキストの最初の行が属性継承されて飛ばされてしまうのを防ぐ */
	}
.popup01 a:hover{visibility:visible;text-decoration:none;}
.popup01 a:hover span{visibility:visible;text-decoration:none;}



/* マイチョイス系w期間で分けた発地ボタン */

.botan_container2 {background:#fff url(../../../cassette/common/img/cas_month-w.gif) no-repeat 0 -80px;
padding:5px 10px 5px 180px;}

.botan_container3 {background:#fff url(../../../cassette/common/img/cas_month-ww.gif) no-repeat 0 -80px;
padding:5px 10px 5px 180px;}


.botan_container8 { /*8月*/
	background:#fff url(../../../cassette/common/img/cas_month-all.gif) no-repeat 0 -80px;
	padding:5px 10px 5px 180px;
	}

.botan_container79 {/*7-9月*/
	background:#fff url(../../../cassette/common/img/cas_month-all.gif) no-repeat 0 -156px;
	padding:5px 10px 5px 180px;
	}

.botan_container79s {/*7-9月注釈付き*/
	background:#fff url(../../../cassette/common/img/cas_month-all.gif) no-repeat 0 -232px;
	padding:5px 10px 5px 180px;
	}



#cassette .cassette-hatsuchi-botans-w {
	width:734px;
	display:inline;
	float:left;
	margin:0 0 0 50px;
	padding:0;
}

  #cassette-hatsuchi-botans-ul-w {
    width: 734px; height: 30px;
    background: url(../../../cassette/common/img/cassette-botans-w.gif) 0px -39px no-repeat;
    margin: 5px 0; padding: 0;
    position: relative;
}
  #cassette-hatsuchi-botans-ul-w li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #cassette-hatsuchi-botans-ul-w li, #cassette-hatsuchi-botans-ul-w a {
    height: 30px; display: block;}
	
  #cassette-hatsuchi-botans-ul-w li, #cassette-hatsuchi-botans-ul-w li a {
	text-indent: -8967px; /* テキストを画面の表示より外に */
	outline: none; /* リンク破線を不可視に */
	}
	
  #kochira-w {left: 0; width: 304px;}
  #tokyo-hatsu-w {left: 304px; width: 93px;}
  #kansai-hatsu-w {left: 398px; width: 116px;}
  #nagoya-hatsu-w {left: 514px; width: 102px;}
  #kanazawa-hatsu-w {left: 616px; width: 113px;}
  #kochira-f {left: 0; width: 304px;
      background: transparent url(../../../cassette/common/img/cassette-botans-w.gif)
    0px -69px no-repeat;}


  #tokyo-hatsu-w a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans-w.gif)
    -304px -69px no-repeat;}
  #kansai-hatsu-w a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans-w.gif)
    -398px -69px no-repeat;}
  #nagoya-hatsu-w a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans-w.gif)
    -514px -69px no-repeat;}
  #kanazawa-hatsu-w a:hover {
    background: transparent url(../../../cassette/common/img/cassette-botans-w.gif)
    -616px -69px no-repeat;}