/* 基本 */

h1,h2,h3,h4,h5,h6,p,dl,dt,dd,address{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5;
	color:#535353;
	font-family:MS PGothic ,sans-serif;
	}
td,th{
	font-size:12px;
	line-height:1.5;
	color:#535353;
	font-family:MS PGothic ,sans-serif;
	}
ol,ul,li{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
	color:#535353;
	font-family:MS PGothic ,sans-serif;
	}

img{
	border:none;
	vertical-align:top;
	}

a {
	color:#535353;
	}



#left #navi{
	width:170px;
	padding-left:35px;
	text-align:left;
	}

#left #navi a{
	color:#4A4753;
	text-decoration:none;
	}
#left #navi a:hover{
	color:#0773ED;
	}


#left #navi ul{
	margin-top:5px;
	padding-top:10px;
	background:url(../img/tensen.gif) top repeat-x;
	}

#left #navi li{
	padding:0 0 5px 0px;
	background:url(../img/tensen.gif) bottom repeat-x;
	margin-bottom:5px;
	}

#left #navi li p{
	background:url(img/icon_circle.gif) no-repeat 2px 4px;
	padding-left:15px;
	margin-left:5px;
	}
	
#left #navi ul.sub {
	margin-top:5px;
	padding-top:10px;
	background:url(../img/tensen.gif) top repeat-x;
	}

#left #navi ul.sub li{
	padding:0 0 5px 0px;
	background:url(../img/tensen.gif) bottom repeat-x;
	margin-bottom:5px;
	}

#left #navi ul.sub li p{
	background:none;
	padding-left:15px;
	margin-left:5px;
	}

#left #navi li.last{
	padding:0;
	background:none;
	}




/* Top */



#right{
	float:right;
	width:560px;
	padding:0 0px 0 5px;
	margin-right:40px;
	border-left:1px solid #D4D4D4;
	}


#right .banners{
	float:left;
	width:210px;
	padding:0px 0 0 20px;
	clear:both;
	}

#right .banners img{
	margin-bottom:10px;
	}

#commercial{
	clear:both;
	margin-left:80px;
	padding-top:20px;
	}

#commercial h4{
	width:400px;
	}


#links{
	text-align:center;
	margin:0 auto;
	margin-top:50px;
	clear:both;
	}


/* Hotels Top */

#contents #hotelintro{
	width:495px;
	margin:0 auto 0 20px;
}

#contents #hotelintro h3{
	margin-bottom:10px;
}

#contents #hotelintro #alpen{
	width:248px;
	float:left
}

#contents #hotelintro #kogen{
	float:right;
	width:230px;
	border-left:1px dashed #A1A0A3;
	padding-left:12px;
}

p.btn_hotel{
	margin:10px 20px 0 auto;
	text-align:right;
}

#contents #hotelmap{
	width:500px;
	margin:0 auto auto 20px;
}

#contents #hotelmap img.title{
	padding-top:40px;
}

#contents #hotelmap p{
	margin:0 0 25px 0;
}

#contents #hotelmap img.map{
	margin:20px 0 100px 15px;
}


/*　ニセコ高原ホテル　*/

#contents #alpenhotel h2{
	padding-left:4px;
	margin-top:-2px;
	}
#contents #alpenhotel #menubox{
	width:498px;
	margin-left:24px;
	margin-bottom:120px;
}

#contents #alpenhotel .content-list{	
	margin-top:25px;
	}

#contents #alpenhotel #menubox table td{

}

#contents #alpenhotel #menubox table td h4 img{
	margin-bottom:8px;
}

#contents #alpenhotel #menubox table td img{
	margin-right:5px;
}

#contents #alpenhotel #menubox table td p a{
	font-size:x-small;
	width:95px;
}

#contents #alpenhotel #menubox table td p.top{
	font-size:x-small;
	width:300px;
}


/*　ニセコ高原ホテル - 館内施設・アミューズメント　*/

#contents #amusement{
	padding-top:20px;
	padding-left:20px;
}

#contents #amusement h2{
	margin-bottom:40px;
}

#contents #amusement .marleft{
	padding-left:12px;
}

#contents #amusement #bath{
	color:#3E3E3E;
	width:482px;
	padding-bottom:40px;
	padding-left:23px;
}

#contents #amusement #bath h4{
	color:#3E3E3E;
	font-size:1.1em;
	letter-spacing:2px;
	margin-bottom:10px;
}

