@charset "utf-8";

/* =============================================================================
top
========================================================================== */
/* トップページ大枠設定 */
#wrap_page_top #top_for_default {
	margin: 0 auto;
	position: relative;
	width: 1060px;
	height: 720px;
	z-index: 30;
}

#wrap_page_top #top_for_pickup {
	margin: 0 auto;
	position: relative;
	width: 1060px;
	height: 1170px;
	z-index: 30;
}

#wrap_page_top #top_for_emergency {
	margin: 0 auto;
	position: relative;
	width: 1060px;
	height: 1290px;
	z-index: 30;
}

#wrap_page_top #top_for_index {
	margin: 0 auto;
	position: relative;
	width: 1060px;
	height: 1290px;
	z-index: 30;
}

/* End トップページ大枠設定 */

/* main news(最新のお知らせ表示型) */
#top_for_pickup #main_news_area {
	display: none;
	position : absolute;
	top: 180px;
	width: 1060px;
	height: 340px;
	background: #ffffff url(../img/top/info_frame_large.png) 0 0 no-repeat;
	z-index: 1000;
}

#top_for_index #main_news_area {
	display: none;
	position : absolute;
	top: 300px;
	width: 1060px;
	height: 340px;
	background: #ffffff url(../img/top/info_frame_large.png) 0 0 no-repeat;
	z-index: 1000;
}

#tab_news_pia {
	position: fixed;
	top: 330px;
	right: 0;
	width: 125px;
	height: 160px;
	background: url(../img/top/pia.png) 0 0 no-repeat;
	z-index: 10000;
	cursor: pointer;
}

#tab_news_pia.balloon {
	background: #ffffff url(../img/top/pia.png) 0 0 no-repeat;
}

#tab_news_furato {
	position: fixed;
	top: 330px;
	left: -125px;
	width: 125px;
	height: 160px;
	background: url(../img/top/furato.png) 0 0 no-repeat;
	z-index: 10000;
	cursor: pointer;
}

#main_news_area .news_area {
	height: 320px;
	padding: 10px 10px 10px 10px;
}

#main_news_area .news_area .date {
	width: 1020px;
	margin: 0 auto 0 auto;
	text-align: right;
}

#main_news_area .news_area .contents {
	overflow-y: auto;
	overflow-x: hidden;
	width: 1020px;
	height: 290px;
	margin: 0 auto 0 auto;
}
/* End main news area */

/* info area(お知らせ常時表示型：ページ上部固定ニュース) */
#emergency_area {
	position: relative;
	height: 110px;
	margin: 0 0 10px 0;
	background: url(../img/top/info_frame.png) 0 0 no-repeat;
	font-size: 14px;
}

#emergency_area .emergency_area_inner {
	height: 93px;
	padding: 8px 10px 8px 110px;
}

#emergency_area .contents {
	width: 900px;
	height: 63px;
	margin: 5px 0 5px 30px;
	overflow: hidden;
}

#emergency_area .date {
	width: 897px;
	margin: 0 0 0 30px;
	font-size: 14px;
	text-align: right;
}


/* top Youtube  */

#youtube_banar {
	position: relative;
	height: 110px;
	text-align: center;
	margin: 0 0 10px 0;
	
}
#youtube_rink {
	position: relative;
	height: 315px;
	margin: 0 0 10px 0;
	text-align: center;
	
}
/* End info area */


/* ----------------------------------------------------------------
panel
*/
/* panel style */
.panel_open {
	position: relative;
}

.panels {
	position: relative;
	height: 720px;
}

.panels_o {
	position: relative;
	height: 720px;
}

.panels_f {
	position: relative;
	height: 720px;
}
/* End panel style */

/* panel_box style */
.panel_box {
	position: absolute;
	z-index: 50;
}

.panel_box_o {
	position: absolute;
	z-index: 50;
}

.panel_box_f {
	position: absolute;
	z-index: 50;
}
/* End panel_box style */

/* panel0n style */
.panel01 {
	top: 0px;
	left: 0px;
}

.panel02 {
	top: 0px;
	left: 180px;
}

.panel03 {
	top: 0px;
	left: 360px;
}

.panel04 {
	top: 0px;
	left: 540px;
}

.panel05 {
	top: 0px;
	left: 720px;
}

.panel06 {
	top: 0px;
	left: 900px;
}

.panel07 {
	top: 180px;
	left: 0px;
}

.panel08 {
	top: 180px;
	left: 180px;
}

.panel09 {
	top: 180px;
	left: 360px;
}

.panel10 {
	top: 180px;
	left: 540px;
}

.panel11 {
	top: 180px;
	left: 720px;
}

.panel12 {
	top: 180px;
	left: 900px;
}

.panel16 {
	top: 360px;
	left: 0px;
}

.panel17 {
	top: 360px;
	left: 180px;
}

.panel18 {
	top: 360px;
	left: 360px;
}

.panel19 {
	top: 360px;
	left: 540px;
}

.panel20 {
	top: 360px;
	left: 720px;
}

.panel21 {
	top: 360px;
	left: 900px;
}

.panel22 {
	top: 540px;
	left: 0px;
}

.panel23 {
	top: 540px;
	left: 180px;
}

.panel24 {
	top: 540px;
	left: 360px;
}

.panel25 {
	top: 540px;
	left: 540px;
}

.panel26 {
	top: 540px;
	left: 720px;
}

.panel27 {
	top: 540px;
	left: 900px;
}
/* End panel0n style */