@charset "utf-8";


/* ======= index.html ======= */
/* ** MAIN AREA ** */
#main-area{
	position:relative;
	width:960px;
	height:378px;
	background:url(../images/header_img_r.jpg) no-repeat right top;
}

	#main-area #title-balloon{
		position:absolute;
		left:403px;
		top:-35px;
		z-index:10;
	}
	
	#main-area #block-left{
		float:left;
	}
	
	#main-area #block-right{
		float:left;
		width:471px;
	}
	
		#main-area #block-right #regist-area{
			padding:22px 0 0 22px;
			width:471px;
			*width:449px;
			height:170px;
			*height:170px;
			background:url(../images/regist_bg.jpg) no-repeat 0 0;
		}
		
		#main-area #block-right #regist-copy{
			padding-bottom:10px;
		}
		
		#block-right #regist-btn{
			float:left;
			width:176px;
			height:52px;
			overflow:hidden;
		}
		
		#block-right #regist-right{
			float:left;
			width:260px;
			font-size:92%;
		}
		
		#block-right #regist-right p#regist-caution{
			padding:5px 0;
		}
		
		#block-right a{
			color:#ee0101;
			text-decoration:underline;
		}
		
		#block-right a:hover{
			text-decoration:none;
		}
		
		
		#block-right #regist-btn a{
			width:169px;
			height:52px;
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			background:url(../images/btn_regist.gif) no-repeat 0 0;
		}
		
		#block-right #regist-btn a:hover{
			background-position:0 -52px;
		}

h2.camp-top{
	padding-bottom:10px;
	text-align:center;
}

/* ** PRESENT ** */

#present{
	padding:0 0 25px 50px;
}

#present #p-left{
	position:relative;
	float:left;
	width:334px;
	height:313px;
	background:url(../images/present_bg01.jpg) no-repeat 0 0;
}

#present #p-left img,
#present #p-right img{
	display:block;
}

	#present #p-left #c-balloon01{
		position:absolute;
		left:290px;
		top:-30px;
		z-index:25;
	}
	#present #p-left h3{
		padding:20px 0 12px 45px;
	}
	
	#present #p-left div#product-img{
		padding:0 0 0 40px;
	}
	
	#present #p-left #btn-coolpix{
		position:absolute;
		width:252px;
		height:219px;
		left:40px;
		top:55px;
	}
	
	#present #p-left #btn-coolpix a{
		width:252px;
		height:224px;
		display:block;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		background:url(../images/present_btn01.gif) no-repeat 0 0;
	}
	
	#present #p-left #btn-coolpix a:hover{
		background-position:-252px 0;
	}
	
	#present #p-left #btn-product{
		position:absolute;
		left:40px;
		top:280px;
		width:252px;
		text-align:center;
		font-size:77%;
	}
	
	#present #p-left #btn-product a{
		color:#fde20c;
		text-decoration:underline;
	}
	
	#present #p-left #btn-product a:hover{
		text-decoration:none;
	}

#present #p-right{
	float:left;
	width:541px;
	height:313px;
	background:url(../images/present_bg02.jpg) no-repeat 0 0;
}
	
	#present #p-right h3{
		padding:20px 0 10px 110px;
	}
	
	#present #p-right ul{
		
	}
	
	#present #p-right ul li{
		float:left;
	}
	
	#present #p-right ul li#item01{
		position:relative;
		height:230px;
		padding:0 0 0 7px;
	}
		#present #p-right ul li#item01 #c-balloon02{
			position:absolute;
			left:430px;
			top:-85px;
		}
	
		#present #p-right ul li#item01 div p{
			position:absolute;
			width:160px;
			height:230px;
			left:15px;
			top:0;
		}
		
		#present #p-right ul li#item01 div p a{
			width:160px;
			height:230px;
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			background:url(../images/present_btn02.gif) no-repeat 0 0;
		}
	
	#present #p-right ul li#item02{
		position:relative;
		height:230px;
		padding:0 7px 0 13px;
	}
	
		#present #p-right ul li#item02 div p{
			position:absolute;
			width:160px;
			height:230px;
			left:-15px;
			top:0;
		}
		
		#present #p-right ul li#item02 div p a{
			width:160px;
			height:230px;
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			background:url(../images/present_btn03.gif) no-repeat 0 0;
		}
	
	
	#present #p-right ul li#item03{
		position:relative;
		height:230px;
		padding:0 0 0 15px;
	}
	
		#present #p-right ul li#item03 div p{
			position:absolute;
			width:160px;
			height:230px;
			left:4px;
			top:0;
		}
		
		#present #p-right ul li#item03 div p a{
			width:160px;
			height:230px;
			display:block;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			background:url(../images/present_btn04.gif) no-repeat 0 0;
		}
		#present #p-right ul li#item01 div p a:hover,
		#present #p-right ul li#item02 div p a:hover,
		#present #p-right ul li#item03 div p a:hover{
			background-position:-160px 0;
		}
		
	#present #p-right p#present-caution{
		padding:7px 30px 0 310px;
	}
	
	
	
