@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2014-09-08
 * Editor:    contents
 * Modified:  by:contents aya
 *
 * ***********************************************************
 */


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

11px -> 83.4%
12px -> 91.7%
13px -> 100%
14px -> 108.4%
15px -> 116.7%
16px -> 125%
17px -> 133.4%
18px -> 141.7%
19px -> 150%
20px -> 158.4%
21px -> 166.7%
22px -> 175%
23px -> 183.4%
24px -> 191.7%
25px -> 200%
26px -> 208.4%
27px -> 217% 

===================================================== */

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  surety.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */

.leadArea {
	min-height:210px;
	margin-bottom:5.0em;
	padding-right:430px;
	background:url(../images/surety/pic01.jpg) no-repeat right top;
}
.leadArea h2 {
	margin-bottom:36px;
	text-align:center;
}
.leadArea .catch {
	margin-bottom:1.0em;
	font-size:141.7%;
}

.leadArea .txt{
    margin-bottom:8px;
}

.leadArea .link{
    background:url(../images/common/link_arrow.png) no-repeat left 9px; 
    margin-bottom:18px;
    padding-left: 20px;
}

.leadArea .link a{
    color:#007299;
}


.figure {
	margin-bottom:50px;
	text-align:center;
}

.lotL {
	float:left;
	width:485px;
}

.lotR {
	float:right;
	width:485px;
}

.structure { margin-bottom:4.0em; }

.balloon {
	float:right;
	width:485px;
	margin-bottom:1.0em;
	padding:0.8em 0px 1.7em 0px;
	background:#EEE url(../images/surety/bg_bottom.jpg) no-repeat center bottom;
	font-weight:bold;
	text-align:center;
}

.description dt {
	float:left;
	color:#484593;
	font-weight:bold;
}
.description dd {
	margin-bottom:0.8em;
	padding:0px 0px 0.8em 7em;
	border-bottom:1px dotted #EEE;
}
.description.lotR dd { padding-left:12em; }

.use .block { margin-bottom:2.6em; }

.use h4 {
	margin-bottom:0.4em;
	padding-left:20px;	background:url(../images/common/marker_tit01.jpg) no-repeat left 0.2em;
	font-size:141.7%;
}

.use .note {
	padding:10px;
	background:#EEE;
	font-size:83.4%;
}

.note02ttl{
	width:485px;
	color:#484593;
	 float:right;
	padding:5px 0px 5px 0px;
}

.note02 {
	padding:15px;
	background:#EEE;
    width:455px;
    float:right;
}

.note02 .box{
    border: 1px solid #BBB;
    margin-top: 10px;
    padding: 5px 10px;
}

.note02 table.inner{
    margin: 10px 0 5px 0;
}

.note02 .inner th{
    width: 25%;
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
}

.note02 .inner td{
    padding: 0 0 5px 0;
    margin: 0;
    vertical-align: top;
}