@charset "utf-8";
body { 
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust: none; 
	-ms-text-size-adjust: none; 
	font-family:Helvetica,Sans-seri; font-size:12px; line-height:1.8em; color:#666;	
	margin:0 auto;
}

#wrapper {width:100% }
img {border:0px;}

#container{width:100%;}
#container.mainCtn {height:757px; margin-left:-1px;}
#container.mainCtn .mContentWrap {width:1020px; height:757px; margin:auto;position:relative; top:-3px; *top:0px;}
#container .contents{margin:0 auto; width:1020px; height:757px; position:relative; padding-left:0px;} 
#container .contents table {width:100%;border-collapse: collapse;border-spacing: 0px;}
#container .contents table td {text-align:left;}
#container .contents table td>div {overflow:hidden;}

.animate * {-webkit-transition: background-position 0.5s, width 0.5s;
  -moz-transition: background-position 0.5s, width 0.5s;
  -ms-transition: background-position 0.5s, width 0.5s;
  -o-transition: background-position 0.5s, width 0.5s;
  transition: background-position 0.5s, width 0.5s;}
.animatebtn {-webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;}
  
#container .objBgBox {width:510px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black.png) repeat;}
#container .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}

#container .textMain01 {
	position: absolute;
	left: 15px;
	top: 20px;
}

#container .textMain01 .btnType {padding:10px;}
#container .textMain01.on .txtType01  {display:block;}
#container .textMain01.on .txtType02  {display:none;}
#container .textMain01.on .btnType  {position:relative;left:0px;}

#container .textMain01.off .txtType01  {display:none;}
#container .textMain01.off .txtType02  {display:block;}
#container .textMain01.off .btnType  {position:relative;left:-300px;}

#container .contents td {width:340px; padding:0; margin:0; height:757px; position:relative; overflow:hidden; }
#container .contents td .visualMain01 {width:100%; height:757px; position:absolute; left:0px; top:0px; }
#container .contents td .objMain01 {width: 510px;height: 757px;	position: absolute;	left: 0px;top: 0px;}
#container .contents td .objBgBox {width:510px; height:757px; position:absolute; left:0px; top:0px; }

#container .type01 .main01 {width:340px;}
#container .type01 .main01 .visualMain01 { background:url(../images/book01.jpg) -280px top no-repeat;}
#container .type01 .main01 .objMain01{}
#container .type01 .main01 .objBgBox {background:url(../images/black.png) repeat;}
#container .type01 .main01 .objBgBox {display:none;}

#container .type01 .main02 {width:340px;}
#container .type01 .main02 .visualMain01 { background:url(../images/book02.jpg) left top no-repeat;}
#container .type01 .main02 .objMain01{}
#container .type01 .main02 .objBgBox {display:none;}

#container .type01 .main03 {width:340px;}
#container .type01 .main03 .visualMain01 {background:url(../images/book03.jpg) left top no-repeat;}
#container .type01 .main03 .objMain01{}
#container .type01 .main03 .objBgBox {display:none;}

#container .type02 .main01 {width:510px;}
#container .type02 .main01 .visualMain01 {background:url(../images/book01.jpg) -380px top no-repeat;}
#container .type02 .main01 .objMain01{}
#container .type02 .main01 .objBgBox {background:url(../images/black.png) repeat;}
#container .type02 .main01 .objBgBox {display:none;}

#container .type02 .main02 {width:255px;}
#container .type02 .main02 .visualMain01 {background:url(../images/book02.jpg) -100px top no-repeat;}
#container .type02 .main02 .objMain01{}
#container .type02 .main02 .objBgBox {background:url(../images/black.png) repeat;}
#container .type02 .main02 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type02 .main02 .objBgBox {display:block;}

#container .type02 .main03 {width:255px;}
#container .type02 .main03 .visualMain01 {background:url(../images/book03.jpg) left top no-repeat;}
#container .type02 .main03 .objMain01{}
#container .type02 .main03 .objBgBox {background:url(../images/black.png) repeat;}
#container .type02 .main03 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type02 .main03 .objBgBox {display:block;}
#container .type02 .main03 .objBgBox .bgBox {display:none;}

#container .type03 .main01 {width:255px;}
#container .type03 .main01 .visualMain01 {background:url(../images/book01.jpg) -280px top no-repeat;}
#container .type03 .main01 .objMain01{}
#container .type03 .main01 .objBgBox {background:url(../images/black.png) repeat;}
#container .type03 .main01 .objBgBox {display:block;}

#container .type03 .main02 {width:510px; height:757px;}
#container .type03 .main02 .visualMain01 {background:url(../images/book02.jpg) left top no-repeat;}
#container .type03 .main02 .objMain01{}
#container .type03 .main02 .objBgBox {background:url(../images/black.png) repeat;}
#container .type03 .main02 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type03 .main02 .objBgBox {display:none;}

#container .type03 .main03 {width:255px;}
#container .type03 .main03 .visualMain01 {background:url(../images/book03.jpg) left top no-repeat;}
#container .type03 .main03 .objMain01{}
#container .type03 .main03 .objBgBox {background:url(../images/black.png) repeat;}
#container .type03 .main03 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type03 .main03 .objBgBox {display:block;}
#container .type03 .main03 .objBgBox .bgBox {display:block;}

#container .type04 .main01 {width:255px;}
#container .type04 .main01 .visualMain01 { background:url(../images/book01.jpg) -280px top no-repeat;}
#container .type04 .main01 .objMain01{}
#container .type04 .main01 .objBgBox {background:url(../images/black.png) repeat;}
#container .type04 .main01 .objBgBox {display:block;}

#container .type04 .main02 {width:255px;}
#container .type04 .main02 .visualMain01 {background:url(../images/book02.jpg) left top no-repeat;}
#container .type04 .main02 .objMain01{}
#container .type04 .main02 .objBgBox { background:url(../images/black.png) repeat;}
#container .type04 .main02 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type04 .main02 .objBgBox {display:block;}
#container .type04 .main02 .objBgBox .bgBox {display:none;}

#container .type04 .main03 {width:510px;}
#container .type04 .main03 .visualMain01 {background:url(../images/book03.jpg) left top no-repeat;}
#container .type04 .main03 .objMain01{}
#container .type04 .main03 .objBgBox {background:url(../images/black.png) repeat;}
#container .type04 .main03 .objBgBox .bgBox {width:100px; height:757px; position:absolute; left:0px; top:0px; background:url(../images/black2.png) left top repeat-y;}
#container .type04 .main03 .objBgBox {display:none;}
#container .type04 .main03 .objBgBox .bgBox {display:none;}