@charset "utf-8";

#wrap{
	/*めりこみ防止*/
	min-height:1400px;
	height: auto !important;
	height: 1400px;
}

p.toppage{
	text-align:right;
	margin-top:5px;
	padding-right:20px;
}

/*tg----------------------------------------------------------------------------------------------------------*/
#wrap #lift				{font-family:"Meiryo","Hiragino Kaku Gothic Pro","HiraKakuPro-W6","MS PGothic","osaka",sans-serif;}

#wrap #lift h2			{width:740px; height:31px; padding:5px 0 0 15px; margin:0; font-size:14px; color:#fff;}
#wrap #lift h2 strong	{font-size:18px; font-weight:bold;}
#wrap #lift #h2bottom	{width:735px; height:145px; padding:25px 0 0 20px; position:relative;}
#wrap #lift #h2bottom p	{font-size:16px; line-height:22px; position:absolute;top:95px;left:152px;}

#wrap #lift #example			{width:735px; padding:20px 0 15px 20px;}
#wrap #lift #example h3			{padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; float:left;}
#wrap #lift #example .h3bottom	{margin:7px 0 10px 0; float:left;}
#wrap #lift #example dl			{width:715px; height:190px; clear:both;}
#wrap #lift #example dt			{width:59px; height:39px; padding:21px 0 0 0; margin:0 0 5px 0; font-size:16px; color:#fff; font-weight:bold; text-align:center; clear:both; float:left;}
#wrap #lift #example dd			{width:656px; height:60px; margin:0 0 5px 0; line-height:20px; float:left; position:relative;}
#wrap #lift #example dd .p1		{}
#wrap #lift #example dd .p2		{font-size:16px; color:#ec278d; font-weight:bold;}
#wrap #lift #example dd p strong{color:#ec278d; font-weight:bold;}
#wrap #lift #example #dlbottom	{margin:15px 0 0 0; font-size:14px; font-weight:bold; text-align:center; color:#444; clear:both;}

#wrap #lift #price				{width:733px; padding:25px 0 20px 20px; margin:0 0 20px 0; border:1px solid #dfebfd; border-top:0;}
#wrap #lift #price h3			{padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; float:left;}
#wrap #lift #price .h3bottom	{padding:7px 0 0 7px; margin:0 0 10px 0; float:left;}
#wrap #lift #price table		{width:714px; border-collapse:collapse; clear:both;}
#wrap #lift #price th,
#wrap #lift #price td			{border:1px solid #d2d3d3; padding:10px 0 8px 0; margin:0; text-align:center;}
#wrap #lift #price td strong	{font-size:18px; font-weight:bold; color:#d00;}

/*tgOqt----------------------------------------------------------------------------------------------------------*/
#wrap .grand h2					{background:url(../img/hski/lift/h2-bg_grand.gif) 0 0 no-repeat;}
#wrap .grand #h2bottom			{background:url(../img/hski/lift/h2bottom-bg_grand.gif) 0 0 no-repeat;}

#wrap .grand #example			{background:#dfebfd;}
#wrap .grand #example h3		{background:url(../img/hski/lift/h3-icon01_grand.gif) 0 4px no-repeat;}
#wrap .grand #example dl		{background:url(../img/hski/lift/example-bg_grand.gif) 0 0 no-repeat;}
#wrap .grand #example dd .p1		{position:absolute;top:11px;left:40px;}
#wrap .grand #example dd .p2		{width:210px; position:absolute;top:11px;left:415px;}
#wrap .grand #example dd p strong	{display:block;}

#wrap .grand #price h3			{background:url(../img/hski/lift/h3-icon02_grand.gif) 0 4px no-repeat;}
#wrap .grand #price thead th	{background:#b7dff6;}

/*tgAkv----------------------------------------------------------------------------------------------------------*/
#wrap .annupuri h2				{background:url(../img/hski/lift/h2-bg_annupuri.gif) 0 0 no-repeat;}
#wrap .annupuri #h2bottom		{background:url(../img/hski/lift/h2bottom-bg_annupuri.gif) 0 0 no-repeat;}

#wrap .annupuri #example		{background:#cdf8f6;}
#wrap .annupuri #example h3		{background:url(../img/hski/lift/h3-icon01_annupuri.gif) 0 4px no-repeat;}
#wrap .annupuri #example dl		{background:url(../img/hski/lift/example-bg_annupuri.gif) 0 0 no-repeat;}
#wrap .annupuri #example dd .p1		{position:absolute;top:11px;left:40px;}
#wrap .annupuri #example dd .p2		{width:210px; position:absolute;top:11px;left:415px;}
#wrap .annupuri #example dd p strong{display:block;}

