@charset "Shift_JIS";

/*----------------------------------------------------------------------
	　　　サイト：H.I.S.国内サイト
	　　　制作日：（修正・変更日）2009/4/1
	　　　制作者：（修正・変更/村上）
	　　　有効期限：未定
	　　適用範囲：北海道方面トップページ
----------------------------------------------------------------------*/

#listold {
	width:635px;
	margin-bottom:10px;
	}
.hoteltable2{
	table-layout:fixed;
	border-collapse:collapse;
	border:#FFFFFF 1px solid;
	margin-bottom:3px;
	}
.hoteltable3{
	margin-left:5px;
	table-layout:fixed;
	border-collapse:collapse;
	border:#FFFFFF 1px solid;
	margin-bottom:3px;
	}
.hoteltable2 th,.hoteltable3 th {
	font-weight:normal;
	border-left:#C2D3fc 1px dashed;
	border-right:#C2D3fc 1px dashed;
	border-bottom:#CCCCCC solid 2px;
	color:#666666;
	}
.hoteltable2 td,.hoteltable3 td {
	padding:2px;
	border:#C2D3fc 1px dashed;
	}
.red { color: #FF0000}
.bn { margin-bottom:5px;}
.price1 {
	font-weight:bold;
	color:#FF0000;
	}
.bdr {
	border-bottom:#CCCCCC dotted 1px;
	}
.lastitem { border-collapse:collapse; margin-right:5px;}
.lastitem td { border-bottom:#00CCFF dotted 1px;}
.dotborder { 
	border:#CC0000 dotted;
	border-width:0 1px 1px 1px;
	border-collapse:collapse;
}
.dotborder2 {border-top:#CC0000 solid 2px;}
#fair {margin:0 0 5px 0;}
.itemtable {margin:0 10px; background-color:#FFFFFF;}
#fair .itemdata {padding-top:5px; border-bottom:#663300 dotted 1px;}
.style1 { color: #000000;}
.style4 { font-size: 14px;}
.style5 { font-size: 13px;}

/*-------------------------------------------------------------------------------------------
								ラインナップ
--------------------------------------------------------------------------------------------*/
#lineup {
	padding: 1px;
	width: 609px;
	border: 1px solid #B1D1DA;
	height: auto;
	margin-bottom: 5px;
}
#lineup .topi1 {
	width:607px;
	margin: 0px;
	padding: 0px;
	clear:both;
}
#lineup .topi1 li {
	background:url(../../common/images/tour/p.gif) no-repeat left 3px;
	font-weight: normal;
	list-style: none;
	/*margin: 3px 0px 3px 3px;変更前*/
	margin: 3px 0px 3px 13px;
	padding-left: 13px;
	list-style-position:outside;
	float:left;
	line-height:1.3em;
}

/*-------------------------------------------------------------------------------------------
								右の特集ページへのマウスオンCSS
--------------------------------------------------------------------------------------------*/
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
div.select a {
	display: block;
	width: 165px;
	height: 64px;
	text-decoration: none;
	text-indent: -9999em;
	background: url(../select/images/top/bn_hok_select_off.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	border-style: none;
}   
div.select a:hover {
	display: block;
	width: 165px;
	height: 64px;
	text-decoration: none;
	text-indent: -9999em;
	background: url(../select/images/top/bn_hok_select_on.jpg) no-repeat 0 0;
	margin-bottom: 5px;
	border-style: none;
}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　　シャトレーゼ・ガトーキングダムサッポロ /村上/09/01/14作成
----------------------------------------------------------------------------------------*/
div#gateauxkingdom {
	width:463px;
	_width:465px;
	margin-bottom:5px;
	/*padding: 1px;*/
	clear: both;
	border: 1px solid #AA4A22;
	background:url(../images/banner/gateauxkingdom/mid.jpg) repeat-y;
	padding:0;
}
div#gateauxkingdom ul.column {
	width:455px;
	margin:0;
	clear:both;
	padding:0;
	color: #333;
}
div#gateauxkingdom ul.column li {
	list-style: url(none) none;
	margin: 1px 0px 1px 10px;
	border-bottom:#AA4A22 1px dotted;
	padding-bottom:3px;
}
div#gateauxkingdom ul.column li span {
	color:#FF0000;
}
div#gateauxkingdom  img {
	border:none;
}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　　HISおすすめホテル /山田/09/03/19作成
----------------------------------------------------------------------------------------*/
div#recommend_htl {
	width:613px;
	margin-bottom:5px;
	/*padding: 1px;*/
	clear: both;
	background:url(../images/banner/recommend_htl/bg.gif) repeat-y;
	padding:0;
}

