@charset "Shift_JIS";

/*============================================================
//  北海道 札幌特集　スタイルシート
//==========================================================*/

/* レイアウト */
#wrap100{
	margin:0;
	padding:0;
	width:750px;
	position:relative;
}

#wrap100 .check_01{
	top:145px;
	left:698px;
	width:100px;
	height:100px;
	position:absolute;
}

#wrap100 .check_02{
	top:297px;
	left:707px;
	width:100px;
	height:100px;
	position:absolute;
}

#wrap101{
	margin:0;
	padding:0;
	width:510px;
	float:left;
}

#wrap102{
	margin:0;
	padding:0;
	width:230px;
	float:right;
}

#wrap200{
	margin:0 0 8px 0;
	padding-top:15px;
	width:750px;
}

#wrap300{
	width:750px;
/*	background:#acc;*/
}

#wrap301{
	width:299px;
	float:left;
}

#wrap302{
	width:439px;
	float:right;
}

#wrap400{
	margin:0 0px 10px 0px;

}

#wrap400 table{
	margin:8px 0 0 0;
	padding:0;
	border-collapse:collapse;
}

#wrap400 table td{
	padding:0;
}

/* その他 */
#search_title{
	width: 281px;
	height: 21px;
	background:url(./image/t_search.gif) no-repeat;
	padding: 4px 0 0 18px;
	margin:0 0 3px 0;
	color: #ffffff;
}

#search_box{
	border: solid 1px #e5e5e5;
	padding: 10px;
	margin-bottom:3px;
	display:block;
}

#search_box table{
	border-collapse:collapse;
	width:277px;

}

#search_box table td{
	padding:0px 0 8px 0 ;
}

#search_box table td img{
	margin-right:4px;
	vertical-align:middle;
}

#ttl_hotel{
	margin:0;
	padding-top:7px;
	width:750px;
	height:22px;
	background:url("./image/t_hotel.gif") no-repeat 0 4px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-indent:15px;
	color:#ffffff;
}

.blc_hotel{
	padding-top:3px;
	padding-bottom:4px;
	background:url("./image/line01.gif") repeat-x 0 bottom;
}

.blc_hotel_end{
	padding-top:3px;
	padding-bottom:4px;
}

.waku_01a{
	width:185px;
	height:6xp;
	background:url("./image/waku_bg01a.gif") no-repeat;
}

.waku_01b{
	padding:0 7px;
	width:171px;
	height:463xp;
	background:url("./image/waku_bg01b.gif") repeat-y;
}

.waku_01c{
	width:185px;
	height:6xp;
	background:url("./image/waku_bg01c.gif") no-repeat;
}


/* 文字設定*/
#main2 p{
	margin:0;
	text-align:left;
	display:block;
}

.txt01{
	font-size:12px;
	line-height:15px;
	color:#555555;
}

.txt03{
	margin-bottom:2px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color:#555555;
}

.txt03 span{

	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color:#555555;
}

.caption{
	font-size:10px;
	line-height:130%;
}


