/* tbe.css */

/* generic */
body {
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    color: black ;
    background: white ;
    margin: 0px auto ;
    padding: 0px ;
    letter-spacing: 0.025em ;
    max-width: 640px;
}

address {
    font-style: normal ;
    margin: 0px 5px ;
}

em {
    font-style: normal ;
    font-weight: bold ;
}

strong { color: red ;
    font-style: normal ;
    font-weight: bold ;
}

del {
    text-decoration: line-through ;
}

a:link {
    color: blue ;
}

a:visited {
    color: red ;
}

a:active {
    color: red ;
}

a:hover {
    color: red ;
}

th, td, caption {
    color: black ;
}

img {
    border-width: 0px ;
    border-style: none ;
}

div#center {
    margin: 0px ;
    padding: 0px ;
}


/* adminmenu */
div.adminmenu {
    clear: both ;
    text-align: right ;
    font-size: x-small ;
}

span.adminmenu a:link {
    color: #CCCCFF ;
}

span.adminmenu a:visited {
    color: #FFCCCC ;
}

span.adminmenu a:active {
    color: #FFCCCC ;
}

span.adminmenu a:hover {
    color: #FFCCCC ;
}

/* header */
#header {
    margin: 0px ;
    padding: 0px ;
}

#header h1 {
    margin: 0;
    padding: 5px 0;
}

#header p {
    margin: 0;
    padding: 0;
}

#header .logo {
    float: left;
    width: 255px;
}

#header .menu {
    float: right;
    width: 350px;
    margin: 10px 0px;
}

#header .menu .alert {
    margin: 10px 0px;
}

#header .menu .alert ul {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

#header .menu .alert ul li {
    list-style-image: url('http://dl.tenjin.be/silk/star.png');
    margin: 0px 2px ;
    font-size: small;
}

#header .menu .navi ul {
    margin: 2px 0px;
    padding: 0px;
    text-align: right;
}

#header .menu .navi ul li {
    display: inline;
    margin: 0px;
    padding: 0px;
    font-size: small;
    list-style-type: none;
}

#header .menu .navi ul li:before {
    content: " | ";
}

#header .menu .navi ul li:first-child:before {
    content: "";
}

#header hr {
    margin: 0;
    padding: 0;
    display: none;
}

/* contents */
#contents {
    width: 100% ;
    float: left ;
    margin: 0px -225px 0px 0px ;
    padding: 0px ;
}

/* sidebar */
#sidebar {
    width: 220px ;
    float: right ;
    margin: 1px 0px 0px 1px ;
    padding: 0px;
}

#sidebar h2 {
    margin: 0px ;
    padding: 5px ;
    font-size: medium ;
    color: #000000 ;
    background-image: url("http://dl.tenjin.be/h2.png") ;
}

#sidebar ul {
    margin: 5px ;
    padding: 0px ;
}

#sidebar li {
    margin: 5px ;
    padding: 0px ;
    list-style-type: none ;
    font-size: small ;
}

#sidebar img {
    margin: 5px 0px 0px 0px ;
}

#sidebar p {
    font-size: small ;
    margin: 5px;
}

#sidebar .graph {
    position: relative;
    width: 180px;
    border: 1px solid #0000FF;
    padding: 1px;
}

#sidebar .bar {
    display: block;
    position: relative;
    background: #6666FF;
    color: white;
    height: 16px;
    line-height: 1.2;
    padding: 1px ;
}

#sidebar .graph .bar span {
    position: absolute;
    left: 1em;
}

#sidebar div.gsl {
    margin: 40px 80px;
}

/* main */
#main {
    border-color: #FFFFFF ;
/*    margin: 0px 225px 0px 0px ; */
    margin: 0px;
    padding: 0px ;
    border-style: solid ; 
    border-width: 1px ;
}

#main h2 {
    margin: 0px ;
    padding: 5px ;
    font-size: medium ;
    color: #000000 ;
    background-image: url("http://dl.tenjin.be/h2.png") ;
}

#main h3 {
    margin: 20px 10px ;
    padding: 3px ;
    font-size: medium ;
    font-weight: bold ;
    border-style: solid ;
    border-width: 0px 0px 2px 0px ;
    border-color: #7FBCE8 ;
}

#main h4 {
    margin: 15px 10px ;
    padding: 0px ;
    font-weight: bold ;
}

#main h5 {
    margin: 15px 15px ;
    padding: 0px ;
    font-weight: bold ;
}

#main p {
    margin: 15px 15px ;
    line-height: 1.4 ;
    text-align: justify ;
}

#main ul {
    margin: 10px 20px 10px 40px;
    padding: 0px ;
}

#main ul li ul {
    margin: 5px 20px 5px 40px;
    padding: 0px ;
}

#main li {
    margin: 2px 0px;
    line-height: 1.25 ;
}

#main dl {
    margin: 10px 20px ;
    padding: 0px ;
}

#main dt {
    margin: 5px 3px ;
    line-height: 1.25 ;
}

#main dd {
    line-height: 1.25 ;
}

#main table {
    margin: 15px 30px ;
    border: 1px solid #CCCCCC;
    border-spacing: 1px;
    border-collapse: collapse ;
}

#main th {
    padding: 2px 10px;
    border: 1px solid #CCCCCC;
}

#main td {
    padding: 2px 10px;
    border: 1px solid #CCCCCC;
}

#main div.breadcrumb {
    margin: 0px 0px 25px 0px;
    padding: 0;
    font-size: small;
}

#main blockquote {
    border: 1px solid #CCCCCC;
}

/* footer */
#footer {
    margin: 25px 0px 0px 0px;
    clear: both;
}

#footer p {
    text-align: center;
    font-size: small;
}

#footer .menu {
    width: 95%;
    margin: auto;
}

#footer .menu .box{
    width: 33%;
    float: left;
    margin: 15px 0px;
}

#footer .menu .box h3 {
    font-size: small;
    font-weight: bold;
    margin: 5px 0px;
}

#footer .menu .box ul {
    margin: 0;
    padding: 0;
}

#footer .menu .box li {
    list-style-type: none ;
    font-size: small;
    margin-bottom: 1px;
}

#footer .menu .gsl {
    width: 5%;
    float: left;
    margin: 50px 0px;
}

/* end */