body{
background:#e5dbf4;
}
#body{
background:#fff url(../images/d/b1.gif) repeat-x top;
clear:both;overflow:hidden;
}
#nav{
color:#663da8;
}
#nav a{
margin:0 0.5em;
}
#nav a:link,#nav a:visited{
color:#663da8;text-decoration:none;
}
#nav a:hover,#nav a:active{
color:#294578;text-decoration:none;
}

/* the Third Page */
/* Left Content */
#text .w678{
background:#d4f8fd;overflow:hidden;
}
#text .w678 .contentbd{
background:#fff url(../images/b6.gif) no-repeat top;width:674px;padding-top:54px;margin:2px;clear:both;overflow:hidden;
}
/* columnlist */
.columnlist{
clear:both;overflow:hidden;margin:0 10px;padding:1px 0;
}
.columnlist .columnlista{
width:654px;clear:both;
}
.columnlist .column{
width:317px;background:#cfcfcf;clear:both;overflow:hidden;margin:5px;
}
.columnlist .column .matter{
width:315px;background:#fff;margin:1px;clear:both;overflow:hidden;
}
.columnlist h4{
background:#f1e9fc url(../images/ico6.gif) no-repeat 5px 7px;font-size:14px;padding:7px 0 7px 30px;
}
.columnlist h4.h2{
background:#f1e9fc;font-size:16px;padding:7px 0;text-align:center;letter-spacing:0.25em;
}
.columnlist div.w644{
width:644px;clear:both;
}
.columnlist div.w644 .matter{
width:642px;
}
#text .w678 .content{
margin:1em auto 0 auto;width:630px;
}
#text .w678 .content h5{
text-align:center;font-weight:normal;font-size:12px;margin:0.5em;text-decoration:underline;
}
#text .w678 .content .block{
background:#f0f0f0;padding:1em;margin:1em 0;
}
#text .w678 .content p{
line-height:1.5;margin:1em 1em;
}
#text .w678 .down{
margin:2em auto;text-align:center;
}
#text .w678 .down ul{
list-style:none;margin:0 0 0 7em;line-height:1.7;text-align:left;
}
#text .w678 .down ul a{
margin:0 2em;
}
#text .w678  .down .img{
margin:2em 0;text-align:center;
}
#text .w678 .down .img img{
margin:0 1em;
}
/* w317block */
#text .w678 .w317block{
background:#f1e9fc;clear:both;overflow:hidden;padding:1px 0;
}
#text .w678 .w317block .img{
margin:1em 0;text-align:center;
}
#text .w678 .w317block img{
width:137px;height:188px;margin:0 5px;border:1px solid #c5c5c5;
}
.columnlist p.doc{
margin:10px 1em;line-height:1.7;
}
/* w644block */
#text .w678 .w644block{
background:#fff;clear:both;overflow:hidden;padding:1px 0;
}
#text .w678 .w644block .block{
margin:2em 0;
}
#text .w678 .w644block table{
background:#fffbdc;border:1px solid #3e3e3e;border-collapse:collapse;margin:0.5em auto;border-right:none;line-height:1.5;
}
#text .w678 .w644block table td{
border:1px solid #3e3e3e;border-top:none;border-left:none;padding:2px 1em;text-align:center;color:#3e3e3e;
}
#text .w678 .w644block table caption{
text-align:left;
}
#text .w678 .w644block table caption span{
margin-left:1em;text-decoration:underline;padding:0 3px;
}
#text .w678 .w644block .label{
text-align:right;margin-right:4em;
}
#text .w678 .w644block .label a{
margin:0 0.5em;color:#969696;
}
/* Right Column */
p.button{
background:url(../images/b7.gif) no-repeat center;height:69px;text-align:left;
}
p.button .imga{
margin:30px 0 0 12px;
}
p.button .imgb{
margin:10px 0 0 28px;
}
.w178 .booklist{
margin-top:20px;
}
.w178 .booklist ul{
list-style:none;
}
.w178 .booklist ul li{
clear:both;text-align:center;background:transparent;padding:0;margin:10px 0;
}
.w178 .booklist img{
width:125px;height:190px;border:3px solid #fff;
}
.w178 .booklist h5{
font-size:12px;
}
#text .w178 .content{
padding-bottom:0px;
}
/* Column */
.w178 .column .tbgd{
background:url(../images/b7a.gif) top no-repeat;
padding-top:50px;width:156px;
}
.w178 .column .bbgd{
background:url(../images/b7b.gif) bottom no-repeat;
padding-bottom:11px;width:156px;
}
.w178 .column .contc{
width:156px;background:#e5fff7;padding:0 0 8px 0;text-align:center;clear:both;overflow:hidden;
}
.w178 h4.h1{
margin:2px 0 16px 7px;text-align:left;
}
.w178 .column p{
margin-left:11px;
}
.w178 .column .txta{
width:6em;margin:0;float:left;
}
.w178 .column .bnta{
margin:0px 0 0 2px;float:left;
}
p.bannar,p.button{
text-align:center;margin:20px 0;
}
.w178 .columnlist{
margin:10px 3px 0 3px;
}
.w178 .columnlist ul li{
padding:2px 0 2px 12px;background:url(../images/ico2.gif) 0px 8px no-repeat;
}


