@charset "UTF-8";
/* CSS Document */

*{line-height:1.7;}

html,body{width:100%; height:auto; margin:0;padding:0;}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div{
	margin: 0;
	padding: 0;
	color: #333;
}
h3, h4{font-weight: bold;}
ul li, ol li{list-style: none;}
table{margin: 0;padding: 0;font-size: 100%;}
caption{text-align: left;}
table, pre, code, select, textarea, kbd, var, ins, del, samp{font-size: 100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}
img{border:none;}
a img{border:none; outline:none;}
a, a:visited{text-decoration:none; color:#333333; outline:none;}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

hr.separation{display: none;}
fieldset{border: none;}
header,section,nav,aside,footer,article{display: block;}

body{
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
	font-size: 14px;
	background: #FFF;
}


/* --------------------
  PCページ　コンテンツ
----------------------- */
#section{
	width:100%;
	min-width:960px;
	height:auto;
}
	#section.mainimage{background:#51cbff;}
	#section.mainimage .bg{ background:url(../images/main_image.png) center 20px no-repeat;}
	
	#section.menu{background:#c3effd;}
	#section.menu .bg{ background:url(../images/bg_a.png) center bottom no-repeat;}
	
	#section.party{background:#51cbff;}
	#section.party .bg{ background:url(../images/bg_b.png) center bottom no-repeat;}
	
	#section.course_lineup{background:fdcc65;}
	#section.course_lineup .bg{background:url(../images/bg_c.png) center bottom no-repeat;}
	
	#section.hotel_lineup{background:#3fe551;}
	#section.hotel_lineup .bg{ background:url(../images/bg_d.png) center 0 repeat-y;}
	
	#section.con_option{background:url(../images/bg_e.png) repeat;}
	
	#wrap{ background:url(../images/bg_c.png) center 0 repeat-y;}
/*----------------波----------------*/
#wave{
	width:100%;
	height:42px;
}
	#wave.yellow{background:url(../images/wave_yellow.png) repeat-x;}
	#wave.a{background:url(../images/wave_a.png) repeat-x; margin-top:-5px;}
	#wave.b{background:url(../images/wave_b.png) repeat-x;}
	#wave.c{background:url(../images/wave_c.png) repeat-x;}
	#wave.d{background:url(../images/wave_f.png) repeat-x;}
	#wave.e{background:url(../images/wave_d.png) repeat-x;}


/*----------------コンテンツ----------------*/

/*----------トップイメージ----------*/
#section.mainimage .bg #contents{
	width:100%;
	min-width:1200px;
	height:512px;
	margin:0 auto !important;
	position:relative;
}
.present_more{
	position:absolute;
	right: 20px;
	top: 49px;
}
.hibiscus{
	position:absolute;
	right: 20px;
	top: 340px;
}


#contents_menu, #contents_party, #contents_course, #con_option,#contents_hotel{
	width:960px;
	margin:0 auto !important;
}

/*----------メニュー----------*/
#contents_menu{
	padding:20px 0;
}
#contents_menu a{ 
	display:inline-block;
	margin:0 6px 0 0;
	float:left;
}
#contents_menu a:hover{ 
	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
#nav_01{
	width:234px;
	height:407px;
	background:url(../images/menu_01.png) 0 0 no-repeat;
	float:left;
}
	#nav_01 p{
		width:210px;
		height:auto;
		margin:230px auto 0;
		color:#002cd0;
		font-weight:bold;
	}
#nav_02{
	width:234px;
	height:407px;
	background:url(../images/menu_02.png) 0 0 no-repeat;
	float:left;
}
	#nav_02 p{
	width:210px;
	height:auto;
	margin:230px auto 0;
	color:#f75d00;
	font-weight:bold;
	}
#nav_03{
	width:234px;
	height:407px;
	background:url(../images/menu_03.png) 0 0 no-repeat;
	float:left;
}
	#nav_03 p{
	width:210px;
	height:auto;
	margin:260px auto 0;
	color:#9b4110;
	font-weight:bold;
	}
#nav_04{
	width:234px;
	height:407px;
	background:url(../images/menu_04.png) 0 0 no-repeat;
	float:left;
}
	#nav_04 p{
		width:180px;
		height:auto;
		margin:230px auto 0;
		color:#008558;
		font-weight:bold;
	}