#wrap .annupuri #price h3		{background:url(../img/hski/lift/h3-icon02_annupuri.gif) 0 4px no-repeat;}
#wrap .annupuri #price thead th	{background:#a8e9dc;}
#wrap .annupuri #price thead td	{background:#cdf8f6;}

/*tgjZRrbW----------------------------------------------------------------------------------------------------------*/
#wrap .village h2				{background:url(../img/hski/lift/h2-bg_village.gif) 0 0 no-repeat;}
#wrap .village #h2bottom		{background:url(../img/hski/lift/h2bottom-bg_village.gif) 0 0 no-repeat;}

#wrap .village #example			{background:#eee5ff;}
#wrap .village #example h3		{background:url(../img/hski/lift/h3-icon01_village.gif) 0 4px no-repeat;}
#wrap .village #example dl		{background:url(../img/hski/lift/example-bg_village.gif) 0 0 no-repeat;}
#wrap .village #example dd .p1		{position:absolute;top:20px;left:60px;}
#wrap .village #example dd .p2		{position:absolute;top:20px;left:400px;}
#wrap .village #example dd .p3		{position:absolute;top:10px;left:20px; width:620px; font-size:12x; font-weight:bold; line-height:20px; color:#ec278d;}
#wrap .village #example dd p strong	{display:inline; font-size:18px;}

#wrap .village #price h3		{background:url(../img/hski/lift/h3-icon02_village.gif) 0 4px no-repeat;}
#wrap .village #price thead th	{background:#c6b2e7;}




/*^----------------------------------------------------------------------------------------------------------*/
#wrap #rental				{font-family:"Meiryo","Hiragino Kaku Gothic Pro","HiraKakuPro-W6","MS PGothic","osaka",sans-serif;}

#wrap #rental h2				{width:740px; height:31px; padding:5px 0 0 15px; margin:0; font-size:14px; color:#fff;background:url(../img/hski/lift/h2-bg_grand.gif) 0 0 no-repeat;}
#wrap #rental h2 strong			{font-size:18px; font-weight:bold;}
#wrap #rental #h2bottom			{width:755px; height:170px; padding:0; position:relative;}
#wrap #rental #h2bottom img		{line-height:0; position:absolute;top:0;left:0;}
#wrap #rental #h2bottom p		{font-size:12px; line-height:18px; position:absolute;top:85px;left:20px;}
#wrap #rental #h2bottom p strong{font-weight:bold; color:#d00;}

#wrap #rental #applies				{width:735px; padding:20px 0 15px 20px; background:#dfebfd;}
#wrap #rental #applies #taisho-plan	{font-size:14px; font-weight:bold; margin-bottom:15px; color:#EC278D;}
#wrap #rental #applies h3			{padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; font-weight:bold; background:url(../img/hski/lift/h3-icon01_grand.gif) 0 4px no-repeat;}
#wrap #rental #applies ul			{width:730px; height:160px; clear:both;background:url(../img/hski/rental/applies-bg_on.gif) 0 0 no-repeat;}
#wrap #rental #applies li			{width:350px; height:160px; margin:0 15px 0 0; float:left; position:relative;}
#wrap #rental #applies li h4		{font-size:12px; color:#fff; position:absolute;top:2px;left:25px;}
#wrap #rental #applies li h4 strong	{font-size:18px;}
#wrap #rental #applies li .p1		{line-height:16px; position:absolute;top:37px;left:15px;}
#wrap #rental #applies li .p2		{width:325px; line-height:16px; position:absolute;top:122px;left:15px;}
#wrap #rental #applies li .p3		{position:absolute;top:80px;left:67px; font-size:16px; color:#ec278d; font-weight:bold;}
#wrap #rental #applies li .p3 strong{font-size:24px;}
#wrap #rental #applies li .p4		{line-height:0; position:absolute;top:84px;left:45px;}
#wrap #rental #applies li p strong	{color:#ec278d; font-weight:bold;}

#wrap #rental #applies #dlbottom	{margin:10px 0 0 0; font-size:12px; color:#d00; clear:both;}

