@charset "utf-8";
/**----------------------------------------------------------
 *CSS information
 *
 * file name	: utility.css
 * author		: takaaki koyama
 * style info	:  utility class
 -----------------------------------------------------------*/

/* utility class
--------------------------------------------------- */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
* html .clearfix{
	display:inline-block;
}
*+ html .clearfix{
	display:inline-block;
}

.fs12to10{font-size:0.833em;}
.fs12to11{font-size:0.917em;}
.fs12to13{font-size:1.084em;}
.fs12to14{font-size:1.167em;}
.fs12to15{font-size:1.250em;}
.fs12to16{font-size:1.334em;}
.fs12to17{font-size:1.417em;}
.fs12to18{font-size:1.500em;}
.fs12to19{font-size:1.584em;}
.fs12to20{font-size:1.667em;}
.fs12to21{font-size:1.750em;}
.fs12to22{font-size:1.834em;}
.fs12to23{font-size:1.917em;}
.fs12to24{font-size:2.000em;}
.fs12to25{font-size:2.084em;}
.fs12to26{font-size:2.167em;}

/* add kataoka start*/

.fs10{font-size:1em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}

.dis_none{display: none;}
.dis_block{display: block;}
.dis_inline{display: inline;}
.dis_inline_block{display: inline-block;}

/* add kataoka end*/

.text_input{
	border:none;
}

input.text_input{
	padding:4px;
}

textarea.text_input{
	padding:4px;
}

input:disabled,
select:disabled
{
	background:#E8E8E8;
	color:#ACA899;
	border:1px solid #E5E5E5;
}

.ime_disable{
	ime-mode:disabled;
}
.ime_active{
	ime-mode:active;
}
.ime_inactive{
	ime-mode:inactive;
}


.mp {cursor:pointer;}

.fl{ float:left;}
.fr{ float:right;}

