body,h1,h2,h3,h4,h5,h6,ul,li{
margin:0px;
padding:0px;
}

body{
font-size: 80%;
font-family: sans-serif;
line-height:150%;
text-align:center;
background:#ffc;
}

#wrapper{
width: 750px;
margin:0 auto;
text-align:left;
background:#fff;
}

li{
list-style-type:none;
}

a{
text-decoration:none;
color:#630;
}

a:hover{
text-decoration:underline;
}

h1 {
float:left;
width:740px;
}

h1 a{
display:block;
width:343px;
height:56px;
margin:4px 0 0 210px;
background:url("http://animal.artposter.jp/images/header_logo.jpg") no-repeat;
text-indent:-999em;
}

h1 a:hover{
text-decoration:none;
}

h2 {
font-size:16px;
text-align:center;
padding:10px 0px;
}

h3 {
font-size:16px;
padding:5px;
border-left:5px solid #ccc;
border-bottom:1px dotted #ccc;
}

h4{
text-align:center;
color:#333;
line-height:200%
}

#header{
height:100px;
background:url("http://animal.artposter.jp/images/header_bg.jpg") no-repeat;
}

#headerright{
float:right;
width:500px;
text-align:right;
}

#main{
float:left;
width:750px;
background:url("http://animal.artposter.jp/images/main_bg.jpg") repeat-y;
}

#centerbox{
float:right;
width:580px
}

#leftbox{
float:left;
width:170px;
}

#rightbox{
margin:20px;
border:dotted 1px #ccc;
padding:5px;
background:#ffc;
}

#rightbox p{
padding-bottom:10px;
color:#999;
}

#thumbnails{
margin:0 auto;
}

#thumbnails a{
display:block;
width:115px;
text-align:center;
vartical-align:middle;
padding:5px;
}

#thumbnails a:hover{
text-decoration:none;
}

#pagecontrol{
width:100%;
margin:10px 0px;
}

.pagenumber{
text-align:center;
font-size:12px;
}

.pagenumber a{
color:#777;
}

.pagenumber a:hover{
color:#630;
}

.backbt a {
display:block;
width:35px;
height:27px;
background:url("http://artposter.jp/images/prev.gif") no-repeat;
}

.backbt a:hover {
background:url("http://artposter.jp/images/prev_on.gif") no-repeat;
}

.nextbt a{
display:block;
width:35px;
height:27px;
background:url("http://artposter.jp/images/next.gif") no-repeat;
}

.nextbt a:hover {
background:url("http://artposter.jp/images/next_on.gif") no-repeat;
}

#entrymore{
padding:10px 20px;
color:#555;
}

#categorylist{
width:750px;
height:27px;
}

#categorylist li{
display:block;
width:125px;
float:left;
}

#categorylist a{
display:block;
width:125px;
height:22px;
font-size:12px;
padding-top: 5px;
background:url("http://animal.artposter.jp/images/categorylist_bt.jpg") no-repeat;
text-align:center;
color:#fff;
}

#categorylist strong{
display:block;
width:125px;
height:22px;
font-size:12px;
padding-top: 5px;
background:url("http://animal.artposter.jp/images/categorylist_bt-on.jpg") no-repeat;
text-align:center;
color:#630;
}

#categorylist a:hover {
color:#630;
background:url("http://animal.artposter.jp/images/categorylist_bt-on.jpg") no-repeat;
text-decoration:none;
}

#entrylist {
padding:10px;
}

/*index*/

#indexmain{
margin:20px 25px;
}

#indexleft{
float:left;
width:400px;
}

#indexright{
float:right;
width:700px;
}

#footer{
margin-top:10px;
border-top:1px solid #ccc;
padding:10px;
text-align:center;
}

#dog, #animal, #bird{
width:335px;
float:left;
margin-bottom:20px;
}

#cat, #sea, #other{
width:335px;
float:right;
margin-left:20px;
margin-bottom:20px;
}

#dog strong a,#cat strong a,#animal strong a,#sea strong a,#bird strong a,#other strong a{
display:block;
text-indent:-999em;
width:335px;
height:90px;
}

#dog a,#cat a,#animal a{
color:#FFFFFF;
}

#sea a,#bird a,#other a{
color:#333333;
}

#dog a:hover,#cat a:hover,#animal a:hover,#sea a:hover,#bird a:hover,#other a:hover{
text-decoration:underline;
}

#dog p,#cat p,#animal p,#sea p,#bird p,#other p{
padding:5px 20px 10px;
margin:0px;
height:110px;
}

#dog p,#cat p,#animal p{
color:#FFFFFF;
}

#sea p,#bird p,#other p{
color:#333333;
}

#dog strong a{
background:url(images/dog_tit.jpg);
}

#dog p{
background:url(images/dog_bg.jpg) repeat-y;
}

#cat strong a{
background:url(images/cat_tit.jpg);
}

#cat p{
background:url(images/cat_bg.gif) repeat-y;
}

#animal{
background:url(images/animal_tit.jpg);
}

#animal p{
background:url(images/animal_bg.jpg) repeat-y;
}

#sea strong a{
background:url(images/sea_tit.jpg);
}

#sea p{
background:url(images/sea_bg.jpg) no-repeat;
}

#bird strong a{
background:url(images/bird_tit.jpg);
}

#bird p{
background:url(images/bird_bg.gif) repeat-y;
}

#other strong a{
background:url(images/other_tit.jpg);
}

#other p{
background:url(images/other_bg.gif) repeat-y;
}
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */