@charset "utf-8";

/* ==================================================
reset
================================================== */
body {
    margin:0; /* 変更しない */
    padding:0; /* 変更しない */
    font-size:87.5%; /* 14pxのとき */
    /* font-size:75%; 12pxのとき */
    line-height:1.6; /* 変更しない */
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
blockquote,
form,
input {
    margin:0; /* 変更しない */
    padding:0; /* 変更しない */
}
img {
    border:none; /* 変更しない */
}
li,
dt,
dd {
    line-height:1.2; /* 変更しない */
}
table {
    font-size:100%; /* 変更しない */
    line-height:1.6; /* 変更しない */
}
form,
input,
select {
    font-size:100%; /* 変更しない */
}
a:link,
a.skip {
    color:#003377; /* デザインによって変更 */
    background-color:transparent; /* 変更しない */
}
/* ==================================================
skip
================================================== */
.skip {
    width:1px;
    color:#000000;
    font-size:0.1%;
    line-height:0.1;
    background-color:#FFFFFF;
    position:absolute;
    left:-3000px;
    z-index:9999;
}
a.skip {
    background-color:#FFFFFF; /* 変更しない */
    text-align:center; /* 変更しない */
    padding:2px 0; /* 変更しない */
    top:auto; /* 変更しない */
}
a.skip:active {
    display:block;
    width:99.99%; /* 変更しない */
    font-size:100%; /* 変更しない */
    line-height:1.6; /* 変更しない */
    top:0; /* 変更しない */
    left:0; /* 変更しない */
}
a.skip:focus {
    display:block;
    width:99.99%; /* 変更しない */
    font-size:100%; /* 変更しない */
    line-height:1.6; /* 変更しない */
    top:0; /* 変更しない */
    left:0; /* 変更しない */
}


/* ==================================================
編集領域スタイル
================================================== */
/* 下線 */
.gd_underline {
    text-decoration: underline; /* 変更しない */
}

/* 打ち消し線 */
.gd_strike {
    text-decoration:line-through; /* 変更しない */
}

/* 文字色（赤） */
.user_red {
    color:red; /* デザインによって変更 */
    background-color:transparent; /* 変更しない */
}

/* 文字色（青） */
.user_blue {
    color:blue; /* デザインによって変更 */
    background-color:transparent; /* 変更しない */
}

/* 文字色（緑） */
.user_green {
    color:green; /* デザインによって変更 */
    background-color:transparent; /* 変更しない */

}

/* 文字色（灰） */
.user_gray {
    color: gray; /* デザインによって変更 */
    background-color: transparent; /* 変更しない */

}

/* 段落1字下げ */
.user_text-indent1 {
    text-indent: 1em;
}

/* 段落2字下げ */
.user_text-indent2 {
    text-indent: 2em;
}

/* 段落3字下げ */
.user_text-indent3 {
    text-indent: 3em;
}

/* 行中右スペース（1字） */
.user_padding-right {
    padding-right:1em;
}

/* 行中左スペース（1字） */
.user_padding-left {
    padding-left:1em;
}

/* 余白（5ピクセル） */
.user_margin_5{
    margin: 5px;
}

/* PDFアイコン */
.user_pdf_icon {
    padding-left: 23px;
    background: url(../images/icon/pdf_icon.png) no-repeat;
    background-size: 20px 20px;
    background-position: left middle;
}

/* WORDアイコン */
.user_word_icon {
    padding-left: 23px;
    background: url(../images/icon/word_icon.png) no-repeat;
    background-size: 20px 20px;
    background-position: left middle;

}

/* EXCELアイコン */
.user_excel_icon {
    padding-left: 23px;
    background: url(../images/icon/excel_icon.png) no-repeat;
    background-size: 20px 20px;
    background-position: left middle;

}

/* データテーブル */
.data_tbl table,
table.data_tbl {
    border-bottom: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
}

.data_tbl table th,
table.data_tbl th {
    font-weight: bold;
    background: #EEEEEE;
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    padding: 8px;
}

.data_tbl table td,
table.data_tbl td {
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    padding: 8px;
}

@media (max-width: 480px), only screen and (device-width: 480px) {
    /* PDFアイコン */
    .user_pdf_icon {
        padding-left: 12px;
        background: url(../images/icon/pdf_icon.png) no-repeat;
        background-size: 10px 10px;
        background-position: left middle;
    }

    /* WORDアイコン */
    .user_word_icon {
        padding-left: 12px;
        background: url(../images/icon/word_icon.png) no-repeat;
        background-size: 10px 10px;
        background-position: left middle;
    }

    /* EXCELアイコン */
    .user_excel_icon {
        padding-left: 12px;
        background: url(../images/icon/excel_icon.png) no-repeat;
        background-size: 10px 10px;
        background-position: left middle;
    }
}