*{ margin:0,padding:0}
html,body {
    height: 100%;
}
body{
    color: #333;
}
h2 {
    font-size: 160%;
    border-left:solid 7px #ccc;
    padding-left: 5px;
}

h3 {
    font-weight: bold;
}

/* header */
#header {
    background-color:#999;
    height:10%;
    padding:10px;
}
#header h1{
    margin-top:30px;
    font-size: 190%;
    font-weight: bold;
    float:left;
}
#header .logoff{
    float:right;
    font-size:80%;
}
#header a {
    text-decoration: none;
    color:#333;
}
#header a:hover {
    text-decoration: underline;
    color:#fff;
}
/* main */
#main {
}
/*
#main . {
    margin-left:10px;
}
*/

#main #list table {

}
#main #list table tr th {
    font-weight:bold;
    background-color: #eee;
    text-align:center;
}
#main #list table tr th, #main #list table tr td {
    padding:5px;
    border:solid 1px #ccc;
}

/* Announcement index */
#main #list table .date {
    width: 80px;
    text-align:center;
}
#main #list table .message {
    width: 350px;
}
#main #list table .order_no {
    width: 50px;
    text-align:center;
}
#main #list table .order_no input {
    text-align:right;
}
#main #list table .delete {
    width: 60px;
    text-align:center;
}
#main #list table .edit{
    width: 60px;
    text-align:center;
}

/* Categories index */
#main #list table .id{
    width: 80px;
    text-align:center;
}
#main #list table .name {
    width: 300px;
}

/* main_menu */
#main #main_menu {
    float:left;
    width: 170px;
    height:85%;
    border-right: solid 1px #ccc;
}

#main #main_menu ul li {
}

#main #main_menu ul li a {
    width:150px;
    display:block;
    padding:10px 10px;
    text-decoration: none;
    border-bottom: solid 1px #ccc;
    color: #333;
    background-color:#fff;
}
#main #main_menu ul li a:hover {
    background: #666;
    color:#eee;
}


/* contents */
#main #contents {
    padding: 5px;
    margin-left:170px;
    border-left: solid 1px #ccc;
    min-height:600px;
}

/* footer */
#footer {
    clear:both;
    border-top:solid 1px #ccc;
    text-align:center;
    font-size:100%;
    color: #666;
    height: 5%;
}

/* main */
a.button  {
    text-decoration:none;
    border:1px solid #666;
    padding:2px 5px;
    background-color:#fff;
    color: #333;
}
a:hover.button  {
    background-color:#333;
    color: #fff;
}

/* form */
form {
    width: 80%;
    border: solid 1px #ccc;
    padding: 5px;
    margin: 10px 0;
}
.row {
    clear:both;
    border-bottom:dotted 1px #ccc;
    padding: 5px;
}

form label.label {
    float:left;
    display: block;
    text-align:right;
    padding:5px;
    width: 100px;
    height: 100%;
}

form .req {
    color: red;
    font-size: 80%;
    font-weight: bold;
}

.form_error {
    background-color: pink;
}
.error_message {
    color:red;
    font-weight: bold;
}

#message {
    padding: 5px;
    width:60%;
    border: solid 1px orange;
    background-color:#ff9;
    margin:5px;
}

.upload_img {
    margin:5px;
}

.warning_msg {
    color:red;
    font-weight: bold;
}
strong {
    font-weight: bold;
}