@charset "utf-8";

/*bbs button*/
.button { display: inline-block; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; }
.button:hover { text-decoration: none; }
.button:active { position: relative; top: 1px; }
.medium { font-size: 12px; font-weight:bold; padding: .5em 1.5em .42em;}
.small { font-size: 12px; font-weight:bold; padding: .25em 1.5em .25em;}
.big { font-size: 14px; font-weight:bold; padding: .7em 1.5em .7em;}

/*bbs button_white */
.white { color: #606060; border: 1px solid  #b7b7b7; background-color: #ffffff; }
.white:hover { color: #606060; background-color: #ededed; }
.white:active { color: #999999; }

/*bbs button_gray */
.gray { color: #ffffff; border: 1px solid  #555; background-color: #6e6e6e; }
.gray:hover { color: #e9e9e9;  background-color: #616161; }
.gray:active { color: #afafaf; }

/*bbs button_blue */
.blue { color: #d9eef7; border: 1px solid  #0076a3; background-color: #0095cd; }
.blue:hover {  color: #d9eef7; background-color: #007ead; }
.blue:active {color: #80bed6; }

/*bbs button_orange */
.orange { color: #fef4e9; border: 1px solid  #da7c0c; background-color: #f78d1d; }
.orange:hover { color: #fef4e9; background-color: #f47c20; }
.orange:active {color: #fcd3a5; }

/* bbs button_red */
.red { color: #faddde; border: 1px solid  #980c10; background-color: #d81b21; }
.red:hover { color: #faddde; background-color: #b61318; }
.red:active {color: #de898c; }

/* bbs button_green */
.green { color: #e8f0de; border: 1px solid  #538312; background-color: #64991e; }
.green:hover {  color: #e8f0de; background-color: #538018; }
.green:active {color: #a9c08c; }

/* bbs button_black */
.black { color: #d7d7d7; border: solid 1px #333; background: #222; }