
/*--------------------------------------
	font-size percent
--------------------------------------*/
/*
10px → 77% | 11px → 85% | 12px → 93% (was 93%)  | 13px→100%
14px 108% (was 107%)　15px 116% (was 114%)　16px 123.1% (was 122%)
17px 131% (was 129%)　18px 138.5% (was 136%)　19px 146.5% (was 144%)
20px 153.9% (was 152%)　21px 161.6% (was 159%)　22px 167%
23px 174%　24px 182%　25px 189%　26px 197%
*/

/* =========================================================
	静的ファイル
=============================================================*/
#main-contents { padding-bottom:15px;}
#main-contents .col-tit h1 span { padding-left:10px;}
#main-contents h2 { font-size:146.5%; font-weight:bold; padding-left:10px; margin:20px 0 0 0; background:url(../img/ico_tit.gif) no-repeat left center;}
#col-static { font-size:108%; padding-bottom:30px; min-height:450px; height:auto!important; height:450px;}
#col-static h3 { font-size:108%; font-weight:bold; margin-top:20px;}
#col-static h3.first-child { margin-top:0;}

#col-static a:link { color: #18329d; text-decoration: none;}
#col-static a:visited { text-decoration: none;}
#col-static a:hover { color: #18329d; text-decoration: underline;}
#col-static a:active { color: #18329d; text-decoration: underline;}
#col-static .pagetop { font-size:93%; text-align:right; padding-top:5px; margin-top:20px; border-top:1px solid #ccc;}

#col-static strong { font-weight:bold;}
#col-static p { margin-top:5px;}
#col-static p.read { margin-bottom:20px;}
#col-static ul { margin:5px 0;}


ul.list-disc li { list-style: disc; margin-left:1.5em;}
ul.list-num li { list-style: decimal; margin-left:2.5em;}
ul.list-num ul.list-disc li { list-style: disc; margin-left:1.5em;}


/* 静的 お問い合わせ */
div#col-static ul.list-none li dt{ list-style: none; margin-left:1.5em;margin-top:20px; padding-left:15px; font-size:110%; font-weight:bold;margin-bottom:1px; background: url(../img/bg_gnavi_sub.png) no-repeat left center; }
div#col-static ul.list-none li dd{ margin-left:1.5em; padding-left:30px; font-size:100%;margin-bottom:0px;  }
div#col-static ul.list-none li dd a { color:#3c3cff; }

ul.nolist li {list-style: none!important; margin-left: 0;}

ul.link-anc { padding-bottom:15px; border-bottom:1px solid #ccc;}
ul.link-anc li { font-size:93%; display:inline;}
ul.link-anc li a { display:inline-block; padding: 0 8px 3px 15px; background:url(../img/ico_arw_d1.png) no-repeat left center; zoom: 1;}

table.tb-formula th,
table.tb-formula td{ vertical-align:top;}
table.tb-formula th { padding-right:20px;}

table.tb-usage { margin-top:10px;}
table.tb-usage th,
table.tb-usage td { padding: 3px 5px; border:1px solid #ccc; vertical-align:top;}
table.tb-usage th { font-weight:bold; background:#e6edfa;}
table.tb-usage th span { font-weight:bold;}
table.tb-usage .first { white-space: nowrap;border-left: none!important;}
table.tb-usage .last { border-right: none!important;}
.tb-l { float:left;}
img.img-r { float:left; padding-left:20px;}

.bgred {background:#ffeef0!important;}
.bgnone {background: none!important;}

.blue { color:#2375e0;}
.red { color:#ff5252;}

/* 計算ボタン */
.exebtn{
    padding: 2px 5px 2px 5px ;
    background: #5a73a5;
	color: #FFFFFF;
	border-top:2px solid #aaaaaa;
	border-left:2px solid #aaaaaa;
	line-height:28px;

}

/* 計算式エリア */
label.f_exp::before{
	content:'計算式';
	border-right: 1px solid #aaaaaa;
	margin-right:5px;
	background-color:#f8f8f8;
	padding: 3px 4px 3px 4px;
	color:black;
}

label.f_exp{
	border:1px solid #aaaaaa;
	margin-left:0;
	padding: 3px 5px 3px 0;
	line-height:27px;
	color:#2375e0;
}

/* 計算式エリア 2段 */
table.f_exp2{margin-bottom:2px; }
table.f_exp2 tr th{
	background-color:#f8f8f8;
	color:black;
	font-weight:normal;
}
table.f_exp2 tr td{
	padding:0 1px 1px 2px;
	color:#2375e0;
}


/* 変数式エリア */
label.f_vari::before{
	content:'変数';
	padding: 3px 3px 3px 3px; 
	background-color:#f8f8f8;
	color:black;
}

label.f_vari{
	border:1px solid #aaaaaa;
	padding: 3px 3px 3px 0;
	line-height:27px;
	color:#2375e0;
}


label.f_vari span{
	background-color:#f8f8f8;
	margin-right:5px; 
	border-right:1px solid #aaaaaa;
	padding: 3px 5px 3px 4px; 
	color:black;
}

label.f_vari span::after{
	margin-right:5px; 
}

/* 答えエリア */
label.f_ans::before{
	content:'答え';
	border-right: 1px solid #aaaaaa;
	margin-right:5px;
	background-color:#f8f8f8;
	padding: 3px 4px 3px 4px;
	color:black;
}

label.f_ans{
	border:1px solid #aaaaaa;
	margin-left:0;
	display: inline;
	padding: 3px 4px 3px 0;
	line-height:30px;
	color:#ff5252;
	
}
/* 答えエリア 複数行*/
table.f_ans_ar   {
	line-height:18px;
	margin-left:0;
	border-spacing: 0;
	border:0;
	border-right:1px solid #aaaaaa;
}
table.f_ans_ar th{
	font-weight:normal;
	text-align:left;
	background-color:#f8f8f8;
	margin:0;
	padding:2px 3px 2px 3px;
	border-right:0;

}
table.f_ans_ar td{
	color:#ff5252;
	padding:0 3px 0 3px;
	border-top:0;
	border-right:0;

}
