/* Copyright c 2011 Labit School All rights reserved. *//** Labit-School system stylesheet Reset */
html { width: 100%; height: 100%; }
body { margin: 0px; padding: 0px; font-family: MS ゴシック; }
div { margin: 0px; padding: 0px; font-size: 1em; text-decoration: none; line-height: 1; }
dl, ul, ol { margin: 0px; padding: 0px; }
dl dt, dl dd { margin: 0px; padding: 0px; color: black; font-size: 1em; text-decoration: none; line-height: 1; }
ul li, ol li { margin: 0px; padding: 0px; color: black; font-size: 1em; text-decoration: none; line-height: 1; list-style-type: none; }
textarea, select, p, table, th, td, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
fieldset, legend, input, textarea, select, p, th, td, a { font-size: 1em; text-decoration: none; line-height: 1; }
table { border-collapse: collapse; border-spacing: 0px; }
img { border: 0px; }/**
 * Medica system stylesheet
 * Medica system スタイルシート
 *
 * PHP versions 5
 *
 * @copyright   Copyright 2010, CitrusResearchInstitute Media management Project.
 * @author      kouhei.takemoto
 * @package     Medica
 * @subpackage  Stylesheet.Part.Admin
 * @since       0.0.1.8 2010.12.18
 * @version     0.0.1.8 2010.12.18
 * @license     http://www.citrus.tk/
 * @filesource  Navigation.css
 */

/**
 * Labit-School system stylesheet
 * Labit-School system スタイルシート
 *
 * PHP versions 5
 *
 * @copyright   Copyright 2011, Labit-School Project.
 * @author      kouhei.takemoto
 * @package     Lo
 * @subpackage  Stylesheet.Part
 * @license     http://labit-office.com/
 * @filesource  Contents.css
 */

body {
    background-color: #D4D0C8;
}
#container {
    width: 100%;
    height: 100%;
}

header#navigation {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    background-color: darkcyan;
    box-shadow: 0px 2px 2px;
    -moz-box-shadow: 0px 2px 2px;
    -webkit-box-shadow: 0px 2px 2px;
    z-index: 1000;
}
header#navigation ul.sf-menu {
    width: 100%;
    border-top: 1px solid #CFDEFF;
    border-bottom: 1px solid #CFDEFF;
}
header#navigation ul.sf-menu > li > a {
    border-top-width: 0px;
}
header#navigation ul li {
    float: left;
}
header#navigation ul li.status {
    float: right;
    color: white;
    font-family: times new Roman;
    font-size: 0.8em;
    display: block;
    line-height: 2.4em;
    margin-left: 1em;
}
header#navigation ul li a {
    color: white;
    font-family: times new Roman;
    font-size: 0.8em;
    display: block;
}
header#navigation ul li.title a {
    font-weight: bold;
}
header#navigation ul li.link a {
}
header#navigation ul li a:hover {
    color: white;
    background-color: seagreen;
}

footer#message {
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0px;
    background-color: darkcyan;
    box-shadow: 0px -2px 2px;
    -moz-box-shadow: 0px -2px 2px;
    -webkit-box-shadow: 0px -2px 2px;
}
footer#message ul {
    margin: 0.5em;
}
footer#message ul li {
    font-size: 0.7em;
}
footer#message ul#errors li {
    color: pink;
}
footer#message ul#message li {
    color: skyblue;
}

#contents {
    width: auto;
    height: auto;
    padding: 1em 2em 0em;
}


.item-caption {
    width: auto;
    height: auto;
    margin: 0em 1em 0em 1em;
    padding: 0.2em;
    border-left: 5px solid lightblue;
    border-bottom: 1px solid darkblue;
    background-color: whitesmoke;
    font-size: 0.9em;
    color: blue;
    font-weight: bold;
}

