@charset "utf-8";

/*
  =====================================================================
  Lesson
  
  Style Info:画面共通スタイル構成
  File Name:common/css/theme/theme.css
  =====================================================================
*/

/* base
---------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    }

body {
    font-size: 12px;
    text-align: center;
    background: #EBEBEB url(../img/bg.jpg) top left repeat-x;
    font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
    }

/* font-size
   ------------------------------------------------------------ */
.small {
    font-size: 100%;
    }

.medium {
    font-size: 100%;
    }

.large {
    font-size: 100%;
    }

.x-large {
    font-size: 100%;
    }

.xx-large {
    font-size: 100%;
    }

/* color
   ------------------------------------------------------------ */
.red {
    color: #f00;
    }

.blue {
    color: #36f;
    }

.green {
    color: #48AA00;
    }

/* text link
   ------------------------------------------------------------ */
a:link,
a:visited,
a:active {
    color: #369;
    text-decoration: none;
    }

a:hover {
    color: #F00;
    }

/* align
   ------------------------------------------------------------ */
.left {
    text-align: left;
    }

.center {
    text-align: center;
    }

.right {
    text-align: right;
    }

/* img
   ------------------------------------------------------------ */
img {
    border: none;
    vertical-align: middle;
    }

/* input
   ------------------------------------------------------------ */
input {
    vertical-align: middle;
    }

/* cf
   ------------------------------------------------------------ */
.cf:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }

.cf {
    display: inline-block;
    }

/* exlude MacIE5 \*/
*html .cf {
    height: 1%;
    }
.cf {
    display:block;
    }
/* end MacIE5 */

/* container
---------------------------------------------------------------------- */
#container {
    width: 100%;
    background: transparent url(../img/header_bg.jpg) top center no-repeat;
    }

/* header
   ------------------------------------------------------------ */
#header {
    width: 976px;
    margin: 0 auto 7px auto;
    text-align: left;
    }

/* logo
   -------------------------------------------------- */
#header .logo {
    float: left;
    padding-left: 18px;
    }

/* header-right
   -------------------------------------------------- */
#header .header-right {
    float: right;
    padding-right: 18px;
    }

/* nav
   ---------------------------------------- */
#header .nav {
    float: right;
    font-size: 100%;
    margin-bottom: 7px;
    }

/* top / logout
   ------------------------------ */
#header .top,
#header .password,
#header .logout {
    float: left;
    border-left: 1px solid #0F3F03;
    border-right: 1px solid #0F3F03;
    border-bottom: 1px solid #0F3F03;
    }

/* top
   ------------------------------ */
#header .top {
    margin-right: 5px;
    background: #005B00 url(../img/btn_home.jpg) left center no-repeat;
    }

/* logout
   ------------------------------ */
#header .logout {
    background: #005B00 url(../img/btn_logout.jpg) left center no-repeat;
    }

/* change passoerd
   ------------------------------ */
#header .password {
    margin-right: 5px;
    background: #005B00 url(../img/btn_password.jpg) left center no-repeat;
    }

/* a
   -------------------- */
#header .top a,
#header .password a,
#header .logout a {
    display: block;
    color: #CBF017;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 21px;
    }

/* information
   ---------------------------------------- */
#header .information {
    clear: both;
    float: right;
    color: #CBF017;
    line-height: 26px;
    font-size: 100%;
    border-top: 1px solid #0F3F03;
    border-left: 1px solid #0F3F03;
    border-right: 1px solid #0F3F03;
    background: #3C9F11 url(../img/information_bg.jpg) top left repeat-x;
    }

/* span
   ------------------------------ */
#header .information span {
    padding: 0 10px;
    background: transparent url(../img/information_line.jpg) right center no-repeat;
    }

/* noline
   ------------------------------ */
#header .information span.noline {
    background: none;
    }

/* strong
   -------------------- */
#header .information strong {
    color: #fff;
    font-weight: normal;
    }

/* message
   ------------------------------------------------------------ */
#container .message {
    width: 100%;
    line-height: 30px;
    background: transparent url(../img/message_bg.jpg) top left repeat-x;
    }

/* message-body
   -------------------------------------------------- */
#container .message-body {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    }

/* img
   ---------------------------------------- */