.lead{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.lead_s{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.lead_w{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.c_red{color:#CC0000;}

/* 各種ボタン */
a.btn_syousai{
	width:69px;
	height:18px;
	background:url("./image/btn_syousai.gif") no-repeat;
	font-size:4px;
	line-height:1px;
	text-align:left;
	text-indent:-6000px;
	display:block;
}

a.btn_syousai:hover{
	text-decoration:none;
	background-position:0 -18px;
}

a.btn_place{
	padding-right:5px;
	width:53px;
	height:16px;
	background:url("./image/btn_place.gif") no-repeat;
	font-size:4px;
	line-height:1px;
	text-align:left;
	text-indent:-6000px;
	display:block;
	float:left;
}

a.btn_order{
	width:99px;
	height:16px;
	background:url("./image/btn_order.gif") no-repeat;
	font-size:4px;
	line-height:1px;
	text-align:left;
	text-indent:-6000px;
	display:block;
	float:left;
}

a.btn_place:hover,
a.btn_order:hover{
	background-position:0 -16px;
}

a.btn_no-plan{
	width:99px;
	height:16px;
	background:url("./image/btn_no-plan.gif") no-repeat;
	font-size:4px;
	line-height:1px;
	text-align:left;
	text-indent:-6000px;
	display:block;
	float:left;
}

a.btn_place:hover,
a.btn_no-plan:hover{
	background-position:0 -16px;
}


a.btn_stay102,
a.btn_stay203,
a.btn_stay304,
a.btn_stay405{
	width:99px;
	height:18px;
	font-size:4px;
	line-height:1px;
	text-align:left;
	text-indent:-6000px;
	display:block;
	position:absolute;
	background-image: url(./image/btn_stay102.gif);
}

a.btn_stay102{
	background:url("./image/btn_stay102.gif") no-repeat;
	top:7px;
	left:250px;
}

a.btn_stay203{
	background:url("./image/btn_stay203.gif") no-repeat;
	top:7px;
	left:355px;
}

a.btn_stay304{
	background:url("./image/btn_stay304.gif") no-repeat;
	top:7px;
	left:460px;
}

a.btn_stay405{
	background:url("./image/btn_stay405.gif") no-repeat;
	top:7px;
	left:565px;
}

a.btn_stay102:hover,
a.btn_stay203:hover,
a.btn_stay304:hover,
a.btn_stay405:hover{
	background-position:0 -18px;
}


/* 既存cssに追記 */
.cmn_ttl{
	margin-top:12px;
	position:relative;
}

.cmn_ttl span{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#7ecc2f;
	display:block;
	position:absolute;
		top:9px;
		left:145px;
}

/* ツアータイトル */

#SPKST {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(image/t_sapporo-st.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 
.ttl_st{
	margin:0 0 0 160px;
	padding-top:6px;
	color:#FF9900;
	display:block;
}

#SPK-0 {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(image/t_odori-park.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 
.ttl_odori{
	margin:0 0 0 160px;
	padding-top:6px;
	color:#339933;
	display:block;
}

#SPK-S {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(image/t_susukino.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 
.ttl_susukino{
	margin:0 0 0 160px;
	padding-top:6px;
	color:#3399CC;
	display:block;
}

#SPK-E {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(image/t_nakajima.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 
.ttl_nakajima{
	margin:0 0 0 160px;
	padding-top:6px;
	color:#FF9933;
	display:block;
}

#SPKSU {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(image/t_spporo-suburbs.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 
.ttl_kogai{
	margin:0 0 0 160px;
	padding-top:6px;
	color:#0066CC;
	display:block;
}

/* 新着情報 w479px */
#topic_title {
	width: 421px;
	height: 21px;
	background-image: url(./image/t_topics.gif);
	background-repeat: no-repeat;
	padding: 4px 0 0 18px;
	margin:0 0 3px 0;
	color: #ffffff;
}

#topic_box {
	width:409px;
/*	height:160px;　←ビジネスプラン展開時*/
	height:340px;
	border:5px solid #e5e5e5;
	padding:10px;
	margin-bottom:3px;
	overflow:auto;
} 

.topic_box {
/*	background: url(../image/common/dotline01.gif) repeat-x left bottom; */
} 

#topic_box dl {
	padding: 5px 0 6px 0;
	margin-top: -1px;
	overflow: hidden;
} 
#topic_box dt {
	padding: 0 0 0 18px;
	display: block;
	float: left;
	clear: left;
/*	background-image: url(../image/common/arrow7.gif);*/
	background-repeat: no-repeat;
	background-position: left 4px;
} 
#topic_box dd { 
	margin: 0; 
	padding: 0 0 6px 90px; 
} 

/* ビジネス特集 */

#business{
	width:438px;
	height:170px;
	background:url(image/business_bg.gif) no-repeat;
	display:block;
	position:relative;
}

#business .inner{
	width:416px;
	height:102px;
	position:absolute;
	top:72px;
	left:9px;
}


#business a{
	height:14px;
	background:url(../image/common/arrow8.gif) no-repeat;
	padding-left:15px;
	padding-top:1px;
	padding-bottom:1px;
	margin:10px;
	font-size:12px;
	line-height:190%;
}