/*** Reset ***/
body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}
a, ins {
  text-decoration: none;
}
address, em, cite, dfn, var {
  font-style: normal;
}
input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}
img {
  vertical-align: baseline;
}
a img {
  border: none;
}

/*** MenuBar ***/

#MenuBar1 li a {
background-color: transparent;
color: #FFFFFF;
}
#MenuBar1 a:hover, #MenuBar1 a:focus {
color: #FF99FF;
background: url(css/menubar_on.gif) repeat-x right;
}
#MenuBar1 a.MenuBarItemHover, #MenuBar1 a.MenuBarItemSubmenuHover, #MenuBar1 a.MenuBarSubmenuVisible {
color: #FF99FF;
background: url(css/menubar_on.gif) repeat-x right;
}
#MenuBar1 li {
width: 8.6em;
background: url(css/menubar_off.gif) repeat-x right;
}
#MenuBar1 ul{
width: 8.8em;
}

/*** Layout ***/

body {
text-align: center;
font: 95% Arial, Helvetica, sans-serif;
background: url(css/bg.gif) repeat fixed;
margin-top: 0px;
}
#container        {
text-align: left;
width: 920px;
background: url(css/container-bg.gif) repeat-y right bottom;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
#container-inner{
width: 920px;
background: url(css/container-inner-bg.gif) no-repeat right bottom;
}
#header{
background: url(css/header.gif) no-repeat fixed center top;
width: 920px;
height: 110px;
}
#header-inner{}
#header-content{}
#header-logo {
float: left;
padding-top: 5px;
padding-left: 20px;
border-style: none;
}
#header-description h1 {
font-size: 12px;
float: right;
margin-top: 10px;
color: #FFFFFF;
}
#header-link{
font-size: 85%;
float: right;
margin-right: 20px;
margin-bottom: 5px;
margin-top: 60px;
}
#menu {
font-size: 85%;
width: 920px;
clear: both;
float: left;
background: url(css/menubar_bg.gif) repeat-x;
}
#menu-inner {
margin-right: auto;
margin-left: auto;
}
#content {}
#content-inner{}
#alpha      {
float: left;
width: 800px;
margin-left: 10px;
}
#alpha-inner    {
width: 760px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
#breadcrumbs{
width: 760px;
float: left;
padding-bottom: 15px;
padding-top: 8px;
}

.asset{
}
.asset-header{
font-size: 105%;
font-weight: bold;
color: #FFFFFF;
clear: both;
float: none;
width: 760px;
text-indent: 25px;
background: url(css/asset-header.gif) no-repeat left top;
height: 60px;
}
.asset-content{
background: url(css/asset-content-bg.gif) repeat-y left;
}
.asset-body{
background: #FFFFFF;
border-style: inset;
width: 720px;
margin-right: auto;
margin-left: auto;
border-color: #99CCFF;
}
.asset-footer{
font-size: 80%;
text-align: right;
background: url(css/asset-footer-bg.gif) no-repeat left top;
height: 40px;
width: 760px;
color: #FFFFFF;
}
.asset-footer-inner{
padding-right: 20px;
padding-top: 5px;
}
#footer  {
font-size: 80%;
background: url(css/footer-bg.gif) no-repeat center bottom;
text-align: center;
width: 920px;
clear: both;
height: 40px;
color: #FFFFFF;
}
#footer-inner{
padding-top: 10px;
padding-bottom: 10px;
}
#footer-content{}

/*** parts ***/
img {
border-width: 0
}
h2 {
padding-top: 15px;
}
h2 a:link{
text-decoration: none;
color: #FFFFFF;
border-bottom: thin dotted #FFFFFF;
}
h2 a:visited{
text-decoration: none;
color: #FFFFFF;
}
h2 a:hover{
text-decoration: none;
color: #FF99FF;
}
h3{
color: #FFFFFF;
background: #008DFF;
text-indent: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
h3.kenkyu{
font-size: 130%;
color: #FFFFFF;
text-indent: 14px;
padding-top: 7px;
padding-bottom: 5px;
background-color: #333399;
border-top-width: 10px;
border-top-style: double;
border-top-color: #FFFFFF;
border-bottom-width: 10px;
border-bottom-style: double;
border-bottom-color: #FFFFFF;
}
h4{
color: #008DFF;
font-weight: bold;
text-indent: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
ul{
list-style:circle inside;
}
p{
padding-left: 10px;
padding-right: 10px;
}
.attention {
color: #FFFFFF;
background-color: #CC3366;
padding-right: 3px;
padding-left: 3px;
margin-right: 3px;
margin-left: 3px;
padding-top: 2px;
padding-bottom: 2px;
}
.asset-body h3 a:link{
text-decoration: none;
color: #FFFFFF;
}
.asset-body h3 a:visited{
text-decoration: none;
color: #FFFFFF;
}
.asset-body h3 a:hover{
text-decoration: none;
color: #FF0099;
border-bottom: thin dotted #FFFFFF;
}
.asset-body a:link{
text-decoration: none;
color: #3399FF;
border-bottom: thin dotted #3399FF;
}
.asset-body a:visited{
text-decoration: none;
color: #3366CC;
}
.asset-body a:hover{
text-decoration: none;
color: #3399FF;
border-bottom: thin solid #FF0099;
}
.schedule table     {
font-size: 80%;
border: 1px solid #6699CC;
}
.schedule th       {
text-align: center;
padding: 3px;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
background: #6699CC;
}
.schedule td      {
background-color: #F0F0F0;
padding: 3px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#appearance-detail table     {
font-size: 80%;
border: 1px solid #6699CC;
}
#appearance-detail th       {
text-align: center;
padding: 3px;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
background: #6699CC;
}
#appearance-detail td      {
background-color: #F0F0F0;
padding: 3px;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.center-area { text-align: center; margin-bottom: 10px }
.center-area-inner  {
color: #000080;
font-size: 90%;
background-color: #fcf;
text-align: center;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 320px;
border-style: dotted;
border-color: #FF66CC
}
.right-box{
float: right;
margin: 10px;
}
.left-box{
float: left;
margin: 10px;
}
.clear-box{
clear: both;
}

/*** BBS ***/
#bbs-area{
width: 720px;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
}
#bbs-area-inner{
width: 680px;
margin-right: auto;
margin-left: auto;
}
#post-area{
padding-bottom: 20px;
}
#talk-area{
border: 1px solid #000000;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
}
.box1{
background: #3366FF;
text-align: left;
width: 680px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.box2{
background: #FFFFFF;
text-align: left;
border: 1px groove #99CCFF;
margin-right: auto;
margin-left: auto;
width: 660px;
padding: 5px;
}
.post-number{
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
.post-title{
color: #0000CC;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
.post-name{
color: #FFFFFF;
font-weight: bold;
padding-left: 10px;
text-align: left;
}
.post-date{
font-size: 85%;
float: right;
padding-right: 10px;
color: #CCFFFF;
}
#bbs-navi{
font-size: 95%;
text-align: center;
}
#bbs-top{
font-size: 85%;
padding-bottom: 5px;
padding-left: 10px;
float: left;
}
#bbs-delete{
font-size: 95%;
text-align: right;
padding-right: 10px;
padding-bottom: 5px;
}
.copy{
font-size: 90%;
}

#error{
width: 720px;
height: 460px;
}
#error-img{
width: 130px;
float: right;
margin: 20px 0px 10px;
}
#error-message{
font-size: 36px;
color: #FF66CC;
width: 540px;
float: left;
}
#error-navi{
font-size: 18px;
color: #008DFF;
float: left;
clear: left;
}
#error-navi a{
color: #008DFF;
}