/* スタイル全般 */

/* SJフレームワークで利用:formエラー出力用 */
.sj-error {
    color: #f00;
}

.select_selected {
    background-color: #ff0;
}

/* ファイルアップロード用ダミーiframe */
.dummy_iframe {
    width: 0px;
    height: 0px;
}

/* IE用内部要素の中央配置＆テキストセンター */
.center {
    text-align      : center;
}

.left {
    text-align      : left;
}

.right {
    text-align      : right;
}

.margin_center {
    margin-left     : auto;
    margin-right    : auto;
}

.pad_10 {
    padding: 10px;
}

.pointer {
    cursor: pointer;
}

/* table */
.table_100 {
    width: 100%;
}

.b_separate,
.b_separate tr {
    border-collapse: separate;
    border-style: none;
}

.bd_1sb {
    border: 1px solid #000;
}

/* float */
.float_left {
    float: left;
}   

.float_right {
    float: right;
}

.float_clear {
    clear: both;
}

/* 折りたたみ禁止 */
.nowrap {
    white-space: nowrap;
}

/* 可視・不可視 */
.hidden {
    position: relative;
    display: none;
    width: 0px;
    height: 0px;
}

.visible {
    position: relative;
    display: block;
}

/* 背景色 */
.bgc_gray {
    background-color: #999;
}

.bgc_white {
    background-color: #fff;
}

.bgc_orange {
    background-color: #ffa500;
}

.bgc_09f {
    background-color: #09f;
}

/* mail文用（大体全角38文字分） */
.mail_text {
    width: 460px;
    height: 700px;
}

/* 文字装飾 */
.red {
    color           : #f00;
}

.blue {
    color           : #00f;
}

.white {
    color : #fff;
}

.black {
    color: #000;
}

.green {
    color: #080;
}

.list {
    margin-left     : 20px;
}

.bold {
    font-weight     : bold;
    font-size: 100%;
}

.fs_large {
    font-size       : 20px;
    font-weight     : bold;
}

.fs_larger {
    font-size       : larger;
    font-weight     : bold;
}
.fs_9 {
    font-size       : 9px;
}

.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_16 {
    font-size       : 16px;
}

.fs_18 {
    font-size : 18px;
}

.deco_clickable {
    text-decoration: underline;
    cursor: pointer;
    color: #00f;
}

/* line-height */
.lh_normal {
    line-height: normal;
}
.lh_140 {
    line-height: 140%;
}

/* margin */
.mr_10 {
    margin-right: 10px;
}

.ml_5 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_15 {
    margin-left: 15px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_80 {
    margin-left: 80px;
}

.mrl_0 {
    margin-right: 0px;
    margin-left: 0px;
}

.mtb_0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mtb_5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mtb_15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mb_10 {
    margin-bottom: 10px;
}

.m_0 {
    margin: 0px;
}

.m_10 {
    margin: 10px;
}

/* padding */
.p_0 {
    padding: 0px;
}

.p_5 {
    padding: 5px;
}

.p_10 {
    padding: 10px;
}

.pt_5 {
    padding-top: 5px;
}
.ptb_0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ptb_5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* textarea */
.ta_100_500 {
    height: 100px;
    width: 500px;
}

.ta_200_500 {
    height: 200px;
    width: 500px;
}

/* 高さ */
.h_10 {
    height: 10px;
}

.h_20 {
    height: 20px;
}

.h_30 {
    height: 30px;
}

.h_50 {
    height: 50px;
}

.h_70 {
    height: 70px;
}

.h_100 {
    height: 100px;
}

.h_150 {
    height: 150px;
}

.h_180 {
    height: 180px;
}

.h_200 {
    height: 200px;
}

.h_300 {
    height: 300px;
}

.h_400 {
    height: 400px;
}


/* 幅の装飾 */
.w_20 {
    width           : 20px;
}

.w_30 {
    width           : 30px;
}

.w_40 {
    width           : 40px;
}

.w_50 {
    width           : 50px;
}

.w_60 {
    width           : 60px;
}

.w_70 {
    width           : 70px;
}

.w_80 {
    width           : 80px;
}

.w_90 {
    width           : 90px;
}

.w_100 {
    width           : 100px;
}

.w_110 {
    width           : 110px;
}

.w_120 {
    width           : 120px;
}

.w_130 {
    width           : 130px;
}

.w_140 {
    width           : 140px;
}

.w_150 {
    width           : 150px;
}

.w_160 {
    width           : 160px;
}

.w_170 {
    width           : 170px;
}

.w_180 {
    width           : 180px;
}

.w_190 {
    width           : 190px;
}

.w_200 {
    width           : 200px;
}

.w_210 {
    width           : 210px;
}

.w_220 {
    width           : 220px;
}

.w_250 {
    width           : 250px;
}

.w_260 {
    width           : 260px;
}

.w_280 {
    width           : 280px;
}

.w_290 {
    width           : 290px;
}

.w_300 {
    width           : 300px;
}

.w_350 {
    width           : 350px;
}

.w_380 {
    width           : 380px;
}


.w_400 {
    width           : 400px;
}

.w_410 {
    width           : 410px;
}

.w_460 {
    width           : 460px;
}

.w_500 {
    width           : 500px;
}

.w_600 {
    width           : 600px;
}

.w_700 {
    width           : 700px;
}

.w_750 {
    width           : 750px;
}

.w_1000 {
    width           : 1000px;;
}


/* 入力関連 */
.ime_active {
    ime-mode        : active;
}

.ime_inactive {
    ime-mode        : inactive;
}

.ime_disabled {
    ime-mode        : disabled;
}

.textarea_300 {
    width           : 300px;
    height          : 50px;
}

/* display */
.inline {
    display: inline;
}

/* box */
.box {
    width: 50px;
    height: 30px;
    border: 1px #000 solid;
}

/* フィルタ */
.overlay_gray {
    background-color: #999;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.padding_left_300 {
    padding-left: 300px;
}