div#recommend_htl p {
	width:598px;
	color:#333333;
	padding-top:2px;
	background:#FFFFCC;
	border:#CC0000 solid 1px;
 	font-weight:bold;
	margin-bottom:2px;
	margin-left:7px;
	}

div#recommend_htl ul.column {
	width:603px;
	margin:0;
	clear:both;
	padding:0;
	color: #333;
}
div#recommend_htl ul.column li {
	list-style: url(none) none;
	margin: 1px 0px 1px 10px;
	border-bottom:#AA4A22 1px dotted;
	padding-bottom:3px;
}
div#recommend_htl ul.column li span {
	color:#FF0000;
}
div#recommend_htl img {
	border:none;
}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　　4月・5月限定緊急値下げSP/村上/09/03/25
----------------------------------------------------------------------------------------*/
#price_droplist {
	width:611px;
	_width:465px;
	border:#CCCCCC 1px solid;
	margin-bottom:5px;
	clear: both;
	}
#price_droplist table {
	width:611px;
	margin-bottom:5px;
	border-collapse:collapse;
	clear: both;
	text-align:center;
	}
#price_droplist tr:hover {
	background-color:#FFD9D9;
	}
#price_droplist th {
	font-weight:normal;
	color:#666666;
	border-bottom:#CCCCCC solid 1px;
	background-color:#FFD9D9;
	line-height:100%;
	}
#price_droplist td {
	border-bottom:#CCCCCC 1px dashed;
	padding:4px 0;
	}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　　北海道オンラインバナー/09/03/06〜
----------------------------------------------------------------------------------------*/
#hok_online {
	width: 611px;
	clear: both;
	margin-bottom: 5px;
	border:#00CC00 1px solid;
	background:url(../../hok/images/banner/online_top/online_bg.jpg) repeat-y;
}
#hok_online ul {
	width:600px;
	margin:1px;
	text-align:center;
}
#hok_online a:hover {
	background:#FFFF80;
}
#hok_online li{ 
    display: inline;
    margin: 0 0.25em;
    list-style-type: none;
	font-size:16px;
}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　　フリープラン/09/03/06〜
----------------------------------------------------------------------------------------*/
#freeplan {
	width:620px;
	padding:0;
	margin-bottom:5px;
}
#freeplan .box_left {
	width:300px;
	float:left;
	clear:none;
}
#freeplan .box_right {
	width:300px;
	float:right;
	clear:none;
}
#freeplan img {
	float:left;
}
#freeplan ul {
	width:150px;
	margin-left:130px;
}
#freeplan li {
	list-style:none;
}
/*-------------------------------------------------------------------------------------
　　　　　　　　　　商品リスト　クラス名の統一 /宇田/09/09/19作成
	■areatop_900.css「商品リスト　クラス名の統一」で定義されたstyleにwidth情報を追加
	■列合計100%
----------------------------------------------------------------------------------------*/

.co-cord{
	width: 11%;
	}
.co-title {
	width: 41%;
	}
.co-date{
	width: 14%;
	}
.co-price {
	width: 14%;
	}
.co-bus{ /*任意*/
	width: 10%;
	}
.co-rentacar{ /*任意*/
	width: 10%;
	}

/*-------------------------------------------------------------------------------------
　　　　　　　　　　コンテンツメニュー /山田/12/01/07作成
	■areatop_900.css「コンテンツメニュー」で定義されたstyleに個別スタイルを追加
----------------------------------------------------------------------------------------*/
div#contMenu .topi1 li.contMenuSpk ,
div#contMenu .topi1 li.contMenuFur ,
div#contMenu .topi1 li.contMenuJou {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:75px;
	margin-top:2px;
	margin-bottom:2px;
	}
div#contMenu .topi1 li.contMenuhkd {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:105px;
	margin-top:2px;
	margin-bottom:2px;
	}
div#contMenu .topi1 li.contMenuOta ,
div#contMenu .topi1 li.contMenuNob ,
div#contMenu .topi1 li.contMenuTou ,
div#contMenu .topi1 li.contMenuWkn {
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-top:2px;
	margin-bottom:2px;
	}
div#contMenu div#contMenuboxhok1 {
	width:205px;
	}
/* ============================================================
	タレント画像（コピー不可）
============================================================ */
.seiran {
	background:url(../../sssf_2012/images/areatop/bn_hok.jpg) top left no-repeat !important;
	margin:5px auto 5px auto !important;
	width:613px;
	}