/*書式設定
----------------------------------*/

body {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size:14px;
	color: #444444;
	background: url(../images/bg.gif) repeat;
	background-position: top left;
	background-color:#ffffff;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
html, a, form, div, table, ul, ol, li, dl, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	border: 0 none;
}
img {
	margin:0;
	padding:0;
	border: 0 none;
}
/*====================================
basic
====================================*/

#tangram_wrapper {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
.box_0 {
	margin: 0;
	padding: 0;
}
.box_0center {
	margin: 0 auto;
	padding: 0;
}
#tangram_contents01 {
	height:448px;
}
#tangram_contents02 {
	height:1960px;
	background: url(../images/bg-dot.gif) repeat;
}
#tangram_contents03 {
	height:870px;
	background: url(../images/bg-check.gif) repeat;
}
#tangram_pr {
}
.lead-txt {
	position: absolute;
	left: 1px;
	top: 432px;
}
.clm-main {
	position: absolute;
	left: 294px;
	top: 827px;
}
.clm-main-img {
	position: absolute;
	right: 0px;
	top: 1180px;
}
.clm-main-txt {
	position: absolute;
	left: 337px;
	top: 1318px;
}
.clm-night-img {
	position: absolute;
	left: 0px;
	top: 559px;
}
.clm-night-txt {
	position: absolute;
	left: 44px;
	top: 920px;
}
.clm-school-img {
	position: absolute;
	left: 420px;
	top: 540px;
}
.clm-school-txt {
	position: absolute;
	left: 420px;
	top: 790px;
}
.clm-snowmobile-img {
	position: absolute;
	right: 0px;
	top: 696px;
}
.clm-snowmobile-txt {
	position: absolute;
	right: 35px;
	top: 960px;
}
.clm-snowrafting-img {
	position: absolute;
	left: 44px;
	top: 1056px;
}
.clm-snowrafting-txt {
	position: absolute;
	left: 51px;
	top: 1335px;
}
.clm-kidspark-img {
	position: absolute;
	left: 0px;
	top: 1410px;
}
.clm-kidspark-txt {
	position: absolute;
	left: 424px;
	top: 1438px;
}
.clm-rental-img {
	position: absolute;
	left: 573px;
	top: 1743px;
}
.clm-rental-txt {
	position: absolute;
	right: 30px;
	top: 1892px;
}
.clm-baby-img {
	position: absolute;
	left: 31px;
	top: 2010px;
}
.clm-baby-txt {
	position: absolute;
	left: 38px;
	top: 2240px;
}
.clm-topics {
	position: absolute;
	right: 30px;
	top: 2032px;
}
.clm-topics01 {
	position: absolute;
	left: 400px;
	top: 2120px;
}
.clm-topics02 {
	position: absolute;
	right: 0px;
	top: 2080px;
}
.clm-topics-img {
	position: absolute;
	left: 649px;
	top: 2227px;
}
.btn-01 {
	position: absolute;
	right: 30px;
	top: 1478px;
}
.btn-02 {
	position: absolute;
	right: 30px;
	top: 1600px;
}
.clm-ico-01 {
	position: absolute;
	left: 310px;
	top: 547px;
}
.clm-ico-02 {
	position: absolute;
	left: 701px;
	top: 573px;
}
.clm-ico-03 {
	position: absolute;
	right: 40px;
	top: 543px;
}
.clm-ico-04 {
	position: absolute;
	left: 832px;
	top: 1076px;
}
.clm-ico-05 {
	position: absolute;
	left: 656px;
	top: 1431px;
}
.clm-ico-06 {
	position: absolute;
	left: 43px;
	top: 1489px;
}
.clm-ico-07 {
	position: absolute;
	left: 436px;
	top: 1953px;
}
.clm-ico-08 {
	position: absolute;
	left: 264px;
	top: 2320px;
}





.htl-title {
	position: absolute;
	left: 0px;
	top: 2363px;
}
.htl-service-img {
	position: absolute;
	left: 461px;
	top: 2424px;
}
.htl-service-txt {
	position: absolute;
	left: 484px;
	top: 2669px;
}
.htl-room-img {
	position: absolute;
	right: 0px;
	top: 2430px;
}
.htl-room-txt {
	position: absolute;
	right: 40px;
	top: 2728px;
}
.htl-biking-img {
	position: absolute;
	left: 0px;
	top: 2690px;
}
.htl-biking-txt {
	position: absolute;
	left: 50px;
	top: 3020px;
}
.htl-onsen-img {
	position: absolute;
	left: 343px;
	top: 2844px;
}
.htl-onsen-txt {
	position: absolute;
	left: 363px;
	top: 3072px;
}
.htl-pool-img {
	position: absolute;
	left: 635px;
	top: 2779px;
}
.htl-pool-txt {
	position: absolute;
	left: 660px;
	top: 3018px;
}
.btn-03 {
	position: absolute;
	left: 50px;
	top: 3158px;
}
.htl-ico-01 {
	position: absolute;
	left: 300px;
	top: 2720px;
}

.htl-ico-02 {
	position: absolute;
	right: 10px;
	top: 2925px;
}

.htl-ico-03 {
	position: absolute;
	left: 589px;
	top: 3060px;
}


/*====================================
link
====================================*/
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*====================================
clearfix
====================================*/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}