@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;
    /**/
}

/*フォント関連*/

.font07em {
    font-size: 0.7em;
}
.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: 900;
}
.weight_normal {
    font-weight: normal;
}


/*背景関連*/

.back_333333 {
    background: #333333;
}
.back_666666 {
    background: #666666;
}
.back_999999 {
    background: #999999;
}
.back_cccccc {
    background: #cccccc;
}
.back_red {
    background: red;
}
.back_blue {
    background: blue;
}
.back_skyblue {
    background: skyblue !important;
}
.back_khaki {
    background: khaki !important;
}
.back_EFEFEF {
    background: #EFEFEF;
}

/*幅指定関連*/

.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_70per {
    width:60% !important;
}
.width_60per {
    width:60% !important;
}
.width_50per {
    width:50% !important;
}
.width_30per {
    width:20% !important;
}
.width_25per {
    width:25% !important;
}
.width_20per {
    width:20% !important;
}
.width_15per {
    width:15% !important;
}
.width_10per {
    width:10% !important;
}
.width_7per {
    width:7% !important;
}
.width_5per {
    width:5% !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;
}
.padding_5px {
    padding:5px;
}
.padding_10px {
    padding:10px;
}
.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;
}
.line_height30pt {
    line-height:30pt;
}
.line_height35pt {
    line-height:35pt;
}
.line_height40pt {
    line-height:40pt;
}

.scroll_y {
    overflow-x: hidden;
    overflow-y: scroll;
}
.scroll_x {
    overflow-x: scroll;
    overflow-y: hidden;
}

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

.display_none {
    display: none;
}
.display_inline {
    display: inline;
}
.display_flex {
    display: flex;
}
.display_block {
    display: block;
}
.justify_c_center {
    justify-content: center;
}
.justify_i_center {
    justify-items: center;
}
.align_i_center {
    align-items: center;
}
.align_c_center {
    align-content: center;
}

.ws_nowrap {
    white-space: nowrap;
}

.border-radius5px {
    border-radius: 5px;
}
.border-radius10px {
    border-radius: 10px;
}
.border-radius15px {
    border-radius: 15px;
}