@charset "utf-8";

/* Init
************************************************** */
html, body {
	width: 100%;
	height: 100%;
	background: #fff;
	color: #222;
}

a:link    {color: #f24a00; text-decoration: underline;}
a:visited {color: #f24a00; text-decoration: underline;}
a:active  {color: #f24a00; text-decoration: underline;}
a:hover   {color: #2eaa00; text-decoration: none;}

.both {
	clear: both;
	height: 0px;
	width: 100%;
	display: block;
	visibility: hidden;
	font-size: 0px;
	line-height: 0em;
	overflow: hidden;
}

.clearfix { zoom: 100%; display:inline-block; }
.clearfix:after { content: ""; clear: both; height: 0; display: block; overflow: hidden; visibility: hidden; }

.clr {clear: both;}

/*font 12px base (japanese)*/
.tx10 {font-size: 83.3%;}
.tx11 {font-size: 91.7%;}
.tx12 {font-size: 100%;}
.tx13 {font-size: 108.3%;}
.tx14 {font-size: 116.7%;}
.tx15 {font-size: 125%;}
.tx16 {font-size: 133.3%;}
.tx17 {font-size: 141.7%;}
.tx18 {font-size: 150%;}
.tx19 {font-size: 158.3%;}
.tx20 {font-size: 166.7%;}
.tx21 {font-size: 175%;}
.tx22 {font-size: 183.3%;}
.tx23 {font-size: 191.7%;}
.tx24 {font-size: 200%;}
.tx25 {font-size: 208.3%;}
.tx26 {font-size: 216.7%;}
.tx27 {font-size: 225%;}
.tx28 {font-size: 233.3%;}

/*font fixed size base (japanese)*/
.tx10f {font-size: 10px;}
.tx11f {font-size: 11px;}
.tx12f {font-size: 12px;}
.tx13f {font-size: 13px;}
.tx14f {font-size: 14px;}
.tx15f {font-size: 15px;}
.tx16f {font-size: 16px;}
.tx17f {font-size: 17px;}
.tx18f {font-size: 18px;}
.tx19f {font-size: 19px;}
.tx20f {font-size: 20px;}
.tx21f {font-size: 21px;}
.tx22f {font-size: 22px;}
.tx23f {font-size: 23px;}
.tx24f {font-size: 24px;}
.tx25f {font-size: 25px;}
.tx26f {font-size: 26px;}
.tx27f {font-size: 27px;}
.tx28f {font-size: 28px;}

.tx_c {text-align: center !important;}
.tx_l {text-align: left !important;}
.tx_r {text-align: right !important;}

.tx_img_l {float: left; margin: 0 16px 4px 0;}
.tx_img_r {float: right; margin: 0 0 4px 16px;}

.box_l {float: left;}
.box_r {float: right;}

.vl_t {vertical-align: top;}
.vl_b {vertical-align: bottom;}
.vl_m {vertical-align: middle;}

strong {font-weight: bold;}

input[type="text"],
textarea {
	font-size: 100%;
	padding: 3px;
	border-top: 1px solid #999;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #999;
}

input[type="text"]:focus,
textarea:focus {
	background: #e7f9d9;
}

object {
	outline: none;
}

img {
	vertical-align:bottom;
}