table.item-edit,
table.item-view {
    width: -moz-fit-content;
    height: auto;
    border :1px solid darkkhaki;
    table-layout: fixed;
    background-color: beige;
    font-size: 0.8em;
}
table.item-edit tbody th,
table.item-view tbody th {
    width: 25%;
    padding: 0.5em;
    border :1px dotted darkkhaki;
    background-color: palegoldenrod;
    color: darkolivegreen;
}
table.item-edit tbody td,
table.item-view tbody td {
    width: 75%;
    padding: 0.5em;
    border :1px dotted darkkhaki;
}

table.item-edit-free,
table.item-view-free {
    width: -moz-fit-content;
    height: auto;
    border :1px solid darkkhaki;
    table-layout: fixed;
    background-color: beige;
    font-size: 0.8em;
    /*margin-bottom: 1em;*/
}
table.item-edit-free tbody th,
table.item-view-free tbody th {
    padding: 0.5em;
    border :1px dotted whitesmoke;
    background-color: palegoldenrod;
    color: darkolivegreen;
}
table.item-edit-free tbody td,
table.item-view-free tbody td {
    padding: 0.5em;
    border :1px dotted darkkhaki;
}




.per10 {  width: 10%; }
.per15 {  width: 15%; }
.per20 {  width: 20%; }
.per25 {  width: 25%; }
.per30 {  width: 30%; }
.per35 {  width: 35%; }
.per40 {  width: 40%; }
.per45 {  width: 45%; }
.per50 {  width: 50%; }
.per55 {  width: 55%; }
.per60 {  width: 60%; }
.per65 {  width: 65%; }
.per70 {  width: 70%; }
.per75 {  width: 75%; }
.per80 {  width: 80%; }
.per85 {  width: 85%; }
.per90 {  width: 90%; }
.per95 {  width: 95%; }
.per100{  width:100%; }

/* item-list */
table.item-list {
    width: 100%;
    height: auto;
    font-size: 0.8em;
}
table.item-list thead {
    border :1px solid darkkhaki;
    background-color: palegoldenrod;
    font-size: inherit;
}
table.item-list thead th,
table.item-list thead td {
    padding: 0.5em;
    border :1px dotted darkkhaki;
    color: darkolivegreen;
    font-weight: bold;
}
table.item-list tbody {
    border :1px solid darkkhaki;
    background-color: #FFFFFF;
    cursor: pointer;
}
table.item-list tbody tr.selected {
    background-color: wheat;
}
table.item-list tbody td {
    padding: 0.5em;
    border :1px dotted darkkhaki;
    color: black;
    font-size: 0.9em;
    vertical-align: top;
}
table.item-list tfoot td {
    padding: 0.5em;
}

/* dialog-item-list */

/* item-condition */
table.item-condition {
    width: 100%;
    height: auto;
    font-size: 0.8em;
    margin-bottom: 1em;
}
/*
table.item-condition thead {
    border :1px solid darkkhaki;
    background-color: palegoldenrod;
    font-size: inherit;
}
table.item-condition thead th,
table.item-condition thead td {
    padding: 0.5em;
    border :1px dotted darkkhaki;
    color: darkolivegreen;
    font-weight: bold;
}
*/
table.item-condition tbody {
    border :1px solid darkkhaki;
    background-color: #FFFFFF;
    font-size: inherit;
}
table.item-condition tbody th {
    padding: 0.5em;
    border :1px dotted darkkhaki;
    color: darkolivegreen;
    font-weight: bold;
    background-color: palegoldenrod;
    font-size: inherit;
}
table.item-condition tbody td {
    padding: 0.5em;
    border :1px dotted darkkhaki;
    color: black;
    font-size: inherit;
}
table.item-condition tfoot {
    border :1px solid darkkhaki;
    background-color: palegoldenrod;
}
table.item-condition tfoot td {
    padding: 0.5em;
    color: darkolivegreen;
    font-weight: bold;
    font-size: inherit;
}

table.item-condition tbody td input {
    border:1px solid #999999;
}


