﻿@charset "utf-8";
body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

    body.page {
        background-image: url(../images/pagebg01.png);
        background-repeat: repeat-x;
        background-position: center 46px;
    }

    body.login {
        background-image: url(../images/pagebg_login.png);
        background-repeat: repeat-x;
    }

    body > * {
        margin: 0px;
        padding: 0px;
    }

select, pre {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

button {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    cursor: pointer;
}

#wrap {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100%;
}

img {
    border-style: none;
}

ul, li, dl, dt, dd, p, div, span, pre {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

.head_area {
    background-image: url(../images/navi_barbg.png);
    background-repeat: repeat-x;
    height: 53px;
    width: auto;
    display: block;
    min-width: 1280px;
    max-width: 100%;
    background-position: 0px -11px;
}

.footer {
    height: 24px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0px;
}

    .footer .logo_k {
        background-image: url(../images/kanda_logo.png);
        background-repeat: no-repeat;
        background-position: right top;
        width: 225px;
        height: 24px;
        float: right;
        margin-right: 20px;
    }

    .footer .ver {
        color: #A7A7B7;
        font-size: 11px;
        line-height: 24px;
        margin-left: 20px;
        float: left;
    }

br {
    clear: both;
}

textarea, input {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

input.error, select.error {
    background-color: #FFD6D6;
    border: 1px dotted #D40003;
}

input:focus {
    outline: none;
}

.mag_l_4 {
    margin-left: 4px;
}

.mag_l_1p {
    margin-left: 1%;
}

.mag_l_4p {
    margin-left: 4%;
}

.mag_l_5 {
    margin-left: 5px;
}

.mag_l_6 {
    margin-left: 6px;
}

.mag_l_7 {
    margin-left: 7px;
}

.mag_l_40 {
    margin-left: 40px;
}

.mag_t_5 {
    margin-top: 5px;
}

.mag_t_10 {
    margin-top: 10px;
}

.m_t_18 {
    margin-top: 18px;
}

.mag_t_37 {
    margin-top: 37px;
}

.mag_b_4 {
    margin-bottom: 4px;
}

.mag_l_10 {
    margin-left: 10px;
}

.mag_l_17 {
    margin-left: 17px;
}

.mag_l_20 {
    margin-left: 20px;
}

.mag_lr_5 {
    margin: 0 5px 0 5px;
}

.mag_lr_1p {
    margin: 0 1% 0 1%;
}

.mag_td_5 {
    margin: 5px 0 5px 0;
}

.mag_lr_auto {
    margin-left: auto;
    margin-right: auto;
}

.mag_r_4 {
    margin-right: 4px;
}

.mag_r_5 {
    margin-right: 5px;
}

.mag_r_17 {
    margin-right: 17px;
}

.mag_r_27 {
    margin-right: 22px;
}

.mag_r_10 {
    margin-right: 10px;
}

.mag_r_40 {
    margin-right: 40px;
}

.pad_r_28 {
    padding-right: 28px;
}

.pad_t_15 {
    padding-top: 15px;
}

.pad_trl_4 {
    padding: 4px 4px 0px 4px;
}

.pad_all_4 {
    padding: 4px;
}

.fl_R {
    float: right;
}

.fl_L {
    float: left;
}

.w15p {
    width: 15%;
}

.w25p {
    width: 25%;
}

.w28p {
    width: 28%;
}

.w35p {
    width: 35%;
}

.w40p {
    width: 40%;
}

.w41p {
    width: 41%;
}

.w42p {
    width: 42%;
}

.w43p {
    width: 43%;
}

.w45p {
    width: 45%;
}

.w46p {
    width: 46%;
}

.w47p {
    width: 47%;
}

.w48p {
    width: 48%;
}

.w49p {
    width: 49%;
}

.w49_5p {
    width: 49.6%;
}

.w50p {
    width: 50%;
}

.w51p {
    width: 51%;
}

.w52p {
    width: 52%;
}

.w53p {
    width: 53%;
}

.w54p {
    width: 54%;
}

.w60p {
    width: 60%;
}

.w64p {
    width: 64%;
}

.w65p {
    width: 65%;
}

.w70p {
    width: 70%;
}

.w80p {
    width: 80%;
}

.w85p {
    width: 85%;
}

.w88p {
    width: 88%;
}
.w89p {
    width: 89%;
}

.w90p {
    width: 90%;
}
.w92p {
    width: 92%;
}
.w93p {
    width: 93%;
}

.w94p {
    width: 94%;
}

.w95p {
    width: 95%;
}

.w96p {
    width: 96%;
}

.w97p {
    width: 97%;
}

.w98p {
    width: 98%;
}

.w98_3p {
    width: 98.3%;
}

.w98_5p {
    width: 98.5%;
}

.w98_6p {
    width: 98.6%;
}

.w98_7p {
    width: 98.7%;
}

.w98_8p {
    width: 98.8%;
}

.w98_9p {
    width: 98.9%;
}

.w99p {
    width: 99%;
}

.w100p {
    width: 100%;
}

.w_min30p {
    width: 30%;
}

.w30p {
    width: 31% !important;
}

.w28px {
    width: 28px;
    display: block;
}

.w50px {
    width: 50px;
}

.w60px {
    width: 60px;
}

.w70px {
    width: 70px;
}

.w80px {
    width: 80px;
}

.w85px {
    width: 85px;
}

.w90px {
    width: 90px;
}

.w100px {
    width: 100px;
}

.w110px {
    width: 110px;
}

.w115px {
    width: 115px;
}

.w120px {
    width: 120px;
}

.w124px {
    width: 124px;
}

.w130px {
    width: 130px;
}

.w135px {
    width: 135px;
}

.w140px {
    width: 140px;
}

.w150px {
    width: 150px;
}

.w160px {
    width: 160px;
}

.w170px {
    width: 170px;
}

.w180px {
    width: 180px;
}

.w200px {
    width: 200px;
}

.w210px {
    width: 210px;
}

.w215px {
    width: 215px;
}

.w220px {
    width: 220px;
}

.w243px {
    width: 243px;
}

.w250px {
    width: 250px;
}

.w270px {
    width: 270px;
}

.w280px {
    width: 280px;
}

.w290px {
    width: 290px;
}

.w300px {
    width: 300px;
}

.w330px {
    width: 330px;
}

.w332px {
    width: 332px;
}

.w340px {
    width: 340px;
}

.w350px {
    width: 350px;
}

.w400px {
    width: 400px;
}

.w413px {
    width: 413px;
}

.w435px {
    width: 435px;
}

.w480px {
    width: 480px;
}

.w520px {
    width: 555px;
}

.w663px {
    width: 663px;
}

.w900px {
    width: 900px;
}

.w1000px{
	width: 1000px;
}

.w1000px {
    width: 100%;
}

p.h10px {
    display: block !important;
    height: 10px !important;
    margin: 0px !important;
    padding: 0px !important;
}

p.h5px {
    display: block !important;
    height: 5px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.h1px {
    display: block;
    height: 1px;
}

.h3px {
    display: block;
    height: 3px;
}

.h4px {
    display: block;
    height: 4px;
}

.h5px {
    display: block;
    height: 5px;
}

.h33px {
    height: 38px !important;
}

.h10px {
    display: block;
    height: 10px;
}

.h20px {
    display: block;
    height: 20px;
}

.h35px {
    display: block;
    height: 35px;
}

.h39px {
    display: block !important;
    height: 39px !important;
}

.h45px {
    display: block !important;
    height: 45px !important;
}

.h53px {
    display: block !important;
    height: 53px !important;
}

.h80px {
    height: 80px;
}

.h110px {
    height: 110px;
}

.clear {
    clear: both;
}

.maru_all {
    border-radius: 5px;
}

.maru_tR {
    border-top-right-radius: 5px;
}

.maru_tL {
    border-top-left-radius: 5px;
}

.maru_dR {
    border-bottom-right-radius: 5px;
}

.maru_dL{
	border-bottom-left-radius: 5px;
}

.maru_tR3{
	border-top-right-radius: 3px;
}

.maru_tL3{
	border-top-left-radius: 3px;
}

.maru_dR3{
	border-bottom-right-radius: 3px;
}

.maru_dL3{
	border-bottom-left-radius: 3px;
}

.border_no_L {
    border-left: none;
}

.border_no_R {
    border-right: none;
}
.border_no_T {
    border-top: none;
}

.border_no_B {
    border-bottom: none;
}

.border_no {
    border: none !important;
}

.allnone {
    background: none !important;
}

.border_w {
    border: solid 1px #FFFFFF;
}

.bg_c01{
	background-color: #D9EEF4;
}

.bg_c02{
	background-color: #42ACCB;
}

.bg_c03 {
    background-color: #9BCBE0;
}

.bg_c04{
	background-color: #E2F2F6;
	border: 1px solid #B3B3B3;
}

.bg_c05 {
    background-color: #FFFFE1;
}

.tx_a_R {
    text-align: right;
}

.tx_a_L {
    text-align: left;
}

.tx_a_C {
    text-align: center;
}

.fs_10 {
    font-size: 10px;
}

.fs_11 {
    font-size: 11px;
}

.fs_12 {
    font-size: 12px;
}

.fs_13 {
    font-size: 13px;
}

.fs_14 {
    font-size: 14px;
}

.fs_15 {
    font-size: 15px;
}

.fs_18 {
    font-size: 18px;
}

.fs_20 {
    font-size: 20px;
}

.fs_22 {
    font-size: 22px;
}

input:focus {
    outline: none;
}

.ifbg {
    background-image: url(../../images/ifbg.png);
    background-repeat: repeat-y;
}

.top_shd {
    height: 6px;
    width: 100%;
    clear: both;
    background-image: url(../../images/top_shd.png);
    background-repeat: repeat-x;
}

#logoani {
    width: 124px;
    height: 33px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-position: 0px 0px;
}

.rsz_none {
    resize: none;
}

#Mask {
    width: 100%;
    height: 100%;
    background-color: #aaa;
    position: absolute;
    top: 0;
    z-index: 100;
    opacity: 0.3;
}

#load-parent {
    position: absolute;
    top: 40%;
    left: 47%;
    z-index: 200;
}

.loader-default {
    width: 120px !important;
    height: 120px !important;
    border-radius: 80px;
    border: 18px solid #00b4ff;
    border-right-color: transparent;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    z-index: 200;
}

#load-str {
    width: 188px;
    position: absolute !important;
    left: -34px !important;
    font-size: 20px !important;
    z-index: 200;
    border-radius: 20px;
    background-color: ivory;
    padding: 0 20px;
    opacity: 0.7;
}

.dummy {
    width: 0px;
    height: 0px;
    border: none;
    float: left;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
}