* {
    margin: 0px;
    padding: 0px;
}

BODY{
  background-color:#FFFFFF; /* 背景色 */
  text-align:center; /* 中央揃え */
  margin:0px; /* 余白 */
  font-family: "Arial", "ＭＳ Ｐゴシック";
  font-size: 13px;
  color: #666666;
}

BODY A {
  color : #222222;
  font-weight:bolder;
  text-decoration : none;
  font-family: "Arial", "ＭＳ Ｐゴシック";
  font-size : 13px;
}

BODY A:VISITED {
  color : #222222;
  font-weight:bolder;
  text-decoration : none;
  font-family: "Arial", "ＭＳ Ｐゴシック";
  font-size : 13px;
}

BODY A:HOVER {
  color : #CC0000;
  font-weight:bolder;
  text-decoration : underline;
  font-family: "Arial", "ＭＳ Ｐゴシック";
  font-size : 13px;
}

BODY A:ACTIVE {
  color : #222222;
  font-weight:bolder;
  text-decoration : none;
  font-family: "Arial", "ＭＳ Ｐゴシック";
  font-size : 13px;
}

#layout{ /* ページ内コンテンツ全体の囲い */
width:840px;
text-align:left;
background-color:#FFFFFF; /* 背景色 */
margin-left:5px;
}

h1{ /* 見出し１ */
font-size:11px; /* 文字サイズ */
color:#444444; /* 太字色 */
width:840px; /* 幅 */
text-align:left; /* 左寄せ */
margin:0px; /* 余白 */
}

#header{
text-align:left; /* 左寄せ */
width:840px; /* 幅 */
}

#logo{ /* サイト名・ロゴ */
font-size:13px; /* 文字サイズ */
width:840px; /* 幅 */
float:left; /* 左寄せ */
margin:0px; /* 余白 */
}

#link{ /* リンクエリア */
font-size:13px; /* 文字サイズ */
width:840px; /* 幅 */
float:left; /* 左寄せ */
margin:0px; /* 余白 */
margin-bottom:10px;
}

#container{
text-align:left; /* 左寄せ */
width:840px; /* 幅 */
}

#left_block{
width:675px; /* 幅 */
float:left; /* 左寄せ */
}

#left{ /* 左側メニュー */
width:160px; /* 幅 */
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
vertical-align:top; /* 上寄せ */
float:left; /* 左寄せ */
}

#center{ /* 中央コンテンツ */
width:510px; /* 幅 */
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
vertical-align:top; /* 上寄せ */
margin-left:5px;
float:right; /* 右寄せ */
}

#center td{
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
}

#right{ /* 右側メニュー */
width:160px; /* 幅 */
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
vertical-align:top; /* 上寄せ */
float:right; /* 右寄せ */
}

/* 右側メニューの枠 */
#right table{
  border-color: #cccccc;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
}

.title{ /* メニュータイトル */
font-size:15px; /* 文字サイズ */
font-weight:bold; /* 太字 */
color:#FFFFFF; /* 太字色 */
background-image:url(images/sidebar_header.gif); /* 背景画像 */
line-height:25px; /* 行の高さ */
padding-left:5px; /* 左側余白 */
margin:0px;
}

.category{ /* メニューカテゴリ */
font-size:13px; /* 文字サイズ */
background-image:url(images/bg01.gif); /* 背景画像 */
line-height:23px; /* 行の高さ */
padding-left:5px; /* 左側余白 */
}

h2{ /* 見出し２ */
font-size:15px; /* 文字サイズ */
font-weight:bold; /* 太字 */
color:#FFFFFF; /* 太字色 */
background-image:url(images/main_header.gif); /* 背景画像 */
line-height:25px; /* 行の高さ */
padding-left:5px; /* 左側余白 */
margin:0px; /* 余白 */
}

.contents{ /* コンテンツ */
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
padding-left:5px; /* 左側余白 */
margin-top:5px; /* 上余白 */
margin-bottom:5px; /* 下余白 */
}

#copyrights{ /* 著作権表示 */
font-size:13px; /* 文字サイズ */
line-height:20px; /* 行の高さ */
text-align:center; /* 中央寄せ */
}

img {
  border: 0px;
}

#logo img {
  vertical-align:bottom;
} 

#ad{ /* Google Adsense */
  text-align:center; /* 中央揃え */
  border-color: #CC9966;
  border-style: solid;
  border-width: 1px;
}

td {
  font-size: 12px;
  line-height:100%; /* 行の高さ */
}
td a {
  font-size: 12px;
  line-height:100%; /* 行の高さ */
}
td a:VISITED {
  font-size: 12px;
  line-height:100%; /* 行の高さ */
}
td a:HOVER {
  font-size: 12px;
  line-height:100%; /* 行の高さ */
}
td a:ACTIVE {
  font-size: 12px;
  line-height:100%; /* 行の高さ */
}

#btn {
    text-align : center;
    vertical-align : middle;
}

#rolloverlink ul {
    list-style:none;
    margin-left:0em;
    padding-left:0em;
}
#rolloverlink li{
    list-style:none;
    float:left;
}
#rolloverlink a{
    display:block;
    background-color:#FFFFA7;
    padding:6px 10px;
    width:118px;
    height:15px;
    text-decoration:none;
    border-color: #CC9966;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}
#rolloverlink a:hover{
    background-color:#FFFFD5;
    padding:6px 10px 3px 10px;
    border-bottom:solid 3px #CC9966;
}
#rolloverlink a:active{
    background-color:#FFFFD5;
    padding:6px 10px 3px 10px;
    border-bottom:solid 3px #FFCC00;
}

/*CSS for tree */
.tree { display:none; }

/*CSS for pop up hint box */
#hintbox{ 
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
text-align:left;
}

/*CSS for link that shows hint onmouseover*/
.hintanchor{
font-weight: bold;
color: #666666;
margin: 3px 8px;
}

/*CSS for Bubble Tooltips by Alessandro Fulciniti
- http://pro.html.it - http://web-graphics.com */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(images/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(images/bt.gif) no-repeat bottom}