#contents #amusement #bath table{
	border-collapse:collapse;
}

#contents #amusement #bath table td{
	border:1px solid #9D9D9D;
	padding:2px;
}

#contents #amusement #bath .title{
	float:left;
	width:94px;
}

#contents #amusement #bath .caption{
	float:right;
	width:355px;
}

#contents #amusement #bath .caption img{
	margin-bottom:15px;
}

#contents #amusement #bath .caption dl dt{
	font-weight:bold;
}

#contents #amusement #bath .caption dl dd{
	margin-left:1em;
}

#contents #amusement #skicenter{
	border-top:1px #D4D4D4 solid;
	width:502px;
	margin-bottom:40px;
	padding-left:25px;
	padding-top:40px;
	padding-bottom:40px;
}
#contents #amusement #skicenter-1{
	width:502px;
	margin-bottom:20px;
	padding-left:25px;
	padding-top:40px;
	padding-bottom:40px;
}

#contents #amusement #skicenter h3{
	margin-bottom:24px;
}

#contents #amusement #skicenter p.name,
#contents #amusement #skicenter-1 p.name{
	font-weight:bold;
	margin-bottom:0;
}

#contents #amusement #skicenter p.time,
#contents #amusement #skicenter-1 p.time{
	margin-bottom:1em;
}


#contents #amusement #skicenter .list01,
#contents #amusement #skicenter-1 .list01{
	float:left;
	width:228px;
	padding-left:12px;
}

#contents #amusement #skicenter .list02,
#contents #amusement #skicenter-1 .list02{
	float:left;
	border-left:1px dashed #C1C1C1;
	padding-left:20px;
	width:221px;
}


#contents #amusement #shop{
	border-top:1px #D4D4D4 solid;
	width:478px;
	padding-top:40px;
	margin-left:23px;
	margin-bottom:30px;
}

#contents #amusement #shop .title{
	float:left;
	width:70px;
}

#contents #amusement #shop .caption{
	float:right;
	width:340px;
	padding-right10px;
}

#contents #amusement #shop .caption h4{
	margin-left:126px;
	color:#3E3E3E;
	font-size:1.1em;
	letter-spacing:2px;
	margin-bottom:10px;
	
}

#contents #amusement #shop .caption img{
	margin:0;
	float:left;
}

#contents #amusement #shop .caption p{
	margin-left:126px;
}

#contents #amusement #shop .caption dl dt{
	margin-left:126px;
	font-weight:bold;
}

#contents #amusement #shop .caption dl dd{
	margin-left:126px;
	text-indent:1em;
}


/*　ニセコ高原ホテル - 食のご案内　*/


#contents #foods h2{
	margin-bottom:23px;
}

#contents #foods #readbox{
	position:relative;
	margin-left:-4px;
	width:540px;
	margin-bottom:50px;
}

#contents #foods #readbox p{
	position:absolute;
	top:60px;
	left:160px;
	width:380px;
}

#contents #foods #payoka{
	width:430px;
	margin-left:43px;
	margin-bottom:50px;
}

#contents #foods #payoka h3{
	margin-bottom:15px;
}

#contents #foods #payoka p{
	margin:1em;
}

#contents #foods #payoka dl dt{
	font-weight:bold;
	float:left;
	margin-left:1em;
}

#contents #foods #payoka dl dd{
	margin-left:110px;
}

#contents #foods #yukisato{
	background:url(img/food/ph_yuki_03.jpg) no-repeat right bottom;
	width:480px;
	margin-left:43px;
	margin-bottom:50px;
	padding-bottom:135px;
}

#contents #foods #yukisato h3{
	margin-bottom:15px;
}

#contents #foods #yukisato p{
	margin:1em;
}

#contents #foods #yukisato dl dt{
	font-weight:bold;
	float:left;
	margin-left:1em;
}

#contents #foods #yukisato dl dd{
	margin-left:110px;
}


#contents #foods #youtei{
	background:url(img/food/ph_youtei_03.jpg) no-repeat right bottom;
	width:480px;
	margin-left:43px;
	margin-bottom:50px;
	padding-bottom:76px;
}

#contents #foods #youtei h3{
	margin-bottom:15px;
}

#contents #foods #youtei p{
	margin:1em;
}

#contents #foods #youtei dl dt{
	font-weight:bold;
	float:left;
	margin-left:1em;
}

#contents #foods #youtei dl dd{
	margin-left:110px;
}


