@charset "utf-8";

/* sample, memo
    vertical-align: bottom;
    margin-left: 1em;
    overflow: visible;
    display: inline;

.top_title_menu div:hover ul {
    display: block;
    }

*/

/* article */

.arti_top {
    padding: 1ex 0 0 1em;
}

.sro_60 {
    height: 60ex;
    overflow: scroll;
}

.fontxxlg { font-size: xx-large; }
.fontxlg  { font-size: x-large; }
.fontlg   { font-size: large; }
.fontmid  { font-size: medium; }
.fontsm   { font-size: small; }
.fontxsm  { font-size: x-small; }
.fontxxsm { font-size: xx-small; }

.fontbold { font-weight: bold; }
.fontnorm { font-weight: normal; }

.noborder { border-style: none; }
.nbo      { border-style: none; }

.txright  { text-align: right; }
.txrr  { text-align: right; }
.txll  { text-align: left; }
.txcc  { text-align: center; }

.col_red { color: red; }
.col_hai { color: #333333; }
.bc_cef { background-color: #cceeff; }
.bc_bdf { background-color: #bbddff; }

/* table nowrap */

.nop th { white-space: pre; padding: 0px 2px 0px 2px; }
.nop td { white-space: pre; padding: 0px 2px 0px 2px; }
.nrr th { white-space: normal; padding: 0px 2px 0px 2px; }
.nrr td { white-space: normal; padding: 0px 2px 0px 2px; }
.nopp { white-space: pre; }
.norr { white-space: normal; }

td.w030 { white-space: normal; width:  30px; }
td.w040 { white-space: normal; width:  40px; }
td.w050 { white-space: normal; width:  50px; }
td.w060 { white-space: normal; width:  60px; }
td.w070 { white-space: normal; width:  70px; }
td.w080 { white-space: normal; width:  80px; }
td.w090 { white-space: normal; width:  90px; }

td.w100 { white-space: normal; width: 100px; }
td.w150 { white-space: normal; width: 150px; }
td.w200 { white-space: normal; width: 200px; }
td.w250 { white-space: normal; width: 250px; }
td.w300 { white-space: normal; width: 300px; }
td.w350 { white-space: normal; width: 350px; }
td.w400 { white-space: normal; width: 400px; }
td.w450 { white-space: normal; width: 450px; }
td.w500 { white-space: normal; width: 500px; }
td.w550 { white-space: normal; width: 550px; }
td.w600 { white-space: normal; width: 600px; }
td.w650 { white-space: normal; width: 650px; }
td.w700 { white-space: normal; width: 700px; }
td.w750 { white-space: normal; width: 750px; }
td.w800 { white-space: normal; width: 800px; }

.wd030 { width:  30px; }
.wd040 { width:  40px; }
.wd050 { width:  50px; }
.wd060 { width:  60px; }
.wd070 { width:  70px; }
.wd080 { width:  80px; }
.wd090 { width:  90px; }

.wd100 { width: 100px; }
.wd150 { width: 150px; }
.wd200 { width: 200px; }
.wd250 { width: 250px; }
.wd300 { width: 300px; }
.wd350 { width: 350px; }
.wd400 { width: 400px; }
.wd450 { width: 450px; }
.wd500 { width: 500px; }
.wd550 { width: 550px; }
.wd600 { width: 600px; }
.wd650 { width: 650px; }
.wd700 { width: 700px; }
.wd750 { width: 750px; }
.wd800 { width: 800px; }

/* トップ 上部のタイトル部分 */
/* debug
    border: 1px solid red;
*/
.top_box {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 160px;
    padding: 0px 1em 1ex 0;
    border: 0;
    background-color: white;
}
.top_1 {
    height: 96px;
}
.top_1_left {
    float: left;
    width: 198px;
    height: 59px;
    margin-top: 30px;
}
.top_1_right {
    float: right;
    width: 626px;
    margin-right: 20px;
}
.top_2 {
    width: 100%;
    height: 30px;
    background-color: black;
    color: white;
    padding: 5px 0px 0px 20px;
}
.top_3 {
    width: 100%;
    height: 30px;
    color: red;
    padding: 5px 0px 0px 20px;
}

.top_body {
    margin: 160px 0 0 0;
    padding: 1ex 1em 1ex 1em;
    font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HiraKakuPro-W3';
}

/* ホワイトボード */

div.w_1 {
    margin: 10px 0 10px 0;
    padding: 1ex 1em 1ex 1em;
    border: 1px solid black; border-color: black;
}

/*   */

div.left050 {
    float: left;    width: 050px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left100 {
    float: left;    width: 100px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left150 {
    float: left;    width: 150px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left200 {
    float: left;    width: 200px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left250 {
    float: left;    width: 250px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left300 {
    float: left;    width: 300px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left350 {
    float: left;    width: 350px;
    border: 0px;    text-align: left;    padding: 0px;
}
div.left400 {
    float: left;    width: 400px;
    border: 0px;    text-align: left;    padding: 0px;
}

/* margin */

.mt_00 { margin-top: 0; }
.mt_05 { margin-top: 5px; }
.mt_10 { margin-top: 10px; }
.mt_15 { margin-top: 15px; }
.mt_20 { margin-top: 20px; }
.mt_25 { margin-top: 25px; }
.mt_30 { margin-top: 30px; }

.mr_00 { margin-right: 0; }
.mr_05 { margin-right: 5px; }
.mr_10 { margin-right: 10px; }
.mr_15 { margin-right: 15px; }
.mr_20 { margin-right: 20px; }
.mr_25 { margin-right: 25px; }
.mr_30 { margin-right: 30px; }

.ml_00 { margin-left: 0; }
.ml_05 { margin-left: 5px; }
.ml_10 { margin-left: 10px; }
.ml_15 { margin-left: 15px; }
.ml_20 { margin-left: 20px; }
.ml_25 { margin-left: 25px; }
.ml_30 { margin-left: 30px; }

/* table */
/* 堀さんの設定
table {
    border-collapse: collapse; 
    border-spacing: 0;
    }
*/
table {
    border-collapse: separate; 
    border-spacing: 1;
    font-size: small;
}
th {
    background-color: #ff2222;
    color: white;
}
.top_3 a {
    color: #ff5555;
}