/* margin-top [px] */
.mt0{ margin-top:0 !important;}
.mt_05{ margin-top:5px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_20{ margin-top:20px;}
.mt_25{ margin-top:25px;}
.mt_30{ margin-top:30px;}
.mt_35{ margin-top:35px;}
.mt_40{ margin-top:40px;}
/* margin-right [px] */
.mr0{ margin-right:0 !important;}
.mr_05{ margin-right:5px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}
.mr_25{ margin-right:25px;}
.mr_30{ margin-right:30px;}
.mr_35{ margin-right:35px;}
.mr_40{ margin-right:40px;}
/* margin-bottom [px] */
.mb0{ margin-bottom:0 !important;}
.mb_05{ margin-bottom:5px}
.mb_10{ margin-bottom:10px;}
.mb_15{ margin-bottom:15px;}
.mb_20{ margin-bottom:20px;}
.mb_25{ margin-bottom:25px;}
.mb_30{ margin-bottom:30px;}
.mb_35{ margin-bottom:35px;}
.mb_40{ margin-bottom:40px;}
/* margin-left [px] */
.ml0{ margin-left:0 !important;}
.ml_05{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}
.ml_20{ margin-left:20px;}
.ml_25{ margin-left:25px;}
.ml_30{ margin-left:30px;}
.ml_35{ margin-left:35px;}
.ml_40{ margin-left:40px;}

/* margin-top [em] */
.mt-05{ margin-top:0.5em;}
.mt-10{ margin-top:1.0em;}
.mt-15{ margin-top:1.5em;}
.mt-20{ margin-top:2.0em;}
.mt-25{ margin-top:2.5em;}
.mt-30{ margin-top:3.0em;}
.mt-35{ margin-top:3.5em;}
.mt-40{ margin-top:4.0em;}
/* margin-right [em] */
.mr-05{ margin-right:0.5em;}
.mr-10{ margin-right:1.0em;}
.mr-15{ margin-right:1.5em;}
.mr-15{ margin-right:2.0em;}
.mr-25{ margin-right:2.5em;}
.mr-30{ margin-right:3.0em;}
.mr-35{ margin-right:3.5em;}
.mr-40{ margin-right:4.0em;}
/* margin-bottom [em] */
.mb-05{ margin-bottom:0.5em}
.mb-10{ margin-bottom:1.0em;}
.mb-15{ margin-bottom:1.5em;}
.mb-20{ margin-bottom:2.0em;}
.mb-25{ margin-bottom:2.5em;}
.mb-30{ margin-bottom:3.0em;}
.mb-35{ margin-bottom:3.5em;}
.mb-40{ margin-bottom:4.0em;}
/* margin-left [em] */
.ml-05{ margin-left:0.5em;}
.ml-10{ margin-left:1.0em;}
.ml-15{ margin-left:1.5em;}
.ml-20{ margin-left:2.0em;}
.ml-25{ margin-left:2.5em;}
.ml-30{ margin-left:3.0em;}
.ml-35{ margin-left:3.5em;}
.ml-40{ margin-left:4.0em;}

/* padding-top [px] */
.pt_05{ padding-top:5px;}
.pt_10{ padding-top:10px;}
.pt_15{ padding-top:15px;}
.pt_20{ padding-top:20px;}
.pt_25{ padding-top:25px;}
.pt_30{ padding-top:30px;}
/* padding-right [px] */
.pr_05{ padding-right:5px;}
.pr_10{ padding-right:10px;}
.pr_15{ padding-right:15px;}
.pr_20{ padding-right:20px;}
.pr_25{ padding-right:25px;}
.pr_30{ padding-right:30px;}
/* padding-bottom [px] */
.pb_05{ padding-bottom:5px}
.pb_10{ padding-bottom:10px;}
.pb_15{ padding-bottom:15px;}
.pb_20{ padding-bottom:20px;}
.pb_15{ padding-bottom:25px;}
.pb_30{ padding-bottom:30px;}
/* padding-left [px] */
.pl_05{ padding-left:5px;}
.pl_10{ padding-left:10px;}
.pl_15{ padding-left:15px;}
.pl_20{ padding-left:20px;}
.pl_25{ padding-left:25px;}
.pl_30{ padding-left:30px;}

/* padding-top [em] */
.pt-05{ padding-top:0.5em;}
.pt-10{ padding-top:1.0em;}
.pt-15{ padding-top:1.5em;}
.pt-20{ padding-top:2.0em;}
.pt-25{ padding-top:2.5em;}
.pt-30{ padding-top:3.0em;}
/* padding-right [em] */
.pr-05{ padding-right:0.5em;}
.pr-10{ padding-right:1.0em;}
.pr-15{ padding-right:1.5em;}
.pr-20{ padding-right:2.0em;}
.pr-25{ padding-right:2.5em;}
.pr-30{ padding-right:3.0em;}
/* padding-bottom [em] */
.pb-05{ padding-bottom:0.5em}
.pb-10{ padding-bottom:1.0em;}
.pb-15{ padding-bottom:1.5em;}
.pb-20{ padding-bottom:2.0em;}
.pb-15{ padding-bottom:2.5em;}
.pb-30{ padding-bottom:3.0em;}
/* padding-left [em] */
.pl-05 { padding-left:0.5em;}
.pl-10 { padding-left:1.0em;}
.pl-15 { padding-left:1.5em;}
.pl-20 { padding-left:2.0em;}
.pl-25 { padding-left:2.5em;}
.pl-30 { padding-left:3.0em;}

.va{ vertical-align:-0.15em;}

.tac{ text-align: center;}
.tal{ text-align:left;}
.tar{ text-align:right;}

.fwb{ font-weight:bold;}
.fwn{ font-weight:normal;}

.elem_w20{ width:20px;}
.elem_w30{ width:30px;}
.elem_w40{ width:40px;}
.elem_w50{ width:50px;}
.elem_w60{ width:60px;}
.elem_w70{ width:70px;}
.elem_w80{ width:80px;}
.elem_w90{ width:90px;}
.elem_w100{ width:100px;}
.elem_w110{ width:110px;}
.elem_w120{ width:120px;}
.elem_w130{ width:130px;}
.elem_w140{ width:140px;}
.elem_w150{ width:150px;}
.elem_w160{ width:160px;}
.elem_w170{ width:170px;}
.elem_w180{ width:180px;}
.elem_w190{ width:190px;}
.elem_w200{ width:200px;}
.elem_w210{ width:210px;}
.elem_w220{ width:220px;}
.elem_w230{ width:230px;}
.elem_w240{ width:240px;}
.elem_w250{ width:250px;}
.elem_w260{ width:260px;}
.elem_w270{ width:270px;}
.elem_w280{ width:280px;}
.elem_w290{ width:290px;}
.elem_w300{ width:300px;}
.elem_w310{ width:310px;}
.elem_w320{ width:320px;}
.elem_w330{ width:330px;}
.elem_w340{ width:340px;}
.elem_w350{ width:350px;}
.elem_w360{ width:360px;}
.elem_w370{ width:370px;}
.elem_w380{ width:380px;}
.elem_w390{ width:390px;}
.elem_w400{ width:400px;}
.elem_w410{ width:410px;}
.elem_w420{ width:420px;}
.elem_w430{ width:430px;}
.elem_w440{ width:440px;}
.elem_w450{ width:450px;}
.elem_w460{ width:460px;}
.elem_w470{ width:470px;}
.elem_w480{ width:480px;}
.elem_w490{ width:490px;}
.elem_w500{ width:500px;}
.text_input.elem_w20{ width:12px;}
.text_input.elem_w30{ width:22px;}
.text_input.elem_w40{ width:32px;}
.text_input.elem_w50{ width:42px;}
.text_input.elem_w60{ width:52px;}
.text_input.elem_w70{ width:62px;}
.text_input.elem_w80{ width:72px;}
.text_input.elem_w90{ width:82px;}
.text_input.elem_w100{ width:92px;}
.text_input.elem_w110{ width:102px;}
.text_input.elem_w120{ width:112px;}
.text_input.elem_w130{ width:122px;}
.text_input.elem_w140{ width:132px;}
.text_input.elem_w150{ width:142px;}
.text_input.elem_w160{ width:152px;}
.text_input.elem_w170{ width:162px;}
.text_input.elem_w180{ width:172px;}
.text_input.elem_w190{ width:182px;}
.text_input.elem_w200{ width:192px;}
.text_input.elem_w210{ width:202px;}
.text_input.elem_w220{ width:212px;}
.text_input.elem_w230{ width:222px;}
.text_input.elem_w240{ width:232px;}
.text_input.elem_w250{ width:242px;}
.text_input.elem_w260{ width:252px;}
.text_input.elem_w270{ width:262px;}
.text_input.elem_w280{ width:272px;}
.text_input.elem_w290{ width:282px;}
.text_input.elem_w300{ width:292px;}
.text_input.elem_w310{ width:302px;}
.text_input.elem_w320{ width:312px;}
.text_input.elem_w330{ width:322px;}
.text_input.elem_w340{ width:332px;}
.text_input.elem_w350{ width:342px;}
.text_input.elem_w360{ width:352px;}
.text_input.elem_w370{ width:362px;}
.text_input.elem_w380{ width:372px;}
.text_input.elem_w390{ width:382px;}
.text_input.elem_w400{ width:392px;}
.text_input.elem_w410{ width:402px;}
.text_input.elem_w420{ width:412px;}
.text_input.elem_w430{ width:422px;}
.text_input.elem_w440{ width:432px;}
.text_input.elem_w450{ width:442px;}
.text_input.elem_w460{ width:452px;}
.text_input.elem_w470{ width:462px;}
.text_input.elem_w480{ width:472px;}
.text_input.elem_w490{ width:482px;}
.text_input.elem_w500{ width:492px;}