@charset "utf-8";
/* CSS Document */

/*==========================================================================================
 
    1-1.Yahoo UI Library Fonts CSS
    http://developer.yahoo.com/yui/fonts/
    *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    *http://developer.yahoo.com/yui/license.txt
 
    フォントサイズ対応表↓
    77% = 10px  |   123.1% = 16px   |   167% = 22px
    85% = 11px  |   129% = 17px     |   174% = 23px
    93% = 12px  |   136% = 18px     |   182% = 24px
    100% = 13px |   144% = 19px     |   189% = 25px
    108% = 14px |   152% = 20px     |   197% = 26px
    116% = 15px |   159% = 21px     |
==========================================================================================*/
#hoken-header {
	margin: 0 0 20px;
	height: 230px;
}
#hoken-header img { width: 100%; }
#hoken-header h1,
#hoken-header p {
	text-indent: -9999px;
	position: absolute;
	overflow: hidden;
}
#hoken-footer {
	width: 100%;
	padding: 35px 0 40px;
	background: url(/images/hoken/footer_bg.jpg) center top repeat-x;
	text-align: center;
}
#hoken-footer p { font-size: 93%; }
.unit {
	margin: 0 auto 30px;
	width: 930px;
	overflow: hidden;
}
.unit img { width: 100%; }
#compensation h2 {
 height:53px;}

#compensation .contentUnit {
	padding: 20px;
	background: #F0F0F0;
}
#compensation .innerUnit {
	clear: both;
	width: 890px;
	background: url(/common/images/hoken/compensation_bg.gif) top center no-repeat;
	background-size: 100% auto;
}
#compensation .innerUnit ul {
	clear: both;
	padding: 0 0 10px;
	width: 890px;
	background: url(/common/images/hoken/compensation_bottom.gif) bottom center no-repeat;
	background-size: 100% auto;
}
#compensation .innerUnit ul li {
	display: table-cell;
	float: left;
	margin: 0 20px 0 0;
	padding: 20px 17px 10px 16px;
	width: 250px;
	vertical-align: middle;
	font-size: 100%;
	line-height: 1.4em;
}
#compensation .innerUnit ul li.unit3 { margin: 0; }
#compensation .innerUnit ul li img {
	float: left;
	padding: 0 10px 0 0;
	width: auto;
}
#compensation .innerUnit ul li p { padding: 5px 0 0; }
#compensation .innerUnit ul li span {
	color: #B20000;
	font-weight: bold;
	font-size: 129%;
}
#compensation table {
	clear: both;
	margin: 20px 0 0;
	width: 888px;
	border-top: solid 1px #0067BA;
	border-right: solid 1px #0067BA;
	border-left: solid 1px #0067BA;
	background: #FFF;
	font-size: 108%;
	line-height: 1.5em;
}
#compensation table th {
	width: 169px;
	border-bottom: solid 1px #FFF;
	text-indent: -9999px;
}
#compensation table th.unit1 { background: url(/common/images/hoken/compensation1.jpg) center no-repeat; }
#compensation table th.unit2 { background: url(/common/images/hoken/compensation2.jpg) center no-repeat; }
#compensation table th.unit3 {
	border-bottom: solid 1px #0067BA;
	background: url(/common/images/hoken/compensation3.jpg) center no-repeat;
}
#compensation table td {
	padding: 20px 20px 21px;
	border-bottom: solid 1px #0067BA;
}
#compensation table td span {
	padding: 0 5px;
	background: #FFE599;
	color: #FF3F00;
	font-weight: bold;
	font-size: 136%;
}
#calculation h2 { margin: 0 0 1px; height:53px;}
#calculation .contentUnit {
	padding: 20px;
	background: #E8F7FE;
}
#calculation h3 {
	margin: 0 0 15px;
	height: 30px;
	background: url(/common/images/hoken/cal_title.gif) no-repeat;
	text-indent: -9999px;
}
#calculation ul { padding: 0 0 20px; }
#calculation ul li {
	float: left;
	width: 430px;
}
#calculation ul li.leftUnit { padding: 0 30px 0 0; }
#calculation ul li .title {
	width: 430px;
	height: 43px;
}
#calculation ul li.leftUnit .title { }
#calculation ul li.rightUnit .title img { }
#calculation ul li .innerUnit {
	padding: 20px 20px 20px 20px;
	border-right: solid 1px #0063BB;
	border-bottom: solid 1px #0063BB;
	border-left: solid 1px #0063BB;
	background: #FFF;
}
#calculation ul li .innerUnit img { width: auto; }
#calculation ul li .innerUnit .catTitle { }
#calculation ul li.leftUnit .innerUnit .catTitle { }
#calculation ul li.rightUnit .innerUnit .catTitle { }
#calculation ul li .innerUnit .catRes { }
#calculation ul li.leftUnit .innerUnit .catRes { }
#calculation ul li.rightUnit .innerUnit .catRes { }
#calculation #result {
	width: 890px;
	height: 234px;
	margin: 20px 0 0;
}
#calculation #result h4,
#calculation #result p {
	text-indent: -9999px;
	position: absolute;
	top: 0;
	overflow: hidden;
}
#credit { margin: 40px 0 30px; }
#credit .rightUnit { width: 810px; }
#credit .rightUnit p {
	float: left;
	padding: 0 0 0 30px;
	font-size: 116%;
}
#credit img { width: auto; }
.caption {
	clear: both;
	padding: 2px 0 0;
	text-align: right;
	font-size: 93%;
}
#compensation ul:after,
#calculation ul:after,
#contact:after,
#credit:after,
#contact .rightUnit dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	font-size: 0;
}