@charset "utf-8";

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

/*tg----------------------------------------------------------------------------------------------------------*/

#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用カセット-------------------------------------------------------------*/
.area_spk p.txt{
	padding:0 5px;
}
ul.spotspace{ width:100%; height:auto; overflow:hidden; margin:0 0 10px 0; 
	padding:0 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.spotspace li{
	width:50%;
	margin-right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:0 3px;
}
ul.spotspace li img{
	width:100%;
	height:auto;
}

/*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{
	height:auto !important;
	padding-bottom:10px;
	margin-bottom:15px;
}
div.PlanCassette h5.hoteltitle{
	background-size:11px auto;
	padding-left:15px;
	font-size:13px;
	background-position:left 3px;
}
div.PlanCassette img.hotelinfo{float: left;	margin-left:10px; margin-top: 6px; margin-right: 4px;}
#tour div.PlanCassette p.comment{
	height:auto;
	margin-bottom:5px;
	margin-left:0;
	padding:0 5px;
}
div.PlanCassette p.comment span{color:#ff0000;}
div.PlanCassette img.planimg{
	width:100px;
	height:auto;
	margin-bottom:10px;
}
div.PlanCassette table.tabletour{
	width:auto;
	font-size:11px;
	float:none;
	margin:10px 0 0 0;
	width:100%;
}
div.PlanCassette table.tabletour ul li{
	font-size:13px;
	margin:3px 3px;
}
div.PlanCassette table.tabletour th.item01{ width:auto;}
div.PlanCassette table.tabletour th.item02{ width:auto;}
div.PlanCassette table.tabletour th.item03{ width:auto;}
div.PlanCassette table.tabletour th.item04{ width:auto}
/*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;}*/





/*ペンションホテル一覧----------------------------------------------------------------------------------------------------------*/
#pension-info .h2-bottom{
	margin-bottom:15px;
	font-weight:normal;
	padding:0 5px;
}
#pension-info .tabletop{
	width:100%;
	height:auto;
	font-size:12px;
	background:none;
	background-color:#f5e3ad;
	padding:5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:5px;
}

#pension-info table{
	width:100%;
}
#pension-info table td{
	width:auto;
}
#pension-info table tbody tr.midashi th	{
	font-size:12px;
}

/*#pension-info table thead th		{background:#fff; line-height:2; text-align:left; padding:0 5px;}*/
#pension-info table thead td{
	font-weight:normal;
}
/*#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:100%;
	float:none;
	height:auto;
}

#rectour h3{
	width:100%;
	background-size:13px auto;
	background-position:5px 8px;
	font-size:13px;
	padding:6px 5px 6px 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*#rectour h3 img{
	position:absolute;
	top:5px;
	right:15px;
}*/
#rectour .planbox p{
	width:100%;
	padding-left:120px;
	padding-top:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:10px;
}
#rectour .planbox p img{
	width:110px;
	height:auto;
}
#rectour .planbox dl{
	clear:both;
	padding:0;
}

#rectour .half p{
	width:100%;
	height:auto;
	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;
}