table.item-list tfoot td .ui-button,
table.item-condition tbody td .ui-button,
table.item-condition tfoot td .ui-button {
    font-size: 0.9em;
}

.ui-state-default {
    cursor: pointer;
    margin: 0em 0.2em;
    font-weight: normal;
}

.ui-message-frame {
    position: relative;
    padding: 4px 10px 2px 25px;
    text-weight: normal;
    font-size: 0.8em;
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}
.ui-dialog-content .ui-message-frame {
    font-size: 0.8em;
    margin: 0px 0px 10px 0px;
}
.ui-message-frame.ui-state-highlight {
    color: blue;
}
.ui-message-frame.ui-state-error {
    color: white;
}
.ui-autocomplete {
    font-size: 0.8em;
}

.number {
    text-align: right;
}

.size02 {   width:  2em; }
.size04 {   width:  4em; }
.size06 {   width:  6em; }
.size08 {   width:  8em; }
.size10 {   width: 10em; }
.size12 {   width: 12em; }
.size14 {   width: 14em; }
.size16 {   width: 16em; }
.size18 {   width: 18em; }
.size20 {   width: 20em; }
.size22 {   width: 22em; }
.size24 {   width: 24em; }
.size26 {   width: 26em; }
.size28 {   width: 28em; }
.size30 {   width: 30em; }
.size32 {   width: 32em; }
.size34 {   width: 34em; }
.size36 {   width: 36em; }

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}

.sorter {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    margin-right: -2px;
    margin-bottom: -2px;
}

.caution {
    font-size: 0.8em;
    color: red;
}/**
 * Labit-School system stylesheet
 * Labit-School system スタイルシート
 *
 * PHP versions 5
 *
 * @copyright   Copyright 2011, Labit-School Project.
 * @author      kouhei.takemoto
 * @package     Lo
 * @subpackage  Stylesheet.Part
 * @license     http://labit-office.com/
 * @filesource  Display.css
 */
.button-line li {
    float: left;
    margin: 5px 5px 0px;
}
.edit-box {
    font-size: 0.8em;
}
.edit-box table td {
    line-height: 2em;
}
.edit-box .editable {
    background-color: #FFFFC0;
}
.edit-box .disable {
    background-color: #FFFFFF;
    color: #000000;
}
/**
 * Medica system stylesheet
 * Medica system スタイルシート
 *
 * PHP versions 5
 *
 * @copyright   Copyright 2010, CitrusResearchInstitute Media management Project.
 * @author      kouhei.takemoto
 * @package     Medica
 * @subpackage  Stylesheet.Page.Admin
 * @since       0.0.1.9 2010.12.18
 * @version     0.0.1.9 2010.12.18
 * @license     http://www.citrus.tk/
 * @filesource  Login.css
 */
body {
    background-color: #FFFFFF;
    text-align: center;
}
#container {
    width: 500px;
    height: auto;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 1px solid darkkhaki;
    background-color: #D4D0C8;
    text-align: left;
}
#title {
    font-size: 2em;
    font-family: Times;
    font-weight :bold;
    color: blue;
    width: auto;
    margin: 10px 120px;
    border-bottom: 2px dotted darkblue;
    text-align:center;
}
.caption {
    margin: 0px 120px;
    font-family :Times;
    color: #000000;

}
.input {
    margin: 0px 140px;
    text-align: left;
}
.input input {
    width: 100%;
    font-size: 0.8em;
}
.button {
    margin: 20px 40px;
    text-align :center;
}
.button input {
	float: none;
    font-size: 0.8em;
}

table.news-box {
    font-size: 0.75em;
    margin:5px;
}
table.news-box td {
    padding: 0.2em;
}
table.news-box td.caption {
    border-bottom:1px dotted;
}
table.news-box td.date {
    white-space: nowrap;
    vertical-align: top;
}
table.news-box td.context {
    text-align: left;
}