/*----------コンテンツフレーム----------*/
#frame{
	width:920px;
	height:auto;
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}
#frame.pink{ background:url(../images/framebg_b.png) repeat;}
#frame.green{ background:url(../images/framebg_c.png) repeat;}
#frame.blue{ background:url(../images/framebg_d.png) repeat;}
#frame.orange{ background:url(../images/framebg_e.png) repeat;}

#inner_top{
	width:920px;
	height:20px;
	background:url(../images/inner_top.png) no-repeat;	
}
#inner{
	width:920px;
	height:auto;
	background:url(../images/inner_middle.png) repeat-y;
	padding-bottom:6px;
}
p.read_text{
	text-align:center;
	font-size:16px;
}

#inner_bottom{
	width:920px;
	height:24px;
	background:url(../images/inner_bottom.png) no-repeat;	
}

.frame_shadow{
	margin-top:-10px;
}


/*----------夕食パーティー----------*/
#contents_party{
	padding:20px 0 30px;
}

.title_b{
	margin-top:-50px;
}


/*--プラン--*/
#plan{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:20px 40px 30px;
	font-size:14px !important;
}
	#plan.blue{background:url(../images/plan_bg_blue.png) repeat;}
	
	#plan.blue img.absolute{
		position:absolute;
		left: 348px;
		top: -185px;
	}
	
	#plan.yellow{background:url(../images/plan_bg_yellow.png) repeat;}
	
	#plan.yellow img.absolute{
	position:absolute;
	left: -37px;
	top: -230px;
	}
	
	#plan.green{background:url(../images/plan_bg_green.png) repeat;}
	
	#plan.green img.absolute{
		position:absolute;
		left: 348px;
		top: -175px;
	}
	
#plan.ichioshi{
	width:850px;
	height:auto;
	margin:0 auto;
	padding:0;
	font-size:14px !important;
}

p.profile{
	width:530px;
}

/*----------コースラインナップ----------*/
#contents_course{
	padding:20px 0 30px;
}

#course h3{
	width:auto;
	height:40px;
	margin:0 0 10px 30px;
	background:url(../images/planheadline.png) 0 center no-repeat;
	padding:10px 0 0 62px;
	font-size:24px;
	color:#f32e61;
	font-weight:bold;
}
#course #plan{
	width:780px;
	height:auto;
	margin:0 auto;
	padding:10px 40px 20px;
	font-size:14px !important;
}
	#plan.purple{background:url(../images/plan_bg_purple.png) repeat;}
	#plan.orange{background:url(../images/plan_bg_orange.png) repeat;}
	#plan.pink{background:url(../images/plan_bg_pink.png) repeat;}
	#plan.red{background:url(../images/plan_bg_red.png) repeat;}
	#plan.yellow{
	background:url(../images/plan_bg_yellow.png) repeat;
}
	
	.photo_04{
	position:absolute;
	left: 340px;
	top: -214px;
	}
	.photo_05{
		position:absolute;
		left: 340px;
		top: -230px;
	}
	.photo_06{
	position:absolute;
	left: 560px;
	top: -423px;
	}
	.photo_07{
	position:absolute;
	left: 340px;
	top: -200px;
	}
	.photo_08{
	position:absolute;
	left: 498px;
	top: -200px;
	}
	.photo_09{
		position:absolute;
		left: 517px;
		top: -411px;
	}
	.photo_10{
		position:absolute;
		left: 515px;
		top: -216px;
	}
	.photo_11{
		position:absolute;
		left: 523px;
		top: -1307px;
	}
	.photo_12{
		position:absolute;
		left: 535px;
		top: -849px;
	}
	.photo_13{
		position:absolute;
		left: 463px;
		top: -383px;
	}
#reservation{
	width:772px;
	height:auto;
	margin:0 auto;
	padding:6px 20px 10px;
	background:#FFF;
	border:3px solid #ee0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}
#reservation a{
	display:inline-block;
}


/*----------ホテルラインナップ----------*/
#contents_hotel{
	padding:20px 0 30px;
}

