@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;
}