@charset "utf-8";

/* basic */
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a { margin: 0; padding: 0; border: 0;}
div, table, th, td { border-collapse: collapse;}
input, button { vertical-align: middle;}
img {border:0; vertical-align:middle;}
button { margin: 0; padding: 0; border: 0; background: none;}
ul, ol, li { list-style: none;}
a {text-decoration:none;}
caption{left:2px; top:auto;  height:10px; overflow:hidden; border:10px;}

/* common */
.w10p {width:10% !important;}
.w20p {width:20% !important;}
.w30p {width:30% !important;}
.w40p {width:40% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w90p {width:90% !important;}
.w100p {width:100% !important;}
.w10 {width:10px !important;}
.w20 {width:20px !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.cen {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.pd_l30 {padding-left:30px !important;}
.mg_l10m {margin-left:-10px !important;}
.essential {font-weight:bold; color:red;}

/* ¾÷üº°css */
.online_area th {
    color: #333;
    height:30px;
    text-align:center;
    border: 1px solid #ccc;
	font-weight:bold;
	background:#f7f9fa;
	padding: 5px;
	line-height:;
}

.gu_table01 {padding:8px; text-align:center; border: 1px solid #ccc;} 
.gu_table03 {padding:8px; text-align:left; border: 1px solid #ccc;} 


.button.black, .button.black a, 
.button.black button, 
.button.black input {
    color: #fff;
    background: #333;
    width: 150px;
    height: 40px;
    border-radius: 5px;
    font-size: 13px;
	}
	
.button.black *:hover, 
.button.black *:active, 
.button.black *:focus { background: #111; color:#fff;}