@charset "utf-8";

.FltL{
float:left;
}

.FltR{
float:right;
}
.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}
.mt30{
margin-top:30px;
}

.mr10{
margin-right:10px;
}

.mr15{
margin-right:15px;
}

.mr5{
margin-right:5px;
}

.ml10{
margin-left:10px;
}

.ml15{
margin-left:15px;
}

.ml180{
margin-left:180px;
}

.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}


.red {
color:#D40000;
}

.green{
color:#04C10D;
}
.gray{
color:#757575;
}

.grn {
color:#090;
}



/*flowChart*/
ul.flowChart img{padding: 0 10px  0;}
p.c1lear{float:none;}
ul.flowChart{width:590px;height:56px;float:left;padding:0 0 0 0 ;margin:10px 0 20px 15px;}
*html ul.flowChart{margin-left:8px;}
ul.flowChart li{height:61px;float:left;padding:0 0 0 0 ;margin:0 0 0 0;}
ul.flowChart li.flow01 a{width:69px;height:61px;background: url(../../flow/img/step1.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow02 a{width:80px;height:61px;background: url(../../flow/img/step2.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow03 a{width:80px;height:61px;background: url(../../flow/img/step3.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow04 a{width:80px;height:61px;background: url(../../flow/img/step4.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow05 a{width:80px;height:61px;background: url(../../flow/img/step5.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow06 a{width:80px;height:61px;background: url(../../flow/img/step6.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow07 a{width:69px;height:61px;background: url(../../flow/img/step7.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul.flowChart li.flow08 a{width:52px;height:61px;background: url(../../flow/img/step8.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}

ul.flowChart li.flow01 a:hover,
ul.flowChart li.flow02 a:hover,
ul.flowChart li.flow03 a:hover,
ul.flowChart li.flow04 a:hover,
ul.flowChart li.flow05 a:hover,
ul.flowChart li.flow06 a:hover,
ul.flowChart li.flow07 a:hover,
ul.flowChart li.flow08 a:hover
{background-position: 0 -61px;}

a.next{width:140px;height:59px;background: url(../../flow/img/flow_btn1.gif) no-repeat left top;text-indent: -9999px;display:block;margin-left : auto ; margin-right : auto ;margin-top:20px;}
a.next:hover{background-position: 0 -59px;}
/*new*/


/*newend*/

.flowBox{
width:590px;margin:5px 0 20px 15px;font-size:0.9em;color:#7d5c4b;}
.flowBox img{both:clear;}
.flowBox p{both:clear;}

h3.flow01{
background:url(../../flow/img/flow_cycle.gif) no-repeat 0 4px;
padding:0 0 0 15px;
margin:15px 0 0 0;
clear:both;
}

h3.flow02{
background:url(../../flow/img/flow_cycle.gif) no-repeat 217px 4px;
padding:0 0 0 15px;
margin:15px 0 0 217px;
text-indent:1em;
}
h3.flow03{
background:url(../../flow/img/flow_cycle.gif) no-repeat 0 10px;
padding:2px 0 2px 15px;
margin:15px 0 0 0;
clear:both;
}


#article h3{
margin:10px 0 5px;
}

h3.flow_subtit{
padding:0 0 0 10px;
}

.indent{
margin:0 0 0 15px;
}

.indent1{
/*margin-left:230px;*/
margin-left:275px;
}
.indent2{
margin-left:3.5em;
text-indent:-2.5em;
}
.indent3{
margin-left:2.5em;
text-indent:-1.5em; 
}

.dbline{border-bottom: dotted 2px #669900;paddding-right:10px;
}

.txtred_b{font-size:16px;color:#D40000;font-weight:bold;}

#baloon1{height:120px;background:url(../../flow/img/fukidashi01.gif) no-repeat 265px 10px;
pading:0;text-indent:60px;margin-top:10px;}

/*hack*/
*html #baloon1{height:120px;background:url(../../flow/img/fukidashi01.gif) no-repeat -3px 10px;
pading:0;text-indent:60px;margin-top:10px;}

*:first-child+html #baloon1{height:120px;background:url(../../flow/img/fukidashi01.gif) no-repeat -3px 10px;
pading:0;text-indent:60px;margin-top:10px;}

*html #baloon2{height:140px;background:url(../../flow/img/fukidashi02.gif) no-repeat -3px 10px;
pading:0;text-indent:22px;padding-top:22px;}

*:first-child+html #baloon2{height:140px;background:url(../../flow/img/fukidashi02.gif) no-repeat -3px 10px;
pading:0;text-indent:22px;padding-top:22px;}


*html ul.iei{width:310px;height:200px;float:right;margin-top:-110px;}
*html ul li.iei1{width:139px;float:left;margin-right:15px;}
*html ul li p.iei2{font-size:0.8em;text-align:center;color:#555;}

/*hack*/


#baloon1 p.batit{font-weight:bold;padding-top:20px;}
#baloon1 ul{margin-top:5px;}
#baloon1 ul li{font-size:0.9em;margin-left:5px;line-height:1.5em;}

#baloon2{height:140px;background:url(../../flow/img/fukidashi02.gif) no-repeat 265px 10px;
pading:0;text-indent:15px;padding-top:22px;}
#baloon2 ul li{line-height:1.6em;font-size:0.9em;}
*:first-child+html #baloon2 ul li{line-height:1.6em;font-size:12px;}


ul.iei{width:310px;height:200px;float:right;margin-top:10px;}
ul li.iei1{width:139px;float:left;margin-right:15px;}
ul li p.iei2{font-size:0.8em;text-align:center;color:#555;}

ul.flowList{
}

ul.flowList li{
list-style:disc inside;
}

ul.flowList2{
width:370px;
}

ul.flowList2 li{
list-style:disc inside;
margin:0 0 0 10px;
}


ul.select{
width:590px;
margin:5px 0 0 0;
}
ul.select li{
float:left;
width:139px;
text-align:center;
color:#555;
}
ul.select li p{
font-size:12px;
}


table.flowTbl {
width:588px;
border:1px solid #D9D9D9;
border-collapse:collapse;
margin-left:15px;
clear:both;
}
table.flowTbl th {
background:#A2A2A2;
color:#FFF;
border-top:1px solid #FFF;
font-weight:normal;
padding:5px 10px;
width:12em;
}
table.flowTbl th.top{
border:none;
}

table.flowTbl td {
padding:5px 10px;
border:1px solid #D9D9D9;
}




#step4 .box1 {width:370px;float:left;}
#step4 .box1 h3{width:370px;height:19px;background:url(../../flow/img/flow_stit02.gif) no-repeat left bottom;display:block;text-indent: -9999px;margin:0;}
#step4 .flow2 h3{width:370px;height:19px;background:url(../../flow/img/flow_stit05.gif) no-repeat left bottom;display:block;text-indent: -9999px;margin:0;}
#step4 .box1 img{float:left;padding:10px 10px 0 0;}
#step4 .box1 p{padding:10px 0 0 0;}

#step4 .box2{width:210px;float:left; margin:0 0 0 10px;}
#step4 .box2 h3{width:210px;height:19px;background:url(../../img/contact_tm.gif) no-repeat left bottom;display:block;text-indent: -9999px;margin:0;}
#step4 .box2 p{width:210px;height:64px;background-image:url(../../img/contact_tel.gif);display:block;text-indent: -9999px;margin:10px 0 0 0;}
#step4 .box2 a{width:210px;height:61px;background-image:url(../../img/contact_btn_inet.gif);display:block;text-indent: -9999px;}
#step4 .box2 a:hover{background-position: 0 -61px;}

ul.flowChart:after,
.flowList2:after,
#step4:after,
.flowBox:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.flowChart,
.flowList2,
#step4,
.flowBox{
	height:1%;
	overflow:hidden;
	/* Hide for Mac IE5 \*/
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}


p.small{font-size:0.9em;}
.clr{clear:both;}