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

/* ホテルカセット */

#cassette {
	background:url(../../cassette/img/cas-f-bg.png) repeat-x;
	padding:0px;
	width:716px;
	border: 1px solid #999999;
	height: 220px;
	margin: 10px 0 0 0px;
}

#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:0 10px;
}

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

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

}

#cassette .subcatch{
	font-size: 12px;
	font-weight: normal;
	padding-right:5px;
	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 0;
	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: 0;
	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-botans2.gif)
    0 -19px no-repeat;}
  #wakuwaku-tokuten a:hover {
    background: transparent url(../../cassette/common/img/cassette-botans2.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 10px;
	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: 0;
	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;}
	
	
	
  #reservebt {left: 435px; width: 413px;}

  #reservebt a:hover {
    background: transparent url(../../cassette/common/img/cassette-botans.gif)
    -435px -69px no-repeat;}
	




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

#orange {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif)
	0 0 no-repeat;
}	
#red  {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif)
	-222px 0 no-repeat;
}
#green  {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif) 
	-442px 0 no-repeat;
}
#blue  {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif) 
	-662px 0 no-repeat;
}
#dark-green  {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif) 
	-882px 0 no-repeat;
}
#light-blue  {	height:280px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-cojp.gif) 
	-1100px 0 no-repeat;
}
#light-dark-green  {height:280px; margin-bottom:10px;
    background: #fff url(../../cassette/common/img/cassette02header-cojp.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 {
	font-size:11px;
    height: 20px;
	background:pink;
}
  #cas-q-kaku-hatsuchi-ul li {
    margin: 0; padding: 1px; list-style: none;}
  #cas-q-kaku-hatsuchi-ul li, #cas-q-kaku-hatsuchi-ul a {
    height: 16px; display: block;}
	
  #cas-q-kaku-hatsuchi-ul li, #cas-q-kaku-hatsuchi-ul li a {
	float:left;}
	
  #cas-q-tokyo-hatsu a, #cas-q-kansai-hatsu a, #cas-q-nagoya-hatsu a {
	  border-right:1px solid #666;
	  padding:3px 5px 0 5px;
	}
#cas-q-kanazawa-hatsu a {padding:3px 0 0 4px;}

  #cas-q-tokyo-hatsu a:hover {text-decoration:underline;}
  #cas-q-kansai-hatsu a:hover {text-decoration:underline;}
  #cas-q-nagoya-hatsu a:hover {text-decoration:underline;}
  #cas-q-kanazawa-hatsu a:hover {text-decoration:underline;}


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

#orange275 {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-bg.gif)
	0 0 no-repeat;
	position: static;
}	
#red275  {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../../cassette/common/img/cassette02header-bg.gif)
	-222px 0 no-repeat;
	position: static;
}
#green275  {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-bg.gif) 
	-442px 0 no-repeat;
	position: static;
}
#blue275  {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-bg.gif) 
	-662px 0 no-repeat;
	position: static;
}
#dark-green275  {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-bg.gif) 
	-882px 0 no-repeat;
	position: static;
}
#light-blue275  {
	height:275px;
	margin-bottom:10px;
	background: #fff url(../../cassette/common/img/cassette02header-bg.gif) 
	-1100px 0 no-repeat;
	position: static;
}
#light-dark-green275  {
	height:275px;
	margin-bottom:10px;
	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;
		font-size:12px;
	}
	



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

.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: 190px;
	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;}


/* グリッド用 */
.main{
	width:920px;
	padding-top:10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 10px;
	background-color: #BDE1D9;
}

.st219,
.st448,
.st448x2,
.st677,
.st219h869,
.st219top10,
.st448x4,
.g240,
.g400,
.g560,
.g720,
.g880,
.g960 {
	float:left;
	display: inline;
	margin-left:9px; /*IE6で、はみだすので1px減らしてます */
	background-color: #FFFFFF;
	border: 1px solid #999999;
} 

.st219{
	width:217px;
}
.st219top10{
	width:217px;
	margin-top: 10px;
}
.st448 {
	width:446px;
}
.st448x2{
	width:446px;
	height:576px;
}
.st448x4{
	width:446px;
	height:950px;
}
.st677{width:675px;}
.st219h869{
	width:217px;
	height:871px;
}
p.grid{ padding-left:10px;}
  