#hotel_list{
	width:887px;
	margin:0 auto;
}
#hotel_top.hotel_01{
	width:887px;
	height:343px;
	background:url(../images/hotel_01_top.png) no-repeat;
}
#hotel_top.hotel_02{
	width:436px;
	height:233px;
	background:url(../images/hotel_02_top.png) no-repeat;
}
#hotel_top.hotel_03{
	width:436px;
	height:233px;
	background:url(../images/hotel_03_top.png) no-repeat;
}
#hotel_top.hotel_04{
	width:436px;
	height:233px;
	background:url(../images/hotel_04_top.png) no-repeat;
}
#hotel_top.hotel_05{
	width:436px;
	height:233px;
	background:url(../images/hotel_05_top.png) no-repeat;
}
#hotel_bottom.hotel_01{
	width:887px;
	height:30px;
	background:url(../images/hotel_01_bottom.png) no-repeat;
}
#hotel_bottom.hotel_02, #hotel_bottom.hotel_03, #hotel_bottom.hotel_04, #hotel_bottom.hotel_05{
	width:436px;
	height:30px;
	background:url(../images/hotel_02_bottom.png) no-repeat;
}

#hotel_middle.hotel_01{
	width:881px;
	height:auto;
	background:#FFF;
	border-left:3px solid #2f5ced;
	border-right:3px solid #2f5ced;
}
#hotel_middle.hotel_02, #hotel_middle.hotel_03, #hotel_bottom.hotel_04, #hotel_bottom.hotel_05{
	width:430px;
	height:auto;
	background:#FFF;
	border-left:3px solid #2f5ced;
	border-right:3px solid #2f5ced;
}

#hotel_middle .skyblue{
	background:#cdf1ff;
	padding:20px 0;
}
.hotel_name{
	font-size:24px;
}
.hotel_readtext{
	display:inline-block;
	margin:10px auto 0;
}
#hotel_dp{
	margin-bottm:10px;
}
#hotel_dp h3{
	width:auto;
	height:33px;
	background:url(../images/hotel_planheadline.png) no-repeat;
	padding:4px 0 0 36px;
	font-size:16px;
	font-weight:bold;
}


/* -------------------------------
  モーダルウィンドウ　コンテンツ
------------------------------- */
	
/*----------参加者全員プレゼント----------*/
.present_window{
	width:930px;
	height:auto;
	padding:20px 0 80px;
	background:#FFF;
	border:12px solid #f2694a;
}
	.present_window #course h3{
		width:auto;
		height:80px;
		margin:0 0 10px 40px;
		background:url(../images/planheadline.png) 0 20px no-repeat;
		padding:10px 0 0 62px;
		font-size:24px;
		color:#f32e61;
		font-weight:bold;
	}
	.photo_present{
		position:absolute;
		left: 405px;
		top: -328px;
	}
/*----------ホテルラインナップ----------*/
.hotel_window{
	width:750px;
	height:auto;
	padding:20px 90px 80px;
	border:12px solid #2f5ced;
}
	.amenities{
		width:720px;
		margin:0 auto;
		padding:10px;
		border:3px solid #ee0000;
	}
	.dotted_border{
		width:100%;
		background:url(../images/line_dot.png) 0 bottom repeat-x;
		text-align:center;
	}
	.hotel_window h3{
		width:auto;
		height:33px;
		background:url(../images/hotel_planheadline.png) no-repeat;
		padding:4px 0 0 36px;
		font-size:16px;
		font-weight:bold;
	}
	
/* ----- PC トップへ戻るボタン ----- */
.pc_pageTop {
	width:80px;
	height:65px;
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:91;
}

.pc_pageTop a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/* ------------
  common Style
--------------- */

.clearfix{ clear:both;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*　古いClearfix
.clearfix {
overflow: hidden;
}
*/

.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important; }
.mb15 {margin-bottom: 15px !important; }
.mb20 {margin-bottom: 20px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb60 {margin-bottom: 60px !important; }
.mb70 {margin-bottom: 70px !important; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.tac { text-align: center !important; }
.tar { text-align: right !important; }
.tal { text-align: left !important; }

.fL{ float:left;}
.fR{ float:right;}
.bold{ font-weight:bold;}

.relative {position: relative;}
.absolute {position: absolute;}