@charset "UTF-8";

body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }


body{
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 0.8em;
}

#top {
	width: 1024px;
	height: 699px;
	background: url(bg.png) no-repeat;
	position: relative;
	z-index:0;
}

.card {
	position:absolute;
	display:none;
	z-index:300;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.pdflink1 {
	position:absolute;
	display:block;
	z-index:400;
	top:245px;
	left:200px;
	width:80px;
	height:71px;
}

.pdflink2 {
	position:absolute;
	display:block;
	z-index:8002;
	top:460px;
	left:52px;
	width:204px;
	height:153px;
	text-indent: -9999px;
}

.tablink {
	position:absolute;
	display:none;
}

.tab {
	position:absolute;
	z-index:8000;
	display:none;
}

.tab_img {
	top:84px;
	left:53px;
	position:absolute;
	z-index:8001;
	display:none;
	width: 918px; 
	height: 614px; 
	background:url(tab01_list.png);
	border: 0;
	//background-color:#FF0000;
}

.thumb {
	position:absolute;
	display:none;
	z-index:5000;
}
.turn_front {
	//transform: perspective(500px) rotateY(0deg);
	-webkit-transform: perspective(500px) rotateY(0deg);
	-moz-transform: perspective(500px) rotateY(0deg);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

}

.turn_back {
	//transform: perspective(500px) rotateY(-180deg);
	-moz-transform: perspective(500px) rotateY(-180deg);
	-webkit-transform: perspective(500px) rotateY(-180deg);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

}
.turning {
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	//transition: all .5s ease-in-out;
}

.turn_front.turned {
	transform: perspective(600px) rotateY(180deg);
	-moz-transform: perspective(600px) rotateY(180deg);
	-webkit-transform: perspective(600px) rotateY(180deg);
}

.turn_back.turned {
	transform: perspective(600px) rotateY(0deg);
	-moz-transform: perspective(600px) rotateY(0deg);
	-webkit-transform: perspective(600px) rotateY(0deg);
}


.blinking{
	position:absolute;
	background-color:#101010;
	opacity:0.3;
	z-index:2500;
}
.blackbox {

	position:absolute;
	width: 1024px;
	height: 699px;
	z-index:12000;
	display: none;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	background-color:#000000;

}

.arrow_left {
	top: 324px;
	left: 10px;
	display:none;
	position:absolute;
	z-index:12001;
}
.arrow_right {
	top: 324px;
	left: 960px;
	display:none;
	position:absolute;
	z-index:12002;
}
.arrow_down {
	display:none;
	position:absolute;
	z-index:12003;
}
.topbutton1 {
	top: 6px;
	left: 821px;
	display:none;
	position:absolute;
	width:81px;
	height:124px;
	background-image:url(card20_s.png);
	background-repeat:no-repeat;
	background-size:contain;
	z-index:8000;
}
.topbutton2 {
	top: 25px;
	left: 912px;
	display:none;
	position:absolute;
	width:41px;
	height:63px;
	background-image:url(card10_ss.png);
	background-repeat:no-repeat;
	background-size:contain;
	z-index:8000;
}
.topbutton3 {
	top: 25px;
	left: 960px;
	display:none;
	position:absolute;
	width:41px;
	height:63px;
	background-image:url(card30_ss.png);
	background-repeat:no-repeat;
	background-size:contain;
	z-index:8000;
}
.title_text {
	width: 670px;
	height: 70px;
	position: absolute;
	top: 10px;
	left: 0px;
	z-index: 7000;
	cursor:pointer;
	display:none;
}
.close {
	top: 6px;
	left: 959px;
	display:none;
	position:absolute;
	z-index:12003;
}
.lightbox_thumb {
	top: 39px;
	left: 98px;
	display:none;
	position:absolute;
	z-index:12004;

}
/*
.thumb {
	width: 189px;
	height: 143px;
	display:block;
	position:absolute;
}
*/
.wrp {
	display:none;
}

#wrpList {
	width: 1024px;
	height: 699px;
	background: url(bg_list.jpg) no-repeat;
	position: relative;
}
#wrpList a.btn_top {
	display: block;
	width: 110px;
	height: 53px;
	position: absolute;
	top: 13px;
	left: 12px;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}
#wrpList #list_main {
	width: 827px;
	height: 549px;
	position: absolute;
	top: 91px;
	left: 101px;
}
#wrpList #list_main ul {
	position: relative;
	width: 827px;
	height: 148px;
}
#wrpList #list_main ul+ul {
	margin-top: 52px;
}
#wrpList #list_main li {
	position: absolute;
}
#wrpList #list_main li.thumb_left {
	top: 0;
	left: 0;
}
#wrpList #list_main li.thumb_center {
	top: 0;
	left: 317px;
}
#wrpList #list_main li.thumb_right {
	top: 0;
	left: 629px;
}
#wrpList #list_main li a {
	display: block;
	width: 198px;
	height: 148px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}


