@charset "utf-8";
/* CSS Document */
*{
}
html{
overflow-y: scroll;
}
img{
border: 0;
}
address{
font-style: normal;
}
hr{
display: none;
}

/* text */
body{
/*color: #696969;*/
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: small;
line-height: 170%;
}
h1, h2, h3, h4, h5, h6, dt, li{
color: black;
}
#header{
color: white;
}
#header, #main dl dt, #components dl dt{
color: white;
}

/* link */
a{ 
color: #0000cd;
}
/*a:link{ 
color: #1e90ff;
}
a:visited{ 
color: #1e90ff;
}
a:hover{
color: #ffff00;
}*/
#header a{
color: yellow;
}
#header a, #main dl dt a, #components dl dt a{
color: white;
}
/*#header a:link, #main dl dt a:link, #components dl dt a:link{
color: white;
}
#header a:visited, #main dl dt a:visited, #components dl dt a:visited{
color: white;
}
#header a:hover, #main dl dt a:hover, #components dl dt a:hover{
color: white;
}*/
#main dl dl dt a, #components dl dl dt a{
color: #0000cd;
}
/*#main dl dl dt a:link, #components dl dl dt a:link{
color: #1e90ff;
}
#main dl dl dt a:visited, #components dl dl dt a:visited{
color: #1e90ff;
}
#main dl dl dt a:hover, #components dl dl dt a:hover{
color: #ffff00;
}*/

/* heading */
h3{
border-left: 20px solid #1e90ff;
padding: 0.4ex 5px;
}

/* ul dl */
#components ul, #main ul{
margin: 5px 0;
padding: 0;
list-style-type: none;
}
#components dl, #main dl{
margin: 10px 0;
padding: 0;
}
#components ul, #main ul, #components dl, #main dl{
border: 1px solid #696969;
}
#components dl dl, #main dl dl, #components dl ul, #main dl ul, #components ul ul, #main ul ul{
margin: 0;
padding: 5px 0;
border: none;
}
#components dl dl+dl, #main dl dl+dl, #components dl ul+ul, #main dl ul+ul, #components ul ul+ul, #main ul ul+ul{
border-top: 1px solid #696969;
}
#components ul ul, #main ul ul{
margin-left: 10px;
}
#main .page_body ul{
list-style-type: square;
}
#main .page_body ul, #main .page_body ol, #main .page_body dl{
border: 1px solid #1e90ff;
}
#main .link_path ul{
border: none;
}

/* dt dd */
#components dt, #main dt{
margin: 0;
padding: 0.4ex 5px;
background-color: #696969;
border-left: 20px solid #1e90ff;
border-bottom: 1px solid #696969;
font-weight: bold;
}
#components dd, #main dd{
margin: 0;
padding: 5px;
}
#components dl dl dt, #main dl dl dt{
margin: 0;
padding: 0;
background-color: transparent;
border-left: none;
border-bottom: none;
}
#components dl dl dt, #main dl dl dd{
margin: 0;
padding: 0;
}

/* li */
#components li, #main li{
margin: 5px;
padding: 0;
}
#main .page_body li{
margin-left: 20px;
}
#main .bookmarks li, #main .antennas li, #main .rss_readers li, #main .link_path li, #footer li{
display: inline;
}
#main .bookmarks li+li, #main .antennas li+li, #main .rss_readers li+li, #footer li+li{
padding-left: 5px;
}
#main .link_path li+li{
margin-left: 5px;
padding-left: 10px;
background: url(images/triangle.gif) no-repeat left center;
}
#footer li+li{
border-left: 1px solid;
}

/* code */
pre{
padding: 15px 5px;
overflow: auto;
background-color: #696969;
color: white;
border: 1px solid black;
}
code{
margin: 0;
}

/* blockquote */
blockquote{
background-color: #f0f8ff;
border: 1px solid #1e90ff;
}

/* block */
body{
background: url(images/back.gif);
padding: 20px 0;
}
#pagetop{
width: 700px;
margin: 0 auto;
background-color: white;
border: 1px solid #696969;
}
#header{
height: 280px;
margin: 0;
padding: 10px;
background: url(images/title.jpg) no-repeat top left;
}
#components{
width: 210px;
margin: 0;
padding: 0 5px;
}
#components{
float: right;
}
#main{
width: 460px;
margin: 0 0 0 15px;
padding: 0;
}
#footer{
margin: 5px;
padding: 5px;
border-top: 1px solid #696969;
}

/* header */
#header h1, #header p{
font-weight: bold;
color: white;
}
#header h1{
margin-top: 215px;
font-size: 250%;
font-weight: 900;
line-height: 110%;
}

/* page_title */
.page_title{
margin: 5px 0;
padding: 0;
border-top: 10px solid #1e90ff;
border-bottom: 1px solid #1e90ff;
}
.page_title h2, .page_title p{
margin: 10px 0 5px 0;
}

/* communities */
.communities{
width: 110px;
float: right;
}

/* footer */
#footer p{
margin: 0;
}