html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    font-family: Arial,Helvetica,sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
    color : #727272;
    width: 100%;
    background-position: top left;
    background-attachment: fixed;
    background-color : #FFFFFF;
}





h1 {

  font-size : 36px ;

}



table {

border-collapse: separate;
border-spacing: 0px;
}



.input_type {

border:0;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#FF0000;
border:solid 4px #FF0000;
margin:0 0 20px;
width:240px;
height : 60px;
font-size : 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}




.input_type_no {

border:0;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#02699e;
border:solid 4px #00a5fb;
margin:0 0 20px;
width:240px;
height : 60px;
font-size : 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}








/* margin */

.m_l1  { margin-left:  1px !important; }
.m_l2  { margin-left:  2px !important; }
.m_l3  { margin-left:  3px !important; }
.m_l4  { margin-left:  4px !important; }
.m_l5  { margin-left:  5px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l11 { margin-left: 10px !important; }
.m_l12 { margin-left: 10px !important; }
.m_l13 { margin-left: 15px !important; }
.m_l14 { margin-left: 15px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l16 { margin-left: 15px !important; }
.m_l17 { margin-left: 15px !important; }
.m_l18 { margin-left: 15px !important; }
.m_l19 { margin-left: 15px !important; }
.m_l20 { margin-left: 20px !important; }

.m_l25 { margin-left: 25px !important; }
.m_l29 { margin-left: 29px !important; }

.m_l30 { margin-left: 30px !important; }
.m_l40 { margin-left: 40px !important; }

.m_l50 { margin-left: 50px !important; }
.m_l60 { margin-left: 60px !important; }
.m_l70 { margin-left: 70px !important; }
.m_l88 { margin-left: 88px !important; }


.m_l120 { margin-left: 120px !important; }
.m_l121 { margin-left: 121px !important; }


.m_l125 { margin-left: 125px !important; }
.m_l126 { margin-left: 126px !important; }

.m_l144 { margin-left: 144px !important; }
.m_l145 { margin-left: 145px !important; }
.m_l146 { margin-left: 146px !important; }
.m_l147 { margin-left: 147px !important; }
.m_l150 { margin-left: 150px !important; }
.m_l160 { margin-left: 160px !important; }
.m_l175 { margin-left: 175px !important; }
.m_l182 { margin-left: 182px !important; }


.m_t1  { margin-top:  1px !important; }
.m_t2  { margin-top:  2px !important; }
.m_t3  { margin-top:  3px !important; }
.m_t4  { margin-top:  4px !important; }
.m_t5  { margin-top:  5px !important; }
.m_t6  { margin-top:  6px !important; }
.m_t7  { margin-top:  7px !important; }
.m_t8  { margin-top:  8px !important; }
.m_t9  { margin-top:  9px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t11 { margin-top: 11px !important; }
.m_t12 { margin-top: 12px !important; }
.m_t13 { margin-top: 13px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 {
	margin-top: 20px !important;
}
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t32 { margin-top: 32px !important; }
.m_t33 { margin-top: 33px !important; }
.m_t34 { margin-top: 34px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t40 { margin-top: 40px !important; }
.m_t50 { margin-top: 50px !important; }
.m_t60 { margin-top: 60px !important; }
.m_t70 { margin-top: 70px !important; }
.m_t80 { margin-top: 80px !important; }
.m_t85 { margin-top: 85px !important; }
.m_t90 { margin-top: 90px !important; }
.m_t100 { margin-top: 100px !important; }

.m_r5  { margin-right:  5px !important; }
.m_r9  { margin-right:  9px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r29 { margin-right: 29px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r40 { margin-right: 40px !important; }
.m_r50 { margin-right: 50px !important; }
.m_r60 { margin-right: 60px !important; }
.m_r70 { margin-right: 70px !important; }
.m_r80 { margin-right: 80px !important; }

.m_b5  { margin-bottom:  5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b50 { margin-bottom: 50px !important; }

.m_l_auto { margin-left: auto !important; }
.m_r_auto { margin-right: auto !important; }


/*padding -------------------------------------------------------- */
.p_l3  { padding-left:  3px !important; }
.p_l4  { padding-left:  4px !important; }\
.p_l5  { padding-left:  5px !important; }
.p_l6  { padding-left:  6px !important; }
.p_l7  { padding-left:  7px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l16 { padding-left: 15px !important; }
.p_l17 { padding-left: 15px !important; }
.p_l18 { padding-left: 15px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l21 { padding-left: 21px !important; }
.p_l22 { padding-left: 22px !important; }
.p_l23 { padding-left: 23px !important; }
.p_l24 { padding-left: 24px !important; }
.p_l25 { padding-left: 25px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l40 { padding-left: 40px !important; }
.p_l45 { padding-left: 45px !important; }
.p_l50 { padding-left: 50px !important; }
.p_l55 { padding-left: 55px !important; }
.p_l60 { padding-left: 60px !important; }
.p_l61 { padding-left: 61px !important; }
.p_l62 { padding-left: 62px !important; }
.p_l63 { padding-left: 63px !important; }
.p_l64 { padding-left: 64px !important; }
.p_l65 { padding-left: 65px !important; }

.p_l70 { padding-left: 70px !important; }
.p_l80 { padding-left: 80px !important; }
.p_l90 { padding-left: 90px !important; }

.p_l140 { padding-left: 140px !important; }
.p_l142 { padding-left: 142px !important; }
.p_l143 { padding-left: 143px !important; }
.p_l144 { padding-left: 144px !important; }
.p_l145 { padding-left: 145px !important; }
.p_l146 { padding-left: 146px !important; }
.p_l147 { padding-left: 147px !important; }
.p_l150 { padding-left: 150px !important; }
.p_l160 { padding-left: 160px !important; }
.p_l170 { padding-left: 170px !important; }

.p_t1 { padding-top: 1px !important; }
.p_t2 { padding-top: 2px !important; }
.p_t3 { padding-top: 3px !important; }
.p_t4 { padding-top: 4px !important; }
.p_t5 { padding-top: 5px !important; }
.p_t6 { padding-top: 6px !important; }
.p_t7 { padding-top: 7px !important; }
.p_t8 { padding-top: 8px !important; }
.p_t9 { padding-top: 9px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t13 { padding-top: 13px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t40 { padding-top: 40px !important; }
.p_t50 { padding-top: 50px !important; }
.p_t60 { padding-top: 60px !important; }
.p_t70 { padding-top: 70px !important; }
.p_t80 { padding-top: 80px !important; }
.p_t85 { padding-top: 85px !important; }

.p_t110 { padding-top: 110px !important; }
.p_t120 { padding-top: 120px !important; }
.p_t130 { padding-top: 130px !important; }
.p_t140 { padding-top: 140px !important; }
.p_t150 { padding-top: 150px !important; }


.p_r5  { padding-right:  5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r35 { padding-right: 35px !important; }
.p_r40 { padding-right: 40px !important; }
.p_r50 { padding-right: 50px !important; }

.p_b3  { padding-bottom:  3px !important; }
.p_b5  { padding-bottom:  5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b25 { padding-bottom: 25px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b40 { padding-bottom: 40px !important; }
.p_b50 { padding-bottom: 50px !important; }


.tL{ text-align: left !important; }
.tC{ text-align: center !important; }
.tR{ text-align: right !important; }

/*font-size ------------------------------------------------------ */


.fs7 { font-size: 7px !important; }
.fs8 { font-size: 60% !important; }
.fs9 { font-size: 70% !important; }
.fs10 { font-size: 84% !important; }
.fs11 { font-size: 92% !important; }
.fs12 { font-size: 105% !important;}
.fs13 { font-size: 109% !important;}
.fs14 { font-size: 117% !important; }
.fs16 { font-size: 134% !important; }
.fs17 { font-size: 142% !important; }
.fs18 { font-size: 150% !important; }
.fs19 { font-size: 159% !important; }
.fs20 { font-size: 167% !important; }
.fs21 { font-size: 175% !important; }
.fs22 { font-size: 184% !important; }
.fs23 { font-size: 192% !important; }
.fs24 { font-size: 200% !important; }
.fs25 { font-size: 209% !important; }
.fs26 { font-size: 217% !important; }
.fs28 { font-size: 230% !important; }
.fs30 { font-size: 245% !important; }
.fs40 { font-size: 300% !important; }


.fw { font-weight: bold; }



.v_t {
    vertical-align: top !important;
}


.frame img {
	border-radius: 10px;
}

.SampleBox10{

/* box-shadow */
box-shadow:0px 0px 6px -1px #b8b8b8;
-moz-box-shadow:0px 0px 6px -1px #b8b8b8;
-webkit-box-shadow:0px 0px 6px -1px #b8b8b8;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

}


.top_box {

	width:100%;
	height:30px;

}

.top_desc {

	width:100%;
	height:130px;

}


#top_title h3 {
	overflow: hidden !important;
	text-align: center !important;
	font-size:22px !important;
}
#top_title h3 span {
	position: relative !important;
	display: inline-block !important;
	margin: 0 2.5em !important;
	padding: 0 1em !important;
	text-align: left !important;
}
#top_title h3 span::before,
#top_title h3 span::after {
	position: absolute !important;
	top: 50% !important;
	content: '' !important;
	width: 400% !important;
	height: 1px !important;
	background-color: #ccc !important;
}
#top_title h3 span::before {
	right: 100% !important;
}
#top_title h3 span::after {
	left: 100% !important;
}




#top_title h1 {
	overflow: hidden !important;
	text-align: center !important;
	font-size:22px !important;
}
#top_title h1 span {
	position: relative !important;
	display: inline-block !important;
	margin: 0 2.5em !important;
	padding: 0 1em !important;
	text-align: left !important;
}
#top_title h1 span::before,
#top_title h1 span::after {
	position: absolute !important;
	top: 50% !important;
	content: '' !important;
	width: 400% !important;
	height: 1px !important;
	background-color: #ccc !important;
}
#top_title h1 span::before {
	right: 100% !important;
}
#top_title h1 span::after {
	left: 100% !important;
}




.clear {clear: both;}



.set_hr {
	border-top: 1px dashed #bbb;
	margin-top:0px !important;
	margin-bottom:0px !important;
}


.entry-content {

font-size:18px !important;

}

.entry-content {

font-size:18px !important;

}


.entry-content p {

line-height : 2.0em !important;

}

.color_white {


	color:#FFFFFF;

}

.color_blown {

color : #4c2200;

}

.color_red {


  color : #FF0000 !important;


}

.back_red {

  background-color: #FF0000;

}


.back_black {

  background-color: #000000;

}



.color_green {

color : #93108e;

}


.come_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #00a5fb;
color : #FFFFFF;

padding-left : 65px;
padding-right : 65px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}

.leave_bt {

  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

padding-left : 80px;
padding-right : 80px;
padding-top : 30px;
padding-bottom : 30px;  border: solid #FFFFFF 10px;



background-color: #db3ec7;
color : #FFFFFF;

}


.togther_bt {

  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #00c244;
color : #FFFFFF;
padding-left : 80px;
padding-right : 80px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}



.bar_fine_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

  background-color: #e4cc00;
  color : #FFFFFF;
  padding-left : 60px;
  padding-right : 60px;
  padding-top : 30px;
  padding-bottom : 30px;
  border: solid #FFFFFF 10px;

}



.ok_leave_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #db3ec7;
color : #FFFFFF;

padding-left : 120px;
padding-right : 120px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}



.ok_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #00a5fb;
color : #FFFFFF;

padding-left : 120px;
padding-right : 120px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}

.ok_bar_fine_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #e4cc00;
color : #FFFFFF;

padding-left : 75px;
padding-right : 75px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}


.ok_togther_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #00c244;
color : #FFFFFF;

padding-left : 100px;
padding-right : 100px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}




.correct_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #434343;
color : #FFFFFF;

padding-left : 100px;
padding-right : 100px;
padding-top : 30px;
padding-bottom : 30px;
border: solid #FFFFFF 10px;


}





.back_bt {
  border-radius: 150px;		/* CSS3草案 */
  -webkit-border-radius: 150px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 150px;	/* Firefox用 */

background-color: #00a5fb;
color : #FFFFFF;

padding-left : 10px;
padding-right : 10px;
padding-top : 30px;
padding-bottom : 30px;
background-color: #a21300;
border: solid #FFFFFF 10px;

}




input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.come_color {

  color : #00a5fb;

}

.color_y {

  color : #e0ff10;

}


.color_clock {

  color : #fa95f6;

}