html, body{margin:0;}
.cbody001, .cbody003{background-color:#ffffff;}
.cbody002{background-color:#000000;background-image:url('./bookcase002.jpg');background-position:center top;background-repeat:repeat-y;}
.cbody004{background-color:#f5bf7f;background-image:url('./bookcase004.jpg');background-position:center top;background-repeat:repeat-y;}
*{font-size:12px;font-family:font-family:Verdana,Tahoma,Arial;text-decoration:none;}
#divmessage{z-index:100;position:absolute;border:1px solid #999999;background-color:#FFFFFF;padding:4px;visibility:hidden;}
input, submit{-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;}

@keyframes fadein{ from{opacity:0;} to{opacity:1;} }

/* main container */
#maincnt{z-index:1;display:block;position:relative;width:933px;height:680px;margin:0 auto;}

/* sidesect */
#sidesect{z-index:1;display:block;position:relative;width:185px;min-height:100px;padding:2px 0 6px 0;}
.sidesect001{left:0;top:30px;border-radius:3px;/*background-color:rgba(149,105,70,.7);*/
	background-image:url('./bookcase001_5.png');
	background-position:top left;
	background-size:auto;
	background-repeat:repeat;
	}
.sidesect002{background-color:rgba(47,31,23,.8);left:0;top:58px;}
.sidesect003{background-color:#a2a2a2;left:0;top:7px;border-radius:3px;}
	/*background:url('./bookcase003_7.png') repeat;}
	background-image:url('./bookcase003_1.png'),url('./bookcase003_2.png'),url('./bookcase003_4.png'),url('./bookcase003_6.png'),url('./bookcase003_7.png');
	background-position:top left, top 0px left 33px, top 30px left 0px, top 13px left 13px, top left;
	background-size:33px 30px, calc(100% - 66px) 30px, 33px calc(100% - 30px), 33px calc(100% - 30px), 100%;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat;}*/
.sidesect004{background-color:rgba(169,109,63,.7);left:0;top:53px;}

#sidesect > div{display:block;width:auto;height:20px;padding:2px 0 0 0;white-space:nowrap;}
.sdclass_step0{margin:0 0 0 5px;}
.sdclass_step1{margin:0 0 0 18px;}
.sdclass_step2{margin:0 0 0 31px;}
.sdclass_step3{margin:0 0 0 44px;}
.sdclass_step4{margin:0 0 0 57px;}
.sdclass_img{display:inline-block;width:11px;height:11px;margin:0;padding:0;vertical-align:middle;}
.sdclass_p{display:inline-block;height:13px;margin:1px 2px 0 2px;padding:0;cursor:pointer;color:#ffffff;
	font-size:13px;font-family:font-family:Verdana,Tahoma,Arial;}

/* mainsect */
#mainsect{z-index:1;display:block;position:relative;border:1px solid #ffffff;}
.mainsect001, .mainsect002, .mainsect003, .mainsect004{left:0;top:0;width:728px;height:680px;padding:0;overflow-x:hidden;}
.bookcase001{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-repeat:no-repeat;
	background-image:url('./bookcase001_1.png'),url('./bookcase001_2.png'),url('./bookcase001_3.png'),
		url('./bookcase001_4.png'),url('./bookcase001_5.png'),url('./bookcase001_6.png'),
		url('./bookcase001_7.png'),url('./bookcase001_8.png'),url('./bookcase001_9.png');
	background-position:top left, top 0px left 33px, top right, 
		top 50px left 0px, top 50px left 33px, top 50px right 0px,
		bottom 0px left 0px, bottom 0px left 33px, bottom 0px right 0px;
	background-size:33px 50px, calc(100% - 66px) 50px, 33px 50px,
		33px calc(100% - 173px), calc(100% - 66px) calc(100% - 173px), 33px calc(100% - 173px),
		33px 123px, calc(100% - 66px) 123px, 33px 123px;}
/*.bookcase002{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('bookcase002.jpg');background-size:100% 100%;background-repeat:no-repeat;}*/
.bookcase002{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;}
.bookcase003{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('./bookcase003_1.png'),url('./bookcase003_2.png'),url('./bookcase003_3.png'),
		url('./bookcase003_4.png'),url('./bookcase003_6.png');
	background-position:top left, top 0px left 33px, top right, 
		top 30px left 0px, top 30px right 0px, top 13px left 13px;
	background-size:33px 30px, calc(100% - 66px) 30px, 33px 30px,
		33px calc(100% - 30px), 33px calc(100% - 30px);
	background-repeat:no-repeat, no-repeat, no-repeat, 
		no-repeat, no-repeat;}
.bcase_back003{z-index:1;display:block;position:absolute;left:12px;top:12px;
	width:calc(100% - 24px);height:calc(100% - 12px);background:url('./bookcase003_7.png') repeat;}
/*.bookcase004{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('./bookcase004_1.png'), url('./bookcase004_3.png');
	background-position:top left, top left;
	background-size:100% 75px, 100% 161px;
	background-repeat:no-repeat, repeat-y;}
.bcase_back1_004{z-index:2;display:block;position:absolute;left:0;top:48px;
	width:24px;height:calc(100% - 48px);background:url('./bookcase004_2.png') repeat-y;}
.bcase_back2_004{z-index:2;display:block;position:absolute;right:0;top:48px;
	width:24px;height:calc(100% - 48px);background:url('./bookcase004_4.png') repeat-y;}*/

.bookcase004{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;}

.catabox{z-index:3;display:block;position:relative;float:right;width:auto;height:28px;padding:0;}
.catabox001{margin:3px 32px 0 0;}
.catabox002{margin:10px 32px 0 0;}
.catabox003{margin:25px 32px 0 0;}
.catabox004{margin:15px 25px 0 0;}

.cselect001, .cselect004{float:left;height:22px;border:1px solid #555555;vertical-align:top;}
.csubmit001, .csubmit004{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#555555;color:#FFFFFF;border:1px solid #555555;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}

.cselect002{float:left;height:22px;border:1px solid #222222;vertical-align:top;}
.csubmit002{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}
.csubmit002:hover{background-color:#444444;}

.cselect003{float:left;height:22px;border:1px solid #222222;vertical-align:top;}
.csubmit003{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}
.csubmit003:hover{background-color:#444444;}

#bcase_bar{z-index:3;display:block;position:absolute;margin:0;padding:0;}
.bcasebar001{left:0;top:29px;width:100%;height:calc(100% - 28px);}
.bcasebar001 > img{display:block;position:absolute;left:15px;width:calc(100% - 48px);height:31px;margin:0;padding:0;}

.bcasebar002{left:0;top:29px;width:100%;height:calc(100% - 28px);}
.bcasebar002 > img{display:block;position:absolute;left:25px;width:calc(100% - 48px);height:19px;margin:0;padding:0;}

.bcasebar003{left:0;top:42px;width:100%;height:calc(100% - 28px);}
.bcasebar003 > img{display:block;position:absolute;left:25px;width:calc(100% - 48px);height:6px;margin:0;padding:0;}

.bcasebar004{left:0;top:53px;width:100%;height:calc(100% - 53px);}
.bcasebar004 > img{display:block;position:absolute;left:11px;width:calc(100% - 22px);height:47px;margin:0;padding:0;}

#thumbcnt1, #thumbcnt2{z-index:4;display:block;position:absolute;padding:0;}
.thumbcnt001{left:0;top:29px;width:calc(100% - 60px);margin:0 35px 0 25px;}
.thumbcnt002{left:0;top:29px;width:calc(100% - 60px);margin:0 25px 0 35px;}
.thumbcnt003{left:0;top:42px;width:calc(100% - 60px);margin:0 25px 0 35px;}
.thumbcnt004{left:0;top:53px;width:calc(100% - 48px);margin:0 24px 0 24px;}

.thumbitem{display:block;position:absolute;margin:0;padding:0;-webkit-animation:fadein 1s;-ms-animation:fadein 1s;animation:fadein 1s;}
.thumb_img{display:block;position:absolute;width:100%;height:100%;}
.thumb_span001{display:block;position:absolute;left:0;bottom:0;width:100%;height:27px;color:#ffffff;background-color:rgba(0,0,0,0.6);
	font-size:11px;font-family:Verdana,Tahoma,Arial;text-align:center;line-height:27px;}
.thumbitem001, .thumbitem004{box-shadow:4px 4px 8px rgba(68,68,68,.5);}
.thumbitem002, .thumbitem003{box-shadow:4px 4px 8px rgba(38,38,38,.5);}
.thumbtitle{display:block;height:20px;margin:2px 0 0 0;overflow:hidden;text-align:center;color:#000000;}

#lowersect{z-index:5;display:block;position:absolute;width:100%;margin:0;padding:0}
.lowersect001, .lowersect002, .lowersect004{height:90px;}
.lowersect003{height:110px;}

#pagingsect{display:block;text-align:center;}
.pagingsect001{width:calc(100% - 48px);height:40px;margin:0 33px 0 15px;background-color:rgba(0,0,0,0.4);}
.pagingsect002{width:calc(100% - 48px);height:40px;margin:0 23px 0 25px;background-color:rgba(0,0,0,0.4);}
.pagingsect003{width:calc(100% - 30px);height:40px;margin:20px 17px 0 13px;background-color:rgba(0,0,0,0.3);}
.pagingsect004{width:calc(100% - 48px);height:40px;margin:0 24px 0 24px;background-color:rgba(0,0,0,0.4);}
.pagingsect001 p, .pagingsect002 p, .pagingsect003 p, .pagingsect004 p{display:inline-block;width:22px;height:22px;margin:9px 0 0 0;padding:0;line-height:22px;}
.pagingsect001 p a, .pagingsect002 p a, .pagingsect003 p a, .pagingsect004 p a{text-decoration:none;color:#ffffff;}

.currpage001, .currpage002, .currpage004{background-color:#aaaaaa;color:#000000;font-weight:bold;}
.currpage003{background-color:#cccccc;color:#000000;font-weight:bold;}
.nextpage001, .nextpage004{background-color:#333333;color:#ffffff;}
.nextpage002, .nextpage003{background-color:#111111;color:#ffffff;}
.nextpage001:hover, .nextpage004:hover{background-color:#222222;}
.nextpage002:hover, .nextpage003:hover{background-color:#777777;}

.searchsect001{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}
.searchsect002{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}
.searchsect003{display:block;float:right;width:205px;height:25px;margin:12px 25px 0 0;}
.searchsect004{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}

.qtxt001, .qtxt002, .qtxt003, .qtxt004{float:left;width:150px;height:14px;margin:0;padding:4px;border:1px solid #ffffff;overflow:hidden;
	-webkit-border-radius:0px;-moz-border-radius:0px;font-size:12px;line-height:12px;}
.qsubmit001, .qsubmit004{float:left;width:45px;height:24px;margin:0;padding:4px;background-color:#555555;color:#FFFFFF;border:1px solid #555555;
	overflow:hidden;font-size:12px;line-height:16px;}
.qsubmit002, .qsubmit003{float:left;width:45px;height:24px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:16px;}
.qsubmit001:hover, .qsubmit002:hover, .qsubmit003:hover, .qsubmit004:hover{background-color:#444444;}


#snssect{display:block;float:right;width:82px;height:34px;}
.snssect001, .snssect002, .snssect003, .snssect004{margin:12px 45px 0 0;}
.snssect001 img, .snssect002 img, .snssect003 img, .snssect004 img{margin-left:4px;}

#logosect{z-index:5;display:block;position:relative;/*border:1px solid #ff6600;*/}
.logo002, .logo004{width:181px;height:51px;margin:30px auto 0 auto;}

#copysect{z-index:5;display:block;position:relative;}
.copyright002, .copyright004{width:100%;height:50px;margin:0;}
.copyright002 > p, .copyright004 > p{text-align:center;color:#FFFFFF;font-size:12px;font-family:Verdana,Tahoma,Arial;}

.ctrxpos{margin:0 auto;}
.leftxpos{float:left;}

/* 0889 specific */
.cbody0889{background-color:#ffffff;}
.dochead0889{display:block;position:relative;width:100%;height:177px;text-align:center;background:url('./imgkto/topbg.jpg') repeat-x;border-bottom:1px solid #d9d9d9;}
.dochead0889_div{width:1024px;height:177px;margin:0 auto;}
.dochead0889m{width:100%;height:42px;text-align:center;background-color:#0075c1;}

.mainsect0889{display:block;position:relative;width:calc(100% - 2px);height:1500px;margin:0 auto;}
.sidesect0889{display:block;float:left;min-width:240px;height:100%;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.sidesect0889 > img{display:block;}

.bcasebar0889{left:0;top:0;width:100%;height:calc(100% - 28px);visibility:hidden;}
.titlesect0889{display:block;position:relative;float:left;width:702px;height:120px;margin:0 0 0 40px;border-bottom:1px solid #d9d9d9;}

.thumbcnt0889{left:0;top:30px;width:100%;margin:0;padding:0;}
.thumbcnt0889m{left:0;top:30px;width:100%;margin:0;padding:0;}

.thumb_img0889{z-index:1;display:block;position:absolute;border:1px solid #c2c2c2;}
.thumb_img0889 > img{display:block;position:absolute;width:100%;height:100%;}
.thumb_img0889:hover > div{opacity:1;transition:all 0.3s ease 0.1s;}
.thumb_img0889:focus-within > div {opacity:1;}
.thumb_p0889{z-index:2;display:block;position:absolute;width:100%;height:100%;transition:all 0.3s ease 0.1s;
	background-color:rgba(0,0,0,.6);opacity:0;color:#ffffff;text-align:center;}

.thumb_div0889{display:table;position:absolute;left:0;bottom:0px;width:calc(100% - 20px);height:63px;text-align:center;padding:5px 10px 5px 10px;border:1px solid #f7f7f7;line-height:17px;margin:0;background-color:#F7F7F7;overflow:hidden;}
.thumb_div0889 > span{display:table-cell;vertical-align:middle;font-family:Verdana,Tahoma,Arial,'ＭＳ Ｐゴシック';font-size:14px;font-weight:normal;color:#6c6c6c;}
.thumb_div0889m{display:table;position:absolute;left:0;bottom:0px;width:calc(100% - 20px);height:63px;text-align:center;padding:5px 10px 5px 10px;border:1px solid #f7f7f7;line-height:20px;margin:0;background-color:#F7F7F7;overflow:hidden;}
.thumb_div0889m > span{display:table-cell;vertical-align:middle;font-family:Verdana,Tahoma,Arial;font-size:14px;font-weight:normal;color:#6c6c6c;}

.thumb_img0889m{display:block;position:absolute;width:142px;height:205px;box-shadow:0 0 4px 2px rgba(0,0,0,.3);}
.thumb_span0889m{display:block;position:absolute;left:0;bottom:32px;width:100%;height:32px;text-align:center;
	font-family:Verdana,Tahoma,Arial;font-size:14px;font-weight:bold;color:#6c6c6c;overflow:hidden;}
.thumb_span20889m{display:block;position:absolute;left:0;bottom:0;width:100%;height:32px;text-align:center;
	font-family:Verdana,Tahoma,Arial;font-size:13px;color:#a6a6a6;overflow:hidden;}

.viewbtn0889{display:block;width:150px;height:40px;line-height:40px;text-align:center;color:#ffffff;text-decoration:none;
	margin:115px auto 10px auto;font-size:14px;background-image:url('./imgkto/ico_view.png');
	background-repeat:no-repeat;background-position:125px 14px;background-color:#00aeef;}
.downbtn0889{display:block;width:150px;height:40px;line-height:40px;text-align:center;color:#ffffff;text-decoration:none;
	margin:0 auto;font-size:14px;text-indent:-10px;
	background-image:url('./imgkto/ico_download.png');background-repeat:no-repeat;background-position:125px 14px;background-color:#fab74d;}
.viewbtn0889:hover{background-color:#009cd6;}
.downbtn0889:hover{background-color:#f2a52c;}

.lowersect0889{left:0px;top:0px;width:100%;height:1px;}

.pagingarea{width:100%;text-align:center;margin-top:1170px;}
.pagingsect0889{display:inilne-blick;/*position:absolute;left:calc(50% - 352px);top:1370px;*/width:auto;height:50px;margin:0 auto;text-align:center;}
.pagingsect0889 p{display:inline-block;width:22px;height:22px;margin:19px 0 0 0;padding:0;line-height:22px;
	vertical-align:middle;}
.pagingsect0889 p a{text-decoration:none;color:#ffffff;}
.currpage0889{background-color:#012A58;color:#FFFFFF;}
.nextpage0889{background-color:#ffffff;color:#000000;}
.nextpage0889:hover{background-color:#eeeeee;}

.lower2sect0889{background:url('./imgkto/copybg.jpg') repeat-x;width:100%;height:189px;}
.lower2sect0889_div{width:1024px;height:189px;margin:0 auto;}

.digibooksect{width:100%;height:auto;margin-bottom:50px;}
.digibooksect:after{display:block;content:'';clear:both;}
.digibooksect .s1{float:left;text-align:center;}
.digibooksect .s1 img{width:100%;max-width:460px;}
.digibooksect .s2{float:right;text-align:center;}
.digibooksect .s2 img{width:100%;max-width:460px;}
.digititle > p{font-size:40px;font-weight:900;letter-spacing:-2px;font-family:Arial;margin:0 0 20px 0;padding:0;}
.ebooktitle > p{font-size:40px;font-weight:900;letter-spacing:-2px;font-family:Arial;margin:0 0 20px 0;padding:0;}
@media(max-width:949px){
.digibooksect .s1{float:none;margin:0 auto;}
.digibooksect .s2{float:none;margin:0 auto;}
}