.clear {
	clear:both;
	height: 10px;
}


.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
	 }
	 
.clearfix, .main{ display:block;} 

 /* Grid box */ 
#gridbox{
	padding: 9px;
 }
#gridbox h3{
	font-size: 12px;
	padding: 0px;
	color: #990000;
	margin-top: 0.8em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
#gridbox p{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
 }
#planbox .subcatch{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
#planbox .subcatch2{
	font-size: 12px;
	clear: both;
	background-color: #E4FFEF;
	margin-top: 5px;
	margin-bottom: 5px;
}
#planbox .subcatch2 strong{
	color: #990000;
}
#planbox .planboximg{
	width: 140px;
	float: left;
	margin-right: 10px;
}
#planbox .planboxtxt{
}
h2.topix{
	background-image: url(../../images/tit_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	text-indent: 0;
	margin-bottom: 10px;
}
h2.search{
	background-image: url(../../images/tit_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	text-indent: 0;
	margin-bottom: 10px;
}
#planbox h3{
	font-size: 17px;
}
#gridbox ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gridbox li{
	list-style-position: inside;
	list-style-image: url(../../images/heart.gif);
}


/* エリア用カセット追加 */
#cassette2 {
	background:#e61d60;
	padding:10px;
	width:900px
}
#cassette2 h3 {
	background:url(../../cassette/common/img/title-bg2.gif) no-repeat left center;
	height:57px;
	padding-left:90px;
	font-size:16px;
	line-height:1.5em
}
#cassette2 h3,ul.cassette2 li a {
	font-weight:bold
}
#cassette2 h4 {
	margin-top:1.5em
}
#cassette2 p {
	line-height:1.6em
}
#cassette2 .inline {
	background:#fff;
	height:270px
}
#cassette2 .cassette_img {
	width:300px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom: 10px;
}
#cassette2 .cassette_img,ul.cassette2 li {
	float:left
}
#cassette2 .cassette_img,#cassette2 .textarea {
	height:200px
}
#cassette2 .textarea {
	float:right;
	width:574px;
	padding-right: 10px;
}
#reserve_bt {
	clear:both;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ccc;
	padding-left:330px;
	padding-top: 10px;
}
ul.cassette2 {
	background:#333;
	width:590x;
	overflow:hidden;
	zoom:100%;
	　
}
ul.cassette2,ul.cassette2 li {
	margin:0
}
ul.cassette2 li {
	list-style:none;
	padding:0
}
ul.cassette2 li a {
	background:url(../../cassette/common/img/bt_area.gif) no-repeat;
	display:block;
	height:55px;
	text-align:center;
	letter-spacing:1px;
	text-indent:0px
}
ul.cassette2 a.rantacar,ul.cassette2 li a.rantacar:hover {
	background:0 0
}
ul.cassette2 a.rantacar {
	width:92px
}
ul.cassette2 a.specal,ul.cassette2 li a.specal:hover {
	background:-92px 0
}
ul.cassette2 a.specal,ul.cassette2 li a.upgrade {
	width:81px
}
ul.cassette2 li a.upgrade,ul.cassette2 li a.upgrade:hover {
	background:-173px 0
}
ul.cassette2 li a.reserve {
	background:-254px 0;
	width:335px
}
ul.cassette2 li a.reserve:hover {
	background:-254px -55px
}


/* ２分の１カセット */	
	#blue01-315{background:#fff url(../../cassette/common/img/2bun1_bg.gif) no-repeat top left;
	font-size:12px;
	height:315px;
	}
	
	#blue01-315 h3 {font-size:16px;color:#906;padding:20px 0 0 40px;margin-bottom:8px;	
	}
	
	.ff {float:left;margin-right:10px;}
	
	.cas2-des {font-size:13px;line-height:130%;padding:5px;color:#033;height:140px;}
	
	.half-wakuwaku {clear:both;border-top:1px solid #999;
	background:url(../../cassette/common/img/cas02wakuwaku.gif) no-repeat 0 3px;
	margin-top:3px;
	padding:5px 0 0 80px;
	height:22px;
	font-weight:bold;
	}