﻿body {text-align:left;margin:0;padding:0;background:#fff;font:13px "verdana";}
pre {font-size:13px;font-weight:normal;background-color:#eee;width:90%;border:1px solid #cdcdcd}
table{font-size:13px;}
hr {height:1px;border:none;border-top:1px solid #ddd;margin:0;*margin:0 0 -14px 0;float:none;*float:left;display:block;}
hr.solid {margin:0}
img {border:0}
font.gray {color:#999;font-style:italic;font-size:xx-small}
font.comment {color:#f30}
font.red {color:#f00}
font.link {color:#055}
font.black {color:#000}
font.del {text-decoration: line-through;color:#878787;}
.admin {color:#f00}
font.new {font-size:9px;border:1px solid #b0b0b0;padding:1px;background-color:#e0e0e0;color:#606060;text-decoration:none}
p {font-weight:normal}
span {font-weight:normal}

h1 {color:#000;font-size:18px;font-weight:bold;margin-top:4px;margin-bottom:2px}
h2 {color:#fff;font-size:20px;font-weight:bold;margin-top:4px;margin-bottom:2px;display:inline}
h3 {font-weight:bold;display:inline}
h4 {display:inline;font-size:14px;font-weight:normal;}

input {height:21px} /*width:48px;*/
input.check {width:10px}
input.radio {width:20px}
input.text {width:400px}
input.user {width:200px}
select {width:120px}
textarea {width:100%;height:100px}
textarea.content {width:100%;height:510px}

a:visited,a:link {color:#000;text-decoration:none}
a:active,a:hover {color:#f00;text-decoration:underline}
a.banner:visited,a.banner:link {color:#fff; text-decoration:none}
a.banner:active,a.banner:hover {color:#fff; text-decoration:underline}
a.topic:visited,a.topic:link,a.topic:active {color:#077; text-decoration:none}
a.topic:hover {color:#088; text-decoration:underline}

#index{width:95%;border:1px solid #ccc; background:#fff; border-collapse:collapse; margin:0px auto 10px;}
#index th,#index td{border:1px solid #ccc; padding:3px; text-align:center;}
#index td.left{text-align:left;}
#index th.green{ background-color:#e0f4d6; }
#index th.blue{ background-color:#dcebf5;}
#index th.pink{ background-color:#E6DEF3;}
#index td.green{background-color:#F1FAED;}
#index td.blue{background-color:#F0F7FB;}
#index td.pink{background-color:#F1ECF9;}

table.formtable,table.hundred{font-size:13px;width:90%;background-color:#f2f2f2;border:1px solid #cdcdcd;border-collapse:collapse}
table.hundred {width:100%}

#wrap{margin:10 auto;width:100%;overflow:hidden;clear:both;}
#head {width:100%;background:#008080;color:#fff;position:relative;text-align:left;padding:4px 0;}
#box {float:left;width:260px;border:1px solid #cdcdcd;margin:0 0 10px 0;background:#f2f2f2;text-align:left;}
#panel {float:left;width:260px;margin:0 9px 0 1px;padding:0;}
#right {float:left;margin:0;padding:0;left:270px;position:absolute;overflow:hidden;}
#content {margin:0;padding:5px 10px;text-align:left;}
#foot {width:100%;background:#008080;color:#fff;padding:4px 0;text-align:center;}

ul{-webkit-padding-start:0;margin-left:1.2em;padding:0px;}
ul li {list-style-type:square}
#menu{position:absolute;left:56px;bottom:0;float:left}
#menu ul.navi{list-style-type:none;margin:0;font-size:13px;font-weight:bold;background-color:#d7d7d7;}
#menu ul.navi li{
/*top/right/bottom/left/center*/
	background-color:#d7d7d7;float:left;border-right:#bbb 1px solid;border-bottom:#bbb 1px solid;
	}
#menu ul.navi li a{
	background-color:#d7d7d7; color:#FFFFFF; padding:4px 27px; 
	text-decoration:none;display:block;color:#088;
	}
#menu ul.navi li a:hover{
	background-color:#f2f2f2;
	}