#wrap #rental #price			{width:733px; padding:25px 0 20px 20px; margin:0; border:1px solid #dfebfd; border-top:0; border-bottom:0;}
#wrap #rental #price h3			{padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; font-weight:bold; background:url(../img/hski/lift/h3-icon02_grand.gif) 0 4px no-repeat;}
#wrap #rental #price .h3bottom	{padding:7px 0 0 7px; margin:0 0 10px 0; float:left;}
#wrap #rental #price table		{width:714px; border-collapse:collapse; clear:both;}
#wrap #rental #price th,
#wrap #rental #price td			{border:1px solid #d2d3d3; padding:10px 0 8px 0; margin:0; text-align:center;}
#wrap #rental #price td strong	{font-size:18px; font-weight:bold; color:#d00;}
#wrap #rental #price thead th	{background:#b7dff6;}
#wrap #rental #price tbody .bg1 th,
#wrap #rental #price tbody .bg1 td	{background:#fff;}
#wrap #rental #price tbody .bg2 th,
#wrap #rental #price tbody .bg2 td	{background:#f1f1f1;}
#wrap #rental #price tbody th	{padding:10px 20px 8px 20px; text-align:left; font-weight:normal;}
#wrap #rental #price tbody td	{padding:10px 20px 8px 20px;}

#wrap #rental #size					{width:733px; padding:25px 0 20px 20px; margin:0; border:1px solid #dfebfd; border-top:0; border-bottom:0;}
#wrap #rental #size h3				{padding:0 0 0 25px; margin:0 0 10px 0; font-size:18px; font-weight:bold; background:url(../img/hski/lift/h3-icon02_grand.gif) 0 4px no-repeat;}
#wrap #rental #size .h3bottom		{padding:7px 0 0 7px; margin:0 0 10px 0; float:left;}
#wrap #rental #size table			{width:714px; border-collapse:collapse; clear:both;}
#wrap #rental #size th,
#wrap #rental #size td				{border:1px solid #d2d3d3; padding:10px 0 8px 0; margin:0; text-align:center;}
#wrap #rental #size td strong		{font-size:18px; font-weight:bold; color:#d00;}
#wrap #rental #size thead th		{background:#b7dff6;}
#wrap #rental #size tbody .bg1 th,
#wrap #rental #size tbody .bg1 td	{background:#fff;}
#wrap #rental #size tbody .bg2 th,
#wrap #rental #size tbody .bg2 td	{background:#f1f1f1;}
#wrap #rental #size tbody th		{padding:0 20px; text-align:left; font-weight:normal; white-space:nowrap;}
#wrap #rental #size tbody td		{padding:10px 10px 8px 20px; text-align:left;}
#wrap #rental #size tbody td span	{color:#d00;}

#wrap #rental #time		{width:733px; padding:25px 0 20px 20px; margin:0; border:1px solid #dfebfd; border-top:0; border-bottom:0;}
#wrap #rental #time h3	{padding:0 0 0 25px; margin:0 0 15px 0; font-size:18px; font-weight:bold; background:url(../img/hski/lift/h3-icon02_grand.gif) 0 4px no-repeat;}
#wrap #rental #time p	{padding:0 0 0 25px; font-size:18px; color:#d00;}

#wrap #rental #other		{width:733px; padding:25px 0 30px 20px; margin:0 0 20px 0; border:1px solid #dfebfd; border-top:0;}
#wrap #rental #other h3		{padding:0 0 0 25px; margin:0; font-size:18px; font-weight:bold; background:url(../img/hski/lift/h3-icon02_grand.gif) 0 4px no-repeat;}
#wrap #rental #other ul		{width:714px;}
#wrap #rental #other li		{padding:10px 0 3px 15px; border-bottom:1px #999 dotted; background:url(../img/hski/rental/other-icon.gif) 0 14px no-repeat;}
#wrap #rental #other li span{color:#d00;}

#wrap #rental #time p							{font-size:12px; font-weight:bold;}
#wrap #rental #time .rentalarea						{width:679px; font-size:14px; font-weight: normal; height:20px; padding:5px 18px; color:#fff; background:#777;}
#wrap #rental #time .rentalshop						{width:715px; margin:10px 0 10px 0;}
#wrap #rental #time .rentalshop h5					{font-size:14px; padding:1px 0 2px 12px; margin:0 0 7px 0; border-left:4px solid #249; font-weight:bold; border-bottom:1px dotted #8ad;}
#wrap #rental #time .rentalshop div					{width:450px; float:left;}
#wrap #rental #time .rentalshop div ul				{padding:0; margin:0 0 10px 0; clear:both;}
#wrap #rental #time .rentalshop div .list01 li		{padding:0; margin:0 15px 0 0;}
#wrap #rental #time .rentalshop div .list01 li span	{font-weight:bold; padding:0 5px 0 0; color:#249;}
#wrap #rental #time .rentalshop div .list02 li		{font-size:10px; margin:0 0 3px 0; line-height:14px; color:#666;}
#wrap #rental #time .rentalshop div p					{padding:0; margin:0 0 10px 0; clear:both;}
#wrap #rental #time .rentalshop img					{float:right; padding:1px; border:1px solid #b6d1e1;}