/* ** ENTRY ** */
#entry{
	margin-bottom:25px;
	padding:0 66px 20px;
	background:url(../images/entry_step_bg02.gif) no-repeat 70px 48px;
}

#entry #entry-inner{
	background:url(../images/entry_step_bg01.gif) no-repeat 0 0;
}

	#entry #entry-inner ol li{
		float:left;
		text-align:center;
		font-size:92%;
	}
	
	#entry #entry-inner ol li .step-number{
		padding:10px 0 25px 0;
	}
	
	#entry #entry-inner ol li .step-img{
		padding:10px 0 10px 0;
	}
	
	#entry #entry-inner ol li .step-txt{
		padding:0 0 10px 0;
	}
	
	#entry #entry-inner ol li .step-txt-m{
		padding:0 0 1em 0;
	}
	
	#entry #entry-inner ol li #step-btn{
		text-align:left;
		padding:0 0 10px 42px;
	}
	#entry #entry-inner ol li #step-btn a{
		width:205px;
		height:52px;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		display:block;
		background:url(../images/entry_btn.gif) no-repeat 0 0;
	}
	#entry #entry-inner ol li #step-btn a:hover{
		background-position:0 -52px;
	}
	
	
	#entry #entry-inner ol li#step01{
		width:250px;
	}
	
	#entry #entry-inner ol li#step02{
		width:280px;
	}
	
	#entry #entry-inner ol li#step03{
		width:280px;
	}


/* ** MPT ** */
#mpt{
	position:relative;
	padding:0 0 25px 45px;
}

	#mpt #mpt-copy{
		padding:0 0 12px 25px;
		font-size:114%;
	}
	
	#mpt #mpt-balloon{
		position:absolute;
		left:680px;
		top:-85px;
	}
	
	*html #mpt #mpt-balloon{
		left:600px;
	}
	
	#mpt ul li{
		float:left;
		padding:22px 28px 0 20px;
		width:388px;
		*width:388px;
		height:180px;
		*height:158px;
		background:url(../images/mpt_bg01.jpg) no-repeat 0 0;
	}
	
	#mpt ul li h3{
		padding:10px 0 8px 0;
		margin-bottom:10px;
		font-size:122%;
		font-weight:bold;
		border-bottom:1px solid #000;
	}
	
	#mpt ul li p{
		font-size:77%;
		line-height:1.6;
	}
	
	#mpt ul li .mpt-left{
		float:left;
	}
	
	#mpt ul li .mpt-right{
		float:right;
		width:186px;
	}
	
	#mpt #mpt-bottom{
		padding:8px 0 0 12px;
	}
	
	#mpt #mpt-bottom p{
		float:left;
		padding-right:15px;
	}
	
	#mpt #mpt-bottom p span{
		font-size:107%;
	}
	
	#mpt #mpt-bottom p span a{
		color:#333;
		text-decoration:underline;
	}
	
	#mpt #mpt-bottom p span a:hover{
		text-decoration:none;
	}
	
	
	
/* ** CAMP INFO ** */
#cmp-info{
	padding:0 60px 25px;
}
	#cmp-info h3{
		margin:0 0 7px 0;
		font-size:110%;
		font-weight:bold;
	}
	
	#cmp-info h4{
		padding-left:10px;
		font-weight:bold;
	}
	
	#cmp-info p{
		margin-bottom:25px;
		padding-left:10px;
	}
	
	#cmp-info p.ext{
		margin-bottom:5px;
		padding-left:10px;
	}
	
	#cmp-info ul{
		margin-bottom:25px;
		padding-left:10px;
	}
	
	#cmp-info ol{
		margin-bottom:25px;
		padding-left:35px;
	}
	
	#cmp-info ul li{
		padding:0 0 4px 1em;
		background:url(../images/list_bd.gif) no-repeat 0 9px;
	}
	
	#cmp-info ol li{
		padding:0 0 4px 0;
		list-style-type:decimal !important;
	}
	
	#cmp-info ul li.bd-non{
		background:none !important;
	}
	
	#cmp-info #cmp-info-bottom{
		margin:0 10px;
		padding:29px 47px;
		border:2px solid #ccc;
	}
	
	#cmp-info #cmp-info-bottom p{
		padding-top:8px;
	}
	
	#cmp-info #cmp-info-btn{
		float:left;
		width:320px;
		height:63px;
	}
	
	#cmp-info #cmp-info-btn a{
		width:310px;
		height:63px;
		font-size:1px;
		line-height:1px;
		display:block;
		text-indent:-9999px;
		background:url(../images/cmp_info_btn.gif) no-repeat 0 0;
	}
	#cmp-info #cmp-info-btn a:hover{
		background-position:0 -63px;
	}
	
	
	
