@charset "shift_jis";
*{
padding : 0;
margin : 0;
}

body {
  font-family: Verdana, "メイリオ", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333333;
  font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;    
  background-image: url(img/bg.png);
  background-repeat: repeat;
  text-align : center;
}

/*----------------------------------*/
/*---------- ブロック作成 ----------*/
/*----------------------------------*/

/*---------- コンテナ----------*/
#main {
margin-top    : 5px;
margin-left   : auto;
margin-right  : auto;
margin-bottom : 0px;
padding: 0;
width: 800px;
border-right:  solid 4px #005ebb;
border-bottom: solid 4px #005ebb;
border-left: solid 4px #005ebb;
background-color: #FFFBF0;
}

/*---------- ヘッダー ----------*/

#titlebar {
height: 40px;
margin-top    : 0px;
margin-left   : auto;
margin-right  : auto;
margin-bottom : 0px;
padding: 0;
width: 800px;
background-color: #A7C4E0;
text-align : left;
border-top: solid 4px #005ebb;
border-bottom: solid 4px #004080;
background-color: #A7C4E0;
}

/*---------- メニュー ----------*/

#menu {
float : right;
width : 150px;
padding : 32px 0 10px;
text-align: left;
border-bottom: solid 4px #005ebb;
border-left: solid 4px #005ebb;
}

/*---------- メインコンテンツ ----------*/

#contents {
text-align : left;
padding : 0 0 20px 45px;
font-size: 12px;
line-height: 180%;
background : #FFFBF0;
}

/*---------- フッター ----------*/

#footer {
clear: both;
width: 100%;
margin: 0;
padding: 15px 0 15px 0;
text-align: center;
font-size: 12px;
color: #333333;
border-top: solid 4px;
border-top-color: #004080;
background-color: #A7C4E0;
}



/*----------------------------------*/
/*---------- Anchor Color ----------*/
/*----------------------------------*/


a:link {
  color: #004080;
}

a:hover {
  color: #005ebb;
}

a:visited {
  color: #004080;
}

#contents h2  a {
color:white;
}

#footer a {
  color: #333333;
  font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}


/*----------------------------------*/
/*--------- Font Size/Color --------*/
/*----------------------------------*/

div#top {
float:left;
margin-top    : 3px;
margin-bottom : 3px;
margin-right  : 3px;
margin-left   : 30px;
font-size: 12px;
}

div#header {
float:left;
margin-top    : 3px;
margin-bottom : 3px;
margin-right  : 3px;
margin-left   : 3px;
font-size: 12px;
}

div#adminmenu {
float: none;
clear : both;
text-align:right;
font-size : 10px;
}

/*----------------------------------*/
/*--------- Contents ---------------*/
/*----------------------------------*/
div#contents *{
margin-top : 5px;
}

div#contents h2 {
font-size:18px;
font-weight:bold;
background-color : #005ebb;
width : 500px;
padding : 5px;
color : white;
}

div#contents h3 {
font-size:14px;
font-weight:bold;
width : 480px;
padding : 5px;
border-bottom: solid 8px #005ebb;
border-left: solid 20px #005ebb;
}

div#contents h4 {
font-size:10px;
font-weight:bold;
width : 480px;
padding-top : 2px;
padding-bottom : 2px;
padding-left : 30px;
border-top: solid 2px #005ebb;
border-bottom: solid 2px #005ebb;
}

div#contents li {
	margin-left : 15px;
}

div#contents pre {
font-family: monospace;
background-color: #aaffaa;
padding-left : 10px;
border : double 4px #000000;
overflow: scroll;
width : 560px;
height : 400px;
}

/*----------------------------------*/
/*------------- menu ---------------*/
/*----------------------------------*/
div#menu {
font-size : 9px;
overflow:hidden;
background-color: #FFFBF0;
}

.Calendar {
font-size : 10px;
}

div#menu ul {
margin-left : 20px;
}
div#menu ul ul{
margin-left : 5px;
}
div#menu ul ul ul{
margin-left : 5px;
}