* {
	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 ;
	/*background: #FFFBF9;*/
	background: #FFF;

	}


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


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

img {
	vertical-align:bottom;
}


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

a:link {
	color: #000;
	text-decoration: underline;
	}

a:visited {
	color: #000;
	text-decoration: underline;
	}

a:hover {
	color: #F56200;
	text-decoration: none;
	} 
	

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

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




/*================== 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 : url(../img/octnovrenkyu/top_bk.jpg) no-repeat top center;
	}




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


#header {
	width: 910px;
	height: 500px;
	background : url(../img/octnovrenkyu/top03.jpg) no-repeat bottom center;
	position:relative;
	}

	#header .topbox{
		width: 910px;
		height: 349px;
		background :#8CCBEC url(../img/octnovrenkyu/top01.jpg) no-repeat top left;
		clear: both;
		}

	#header .topbox img{
		float: right;
		}


	#header h1{
		width: 300px;
		height: 22px;
		text-align: left;
		line-height: 1.6;
		font-size: 12px;
		font-weight: bold;
		position:absolute;
		color: #FFF;
		top: 4px;
		left: 140px;
		/*left: 265px;*/
		z-index: 2;
	}

	#header .pankuzu{
		width: 210px;
		height: 22px;
		text-align: left;
		line-height: 1.6;
		font-size: 12px;
		color: #FFF;
		position:absolute;
		top: 4px;
		left: 60px;
		z-index: 2;
		}



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

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

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







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

#main {
	width: 800px;
	clear:both;
	}



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

/*-- ttl --*/

.ttl{
	height: 35px;
	margin-top: 10px;
	margin-bottom: 30px;
	clear: both;
	}


	.ttl h2{
		height: 35px;
		float: left;
		}


	.ttl p{
		padding-top: 14px;
		padding-left: 30px;
		float: left;
		}


/*-- plan --*/

.planbox{
	width: 800px;
	clear: both;
	margin-bottom: 30px;
	}

 .l_hotel, .m_hotel, .r_hotel{
	width: 260px;
	padding-bottom: 10px;
	/*background :#FAF576 url(../img/octnovrenkyu/bk.gif) repeat left top;*/
	background :#FFD821;
	position:relative;
	}


	.l_hotel{float: left;margin-right: 10px;}
	.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 p.coment{
	width: 250px;
	text-align: left;
	font-size: 12px;
	margin: 5px auto 0 auto;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
	}


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


 .planbox .btn{
	width: 250px;
	height: 27px;
	text-align: left;
	margin: 5px auto 0 auto;
	}





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


/*-- sapporo01 --*/

.sapporo01{
	width: 800px;
	margin-bottom: 30px;
	clear: both;
	}



	.sapporo01 .obi{
		width: 800px;
		height: 65px;
		text-align: left;
		background :#FFD822 url(../img/octnovrenkyu/sapporo01m.jpg) no-repeat right top;
		}


		.sapporo01 .obi img{
			margin-top: 8px;
			margin-left: 5px;
			margin-right: 20px;
			}

		.sapporo01 .obi p{
			color: #000;
			margin-left: 10px;
			line-height: 1.2;
			}


	.sapporo01 .maincont{
		width: 800px;
		padding-top: 20px;
		text-align: left;
		background : url(../img/octnovrenkyu/sapporo01b.jpg) no-repeat right top;
		}

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

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



/*-- sapporo02 --*/

.sapporo02{
	width: 800px;
	margin-bottom: 30px;
	clear: both;
	}



	.sapporo02 .obi{
		width: 800px;
		height: 65px;
		text-align: left;
		background :#FFD822 url(../img/octnovrenkyu/kouyou01m.jpg) no-repeat right top;
		}


		.sapporo02 .obi img{
			margin-top: 8px;
			margin-left: 5px;
			margin-right: 20px;
			}

		.sapporo02 .obi p{
			color: #000;
			margin-left: 10px;
			line-height: 1.2;
			}


	.sapporo02 .maincont{
		width: 800px;
		padding-top: 20px;
		text-align: left;
		background : url(../img/octnovrenkyu/kouyou01b.jpg) no-repeat right top;
		}

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

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




/*-- ttlsub --*/

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


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


.ttlsub p{
	font-size: 10px;
	padding-top: 8px;
	padding-right: 4px;
	color: #666;
	float: left;
	}

.ttlsub p.shu{
	color: #019BE5;
	}


/*-- tour --*/

.tour{
	width: 780px;
	height: 143px;
	margin-bottom: 30px;
	background :url(../img/octnovrenkyu/bkmizu.gif) repeat left top;
	position:relative;
	}

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

	.tour .btnbox{
		width: 760px;
		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: 750px;
	padding: 11px 0 0 0;
	}


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

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