@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.topSection {
	width: 1088px;
	margin: 0 auto;
}

.topSection .left {
	margin-bottom: -6px;
	padding-left: 168px;
	float: left;
	width: 397px;
}

.topSection .left p {
	margin: 0 0 10px 1px;
}

.topSection .right {
	margin-bottom: -6px;
	padding-right: 69px;
	width: 434px;
	height: 550px;
	float: right;
	position: relative;
}

.topSection .right .log {
	padding: 101px 78px 119px 37px;
	background: url(../img/index/log_bg.png) no-repeat left top;
	zoom: 1;
	position: absolute;
	left: 0;
	top: -114px;
}

.topSection .right .log h2 {
	margin: 0 0 2px 56px;
	width: 197px;
}

.topSection .right .log #scroll-pane {
	height: 179px;
	width: 312px;
	overflow-y: scroll;
}

.topSection .right .log #scroll-pane ul li {
	margin-bottom: 3px;
	padding: 0 0 3px 7px;
	overflow: hidden;
	zoom: 1;
	clear: both;
	background: url(../img/index/line.gif) repeat-x left bottom;
}

.topSection .right .log #scroll-pane ul .wtne_date {
	padding-bottom: 0;
	color: #f10086;
	font-weight: bold;
	clear: both;
	background: none;
}

.topSection .right .log #scroll-pane ul .wtne_gakugeikai p {
	padding-left: 75px;
	background: url(../img/index/textimg03.gif) no-repeat left top;
}

.topSection .right .log #scroll-pane ul .wtne_jikanwari p {
	padding-left: 75px;
	background: url(../img/index/textimg01.gif) no-repeat left top;
}

.topSection .right .log #scroll-pane ul .wtne_kobaibu p {
	padding-left: 75px;
	background: url(../img/index/textimg02.gif) no-repeat left top;
}

.topSection .right .log #scroll-pane ul .wtne_oshirase p {
	padding-left: 75px;
	background: url(../img/index/textimg04.gif) no-repeat left top;
}

.topSection .right .youtube {
	position: absolute;
	left: 0;
	z-index: 0;
	bottom: 0;
}

#main .bannerBox {
	margin: -266px 85px 0 85px;
	position: relative;
	z-index: 100;
}

#main .bannerBox ul li {
	padding: 0 4px 10px;
	float: left;
}

#main .bannerBox ul .first {
	padding-bottom: 9px;
	width: 900px;
	position: relative;
	zoom: 1;
}

.keepout {
	/*padding-top: 339px;
	position: relative;
	z-index: 1000;
	display: none;
	background: url(../img/index/keepout_bg.png) repeat left top;*/
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #FDE5F3;
	position: relative;
	border-radius: 15px;
}

.jspDrag
{
	background: #f20286;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 15px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

#screen {
	margin-left: -545px;
	width: 1090px;
	height: 800px;
	position: absolute;
	left: 50%;
	top: 0;
	z-index:1;
	background: url(../img/common/bg03.png) no-repeat center bottom;
}

#lastNav {
	cursor: pointer;
}

.fc_bana {
	position: relative;
	left: 5px;
	top: 110px;
	width:160px;
}
.mainstage_cont {
	margin-top: -429px;
}


#openDl{
	display:block;
	width:396px;
	height:70px;
	z-index:-1;
}
#topBnrs{
	display:block;
	z-index:-1;
}
#mainImg{
	z-index:-1;
}
#dlBox{
	display:none;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	padding-top:42px;
	width:466px;
	height:216px;
	position: absolute;
	left: 133px;
	top:484px;
	z-index: 9999;
}
#dlBox.first{
	padding-top:42px;
	width:466px;
	height:216px;
	position: absolute;
	left: 133px;
	top:484px;
	z-index: 9999;
}
#dlBox.second{
	padding-top:42px;
	width:466px;
	height:296px;
	position: absolute;
	left: 133px;
	top:484px;
	z-index: 9999;
}
#dlBox.first #dlBoxCont {
	position: relative;
	width:469px;
	height:216px;
	background: url(../img/index/dl_banner/dl_banner_bg.png) left top no-repeat;
}
#dlBox.first #dlBoxCont #dlLine1 .second{
	display:none;
}
#dlBox.first #dlBoxCont #dlLine2{
	display:none;
}
#dlBox.second #dlBoxCont #dlLine1 .first{
	display:none;
}
#dlBox.second #dlBoxCont {
	position: relative;
	width:469px;
	height:296px;
	background: url(../img/index/dl_banner/dl_banner_bg2.png) left top no-repeat;
}
#dlBox #dlBoxCont #dlLine1 {
    padding-left: 37px;
    padding-top: 132px;
	height: 67px;
}
#dlBox #dlBoxCont #dlLine2 {
    padding-left: 0;
    padding-top: 18px;
}
#dlBox #dlBoxCont a{
	display: block;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	width:124px;
	height:51px;
}
#dlBox #dlBoxCont #dlLine2 a{
	display: block;
	float: none;
	/*margin:0 auto;*/
	margin-left:34px;
}
#dlBox #dlBoxCont a img {
	display: block;
}
.topSection .left{
	height:564px;
	position: relative;
}
.block{
	display:block;
}