﻿@charset "UTF-8";
body {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#EPre {
	position: relative;
	height: 720px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 960px;
}
#bgArea,
#movieBox, 
#shortD,
#relatedLink,
#menuBoxWrapper,
#menuBox,
#menuBox ul,
#btnBack,
#btnNext,
#slideBox {
	position: absolute;
}
ul,
ul li {
	list-style-type: none;
}
#btnBack,
#btnNext {
	display: none;
	line-height: 1;
	opacity: 0;
}

#bgArea {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	left: 0px;
	top: 0px;
}

#movieBox {
	left: 0px;
	top: 0px;
}
#shortD {
	word-wrap:break-word;
	overflow: hidden;
}
#title {
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
}
#menuBoxWrapper {
	/*border: 1px solid #CCC;*/
	border: none;
}
#menuBox {
	overflow: hidden;
	background-color: #FFF;
}
#menuBox.pc {
	overflow-y: auto;
}
#menuBox .note {
	color: #333 !important;
	font-size: 12px !important;
	line-height: 14px !important;
	text-align: center !important;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -7px;
}
#menuBox a {
	display: block;
	padding: 0 5px;
	text-decoration: none;
}
#menuBox a.current {
	background-color: #A8C6EE;
}
#menuBox a:hover {
/*	text-decoration: underline;*/
}
#menuBox ul {
	left: 0px;
	top: 0px;
	width: 100%;
	list-style-type: none;
}
#menuBox li {
	list-style-type: none;
}
#menuBox a,
#menuBox li {
	display: none;
}
#slideBox {
	overflow: hidden;
}
#slideBox img {
	vertical-align: middle;
}

#menuBox ul,li{
	padding: 4px;
}

#relatedLink {
	overflow: hidden;
	background-color: #eeeeee;
}
#relatedLink ul {
	padding: 7px 7px 0;
}


.slideNavi {
	position: absolute;
	top: 500px;
	left: 380px;
}
.slideNavi table {
	width: 520px;
}
#countBox {
	font-size: 20px;
}
#showSlide {
	background-color: #ffffff;
	border: solid 1px #666666;
	margin-right: auto;
	margin-left: auto;
	width: 150px;
	line-height: 25px;
	cursor: pointer;
}
#showSlide .btnClose {
	display: none;
}
#btnSlidePrev,
#btnSlideNext {
	display: block;
	width: 56px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: 0 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#btnSlidePrev {
	background-image: url(../images/btn_slide_prev_on.gif);
}
#btnSlidePrev.disabled {
	background-image: url(../images/btn_slide_prev.gif);
	cursor: default;
}
#btnSlideNext {
	background-image: url(../images/btn_slide_next_on.gif);
}
#btnSlideNext.disabled {
	background-image: url(../images/btn_slide_next.gif);
	cursor: default;
}
#notes {
	position: absolute;
	width: 520px;
	top: 640px;
	left: 380px;
}
#notes p {
	font-size: 11px;
}