@charset "utf-8";
/* CSS Document */
* {
}
body{
background: url(../images/stripe_blue.gif);
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 75%;
line-height: 200%;
}
html {
overflow-y: scroll;
}
p, li, dt, dl {
}
h1, h2, h3, h4, h5 {
}
img {
border: 0;
}
address {
font-style: normal;
}
ul {
list-style-type: square;
}
hr {
display: none;
}

/* link styles */
a:link { 
color: blue;
}
a:visited { 
color: darkblue;
}
a:hover {
color: red;
}

/* background and color */
#PAGETOP {
background-color: white;
}
#HEADER {
background-color: darkblue;
color: white;
}
#MENU, #SIDE {
/*background: url(../images/diagonal_stroke_blue.gif);*/
}
#KIZI h2, #KIZI h3, #KIZI dl dt, #MENU dl dt, #SIDE dl dt {
background-color: dimgray;
color: white;
}
#HEADER a, #KIZI h2 a, #KIZI h3 a, #KIZI dl dt a, #MENU dl dt a, #SIDE dl dt a {
color: white;
}
#HEADER a:hover, #KIZI h2 a:hover, #KIZI h3 a:hover, #KIZI dl dt a:hover, #MENU dl dt a:hover, #SIDE dl dt a:hover {
color: red;
}
#KIZI dl dl dt {
background-color: transparent;
color: black;
}
#KIZI dl dl dt a {
color: blue;
}
#KIZI dl dl dt a:hover {
color: red;
}

/* border */
#PAGETOP {
border: 1px solid dimgray;
}
#KIZI ul, #KIZI ol {
border: 1px solid darkblue;
}
#KIZI ul.feeds, #KIZI table.rss_readers, #KIZI ul.rankings {
border: 1px solid dimgray;
}
#KIZI h2, #KIZI h3 {
border: 1px solid dimgray;
}
#KIZI dl, #MENU dl, #SIDE dl {
border: 1px solid dimgray;
}
#KIZI h2, #KIZI h3, #KIZI dl dt, #MENU dl dt, #SIDE dl dt {
border-left: 20px solid mediumblue;
}
#KIZI dl dt, #MENU dl dt, #SIDE dl dt {
border-bottom: 1px solid dimgray;
}
#KIZI dl dl {
border: none;
}
#KIZI dl dl dt {
border: none;
}

/* size and float */
#PAGETOP {
width: 740px;
margin: 0 auto;
}
#HEADER {
margin: 10px;
padding: 10px;
}
#MENU {
width: 180px;
padding: 10px;
float: left;
}
/*body#INDEX #MENU {
float:right;
}*/
#SIDE {
width: 180px;
padding: 10px;
float: right;
}
#KIZI {
width: 340px;
margin-left: 200px;
}
/*body#INDEX #KIZI {
width: 520px;
padding: 0 10px;
margin-left: 0;
}*/
#FOOTER {
padding: 10px;
}
#KIZI dl dl {
margin: 5px 0;
padding: 5px 0;
}
#KIZI h2, #KIZI h3, #KIZI dl dt, #MENU dl dt, #SIDE dl dt, #KIZI dl dd, #MENU dl dd, #SIDE dl dd {
padding: 0 5px;
}
#KIZI dl dd, #MENU dl dd, #SIDE dl dd {
margin: 0;
}
ul.feeds, ul.rankings {
margin: 5px 0;
padding: 5px;
list-style-type: none;
}
#KIZI table.rss_readers {
width: 490px;
}

/* text style */
#PAN {
margin: 0;
padding: 0;
}
#HEADER h1 {
font-size: 170%;
}
#HEADER p {
font-size: 110%;
font-weight: bold;
}
body#INDEX #HEADER h1 {
font-size: 220%;
font-weight: 900;
}
h2 {
font-size: 115%;
}
h3 {
font-size: 110%;
}
h4 {
font-size: 105%;
}
h5, h6 {
font-size: 100%;
}
#KIZI dl dt, #MENU dl dt, #SIDE dl dt {
font-size: 100%;
font-weight: bold;
}
#KIZI p.description {
margin: 0;
}

/* link lists */
#PAN ul, #MENU ul, #FOOTER ul, #SIDE ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#MENU ul li, #SIDE ul li {
margin: 10px 0;
}
#PAN li, #FOOTER li, ul.feeds li {
padding: 0;
display: inline;
}
#PAN li+li, #FOOTER li+li {
margin-left: 5px;
padding-left: 5px;
border-left: 1px solid;
}
ul.feeds li+li {
margin-left: 5px;
}

/* modori */
.modori {
display: none;
}