body {
margin: 0px;
padding: 0px;
background-color: #fff;
text-align: center;
}

#layout {
margin: 0 auto;
padding: 5px;
padding-left: 30px;
width: 650px;
border-color: #4f7093;
border-style: solid;
border-width: 10px;
background-image: url(http://www.cholitto.com/image/side_color.gif);
background-repeat: repeat-y;
background-color: #fff;
}

#header {
margin: 0 auto;
width: 575px;
}

#headerimg {
width: 272px;
padding-top: 5px;
float: left;
}

#footer {
clear: both;
}

div, td {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}

/* ここから　rollover  */

#rollover {
margin: 0 auto;
padding: 0;
width: 300px;
float: right;
}

#rollover ul {
        position:relative;
        margin: 0;
        padding: 0;
        height:20px;
}

/*リストをブロック化して横に並べる。*/
#rollover li {
        float: left;
        display: block;
        width: 87px; 
        height: 20px;
        margin: 5px;
        padding: 0;
        list-style-type:none;
}

/*リスト内の a 要素に対して一括して指定*/
#rollover li a {
        display: block;
        width: 87px; 
        height: 20px;
        background-position: 0 0;
        background-repeat: no-repeat;
}

#rollover li#navi01 a {
        background-image: url(http://www.cholitto.com/image/navibo/navibo01.gif);
}
#rollover #navi02 a {
         background-image: url(http://www.cholitto.com/image/navibo/navibo02.gif);
}
#rollover #navi03 a {
         background-image: url(http://www.cholitto.com/image/navibo/navibo03.gif);
}
#rollover #navi04 a {
         background-image: url(http://www.cholitto.com/image/navibo/navibo04.gif);
}
#rollover #navi05 a {
        background-image: url(http://www.cholitto.com/image/navibo/navibo05.gif);
}
#rollover #navi06 a {
         background-image: url(http://www.cholitto.com/image/navibo/navibo06.gif);
}

/*リスト内の a:hover に対して共通指定*/
#rollover li a:hover {
        background-position: 0 -20px;
}


/* ここから　category */

#category {
margin: 0 auto;
padding-left: 35px;
width: 574px;
float: left;
}

#category ul {
        position:relative;
        margin: 0;
        padding: 0;
        height:17px;
}

#category li {
        float: left;
        display: block;
        width: 191px; 
        height: 17px;
        margin-top: 20px;
        padding: 0px;
        list-style-type:none;
}

#category li a {
        display: block;
        width: 191px; 
        height: 17px;
        background-position: 0 0;
        background-repeat: no-repeat;
}


#category li#catenavi01 a {
        background-image: url(http://www.cholitto.com/image/catebo/catebo01.gif);
}
#category li#catenavi02 a {
        background-image: url(http://www.cholitto.com/image/catebo/catebo02.gif);
}
#category li#catenavi03 a {
        background-image: url(http://www.cholitto.com/image/catebo/catebo03.gif);
}

#category li a:hover {
        background-position: 0 -17px;
}

.catebar {
margin-right: 6px;
margin-bottom: 15px;
}

/* ここから　entry */

.entry {
margin: 0px;
padding: 0px;
float: left;
width: 33%;
height: 300px;
}

.entry_body {
width: 135px;
font-size: 12px;
line-height: 120%;
color: #fff;
margin: 15px auto;
text-align: center;
background-color: #ff6699;
border-color: #ff6699;
border-style: solid;
border-width: 5px;
}

.pict {
margin: 0;
border: none;
}

.page {
clear: both;
font-size: 12px;
color: #666666;
padding: 20px 0px;
text-align: center;
}

.copyright {
font-size: 10px;
color: #333333;
margin: 5px 0px 30px;
}

.clear { clear: both}

