* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	color: #333; 
	font-size: 12px;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	position:relative;
	}


body div {
	text-align: center;
	margin: 0 auto;
	}


p {
	font-size: 14px;
	line-height: 1.6;
	}

img {
	vertical-align:bottom;
}


/*================== link ==================*/

a:link {
	font-weight:bold;
	color: #FFF;
	text-decoration: underline;
	}

a:visited {
	color: #FFF;
	font-weight:bold;
	text-decoration: underline;
	}

a:hover {
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	} 
	

/*================== image ==================*/

img {
	margin: 0;
	padding: 0;
	border: none;
	}



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

* clearfix

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



/*----- IE6_uEU -----*/

.clr:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}





/*----- IE7MacFIE5 -----*/

.clr {

  display: inline-block;

}





/*----- IE6 -----*/

/* Hides from IE-mac \*/

* html .clr {

  height: 1%;

}



.clr {

  display: block;

}







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


/*================== float clear ==================*/


.fl{float: left;}
.fr{float: right;}

br.clb{
	clear: both;
	line-height: 0px;
	}


/*================== text ==================*/
.cen {text-align : center;}
.left {text-align :left;}
.right {text-align :right;}

/*================== font color ==================*/

.aka {color: #F00;}
.ao {color: #00F;}
.shu {color: #AB0C0C;}
.org {color: #F60;}
.gren {color: #008000;}
.gray {color: #808080}
.pink {color: #FF3399;}
.siro {color: #FFF;}

.normal {font-weight: normal;}
.bold {font-weight: bold;}

/*================== font size ==================*/

.s18{font-size:18px;}
.s16{font-size:16px;}
.s14{font-size:14px;}
.s12{font-size:12px;}
.s11{font-size:11px;}
.s10{font-size:10px;}



/*================== basic ==================*/

#wrap{
	width: 100%;
	text-align: center;
	background :#C7D9F0 url(../img/newyear/bk_wrap.gif) no-repeat 50% bottom;
	}
#h-wrap{
	width: 100%;
	text-align: center;
	background : url(../img/newyear/bk_header.gif) no-repeat 50% top;
	
	
	}

#waku900{
	width: 900px;
	text-align: center;
	}

/*--------- header ---------*/


#header {
	width: 900px;
	height: 628px;
	margin:0 auto;
	background :#C7D9F0 url(../img/newyear/top05.gif) no-repeat right bottom;
	position:relative;
	}


	#header .h_top{
		width: 900px;
		height:322px;
		background :#FFCC33 url(../img/newyear/top02.gif) no-repeat right top;
		text-align: left;
		}
	
	
	#header .h_main{
		width: 900px;
		height:288px;
		background : url(../img/newyear/top04.gif) no-repeat right top;
		text-align: left;
		}



	#header .topbox{
		width: 900px;
		height: 530px;
		clear: both;
		position:absolute;
		top: 20px;
		left: 0;
		}



	#header h1{
		width: 500px;
		height: 22px;
		text-align: left;
		line-height: 1.6;
		font-size: 18px;
		font-weight: bold;
		color: #FFF;
		position:absolute;
		bottom: 15px;
		left: 155px;
		/*left: 265px;*/
	}

	#header .pankuzu{
		width: 210px;
		height: 22px;
		text-align: left;
		line-height: 1.6;
		font-size: 18px;
		color: #FFF;
		position:absolute;
		bottom: 15px;
		left: 25px;
		}



		#header .pankuzu a:link {
			color: #FFF;
			text-decoration: underline;
			}

		#header .pankuzu a:visited {
			color: #FFF;
			text-decoration: underline;
			}

		#header .pankuzu a:hover {
			color: #FFF;
			text-decoration: none;
			} 







/*------------ main --------------*/

#main {
	width: 900px;
	margin:0 auto;
	clear:both;
	background:#C7D9F0;
	}







/*********** ホテル３つパターン ************/

/*-- ttl --*/

.ttl{
	height: 45px;
	margin-bottom: 30px;
	background : url(../img/newyear/ttl_bk.gif) repeat-x top;
	clear: both;
	}


	.ttl h2{
		text-align: left;
		}




/*-- background #FFF --*/
.bkshiro{
	width: 850px;
	margin-bottom: 30px;
	background:#FFF;
	padding:25px 0;
	}




/*-- plan --*/

.planbox{
	width: 800px;
	clear: both;
	}

 .l_hotel, .m_hotel, .r_hotel{
	width: 258px;
	padding-bottom: 5px;
	background :#FFF474 url(../img/newyear/bkyellow.gif) repeat left top;
	position:relative;
	}


	.l_hotel{float: left;margin-right: 13px;}
	.m_hotel{float: left;}
	.r_hotel{float: right;}

 .l_hotel .icon, .m_hotel .icon, .r_hotel .icon{
	width: 76px;
	height: 77px;
	position:absolute;
	top: -12px;
	right: -12px;
	z-index: 2;
	}

 .planbox .hotelmain{
	width: 250px;
	margin: 4px auto 0 auto;
 	background-color: #FFF;
	}

 .planbox p.coment{
	width: 230px;
	text-align: left;
	font-size: 12px;
	margin: 3px auto 0 auto;
	padding: 8px 0;
	border-bottom: 1px dashed #999;
	}


 .planbox p.annai{
	width: 230px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	}


 .planbox .btn{
	width: 230px;
	padding: 5px 0 10px 0;
	margin: 0 auto 0 auto;
	}





/*********** 上下パターン ************/


/*-- maincont --*/

.maincont{
		width: 800px;
		margin: 0 auto;
		text-align: left;
		}

	.maincont img{
		margin-bottom: 10px;
		}

	.maincont p{
		margin-bottom: 5px;
		}




/*-- ttlsub --*/

.ttlsub{
	width: 800px;
	height: 25px;
	margin-bottom: 5px;
	clear: both;
	}


.ttlsub img{
	color: #666;
	margin-left: 10px;
	margin-right: 15px;
	float: left;
	}


.ttlsub p{
	font-size: 12px;
	padding-top: 8px;
	color: #036EB8;
	font-weight:bold;
	
	text-align:left;
	}


/*-- tour --*/

.tour{
	width: 800px;
	height: 143px;
	background :url(../img/newyear/bkyellow.gif) repeat left top;
	position:relative;
	}

	.tour img.camp{
		position:absolute;
		top:-50px;
		right: -40px;
		z-index: 2;
		}

	.tour .btnbox{
		width: 780px;
		height: 123px;
		background-color: #FFF;
		position:absolute;
		top:10px;
		left: 10px;
		}

	.tour .btnbox img{
		margin-top: 30px;
		margin-right: 10px;
		}









/* page top */
.pt{
	line-height: 1.0;
	color: #928D81;
	font-size: 9px;
	float: right;
	}

.pt img{
	vertical-align:top;
	}

.pt a:link,.pt a:visited{
	color: #928D81;
	}


/*-- footer --*/


#footer {
	width: 850px;
	margin: 0 auto 10px auto;
	padding: 0 0 0 0;
	}


	#footer p.footlink{
		font-size: 11px;
		}

/*================== copyright ==================*/
address{
	margin: 2px auto 10px auto;
	text-align: center;
	font-size:9pt;
	}