@charset "utf-8";
/* CSS Document */
* {
}
body{
background: url(../images/diagonal_stroke.gif);
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 80%;
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;
}
.menu hr, .related_pages hr {
display: block;
}

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

/* background and color */
#pagetop {
background-color: white;
}
#header {
background: url(../images/title.gif) no-repeat left top;
color: white;
}
#header h1 {
}
#main dl dt, #components dl dt {
background-color: dimgray;
color: white;
}
#header a, #main h2 a, #main dl dt a, #components dl dt a {
color: white;
}
#header a:hover, #main h2 a:hover, #main dl dt a:hover, #components dl dt a:hover {
color: white;
}
#main dl dl dt {
background-color: transparent;
color: black;
}
#main dl dl dt a {
color: red;
}
#main dl dl dt a:hover {
color: red;
}
#main pre {
background-color: dimgray;
color: white;
}

/* border */
#pagetop {
border: 1px solid dimgray;
}
#main ul, #main ol {
border: 1px solid dodgerblue;
}
.page_title {
border-top: 10px solid dodgerblue;
border-bottom: 1px solid dodgerblue;
}
#main dl, #components dl, #components ul {
border: 1px solid dimgray;
}
#components dl ul {
border: none;
}
#main h3, #main dl dt, #components dl dt {
border-left: 20px solid dodgerblue;
}
#main dl dt, #components dl dt {
border-bottom: 1px solid dimgray;
}
#main dl dl {
border: none;
}
#main dl dl dt {
border: none;
}
#footer {
border-top: 1px solid dimgray;
}

/* size and float */
#pagetop {
width: 750px;
margin: 0 auto;
}
#header {
height: 85px;
margin: 0;
padding: 10px;
}
#header h1, #header p {
margin: 0;
padding: 0;
padding-left: 125px;
color: #FFFFFF;
font-weight: bold;
}
#header h1 {
padding-top: 30px;
font-size: 180%;
font-weight: 900;
}
#header p a {
color: #FFFF00;
}
#components {
width: 210px;
padding: 0 10px;
}
#components {
float: right;
}
#main {
width: 500px;
padding: 5px 10px;
}
#footer {
margin: 5px 10px;
padding: 5px 0;
}
#main dl dl {
margin: 5px 0;
padding: 5px 0;
}
#components ul {
margin: 5px 0;
padding: 0 5px;
}
#components dl ul {
margin: 0;
padding: 0;
}
#main h3, #main dl dt, #components dl dt, #main dl dd, #components dl dd {
padding: 0.4ex 5px;
}
#main dl dd, #components dl dd {
margin: 0;
}
#main pre {
padding: 15px 5px;
overflow: auto;
}
#main code {
margin: 0;
}
.page_title h2, .page_title p {
margin: 0;
}
.page_title h2 {
padding: 10px 0 0 0;
}

/* text style */
/*#header h1 {
font-size: 150%;
font-weight: 900;
}
#header p {
font-weight: bold;
}*/
/*body#INDEX #HEADER h1 {
font-size: 220%;
font-weight: 900;
}*/
h2 {
font-size: 170%;
}
h3 {
/*font-size: 110%;*/
}
h4 {
/*font-size: 105%;*/
}
h5, h6 {
/*font-size: 100%;*/
}
#main dl dt, #components dl dt {
font-size: 100%;
font-weight: bold;
}
#footer p {
margin: 0;
}

/* link lists */
#components ul, #footer ul, #main .bookmarks ul, #main .antennas ul, #main .rss_readers ul, #main .link_path ul, #main .related_pages ul, #main .recents ul {
list-style-type: none;
}
#footer ul, #main .bookmarks ul, #main .antennas ul, #main .rss_readers ul, #main .link_path ul, #main .related_pages ul, #main .recents ul {
margin: 5px 0;
padding: 0;
border: none;
}
#components ul li, #main .related_pages ul li, #main .recents ul li {
margin: 5px 0;
}
#footer li, #main .bookmarks ul li, #main .antennas ul li, #main .rss_readers ul li, #main .link_path ul li {
padding: 0;
display: inline;
}
#main .bookmarks ul li+li, #main .antennas ul li+li, #main .rss_readers ul li+li {
padding-left: 5px;
}
#footer li+li {
margin-left: 5px;
padding-left: 5px;
}
#main .link_path ul li+li {
margin-left: 5px;
padding-left: 10px;
background: url(../images/triangle.gif) no-repeat left center;
}
#footer li+li {
border-left: 1px solid;
}