#wrpSlide {
	width: 1024px;
	height: 699px;
	position: relative;
}
#wrpSlide #slide_side_area {
	width: 92px;
	height: 699px;
	background: url(slide_side_area.jpg) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#wrpSlide #slide_side_area a.btn_top {
	display: block;
	width: 83px;
	height: 42px;
	position: absolute;
	top: 18px;
	left: 4px;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}
#wrpSlide #slide_side_area a.btn_back_list {
	display: block;
	width: 83px;
	height: 42px;
	position: absolute;
	bottom: 15px;
	left: 4px;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}
#wrpSlide #slide_side_area a.btn_pdf {
	display: none;
	width: 76px;
	height: 76px;
	background:url(btn_pdf.png) no-repeat;
	position: absolute;
	bottom: 150px;
	left: 9px;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}

#wrpSlide #slide_side_area #currebt_page {
	width: 92px;
	position: absolute;
	bottom: 60px;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
}
#wrpSlide #wrp_page {
	width: 932px;
	height: 699px;
	position: absolute;
	top: 0;
	right: 0;
}
#btn_pop_open {
	width: 100px;
	height: 90px;
	position: absolute;
	top: 0px;
	right: 38px;
	z-index: 250;
	cursor:pointer;
}


#wrpDetail {
	top:0;
	width: 1024px;
	height: 699px;
	position: absolute;
	z-index: 300;
}
#wrpDetail a.btn_close {
	display: block;
	width: 48px;
	height: 49px;
	position: absolute;
	top: 11px;
	right: 15px;
	z-index: 310;
	cursor:pointer;
}


/****************************/
/* Slide */
/****************************/
#wrpSlide {
	display:none;
	width: 1024px;
	height: 699px;
	position: relative;
	overflow:hidden;
	background: url("slide_bg.jpg");
}
#wrpSlide .btnBack {
	position:absolute;
	top:630px;
	left:8px;
	display:block;
	cursor:pointer;
	width:75px;
	height:42px;
	text-indent:-9999px;
	z-index:9998;
}
#wrpSlide .page {
	position:absolute;
	top:604px;
	width:92px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	color:#E40273;
}
#zoom {
  position: absolute;
  left: 92px;
  top: 0px;
  width: 932px;
  height: 699px;
  display:block;
  overflow:hidden;
}

#wrp_page {
  position: absolute;
  left: 92px;
  top: 0px;
  width: 932px;
  height: 699px;
  display:block;
  overflow:hidden;
}

#desc_page {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 932px;
  height: 699px;
  display:block;
}

#turnpage {
  position: absolute;
  left: 92px;
  top: 0px;
  width: 1024px;
  height: 699px;
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
  display: none;
  z-index:120;
}
#front,
#back {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 932px;
  height: 699px;
  background: url("slide_bg.jpg");
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: left top;
  -webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes nextpage2 {
  0% {
    -webkit-transform: rotateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: rotateY(90deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@-webkit-keyframes nextpage1 {
  0% {
    -webkit-transform: rotateY(-90deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    -webkit-transform: rotateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes backpage1 {
  0% {
    -webkit-transform: rotateY(90deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    -webkit-transform: rotateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes backpage2 {
  0% {
    -webkit-transform: rotateY(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }

  100% {
    -webkit-transform: rotateY(-90deg);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

#drawMode,
#drawRed,
#drawYellow,
#drawEraser,
#drawBlue {
	position:absolute;
	left:0px;
	width:46px;
	height:46px;
	top:300px;
	border:solid 2px #FF7EBE;
	background:#FFF;
	background:url(erace_on.jpg) no-repeat -2px -2px;
	opacity:0;
	overflow:hidden;
	padding:0px;
	z-index:10000;
}

#drawMode {
	opacity:1;
	background:url(draw_on.jpg) no-repeat -2px -2px;

}

#drawMode img {
	position:absolute;
	left:-2px;
	top:-2px;
}

#drawEraser {
	top:350px;
}

#drawRed {
	top:400px;
	background:url(pen_red.jpg) no-repeat -2px -2px;
}

#drawYellow {
	top:450px;
	background:url(pen_yellow.jpg) no-repeat -2px -2px;
}

#drawBlue {
	top:500px;
	background:url(pen_blue.jpg) no-repeat -2px -2px;
}