#wrap #rental #time .rentalshop p.infomation		{width:240px; border:1px solid #f89642; padding:3px 5px; margin:0; float:right; font-size:10px; color:#333; font-weight:normal;}
#wrap #rental #time .rentalshop p.infomation strong	{display:block; font-size:12px;}

/*^----------------------------------------------------------------------------------------------------------*/
#wrap .free #h2bottom			{background:url(../img/hski/rental/h2bottom-bg_free.jpg) 0 0 no-repeat;}

/*IvV^----------------------------------------------------------------------------------------------------------*/
#wrap .op #h2bottom			{background:url(../img/hski/rental/h2bottom-bg_op.jpg) 0 0 no-repeat;}

#wrap .op #price table		{margin-bottom:10px;}
#wrap .op #price p			{color:#d00;}
/*----------------------------------------------------------------------------------------------------------*/



table.commontable{border-collapse:collapse;margin-bottom:20px;width:100%;}
 table.commontable th, table.commontable td{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #DDDDDD;
	border-bottom-color: #999999;
	border-left-color: #DDDDDD;
}
table.commontable th, table.commontable td{padding:4px 5px 4px 5px;line-height:120%;}
table.commontable th{background-color:#DFEBFD; font-weight:normal;}
table.commontable td{background-color:#ffffff;}
table.commontable .center{text-align:center; }
table.commontable .nowrap {white-space:nowrap;}
table.commontable th.sub{background-color:#E3F1FF;}
table.commontable th.header{
	background-color:#005BAB;
	color: #FFFFFF;
	text-align: left;
	padding:10px;
	background-image: url(../img/bg-othertour.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table.commontable th.blank{border:none;background-color:#FFFFFF}
table.commontable tr.even td{background-color:#efefef;}

table.commontable .additionalinfo{font-size:10px;}
table.commontable strong.hi,
table.commontable td.hi{color:#F85B00; font-weight:bold;}
table.commontable td a{
	background-image:url(../img/icon-orange.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 10px;
	display:block;	
}

table.commontable td.separate,
table.commontable .separate td{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}





/*------area用カセット-------------------------------------------------------------*/
ul.spotspace{ width:755px; height:160px; margin:0 0 10px 4px;}
ul.spotspace li{
	width:180px;
	float: left;
	margin-right: 8px;
	text-align:center;
}

h3.sapporostay{ color: #FFFFFF; font-weight: bold; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left:8px;	margin-bottom:5px; background-color:#128CD5; clear:both;}

div.PlanCassette{ margin-bottom: 20px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #004c8f; height: 160px; border-top-width: 1px;border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-left-color: #CCCCCC; background-color: #FFFFFF;}
div.PlanCassette h5.hoteltitle{ width:auto;	float:left;	background-image: url(../img/icon-title.gif); padding-left:25px; font-size:14px; background-repeat: no-repeat;	margin: 4px; font-weight: bold;}
div.PlanCassette img.hotelinfo{float: left;	margin-left:10px; margin-top: 6px; margin-right: 4px;}
div.PlanCassette p.comment{ clear:both; margin-left:4px; height:28px; padding-top:2px;}
div.PlanCassette p.comment span{color:#ff0000;}
div.PlanCassette img.planimg{float:left; margin:0 0 0 4px;}
div.PlanCassette table.tabletour{ border-collapse:collapse; float:left; width:600px; margin:0 0 10px 10px; text-align: center;}
div.PlanCassette table.tabletour th.item01{ width:95px;}
div.PlanCassette table.tabletour th.item02{ width:115px;}
div.PlanCassette table.tabletour th.item03{ width:auto;}
div.PlanCassette table.tabletour th.item04{ width:65px}
div.PlanCassette table.tabletour th{ background-color:#DFEBFD; font-weight:normal;}
div.PlanCassette table.tabletour td{ background-color:#ffffff;}
div.PlanCassette table.tabletour td.hi{color:#F85B00; font-weight:bold;}
div.PlanCassette table.tabletour th,table.tabletour td{	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;	border-right-style: solid; border-bottom-style: solid;border-left-style: solid; border-top-color: #999999; border-right-color: #DDDDDD; border-bottom-color: #999999;border-left-color: #DDDDDD;	padding:4px 5px 4px 5px; line-height:120%;}
div.PlanCassette table.tabletour li.tourlink{ float:left; margin-left:14px;}

/*-------------------------------------------------------------------*/








#hayami table .gelandeaccess{padding-left:10px;display:block;padding-top:7px;font-size:12px;}
#hayami table th.blank{padding-top:10px;}
#hayami #description{
	position:relative;
	height:21px;
	text-align: right;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#hayami #description a#printbutton{position:absolute;right:10px; top:10px;width:150px; height:35px;display:block;}
#hayami h2{margin:0px;}
@media print{

h1, #sitenavi, #header #ann, #header #card, #header ul *, #footer, #navi,#pankuzu, h2, a.pagetop, #description, #maincopy{display:none;}
#header #logo{padding:0px;margin:0px;position:static;}
#header, body{background-image:none;width:100%;padding:0px;margin:0px;}
div#wrap, #hayamitable{width:100%;margin:0px;}
td{padding:0px;}

} 





/*ペンションホテル一覧----------------------------------------------------------------------------------------------------------*/
#pension-info					{font-family:"Meiryo","Hiragino Kaku Gothic Pro","HiraKakuPro-W6","MS PGothic","osaka",sans-serif;}

#pension-info h2				{margin:0;}
#pension-info .h2-bottom		{margin:0 0 20px 0; color:#d00; font-weight:bold;}
#pension-info .tabletop			{width:950px; height:63px; padding:10px 0 0 0; margin:0 0 5px 0; background:url(../img/hski/tabletop-bg.gif) 0 0 no-repeat; font-size:14px; text-align:center; font-weight:bold;}

#pension-info table				{width:950px; margin:0 0 20px 0; background:#fff; border-collapse:collapse; line-height:14px;}

#pension-info table thead .tell td{color:#444;}

#pension-info table th					{border:1px solid #444; border-right:2px solid #444;}
#pension-info table td					{width:84px; text-align:center; border:1px solid #444;}
#pension-info table tbody tr.midashi th	{padding:0; background:#ff80c2; color:#fff; font-size:16px; text-align:center; line-height:26px; font-weight:bold; border-right:1px solid #444;}

#pension-info table thead th		{background:#fff; line-height:2; text-align:left; padding:0 5px;}
#pension-info table thead td		{font-weight:bold; color:#d71968; vertical-align:top;}
#pension-info table thead td img	{width:82px; height:65px; margin:1px 1px 3px 1px; display:block;}

#pension-info table tbody th		{padding:8px 5px; font-weight:normal; text-align:left; white-space:nowrap;}
#pension-info table tbody th.item	{font-weight:bold;}
#pension-info table tbody td		{padding:8px 0;}

#pension-info table tbody span		{font-size:10px;}

#pension-info table tbody tr.stripe th,
#pension-info table tbody tr.stripe td	{background:#daf6ff;}





/*通常の左メニューの右カセットが横一----------------------------------------------------------------------------------------------------------*/
#tour p{
	margin-bottom:14px;
	line-height:18px;
	position:relative;
}
#rectour .planbox{
	width:604px;
	margin-bottom:24px;
	float:left;
	height:160px;
}

#rectour h3{
	width:718px;
	color:#1C4BAF;
	font-size:14px;
	font-weight:bold;
	padding:6px 0 6px 35px;
	border:1px solid #A9BBE1;
	background:#E6EFFB url(../img/icon-tourtitle.gif) no-repeat 12px 7px;border:1px solid #1669b2;
	margin-bottom:12px !important;
	position:relative;
}
#rectour h3 img{
	position:absolute;
	top:5px;
	right:15px;
}
#rectour .planbox p{
	width:547px;
	margin-bottom:16px;
	line-height:19px;
	padding:3px 0 0 208px;
	position:relative;
}
#rectour .planbox dl{
	width:auto;
	padding:0 0 0 206px;
}

#rectour .half p{
	width:208px;
	height:75px;
	padding:0 0 0 84px;
	margin:0 0 6px 0;
	position:relative;
}
#rectour .half dl{
	width:auto;
	padding:0;
}
#rectour dd{
	color: #999999;
}

#rectour img.pict{
	position:absolute;
	left:0;
	top:0;
}


#rectour span.price{
	display:block;
	color:#f00;
	font-size:16px;
	font-weight:bold;
	font-family:Helvetica,Arial;
	padding-top:4px;
}
#rectour span.price span{
	font-size:10px;
	font-weight:normal;
}

#rectour dl{
	width:320px;
	height:17px;
	margin-bottom:3px;
}
#rectour dl dt,
#rectour dl dd{
	float:left;
	height:17px;
	line-height:17px;
}
#rectour dl dt{
	width:auto;
	margin-right:10px;
}
#rectour dl dd{
	border-right:1px solid #028DCD;
	margin-right:6px;
	padding-right:6px;
	white-space: nowrap;
}
#rectour dl dd.end{
	border:none;
}