@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;}
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.mainimage{background:#fff931;}
	#section.mainimage .bg{
		background:url(../img/ishigaki/main_image.png) center;
		background-repeat:no-repeat;
		-moz-background-size:100% !important;
		background-size:100% !important;
		}
	
	#section.menu{background:#c3effd;}
	#section.menu .bg{
		background:url(../img/ishigaki/bg_a.png) center bottom;
		background-repeat:no-repeat;
		-moz-background-size:cover !important;
		background-size:cover !important;
		}
	
	#section.party{background:#51cbff;}
	#section.party .bg{
		background:url(../img/ishigaki/bg_b.png) center bottom;
		background-repeat:no-repeat;
		-moz-background-size:cover !important;
		background-size:cover !important;
		}
	
	#section #con_course.bg{background:url(../img/ishigaki/bg_c.png) repeat;}
	
	#section.hotel_lineup{background:#3fe551;}
	#section.hotel_lineup .bg{ background:url(../img/ishigaki/bg_d.png) center 0 repeat-y;}
	
#section{
	width:100%;
	height:auto;
	background-repeat:no-repeat;
}
/*----------------波----------------*/
#wave{
	width:100%;
	height:42px;
}
	#wave.yellow{background:url(../img/ishigaki/wave_yellow.png) repeat-x;}
	#wave.a{background:url(../img/ishigaki/wave_a.png) repeat-x;}
	#wave.b{background:url(../img/ishigaki/wave_b.png) repeat-x;}
	#wave.c{background:url(../img/ishigaki/wave_c.png) repeat-x;}
	#wave.d{background:url(../img/ishigaki/wave_d.png) repeat-x;}


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

/*----------トップイメージ----------*/
#section.mainimage .bg #contents{
	width:100%;
	max-height:130%;
	margin:0 auto !important;
	padding-top:92%;
}


#contents_menu, #contents_party, #contents_course, #contents_hotel{
	width:100%;
	margin:0 auto !important;
}

#contents_menu a{ display:block; margin-top:}

/*----------メニュー----------*/
#contents_menu{
	width:90%;
	margin:0 auto;
	padding:10px 0 20px;
}
#contents_menu a{ 
	display:block;
	margin:0 3px 0 0;
}
#contents_menu a:hover{ 
	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-ms-filter: "alpha(opacity=80)";
}
img#nav_01, img#nav_02, img#nav_03, img#nav_04{
	width:100%;	
}

/*----------コンテンツフレーム----------*/
#frame{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:12px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}
#frame.pink{ background:url(../img/ishigaki/framebg_b.png) repeat;}
#frame.green{ background:url(../img/ishigaki/framebg_c.png) repeat;}
#frame.blue{ background:url(../img/ishigaki/framebg_d.png) repeat;}

#inner{
	width:100%;
	height:auto;
	background:url(../img/ishigaki/inner_bg.png) repeat;
	padding:12px 0 6px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}
p.read_text{
	width:96%;
	margin:0 auto;
	text-align:left;
	font-size:88%;
	color:#333333 !important;
}


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

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

/*--プラン--*/
#plan{
	width:96%;
	height:auto;
	margin:0 auto;
	padding:20px 2%;
	font-size:14px !important;
	color:#333333;
}
	#plan.blue{background:url(../img/ishigaki/plan_bg_blue.png) repeat;}
	#plan.yellow{background:url(../img/ishigaki/plan_bg_yellow.png) repeat;}
	#plan.green{background:url(../img/ishigaki/plan_bg_green.png) repeat;}
	
p.text{
	width:50%;
}	

/*----------コースラインナップ----------*/
#course h3{
	width:auto;
	height:auto;
	margin:0 0 10px 10px;
	background:url(../img/ishigaki/planheadline.png) 0 2px no-repeat;
	padding:0 0 0 32px;
	font-size:140%;
	color:#f32e61;
	font-weight:bold;
}

	#plan.purple{background:url(../img/ishigaki/plan_bg_purple.png) repeat;}
	#plan.orange{background:url(../img/ishigaki/plan_bg_orange.png) repeat;}
	
img.photo{ margin:0 auto !important;}

