@CHARSET "UTF-8";
/*********************
 * 画面共通
 */
body {
  font-size: 12px;
}
button
{
    background: #888;
    border: 1px solid #DDD;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF;
    font-size: 12px;
}
.page-header
{
    padding-left: 10px;
}
.loading-img
{
    visibility: hidden;
}
.error
{
    color: #f00;
}
.main div
{
    margin: 0 auto;
}
.clears{
    clear:both;
}
.input-wxs,
.input-xs,
.input-sm,
.input-md,
.input-lg,
select.select-wxs,
select.select-xs,
select.select-sm,
select.select-md,
select.select-lg
{
    font-size: 12px;
    height: 20px;
    padding: 2px 2px;
}
.input-wxs,
select.select-wxs
{
    width: 100px;
}
.input-xs,
select.select-xs
{
    width: 150px;
}
.input-sm,
select.select-sm
{
    width: 200px;
}
.input-md,
select.select-md
{
    width: 250px;
}
.input-lg,
select.select-lg
{
    width: 300px;
}
.checkbox {
  position: static;
  display: table;
  margin: 0px;
}

/*********************
 * ログイン画面
 */
 .login {
  position: absolute;
  display: table-cell;
  margin-top: 40px;
  width: 400px;
  left: 30%;
}
.login-body
{
    width: 100%;
}
.login-body > thead > tr > th,
.login-body > tbody > tr > td
{
    padding: 5px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td
{
    vertical-align: middle;
}

.login-body > thead > tr > th
{
    text-align: center;
}

.login-body > tfoot > tr > td
{
    text-align: center;
    padding-top: 10px;
}

/*********************
 * メンバー登録画面
 */
.regist-navi
{
    width: 800px;
}

.regist-navi > tbody > tr > .now
{
    text-align: center;
    background: #FC6;
    width: 110px;
}

.regist-navi > tbody > tr > .page
{
    text-align: center;
    background: #CECFFF;
    width: 110px;
}

.regist-navi > tbody > tr > .allow
{
    text-align: center;
    width: 50px;
}

.user-table,
.user-refine-layout
{
    width: 950px;
}
.user-refine-layout > .header
{
    float: left;
    width: 150px;
    height: 40px;
    text-align: left;
}
.user-refine-layout > .body
{
    float:left;
    width: 800px;
    height: 40px;
    text-align: right;
    vertical-align: middle;
}
.user-refine-layout > .body > .search-table
{
    width: 500px;
    height: 40px;
}
.user-table > thead > tr > .id
{
    width: 250px;
}
.user-table > thead > tr > .name
{
    width: 150px;
}
.user-table > thead > tr > .organization
{
    width: 200px;
}
.user-table > thead > tr > .role
{
    width: 150px;
}
.user-table > thead > tr > .link
{
    width: 50px;
    text-align: center;
}

/*********************
 * 校舎管理　校舎一覧
 */
.school-table,
.school-refine-layout
{
    width: 800px;
}
.school-refine-layout > .header
{
    float:left;
    width:150px;
    height: 40px;
    text-align: left;
}
.school-refine-layout > .body
{
    float:left;
    width: 650px;
    height: 40px;
    text-align: right;
    vertical-align: middle;
}
.school-refine-layout > .body > .search-table
{
    width: 400px;
    height: 40px;
}
.school-table > thead >  tr > .chkbox
{
    width: 50px;
    text-align: center;
}

.school-table > thead > tr > .id
{
    width: 250px;
}
.school-table > thead > tr > .school
{
    width: 300px;
}
.school-table > thead > tr > .distributor
{
    width: 150px;
}
.school-table > thead > tr > .link
{
    width: 50px;
    text-align: center;
}
.charge-select
{
    width: 900px;
}
.charge-select > tbody > tr > .date
{
    text-align: right;
    width: 800px;
    white-space: nowrap;
}
select.date
{
    font-size: 12px;
    height: 20px;
    padding: 2px 2px;
}
.charge-select > tbody > tr > .button
{
    text-align: right;
    width: 100px;
}

.charge-table
{
    width: 300px;
}
.charge-table > tbody > tr > .item
{
    width: 150px;
    text-align: left;
}
.charge-table > tbody > tr > .value
{
    width: 150px;
    text-align: right;
}
.fees-table
{
    width: 350px;
}
.fees-table > thead > tr > .date
{
    width: 150px;
    text-align: center;
}
.fees-table > thead > tr > .updated
{
    width: 200px;
    text-align: center;
}
/*********************
 * クラス管理　クラス一覧
 */
.class-table,
.class-refine-layout
{
    width: 930px;
}
.class-refine-layout > .header
{
    float: left;
    width: 150px;
    height: 40px;
    text-align: left;
}
.class-refine-layout > .body
{
    float:left;
    width: 780px;
    height: 40px;
    text-align: right;
    vertical-align: middle;
}
.class-refine-layout > .body > .search-table
{
    width: 400px;
    height: 40px;
}
.class-table > thead > tr > .id
{
    width: 250px;
}
.class-table > thead > tr > .school
{
    width: 250px;
}
.class-table > thead > tr > .grade
{
    width: 80px;
}
.class-table > thead > tr > .class
{
    width: 300px;
}
.class-table > thead > tr > .link
{
    width: 50px;
    text-align: center;
}
/*********************
 * 生徒管理　アカウント一覧
 */
.student-list
{
    width: 1200px;
}
.table-list > thead > tr > .id
{
    width: 250px;
}
.table-list > thead > tr > .login_id
{
    width: 100px;
}
.table-list > thead > tr > .nick_name
{
    width: 120px;
}
.table-list > thead > tr > .school
{
    width: 250px;
}
.table-list > thead > tr > .grade
{
    width: 80px;
}
.table-list > thead > tr > .class
{
    width: 300px;
}
.table-list > thead > tr > .link
{
    width: 50px;
    text-align: center;
}

/*********************
 * 生徒管理　アカウント一覧 絞込み
 */
.search-table
{
    width: 1200px
}
.search-table > tbody > tr > .item
{
    width: 55px;
}
.search-table > tbody > tr > .select
{
    width: 250px;
    overflow: hidden;
}
.search-table > tbody > tr > .button
{
    width: 70px;
}
.box {
    float: left;
}

/*********************
 * 生徒管理　アカウント詳細
 */
.detail-table
{
    width: 500px;
}
.detail-table > tbody > tr > .select
{
    overflow: hidden;
}

.detail-table > thead >  tr > .th-left,
.detail-table > tbody >  tr > .td-left
{
    width: 150px;
}

.detail-table > thead >  tr > .th-right,
.detail-table > tbody >  tr > .td-right
{
    width: 350px;
}

/*********************
 * 生徒管理　成績表示
 */
.status-layout
{
    width:1100px;
    margin:0 auto 0 auto;

}
.status-menu
{
    float:left;
    width:150px;
    text-align: left;
}
.status-table
{
    float:left;
    width:950px;
    margin-top: 15px;
    text-align: left;
}
.status-menu > h5
{
    font-size: 15px;
    margin-top: 0px;
}
.status-account
{
    width: 400px;
}
/*********************
 * 生徒管理　演習履歴
 */
 .drill-list
{
    width: 700px;
}
.search-drill-table,
.drill-detail
{
    width: 950px;
}

.status-training,
.status-races,
.status-duels
{
    width:950px;
}
.status-training > thead >  tr > .name,
.status-races > thead >  tr > .name,
.status-duels > thead >  tr > .name,
.drill-detail > thead >  tr > .name
{
    width: 200px;
    text-align: center;
}
.status-account > thead >  tr > .menu,
.status-training > thead >  tr > .menu,
.status-races > thead >  tr > .menu,
.status-duels > thead >  tr > .menu
.drill-detail > thead >  tr > .menu
{
    width: 200px;
    text-align: center;
}
.status-training > thead >  tr > .date,
.status-races > thead >  tr > .date,
.status-duels > thead >  tr > .date,
.drill-detail > thead >  tr > .date
{
    width: 150px;
    text-align: center;
}
.drill-detail > thead >  tr > .score
{
    width: 100px;
    text-align: center;
}
.drill-detail > thead >  tr > .type
{
    width: 150px;
    text-align: center;
}
/*********************
 * 問い合わせ　入力フォーム
 */
.inquiry-table
{
    width: 600px;
    margin-top: 5px;
    text-align: left;

}
.inquiry-table > tbody > th
{
    width: 150px;
}
.inquiry-table > tbody > td
{
    width: 450px;
}

/*********************
 * 問い合わせ　一覧
 */
.inquiry-layout
{
    width: 1000px;
    height: 40px;
    margin:0 ;
}
.inquiry-layout > .header
{
    float:left;
    width:150px;
    height: 40px;
    text-align: left;
}
.inquiry-layout > .body
{
    float:left;
    width: 850px;
    height: 40px;
    text-align: right;
    vertical-align: middle;
}
.inquiry-layout > .body > .search-table
{
    width: 750px;
    height: 40px;
}
.inquiry-layout > .body > .select-table
{
    width: 600px;
    height: 40px;
}

.inquiry-list,
.inquiry-check,
.update
{
    width: 1000px;
    margin-top: 5px;
    text-align: left;
}
.inquiry-list > thead >  tr > .chkbox
{
    width: 50px;
    text-align: center;
}
.inquiry-list > thead >  tr > .id
{
    width: 250px;
    text-align: center;
}
.inquiry-list > thead >  tr > .app
{
    width: 100px;
    text-align: center;
}
.inquiry-list > thead >  tr > .status
{
    width: 100px;
    text-align: center;
}
.inquiry-list > thead >  tr > .assign
{
    width: 150px;
    text-align: center;
}
.inquiry-list > thead >  tr > .date
{
    width: 150px;
    text-align: center;
}
.inquiry-list > thead >  tr > .detail
{
    width: 50px;
    text-align: center;
}

/*********************
 * お問い合わせ　詳細
 */
.inquiry-detail > .detail-table
{
    width: 800px;
    margin-top: 5px;
    text-align: left;
}
.detail-table > thead >  tr > .id
{
    width: 350px;
    text-align: center;
}
.detail-table > thead >  tr > .app
{
    width: 150px;
    text-align: center;
}
.detail-table > thead >  tr > .status
{
    width: 100px;
    text-align: center;
}
.detail-table > thead >  tr > .assign
{
    width: 150px;
    text-align: center;
}
.detail-table > thead >  tr > .name
{
    width: 200px;
    text-align: center;
}
.detail-table > thead >  tr > .email
{
    width: 250px;
    text-align: center;
}
.detail-table > thead >  tr > .date
{
    width: 150px;
    text-align: center;
}
.detail-table > thead >  tr > .body
{
    width: 800px;
    text-align: center;
}

/*********************
 * お問い合わせ　対応履歴
 */
.inquiry-detail > .history-table
{
    float:left;
    width: 1150px;
    margin-top: 5px;
    text-align: left;
}
.history-table > thead >  tr > .date
{
    width: 150px;
    text-align: center;
}
.history-table > thead >  tr > .status
{
    width: 100px;
    text-align: center;
}
.history-table > thead >  tr > .assign
{
    width: 150px;
    text-align: center;
}
.history-table > thead >  tr > .comment
{
    width: 400px;
    text-align: center;
}
.history-table > thead >  tr > .event
{
    width: 200px;
    text-align: center;
}
.history-table > thead >  tr > .operator
{
    width: 150px;
    text-align: center;
}

/*********************
 * 代理店管理　一覧
 */
 .distributor-table
 {
    width: 620px;
}
.distributor-table > thead > tr > .id
{
    width: 250px;
}
.distributor-table > thead > tr > .name
{
    width: 250px;
}
.distributor-table > thead > tr > .link
{
    width: 50px;
    text-align: center;
}
.distributor-table > thead > tr > .school
{
    width: 70px;
    text-align: center;
}

/*********************
 * 代理店管理　担当代理店選択
 */
.distributor-layout
{
    width: 900px;
    height: 40px;
    margin:0 ;
}
.distributor-layout > .header
{
    float:left;
    width:150px;
    height: 40px;
    text-align: left;
    vertical-align: middle;
}
.distributor-layout > .body
{
    float:left;
    width: 750px;
    text-align: left;
}
.distributor-layout > .footer
{
    float:left;
    width: 900px;
}
.distributor-layout > .body > .select-table
{
    height: 40px;
}
.distributor-layout > .body > .distributor-select-table
 {
    width: 750px;
    margin-top: 5px;

}
.distributor-select-table > thead > tr > .id
{
    width: 250px;

}
.distributor-select-table > thead > tr > .school
{
    width: 250px;
}
.distributor-select-table > thead > tr > .distributor
{
    width: 250px;
}