@charset "utf-8";

/* CSS Document */


/* Button Common */
.button,
.button * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; white-space:nowrap; vertical-align:middle; overflow:visible; text-align:center}
.button {margin-right:3px; margin-bottom:1px}
.button * {cursor:pointer; _cursor:hand}


/* Button Color */
.button.basic, .button.basic * {min-width:120px; line-height:22px}
.button.basic * {padding:6px 15px; color:#fff; background:#1295d2; border-radius:2px; box-sizing:border-box; font-size:13px; transition:background-color 0.5s}
.button.basic *:hover {background:#117eb1}

.button.basic_dif, .button.basic_dif * {min-width:120px; line-height:22px}
.button.basic_dif * {padding:6px 15px; color:#fff; background:#fe5a4c; border-radius:2px; box-sizing:border-box; font-size:13px; transition:background-color 0.5s}
.button.basic_dif *:hover {background:#d9463a}

.button.write, .button.write * {min-width:120px; line-height:22px}
.button.write * {padding:6px 15px; color:#1295d2; border:1px solid #1295d2; border-radius:5px; box-sizing:border-box; background:#fff; font-size:13px; transition:background-color 0.5s}
.button.write *:hover {background:#117eb1; color:#fff; border:1px solid #117eb1}

.button.small, .button.small * {min-width:60px; height:27px; line-height:25px; border-radius:2px; font-size:12px}
.button.small * {padding:0 7px 0 6px; color:#32363c; background:#eee; border:1px solid #32363c; box-sizing:border-box; vertical-align:middle; text-align:center}
.button.small *:hover {background:#32363c; color:#fff; border:1px solid #32363c}

.button.small_dif, .button.small_dif * {min-width:60px; height:27px; line-height:25px; border-radius:2px; font-size:12px; text-align:center}
.button.small_dif * {padding:0 7px 0 6px; color:#fff; background:#2e8be2; border:1px solid #2379c9; box-sizing:border-box; vertical-align:middle}
.button.small_dif *:hover {background:#176dbd; color:#fff; border:1px solid #1a456a}

.button.small_dif2, .button.small_dif2 * {min-width:60px; height:27px; line-height:25px; border-radius:2px; font-size:12px; text-align:center}
.button.small_dif2 * {padding:0 7px 0 6px; color:#fff; background:#dd4646; border:1px solid #d03c3c; box-sizing:border-box; vertical-align:middle}
.button.small_dif2 *:hover {background:#c63737; color:#fff; border:1px solid #b62e2e}

.button.small_fix, .button.small_fix * {min-width:90px; height:23px; line-height:15px; border-radius:2px; font-size:12px}
.button.small_fix * {padding:0 7px 0 6px; color:#32363c !important; background:#eee; border:1px solid #32363c; box-sizing:border-box; vertical-align:middle; text-align:center}
.button.small_fix *:hover {background:#32363c; color:#fff !important; border:1px solid #32363c}

.button.small_fix_dif, .button.small_fix_dif * {min-width:90px; height:23px; line-height:15px; border-radius:2px; font-size:12px; text-align:center}
.button.small_fix_dif * {padding:0 7px 0 6px; color:#fff !important; background:#2e8be2; border:1px solid #2379c9; box-sizing:border-box; vertical-align:middle}
.button.small_fix_dif *:hover {background:#176dbd; color:#fff !important; border:1px solid #1a456a}






/* Button Strong */
.button.strong * {font-weight:bold !important;}