#container .message-body div {
    float: left;
    width: 14px;
    margin-right: 5px;
    padding-top: 7px;
    }

/* p
   ---------------------------------------- */
#container .message p {
    float: left;
    color: #333;
    font-size: 75%;
    }

/* main
   ------------------------------------------------------------ */
#main {
    width: 100%;
    margin-bottom: 10px;
    background: transparent url(../img/contents_bg.jpg) top left repeat-x;
    }

/* contents
   -------------------------------------------------- */
#main .contents {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
    background: transparent url(../img/contents_middle_1100.jpg) top left repeat-y;
    }

/* contents-wrap
   ---------------------------------------- */
#main .contents-wrap {
    width: 1100px;
    background: transparent url(../img/contents_upper_1100.jpg) top left no-repeat;
    }

/* contents-inner-noupper
   ------------------------------ */
#main .contents-inner-noupper {
    padding: 18px 40px 40px 40px;
    background: transparent url(../img/contents_lower_1100.jpg) bottom left no-repeat;
    }

/* contents-inner
   ------------------------------ */
#main .contents-inner {
    padding: 40px;
    background: transparent url(../img/contents_lower_1100.jpg) bottom left no-repeat;
    }

/* h1
   -------------------- */
#main h1 {
    float: left;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0.1em;
    margin-bottom: 6px;
    padding: 7px 12px;
    border: 2px solid #B4B4AE;
    background: #7D7D79 url(../img/h1_bg.jpg) top left repeat-x;
    }

/* h2
   -------------------- */
#main h2 {
    color: #fff;
    font-size: 18px;
    padding-left: 20px;
    line-height: 28px;
    border-top: 1px solid #C5DED2;
    border-left: 1px solid #C5DED2;
    border-right: 1px solid #C5DED2;
    background: #87BFAB url(../img/h2_bg.jpg) top left repeat-x;
    }

/* h5
   -------------------- */
#main h5 {
    color: #333;
    font-size: 12px;
    text-align:center;
    padding-left: 14px;
    line-height: 14px;
    padding: 8px 5px;
    border-bottom: 1px solid #C5DED2;
    background: #EFEFEF url(../img/th_green.jpg) top left repeat-x;
    }

/* p
   -------------------- */
#main p {
    font-size: 12px;
    color: #333;
    margin-bottom: 15px;
    line-height: 100%;
    }

/* contents-upper
   -------------------- */
#main .contents-upper {
    padding-top: 23px;
    }

/* menu
   -------------------- */
#main .menu {
    float: left;
    width: 137px;
    margin-right: 10px;
    border-top: 2px solid #C5DED2;
    border-left: 2px solid #C5DED2;
    border-right: 2px solid #C5DED2;
    border-bottom: 1px solid #C5DED2;
    background-color: #fff;
    }

/* h3
   ---------- */
#main .menu h3 {
    color: #fff;
    font-size: 100%;
    line-height: 28px;
    text-align: center;
    background: #87BFAB url(../img/h2_bg.jpg) top left repeat-x;
    }

/* h4
   ---------- */
#main .menu h4 {
    color: #333;
    font-size: 100%;
    font-weight: normal;
    padding: 8px 5px;
    background: #EFEFEF url(../img/th_green.jpg) top left repeat-x;
    border-bottom: 1px solid #C5DED2;
    }

/* ul
   ---------- */
#main .menu ul {
    font-size: 100%;
    list-style: none;
    }

/* li */
#main .menu ul li {
    border-bottom: 1px solid #C5DED2;
    }

/* a */
#main .menu a {
    display: block;
    padding: 3px 5px;
    line-height: 140%;
    color: #369;
    text-decoration: none;
    }

/* a:hover */
#main .menu a:hover {
    color: #F00;
    background-color: #FEF9E2;
    }

/* last
   -------------------- */
#main .last {
    margin-right: 0;
    }

/* contents-body
   -------------------- */
#main .contents-body {
    padding: 17px;
    border: 1px solid #C5DED2;
    background-color: #fff;
    }

/* table.table-gray
   ---------- */
#main table.table-gray {
    width: 860px;
    color: #333;
    font-size: 100%;
    border: none;
    }

/* th */
#main table.table-gray th.cell {
    padding: 4px 5px;
    font-weight: normal;
    line-height: 100%;
    text-align: left;
    background: #EFEFEF url(../img/th_gray.jpg) top left repeat-x;
    }