#more_btn{
	width:80%;
	height:auto;
	margin:0 auto !important;
	padding:10px 0 6px;
	background:#f32e61;
	color:#FFFFFF;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	border:4px solid #FFF;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-ms-border-radius:6px;	
	border-radius:6px;
    -webkit-box-shadow: 2px 2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px 2px #999;
	box-shadow: 2px 2px 2px 2px #999;
}

#reservation{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:10px 0;
	background:#FFF;
	border:3px solid #ee0000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}
#dp{
	width:40%;
	display:inline-block;
	padding:10px 0;
	margin:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;	
	border-radius:4px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
    -webkit-box-shadow: 2px 2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px 2px #999;
	box-shadow: 2px 2px 2px 2px #999;

}
#dp.tokyo{ background:url(../img/ishigaki/dp_tokyo_bg.png) repeat;}
#dp.chubu{ background:url(../img/ishigaki/dp_chubu_bg.png) repeat;}
#dp.kansai{ background:url(../img/ishigaki/dp_kansai_bg.png) repeat;}
#dp.fukuoka{ background:url(../img/ishigaki/dp_fukuoka_bg.png) repeat;}


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

#hotel_list{
	width:90%;
	margin:0 auto;
	color:#333333;
}

#hotel_middle{
	width:98%;
	height:auto;
	background:#FFF;
	border:3px solid #2f5ced;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;	
	border-radius:10px;
}

#hotel_middle .skyblue{
	background:#cdf1ff;
	padding:20px 10px;
	margin-top:-10px;
}
.hotel_name{
	font-size:24px;
}
.hotel_readtext{
	display:inline-block;
	margin:10px auto 0;
	text-align:left;
}

.hotel_btn{
	width:auto;
	padding:10px;
	display:inline-block;
	background:#ff9000;
	color:#FFFFFF;
}

#hotel_dp{
	margin-bottm:10px;
}
#hotel_dp h3{
	width:auto;
	height:auto;
	background:url(../img/ishigaki/hotel_planheadline.png) no-repeat;
	padding:4px 0 0 36px;
	font-size:16px;
	font-weight:bold;
}


/* -------------------------------
  モーダルウィンドウ　コンテンツ
------------------------------- */
.lock {
	position:fixed;
	height:100%;
}
.modal-content {
    position:relative;
    display:none;
    width:86%;
	margin-top:30px;
	margin-bottom:30px;
    padding:10px 4px;
    background:#fff;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
.modal-close div{
	width:auto;
	padding:10px;
	margin:0 auto;
	display:inline-block;
	background:#ff9000;
	color:#FFFFFF;
}
.modal-open:hover, .modal-close:hover{
    cursor:pointer;
}
/*----------参加者全員プレゼント----------*/
.present_window{
	border:4px solid #f2694a;
}
	.present_window #course h3{
		width:96%;
		height:auto;
		margin:0 auto;
		background:none;
		padding:0;
		font-size:100%;
		color:#f32e61;
		font-weight:bold;
	}
	
/*----------コースラインナップ----------*/
.plan_window{
	border:4px solid #35d3d5;
}
	.plan_window #course h3{
		width:90%;
		height:auto;
		margin:0 auto;
		background:url(../img/ishigaki/planheadline.png) 0 2px no-repeat;
		padding:0 0 0 32px;
		font-size:140%;
		color:#f32e61;
		font-weight:bold;
	}
/*----------ホテルラインナップ----------*/
.hotel_window{
	border:4px solid #2f5ced;
}
	.amenities{
		width:80%;
		margin:0 auto;
		padding:10px;
		border:3px solid #ee0000;
	}
	.dotted_border{
		width:100%;
		background:url(../img/ishigaki/line_dot.png) 0 bottom repeat-x;
		text-align:center;
	}
	.hotel_window h3{
		width:auto;
		height:33px;
		background:url(../img/ishigaki/hotel_planheadline.png) no-repeat;
		padding:4px 0 0 36px;
		font-size:16px;
		font-weight:bold;
	}
	
	
/* ----- スマホ　トップへ戻るボタン ----- */
	.pageTop {
		width:auto;
		text-align:right;
		position: fixed;
		right: 0;
		bottom:0;
	}
	.pageTop a:hover img {
	  opacity: 1.0;
	  filter: alpha(opacity=100);
	  -ms-filter: "alpha(opacity=710)";
	}
/* ------------
  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;
	left: 17px;
	top: -171px;
}