/* POPUP */

#popup-hide-area{
	display:none;
}

#pre-popup01{
	width:900px;
	height:571px;
	background:url(../images/present_popup01_img.jpg) no-repeat 0 0;
}

	#pre-popup01 div#pre-popup01-box{
		padding:388px 0 0 496px;
	}
	
	#pre-popup01 p{
		width:311px;
		text-align:center;
		font-weight:bold;
	}
	
	#pre-popup01 p a{
		color:#ffdb1a;
		text-decoration:underline;
	}
	
	#pre-popup01 p a:hover{
		text-decoration:none;
	}
	
	#pre-popup01 #pre01-close{
		padding:110px 0 0 844px;
	}
	
	#pre-popup01 #pre01-close a{
		width:33px;
		height:33px;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		display:block;
		background:url(../images/present_popup01_close.gif) no-repeat 0 0;
	}
	
	#pre-popup01 #pre01-close a:hover{
		background-position:0 -33px;
	}

#pre-popup02{
	width:900px;
	height:571px;
	background:url(../images/present_popup02_img.jpg) no-repeat 0 0;
}

#pre-popup03{
	width:900px;
	height:571px;
	background:url(../images/present_popup03_img.jpg) no-repeat 0 0;
}

#pre-popup04{
	width:900px;
	height:571px;
	background:url(../images/present_popup04_img.jpg) no-repeat 0 0;
}

	#pre-popup02 #pre02-close,
	#pre-popup03 #pre03-close,
	#pre-popup04 #pre04-close{
		padding:517px 0 0 845px;
	}
	
	#pre-popup02 #pre02-close a,
	#pre-popup03 #pre03-close a,
	#pre-popup04 #pre04-close a{
		width:33px;
		height:33px;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		display:block;
		background:url(../images/present_popup02_close.gif) no-repeat 0 0;
	}
	
	#pre-popup02 #pre02-close a:hover,
	#pre-popup03 #pre03-close a:hover,
	#pre-popup04 #pre04-close a:hover{
		background-position:0 -33px;
	}




/* ======= entry.html ======= */
#entry-container{
	padding:0 50px;
}

#entry-container p#entry-txt-r{
	margin:10px 0 5px 0;
	font-size:122%;
	font-weight:bold;
	color:#ff4e00;
}

#entry-container #entry-regist-txt{
	padding-left:1em;
	font-size:107%;
}


#entry-container{
	padding:0 50px;
}

#entry-container p#entry-txt-r{
	margin:10px 0 5px 0;
	font-size:122%;
	font-weight:bold;
	color:#ff4e00;
}

#entry-container #entry-regist-txt{
	padding-left:1em;
	font-size:107%;
}

#entry-container #entry-ttl-block{
	margin:20px 0 26px 0;
	padding:11px 32px 11px 32px;
	background-color:#ffdf3f;
}

#entry-container #entry-text-area{
	padding:20px 30px;
	width:800px;
	height:305px;
	border:1px solid #9f9f9f;
	background-color:#fff7dc;
	overflow:auto;
}

#entry-container #cmp-info{
	padding:0 0px 25px !important;
}

#entry-container #cmp-info #cmp-info-bottom{
	background-color:#fff;
	width:664px;
	margin:0 10px;
	padding:29px 47px 10px 47px;
	border:2px solid #ccc;
}

#entry-container #bottom-btn{
	padding:20px 0 0 343px;
}

#entry-container #bottom-btn a{
	width:182px;
	height:48px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	display:block;
	background:url(../images/entry_btn2.gif) no-repeat 0 0;
}

#entry-container #bottom-btn a:hover{ background-position:0px -48px; }