@charset "utf-8";

/*フロート関連*/
.clearfix:after { /*floatの解除、ここがポイント*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*\*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}

/*フォント関連*/

.font08em {
    font-size: 0.8em;
}
.font09em {
    font-size: 0.9em;
}
.font1em {
    font-size: 1em;
}
.font11em {
    font-size: 1.1em;
}
.font12em {
    font-size: 1.2em;
}
.font13em {
    font-size: 1.3em;
}
.font14em {
    font-size: 1.4em;
}
.font15em {
    font-size: 1.5em;
}
.font16em {
    font-size: 1.6em;
}
.font17em {
    font-size: 1.7em;
}
.font18em {
    font-size: 1.8em;
}
.font19em {
    font-size: 1.9em;
}
.font20em {
    font-size: 2em;
}

.font1px {
    font-size: 1px;
}
.font2px {
    font-size: 2px;
}
.font3px {
    font-size: 3px;
}
.font4px {
    font-size: 4px;
}
.font5px {
    font-size: 5px;
}
.font9px {
    font-size: 9px;
}
.font10px {
    font-size: 10px;
}
.font11px {
    font-size: 11px;
}
.font12px {
    font-size: 12px;
}
.font13px {
    font-size: 13px;
}
.font14px {
    font-size: 14px;
}
.font15px {
    font-size: 15px;
}


.font_red {
    color:red;
}
.font_blue {
    color:blue;
}
.font_black {
    color:black;
}
.font_333333 {
    color:#333333;
}
.font_666666 {
    color:#666666;
}
.font_999999 {
    color:#999999;
}
.font_ffffff {
    color:#ffffff;
}

.bold {
    font-weight: bold;
}
.weight_normal {
    font-weight: 400;
}


/*背景関連*/

.back_333333 {
    background: #333333;
}
.back_666666 {
    background: #666666;
}
.back_999999 {
    background: #999999;
}
.back_cccccc {
    background: #cccccc;
}
.back_ffffff {
    background: #ffffff;
}
.back_red {
    background: red;
}
.back_blue {
    background: blue;
}
.back_FFFFB5 {
    background: #FFFFB5;
}


/*幅指定関連*/

.width_10px {
    width: 10px !important;
}
.width_20px {
    width: 20px !important;
}
.width_30px {
    width: 30px !important;
}
.width_50px {
    width: 50px !important;
}
.width_100px {
    width: 100px !important;
}
.width_150px {
    width: 150px !important;
}
.width_200px {
    width: 200px !important;
}
.width_250px {
    width: 250px !important;
}
.width_300px {
    width: 300px !important;
}
.width_350px {
    width: 350px !important;
}
.width_400px {
    width: 400px !important;
}
.width_450px {
    width: 450px !important;
}
.width_500px {
    width: 500px !important;
}
.width_550px {
    width: 550px !important;
}
.width_600px {
    width: 600px !important;
}
.width_650px {
    width: 650px !important;
}
.width_700px {
    width: 700px !important;
}
.width_800px {
    width: 800px !important;
}

.width_100per {
    width:100% !important;
}
.width_95per {
    width:95% !important;
}
.width_90per {
    width:90% !important;
}
.width_80per {
    width:80% !important;
}
.width_75per {
    width:75% !important;
}
.width_20per {
    width:20% !important;
}
.width_30per {
    width:30% !important;
}
.width_30per_normal {
    width:30%;
}
.width_25per {
    width:25% !important;
}

.width_50per {
    width:50% !important;
}

.max_w_100per {
    max-width:100%;
}
.max_w_98per {
    max-width:98%;
}

.height_10px {
    height:10px !important;
}

.height_20px {
    height:20px !important;
}

.height_50px {
    height:50px !important;
}

.height_100px {
    height:100px !important;
}

.height_200px {
    height:200px !important;
}
.height_auto {
    height:auto !important;
}


/*マージン関連*/

.margin_auto {
    margin:auto;
}

.margin_0 {
    margin:0;
}

.margin_top_5px {
    margin-top: 5px;
}
.margin_bottom_5px {
    margin-bottom: 5px;
}
.margin_left_5px {
    margin-left: 5px;
}
.margin_right_5px {
    margin-right: 5px;
}

/*padding関連*/
.padding_0px {
    padding:0px !important;
}
.padding_5px {
    padding:5px !important;
}
.padding_10px {
    padding:10px !important;
}
.padding_15px {
    padding:15px;
}
.padding_20px {
    padding:20px;
}
.padding_25px {
    padding:25px;
}
.padding_left2px {
    padding-left: 2px;
}
.padding_left4px {
    padding-left: 4px;
}
.padding_left5px {
    padding-left: 5px;
}
.padding_left7px {
    padding-left: 7px;
}
.padding_left8px {
    padding-left: 8px;
}
.padding_left10px {
    padding-left: 10px;
}
.padding_left15px {
    padding-left: 15px;
}
.padding_left20px {
    padding-left: 20px;
}


.float_left {
    float: left;
}
.float_right {
    float: right;
}
.clear {
    clear: both;
}
/** html .clear {
	height:0px;
	font-size: 0px;
}*/




.text_center {
    text-align: center;
}
.text_left {
    text-align: left;
}
.text_right {
    text-align: right;
}



.vertical_align_middle {
    vertical-align: middle;
}
.vertical_align_top {
    vertical-align: top;
}

.ime_off {
    ime-mode:disabled;

}

.line_height10pt {
    line-height:10pt;
}
.line_height15pt {
    line-height:15pt;
}

.line_height20pt {
    line-height:20pt;
}
.line_height25pt {
    line-height:25pt;
}

.scroll_h {
    overflow-x: hide;
    overflow-y: scroll;
}

/*テーブルに自動でボーダーを入れる*/
.border_table td, .border_table th{
    border:solid 1px #cccccc;
}

.display_none {
    display: none;
}
.display_none_important {
    display: none !important;
}
.display_inline_block {
    display: inline-block;
}
div .display_sp_inline {
    display: none;
}
div .display_sp_inlineblock {
    display: none;
}
div .display_sp_block {
    display: none;
}
div .display_pc_inline {
    display: inline;
}
div .display_pc_inlineblock {
    display: inline-block;
}
div .display_pc_block {
    display: block;
}

.ws_nowrap {
    white-space: nowrap;
}

.t_b_border_none {
    border-top:none !important;
    border-bottom: none !important;
}
.t_border_none {
    border-top:none !important;
}
.b_border_none {
    border-bottom: none !important;
}

.not_background{
	background-color:rgba(255,0,0,0) !important;
}
.border_f5f5f5 {
	border:solid 1px #f5f5f5 !important;
}


table.table_no_border ,.table_no_border > th,.table_no_border > td ,.table_no_border > tr {
    border:none !important;
}
.noborder_cell {
    border:none !important;
}

.select_readonly {
    pointer-events: none;
    background:#EEEEEE;
}
.checkbox_readonly:active { 
    /* hoverは有効にしたい場合 */
    pointer-events: none;
}

/* リスト */
.liststyle_circle {
    margin-bottom:0;
    li {
        list-style: circle;
    }
}
.liststyle_disc{
    margin-bottom:0;
    li {
        list-style: disc;
    }
}
select[readonly] {
    pointer-events: none;
    background-color: #eeeeee;
    border-color: #cccccc;
    cursor: not-allowed;
    
}


select[readonly]:focus {
    outline: none;
    box-shadow: none;
}