/*----------- 念のため基本的なことの説明. -----------*/
/* class属性値  セレクタに.をつけてclass属性値で指定 */
/* id属性値     セレクタに#をつけてid属性値で指定    */
/* ID can only be used by one element.               */
/*---------------------------------------------------*/

/*---------------------------*/
/* 共通部 */
/*---------------------------*/

/* bodyタグの基本設定 */
body {
  color: black;
  background: white;
  margin: 0;
  padding: 0;
}

/* body, td, p, divタグのフォント設定 */
body td, p, div {
  font-family: verdana, arial, helvetica;
  font-size: 11px;
}

/* tableタグの基本設定 */
table {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* tableのtdタグの基本設定 */
table td {
  padding: 0;
  border-width: 0;
  vertical-align: top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

th {
  background-color: #2F5376;
  color: #FFFFFF;
  padding : 2px;
  vertical-align : middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* リンク文字列の色 */
a:link    { color: #333333; text-decoration: none; }
a:active  { color: #444444; text-decoration: none; }
a:visited { color: #555555; text-decoration: none; }
a:hover   { color: #000000; text-decoration: underline; }

/* hタグの基本設定 */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

/* ulタグの基本設定 */
ul {
  margin: 2px;
  padding: 2px;
  list-style: decimal inside;
  text-align: left;
}

/* liタグの基本設定 */
li {
  margin-left: 2px;
  list-style: square inside;
  color: #8CA5CE;
}

/*---------------------------*/
/* 上部のところ.  id属性部分 */
/*---------------------------*/

/* tableのidのtopの基本設定 */
table#top {
  margin-bottom: 8px;
  cell spac ing
}

/* スローガン */
td.slogan {
  height: 18px;
  background-color: #8CA5CE;
  border-top:1px solid black;
  border-bottom:1px solid black;
  font-weight: bold;
  vertical-align: middle;
  padding-left: 10px;
/*  padding-right: 0px; */
}

/* ロゴの部分 */
td#headerlogo {
  vertical-align: middle;
  text-align:left;
  padding: 0px;
}

/* バナー部分 */
td#headerbanner {
  background-color: transparent;
  vertical-align: top;
  text-align:right;
  padding:15px;
}

/*---------------------------*/
/* leftcolum部分 */
/*---------------------------*/

/* tdタグの設定 */
td#leftcolumn {
  width: 170px;
  font-size:12px;
  background-color: #D5E5F8;
}
/* thタグの設定 */
td#leftcolumn th {
  background-color: #8CA5CE;
  color: #FFFFFF;
  vertical-align: middle;
}
/* 文字だけのところ */
td#leftcolumn .blockTitle {
  padding: 5px 3px;
  background-color: #8CA5CE;
  color: #FFFFFF;
  font-weight:bold;
}
/* ブロックで囲む */
td#leftcolumn .blockContent {
  padding: 2px 10px;
  line-height: 130%;
  background-color: transparent;
  margin-bottom:8px;
}

/*---------------------------*/
/* mainmenu部分 */
/*---------------------------*/

/* リンクの文字 */
td#mainmenu a {
  display: block;
  margin: 0;
  padding: 1px;
}
/* マウスが選択中 */
td#mainmenu a:hover {
  background-color: #ffffff;
}
/* トップのとき */
td#mainmenu a.menuTop {
  padding-left: 0px;
}
/* メインメニューのとき */
td#mainmenu a.menuMain {
  padding-left: 0px;
}
/* サブメニューのとき */
td#mainmenu a.menuSub {
  padding-left: 9px;
}

/*---------------------------*/
/* usermenu部分 */
/*---------------------------*/

/* リンクの文字 */
td#usermenu a {
  display: block;
  margin: 0;
  padding: 1px;
}
/* マウスが選択中 */
td#usermenu a:hover {
  background-color: #ffffff;
}

/*---------------------------*/
/* centercolumn部分 */
/*---------------------------*/

/* tdタグの設定 */
td#centercolumn {
  font-size: 12px;
}

/* thタグの設定 */
td#centercolumn th {
  background-color: #8CA5CE;
  color: #FFFFFF;
  vertical-align: middle;
}


td#centerCcolumn {
  padding: 0px 3px 1px 3px;
}
td#centerCcolumn legend.blockTitle {
  padding: 3px 5px;
  background-color: #6B86B3;
  color: #FFFFFF;
  font-weight:bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
td#centerCcolumn div.blockContent {
  padding: 3px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 2px;
  line-height: 120%;
}

td#centerLcolumn {
  width: 50%; padding: 0px 3px 0px 0px;
}
td#centerLcolumn legend.blockTitle {
  padding: 3px;
  color: #6B86B3;
  font-weight: bold;
  margin-top: 0px;
}
td#centerLcolumn div.blockContent {
  padding: 3px;
  margin-left: 3px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 120%;
}

td#centerRcolumn {
  width: 50%;
  padding: 0px 3px 0px 0px;
}
td#centerRcolumn legend.blockTitle {
  padding: 3px;
  color: #6B86B3;
  font-weight: bold;
  margin-top: 0px;
}
td#centerRcolumn div.blockContent {
  padding: 3px;
  margin-left: 2px;
  margin-right: 3px;
  margin-bottom: 2px;
  line-height: 120%;
}

div#content {
  text-align: left;
  padding: 8px;
}


div#footer {
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  height: 20px;
  background-color:#8CA5CE;
  border-top:1px solid black;
  border-bottom:1px solid black;
  vertical-align: middle;
  font-weight:bold;
}

#footer {text-align:center;}
#footer td {text-align:center;}