/* ¶þ¼¶Ò³Ãæ */
.zleftcolumn{
margin-left:2px;
}
.zw690{
width:690px;margin:20px 0 0 10px;
}
.zcbga{
background:url(../images/c/zba2.gif) repeat-y ;width:219px;
}
.ztbga{
background:url(../images/c/zba1.gif) top no-repeat ;width:219px;padding-top:20px;
}
.zbbga{
background:url(../images/c/zba3.gif) bottom no-repeat ;width:219px;padding-bottom:35px;
}
.zcbgb{
background:#cceffb url(../images/b/zbb2.jpg) repeat-y ;width:209px;
}
.ztbgb{
background:url(../images/b/zbb1.jpg) top no-repeat ;width:209px;padding-top:40px;
}
.zbbgb{
background:url(../images/b/zbb3.jpg) bottom no-repeat ;width:209px;padding-bottom:10px;
}
.zcbgc{
background:url(../images/b/zbc2.jpg) repeat-y ;width:221px;
}
.ztbgc{
background:url(../images/b/zbc1.jpg) top no-repeat ;width:221px;padding-top:20px;
}
.zbbgc{
background:url(../images/b/zbc3.jpg) bottom no-repeat ;width:221px;padding-bottom:20px;
}
.zcbgd{
background:url(../images/b/zbd2.jpg) repeat-y ;width:425px;
}
.ztbgd{
background:url(../images/b/zbd1.jpg) top no-repeat ;width:425px;padding-top:16px;
}
.zbbgd{
background:url(../images/b/zbd3.jpg) bottom no-repeat ;width:425px;padding-bottom:16px;
}
.zcbge{
background:url(../images/b/zbe2.jpg) repeat-y ;width:433px;
}
.ztbge{
background:url(../images/b/zbe1.jpg) top no-repeat ;width:433px;padding-top:16px;
}
.zbbge{
background:url(../images/b/zbe3.jpg) bottom no-repeat ;width:433px;padding-bottom:32px;overflow:hidden;clear:both;
}
.list ul{
list-style-type:none;
}
.list ul li{
padding:3px 0 3px 15px; background:url(../images/ico2.gif) 4px 6px no-repeat; text-align:left; clear:both;
}
.zleftcolumn .matter{
margin:15px 25px 20px 25px;line-height:1.7;
}

#database h2{
margin:5px 0 20px 33px;
}
#database .matter{
margin:45px 30px 20px 30px;
}
#gzmemory h2,#cartoonroom h2{
background:url(../images/b/ztb01.jpg) no-repeat top left;width:215px;height:96px;margin-top:20px;
}
#gzmemory h2 img,#cartoonroom h2 img{
margin:48px 0 0 12px;
}

#gzmemory .matter,#material .matter{
margin:15px 25px 20px 25px;
}
#material{
margin-top:10px;width:217px;
}
#material h2,#webseries h2{
background:url(../images/b/ztb02.jpg) no-repeat top left;width:217px;height:106px;
}
#material h2 img{
margin:58px 0 0 15px;
}
#webseries h2 img{
margin:58px 0 0 12px;
}
#repository{
margin-top:10px;
}
#repository h2{
margin:38px 0 40px 22px;
}
#repository .matter{
margin:25px 30px 0 30px;
}


.zrightcolumn{
padding-top:1px;width:460px;
}
.zrightcolumn .zrcolumn{
background:url(../images/d/zb1.jpg) no-repeat; width:456px;height:263px;text-align:center;margin-left:8px;text-align:left;margin-bottom:28px;
}
.zrightcolumn .zrcolumn h2 img{
margin:8px 0 0 85px;
}
.zrightcolumn .zrcolumn .ifobutton{
text-align:center;margin:0.5em 0 0 0;
}
.zrightcolumn .zrcolumn .ifobutton input{
margin:0 0.25em;
}
.zrightcolumn .zrcolumn .matter{
margin:0 3em;
}
.zrightcolumn .zrcolumn .matter .doc{
line-height:1.68;margin:1em 0;text-indent:2em;
}
#shareproject h2 img{
margin:10px 0 0 75px;
}
#shareproject .matter .doc{
margin-top:3em;
}
#jzsoft .ifobutton{
margin-top:5px;
}
#jzsoft .matter .doc{
margin:0.5em 0;
}
#jzsoft .matter .more{
margin-top:0.5em;
}
#weeklydatabase .matter .doc{
margin-top:3em;
}
p.more{
clear:both;
}



/* Column */

p.button{
background:url(../images/b7.gif) no-repeat center;height:69px;text-align:left
}
p.button .imga{
margin:28px 0 0 18px;display:block;
}

.w178 .column .ztbge{
background:url(../images/b/zbh1.jpg) top no-repeat;
padding-top:10px;width:156px;
}
.w178 .column .zbbge{
background:url(../images/b/zbh3.jpg) bottom no-repeat;
padding-bottom:8px;width:156px;
}
.w178 .column .zconte{
width:156px;background:#f6fcff;padding:0;text-align:center;clear:both;overflow:hidden;
}
.w178 h4.zh1{
text-align:left;margin:28px 0 12px 37px;
}
.w178 h4.zh2{
text-align:left;margin:28px 0 24px 16px;
}

#ebookdownload ul li{
background:url(../images/ico9.gif) 2px 4px no-repeat;
}