/* td */
#main table.table-gray td.cell {
    padding: 4px 5px;
    line-height: 100%;
    background-color: #F5F5F5;
    }

/* td.bgblue */
#main table.table-gray td.bgblue {
    background-color: #E3EDEC;
    }

/* table.table-green
   ---------- */
#main table.table-green {
    width: 860px;
    color: #333;
    font-size: 100%;
    border-top: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-right: 0;
    border-bottom: 0;
    }

/* th */
#main table.table-green th {
    padding: 5px;
    font-weight: normal;
    text-align: center;
    line-height: 100%;
    background: #EFEFEF url(../img/th_green.jpg) top left repeat-x;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    }

/* td */
#main table.table-green td {
    padding: 5px;
    line-height: 100%;
    background-color: #fafafa;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    }

/* 必須表示 */
#main table.table-gray td.required {
    font-size: 10px;
    color: red;
    width: 2rem;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    }


/* line
   ---------- */
#main .line {
    padding: 23px 2px;
    background: transparent url(../img/line.jpg) top center no-repeat;
    }

/* input */
#main input.button {
    width: 118px;
    height: 28px;
    }
#main input.search_button {
    width: 58px;
    height: 20px;
    }
#main input.actionButtons {
    padding-left: 1px;
    height: 30px;
    font-size: medium;
    }
#main input.actionButtons select {
    margin: 5px 5px 5px 0;
    vertical-align: bottom;
    }
#main button.actionButtonsL {
    width: 120px;
    height: 30px;
    font-size: small;
    }
#main input.actionButtons2L {
    width: 200px;
    height: 30px;
    font-size: small;
    }
#main input.actionButtonsM {
    width: 80px;
    height: 30px;
    font-size: small;
    }
#main input.actionButtonsI {
    width: 100px;
    height: 50px;
    background-color: #e87376;
    font-size: large;
    }

/* input. */
#main input.button-color {
    color: #fff;
    width: auto;
    height: auto;
    padding: 10px 30px;
    border: 1px solid #81A005;
    background: #7CA503 url(../img/input_button_bg.jpg) top left repeat-x;
    }

/* table-shadow
   ---------- */
#main .table-shadow {
    padding-bottom: 26px;
    background: transparent url(../img/table_lower_bg.jpg) bottom left repeat-x;
    }

/* pager
   ---------- */
#main .pager {
    margin-bottom: 20px;
    }

/* pager-inner */
#main .pager-inner {
    position: relative;
    overflow: hidden;
    }

/* ul */
#main .pager-inner ul {
    position: relative;
    float: left;
    left: 50%;
    list-style: none;
    }

/* li */
#main .pager-inner ul li {
    position: relative;
    float: left;
    left: -50%;
    }

/* a */
#main .pager-inner ul li a {
    display: block;
    color: #689600;
    font-size: 100%;
    padding: 5px 8px;
    text-decoration: none;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background: #f7f7f7 url(../img/pager_bg.jpg) top left repeat-x;
    }

/* a:hover */
#main .pager-inner ul li a:hover {
    color: #fff;
    background: #7CA503 url(../img/pager_active_bg.jpg) top left repeat-x;
    }

/* first */
#main .pager-inner ul li a.first,
#main .pager-inner ul li span.first {
    border-left: 1px solid #d7d7d7;
    }

/* span.active */
#main .pager-inner ul li span.active {
    display: block;
    color: #fff;
    font-size: 100%;
    padding: 5px 8px;
    text-decoration: none;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background: #7CA503 url(../img/pager_active_bg.jpg) top left repeat-x;
    }

/* span.inactive */
#main .pager-inner ul li span.inactive {
    display: block;
    color: #ccc;
    font-size: 100%;
    padding: 5px 8px;
    text-decoration: none;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fafafa;
    }
#main .table-tab {
    width: 100%;
}

/* footer
   ------------------------------------------------------------ */
#copyfooter {
    color: #679600;
    width: 100%;
    font-size: 100%;
    font-family: arial;
    margin-bottom: 15px;
    padding-bottom: 10px;
    background: transparent url(../img/footer_bg.jpg) bottom center no-repeat;
    }