@charset "UTF-8"; html {font:80%; background-color:#fff; color:#333} body { margin:0; padding:0; background:url(../com/bk.gif)} #wrapper { margin:0 auto; padding:38px 0 20px; width:950px} a {cursor:pointer; color: #0099cc} a:visited { color: #0099cc} a:hover { color:#ff6666} /* 共通・ナビ */ .nav{ background:url(../com/nav.gif) no-repeat; width:950px; height:178px;} ul.topul{ padding:48px 0 0 40px} .nav li{ display:inline; padding:0; margin:0; float:left; } .home, a.img.home { width:163px} a:hover img.home,.here img.home { background-position:0 -178px} .maruneko, a.maruneko { width:139px; background-position:-163px 0} a:hover img.maruneko,.here img.maruneko { background-position:-163px -178px} .dl, a.dl { width:139px; background-position:-302px 0} a:hover img.dl,.here img.dl { background-position:-302px -178px} .gallery, a.gallery { width:126px; background-position:-441px 0} a:hover img.gallery,.here img.gallery { background-position:-441px -178px} .book, a.book { width:113px; background-position:-567px 0} a:hover img.book,.here img.book { background-position:-567px -178px} .product, a.product { width:113px; background-position:-680px 0} a:hover img.product,.here img.product { background-position:-680px -178px} .event, a.event { width:130px; background-position:-793px 0} a:hover img.event,.here img.event { background-position:-793px -178px} .copyr { font-size:12px; margin:20px auto; text-align:center; height:50px} /* top */ #topmain { background:url(../img/top.jpg) no-repeat; background-size: contain;width:950px; margin:8px 0 0 10px; float:none; height:479px} /* topnews */ .news { float:right; width:255px; height:479px;background:url(../img/newsbk.gif) repeat-y; margin:0 10px 0 0; position:relative} .ntop { background:url(../img/newst.gif) no-repeat} .nbtm { background:url(../img/newsb.gif) no-repeat; position:absolute; bottom:-2px; left:0; z-index:10} .newstxt { width:230px; height:400px; border:0;overflow:auto; padding:0 0 0 15px; font-size:80%} .newstxt li{ margin:5px 0 12px; background:url(../img/star.gif) no-repeat; padding:0 15px} .newstxt li a{ text-decoration:none; line-height:140%} /* top下ナビ */ .topbtm{ width:960px; height:103px; margin:8px 0 0 0} .topbtm li{ display:inline; float:left} li.px6{ padding:0 0 0 6px; margin:0; } /* メインコンテンツ・まるねこ図鑑 */ .topmaru { background:url(../maruneko/img/top.gif) no-repeat; width:932px; height:2630px; } .topmaru .topimg { height:5px} .mainmaru { background:url(../maruneko/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmmaru { background:url(../maruneko/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} .marumaru { background:url(../maruneko/img/maruneko.gif) no-repeat; width:908px; height:2500px; margin:80px auto 0; text-align:center} /* メインコンテンツ・かべがみdl */ .topdl { background:url(../dl/img/top.gif) no-repeat; width:932px; height:2630px; } .topdl .topimg { height:5px} .maindl { background:url(../dl/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmdl { background:url(../dl/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} .boxdl table{ margin:150px auto} .boxdl td{ padding:0 10px} td.dlsize { text-align:left; padding:10px 0 30px 5px} .m01 { float:left; background:url(../dl/img/ttl.gif) no-repeat; width:129px; height:25px} .m02 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px 0; width:320px; height:25px} .m03 { float:left; background:url(../dl/img/ttl.gif) no-repeat 0 -25px; width:129px; height:25px} .m04 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px -25px; width:320px; height:25px} .m05 { float:left; background:url(../dl/img/ttl.gif) no-repeat 0 -50px; width:129px; height:25px} .m06 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px -50px; width:320px; height:25px} .m07 { float:left; background:url(../dl/img/ttl.gif) no-repeat 0 -75px; width:129px; height:25px} .m08 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px -75px; width:320px; height:25px} .m09 { float:left; background:url(../dl/img/ttl.gif) no-repeat 0 -100px; width:129px; height:25px} .m10 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px -100px; width:320px; height:25px} .m11 { float:left; background:url(../dl/img/ttl.gif) no-repeat 0 -125px; width:129px; height:25px} .m12 { float:right; background:url(../dl/img/ttl.gif) no-repeat -129px -125px; width:320px; height:25px} .tdl { text-align:left; float:left; width:320px} /* メインコンテンツ・ぎゃらりー */ .topgall { background:url(../gallery/img/top.gif) no-repeat; width:932px; height:2630px; } .topgall .topimg { height:5px} .maingall { background:url(../gallery/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmgall { background:url(../gallery/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} .gapage { width:300px; height:31px; margin:100px auto 20px} .gapageb { width:300px; height:31px; margin:50px auto} .gapage li, .gapageb li{ display:inline; float:left; padding:0 3px} .rgal { display:block; float:right; font-size:80%; margin:0 20px 0 0; color:#660000} .boxg table td{ text-align:center} /* メインコンテンツ・イベント情報 */ .topevent { background:url(../event/img/top.gif) no-repeat; width:932px; height:auto; padding-bottom:32px; } .topimg { height:5px} .mainevent { background:url(../event/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmevent { background:url(../event/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} .boxe{ margin:100px auto 20px} .boxe table { text-align:left;margin:10px auto 20px} .boxe th { font-size:12px; background:#ffddbb; padding:10px} .boxe td { font-size:14px; background:#ffffdd; padding:10px} .kome { color:#F00 } /* メインコンテンツ・おてがみ */ .topmail { background:url(../mail/img/top.gif) no-repeat; width:932px; height:130px; } .mainmail { background:url(../mail/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmmail { background:url(../mail/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} /* メインコンテンツ・リンク */ .toplink { background:url(../link/img/top.gif) no-repeat; width:932px; height:2630px; } .mainlink { background:url(../link/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmlink { background:url(../link/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-2px; left:0; height:76px} .box table{ margin:150px auto;text-align:left; font-size:80%} .box td { padding:10px} .l { width:150px; display:block; float:left} .r { width:350px; display:block; float:right} /* メインコンテンツ・出版物 */ .topbook { background:url(../book/img/top.gif) no-repeat; width:932px; height:17700px; } .mainbook { background:url(../book/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmbook { background:url(../book/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-4px; left:0; height:76px} .lb { width:220px; display:block; float:left} .rb { width:150px; display:block; float:right} /* メインコンテンツ・製品紹介 */ .topproduct { background:url(../product/img/top.gif) no-repeat; width:932px;} .topproduct .topimg { margin-bottom:120px} .proboxtop { background:url(../com/ptop.gif) no-repeat; width:787px; height:17px; margin:0 auto} .proboxbtm { background:url(../com/pbtm.gif) no-repeat; width:787px; height:17px; margin:0 auto; padding:0 0 20px 0} .probox { background:url(../com/pbk.gif) repeat-y; width:787px; margin:0 auto; position:relative} .proimg { float:left; width:400px; margin-left:15px} .protxt { float:right; width:342px; padding-right:15px; border:red} .hatubai { background:#f2acc4; padding:2px; color:#fff; font-weight:bold; font-size:88%;} .prottl { color:#993333; line-height:120%; padding:6px} .protxt ul { padding-left:6px; padding-top:8px; border-top:1px dotted #CCCCCC;} .protxt li { text-align:left; color:#660099; font-size:80%; line-height:140%} .protxt .p { position:absolute; bottom:0px; right:15px; text-align:left; font-size:80%; color:#660099; display:block; background:#eee4ed; width:326px; padding:12px 8px; line-height:120%} .mainproduct { background:url(../product/img/bk.gif) repeat-y; width:932px; position:relative; float:none; margin:8px auto; text-align:center; } .btmproduct { background:url(../product/img/btm.gif) no-repeat; width:932px; position:absolute; bottom:-4px; left:0; height:76px} .box2 table{ margin:120px auto;text-align:left} .box2 .lp img{ border:#ccc 1px solid} .lp { width:310px; display:block; float:left; padding:10px} .rp { width:340px; display:block; float:right; vertical-align:top} .year { margin:20px 0 12px 11px; text-align:center} .pyear{ color:#fff; font-weight:bold; margin:15px 0; background-color:#f19ec2; padding:2px; text-align:center} .pname { color:#944429; font-weight:bold; margin-bottom:10px} .lc { padding:7px 0 20px; text-align:center} .comment { background-color:#fff; color:#333; padding:10px; font-size:12px; margin-top:30px } ul.pro { font-size:85%} .probox:after { content:"."; display:block; height:0.1px; clear:both; visibility:hidden; overflow:hidden; } .probox { zoom:1; } /*------------------------------------------------------------------------- */ table.shoplist_top{ border-top:1px solid #CCC; border-left:1px solid #CCC; } table.shoplist_top th { border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:#F7F7F7; text-align:center; font-weight:normal; } table.shoplist{ border-top:1px solid #CCC; border-left:1px solid #CCC; } table.shoplist th { border-bottom:1px solid #CCC; border-right:1px solid #CCC; background:#eee4ed; color:#660099; text-align:left; } table.shoplist td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:80%; text-align:left; } table.shoplist td.name { border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:80%; text-align:left; width:150px; }