/*　ニセコ高原ホテル - ホテルご利用のアドバイス　*/

#contents #advice h2{
	margin-bottom:37px;
}

#contents #advice #boxall{
	width:456px;
	margin:0 auto 30px 40px;
}

#contents #advice #boxall dl.leftbox{
	float:left;
	margin-bottom:30px;
}

#contents #advice #boxall dl.rightbox{
	float:right;
	margin-bottom:30px;
}

#contents #advice #boxall dl dd.mobile{
	background:url(../img/advice/ph_advice01.jpg) no-repeat bottom right;
	padding-bottom:125px;
}

#contents #advice #boxall dl{
	background:url(../img/advice/bg_advice_short.gif) no-repeat left top;
	width:214px;
	border-top:1px solid #606060;
	border-left:1px solid #606060;
	padding:1px;
}

#contents #advice #boxall dl dt{
	margin:12px auto 12px 12px;
}


#contents #advice #boxall dl dd{
	margin-left:12px;
	padding-bottom:1em;
}

#contents #advice #boxall dl.centerbox{
	clear:both;
	margin-bottom:30px;
	width:461px;
	background:url(../img/advice/bg_advice_long.gif) no-repeat left top;
	border-top:1px solid #606060;
	border-left:1px solid #606060;
	padding:1px;
}

#contents #advice #boxall dl.centerbox dt{
	margin:12px auto 12px 12px;
}

#contents #advice #boxall dl.centerbox dd{
	margin-left:12px;
	padding-bottom:1em;
}

#contents #advice #boxall dl.centerbox dd img{
	margin:20px auto;
}


/*　ニセコ高原ホテル - 館内見取り図　*/

#contents #layout h2{
	margin:0;
}

#contents #layout h3{
	margin:0 auto;
	margin-bottom:15px;
}


#contents #layout .tablebox td{
    padding:5px;
	border:1px solid #999999;
	}

table#setsubi{
	border:1px solid #B9B9B9;
}

table#setsubi th{
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	font-weight:normal;
	text-align:left;
	background-color:#F1EFD3;
	padding:5px;
}

table#setsubi td{
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	background-color:#F1F1F1;
	padding-left:8px;
}

#contents #layout h4{
	margin:0 auto 30px 58px;
}

#contents #layout img.kannai{
	margin:0 auto 30px 53px;
}

.clr{
	clear:both;
}

.btm_1em{
	margin-bottom:1em;
}

.marright8{
	margin-right:8px;
	margin-left:16px;
}

/*　ニセコ高原ホテル - 客室のご案内　*/

#contents #right #intro h2{
	margin:0;
}

#contents #right #intro #readbox{
	background:url(../img/alpen/bg_title_intro.jpg) no-repeat;
	width:540px;
	height:320px;
	margin-bottom:27px;
}

#contents #right #intro #readbox h3{
	margin-left:34px;
	margin-bottom:15px;
}

#contents #right #intro #readbox p{
	margin-left:34px;
	margin-bottom:15px;
	padding-top:15px;
	font-size:107%;
}

#contents #right #intro .abouroom{
	position:relative;
	width:508px;
	margin:0 0 42px 0;
}

#contents #right #intro .abouroom h3 img{
	margin:0 0 13px 0;
}

#contents #right #intro .abouroom img{
	margin-left:34px;
}

#contents #right #intro .abouroom p{
	position:absolute;
	top:40px;
	left:300px;
	width:200px;
}

#contents #right #intro #amenity{
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	padding-top:1em;
	padding-bottom:1em;
	width:478px;
	margin-left:34px;
	margin-bottom:30px;
}

#contents #right #intro #amenity p.atitle{
	color:#000000;
	font-weight:bold;
	margin:0;
}

#contents #right #intro #amenity p.alist{
	color:#000000;
	text-indent:1em;
	margin:0;
}











/* 宿泊料金 */

#charge{
	margin:0 auto;
	text-align:center;
	padding-right:15px;
	padding-top:20px;
	}


#charge table{
	margin:0 auto;
	text-align:center;
	margin-bottom:15px;
	}



#charge h3{
	width:450px;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
	text-align:left;
	padding:5px 5px 5px 10px;
	background:#8AA8E0;
	}

#box{
	width:400px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:35px;
	text-align:left;
	}
#box .red{
	color:#ff0000;
	}

#charge td{
	line-height:110%;
	padding:5px;
	}




.td-brd td{
	border:1px solid #999;
	padding:3px;
	}