/* CSS Document */

/* flow */

#sekkiTtl.h1-index{width:800px; background: url("../img/h1_index.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-explanation{width:800px; background: url("../img/h1_explanation.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-estimate{width:800px; background: url("../img/h1_estimate.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-measuring{width:800px; background: url("../img/h1_measuring.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-payment{width:800px; background: url("../img/h1_payment.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-kantan{width:800px; background: url("../img/h1_kantan.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl.h1-kantan-finish{width:800px; background: url("../img/h1_kantan_finish.jpg") no-repeat top; margin:0; padding:0; height:100px;}
#sekkiTtl span{ display:block; background:none; padding:0; margin:0; font-size:1px; text-indent:-9999px;}

#flow1{background:url(../img/step1.gif) no-repeat left bottom;}
#flow2{background:url(../img/step2.gif) no-repeat left bottom;}
#flow3{background:url(../img/step3.gif) no-repeat left bottom;}
#flow4{background:url(../img/step4.gif) no-repeat left bottom;}
#flow5{background:url(../img/step5.gif) no-repeat left bottom;}
#flow6{background:url(../img/step6.gif) no-repeat left bottom;}
#flow7{background:url(../img/step7.gif) no-repeat left bottom;}

.flowMain{padding-bottom:1px;}
.flowMain .block-l{width:430px; padding-bottom:20px;}
.flowMain h4{width:131px; background:url(../img/step_t.gif) no-repeat left top; margin:0; padding:10px 5px 70px 10px; font-size:12px; display:block; color:#5C221D; float:left;}
#flow7 h4{ padding-bottom:32px;}

.explanationTable{margin:10px 10px 30px;}
.explanationTable table,.explanationTable th,.explanationTable td{border-spacing:0;border-collapse:collapse;border:solid #fff;border-width:1px 2px}
.explanationTable th{background:#EFEFEF;font-weight:normal;padding:4px 3px}
.explanationTable td{background:#EAF6D5;padding:4px 3px}
.explanationTable td.tdPk,.explanationTable td.tdPkhd{background:#FCE7F0}
.explanationTable td.tdbl,.explanationTable td.tdblhd{background:#D9EBFB}
.explanationTable td.tdGrhd,.explanationTable td.tdblhd,.explanationTable td.tdPkhd{padding:0;width:150px;}
.explanationTable .explanationTableBtn{margin:10px 0 0;}
.explanationTable2{margin:10px 15px 10px;}

.explanationStrong {padding:2px 4px; background:#78655A; color:#FFFFFF; margin-bottom:4px;}

table.area{margin-bottom:15px}
table.area,.courseDetail .area th,.courseDetail .area td{border-spacing:0;border-collapse:collapse;border:solid #666;border-width:1px 0}
.area td{padding:4px 2px}
.area th{padding:4px 2px 4px 6px;font-weight:normal;text-align:left;width:80px}
.area caption{text-align:left;padding-top:3px;}

.estimateImg{margin-left:5px;}
.estimateP{ margin-top:30px; border-top:1px solid #BBBBBB; padding-top:10px;}

#contents .measuringTable{ margin:10px 10px 20px; text-align:left;}
#contents .measuringTable td{text-align:left;}

#contents .measuringMain{margin:10px 15px 0px; padding-bottom:15px; border-bottom:1px dashed #BBBBBB;}
#contents .measuringMain a{margin:12px 0 0 15px;}
#contents .measuringMain ul{margin:3px 15px; padding:0;}
#contents .measuringMain h5{ padding:2px 0 2px 24px;}
#contents #measuring1 h5{background:url(../img/num1.gif) no-repeat left top;}
#contents #measuring2 h5{background:url(../img/num2.gif) no-repeat left top;}
#contents #measuring3 h5{background:url(../img/num3.gif) no-repeat left top;}
#contents #measuring4 h5{background:url(../img/num4.gif) no-repeat left top;}

.guideMain{padding-bottom:1px;background:url(../../guide/img/step_b.gif) no-repeat left bottom;}
.guideMain .block-l{width:430px; padding-bottom:20px;}
.guideMain h5{width:131px; background:url(../../guide/img/step_t.gif) no-repeat left top; margin:0; padding:10px 5px 10px 10px; font-size:12px; display:block; color:#333; float:left;}

.estimatePersonal{margin:10px 10px 30px;}
.estimatePersonal th{ background:#78655A; color:#fff; width:109px; vertical-align:top; text-align:left; font-weight:normal;}
.estimatePersonal td{ background:#f5f5f5; width:431px;}

input.submit-a{background:url(../../estimate/img/btn_send.gif); width:140px; height:30px; font-size:1px; color:#F75C00; border:none; cursor:pointer;}
input.submit-b{background:url(../../estimate/img/btn_back.gif); width:140px; height:30px; font-size:1px; color:#F75C00; border:none; cursor:pointer;}


#contents .flowWrapper1{  width:585px; background:url(../img/no_arrow.gif) no-repeat left top; padding-top:33px;}
#contents .flowWrapper2{  width:585px; background:url(../img/arrow1_2.gif) no-repeat left top; padding-top:60px;}
#contents .flowWrapper3{  width:585px; background:url(../img/arrow2_1.gif) no-repeat left top; padding-top:60px;}
#contents .flowWrapper4{  width:585px; background:url(../img/arrow1_1.gif) no-repeat left top; padding-top:60px;}
#contents .flowWrapper5{  width:585px; background:url(../img/arrow2_2.gif) no-repeat left top; padding-top:60px;}
#contents .flowWrapperPrice{  width:585px; background:url(../img/arrow_price.gif) no-repeat left top; padding-top:92px;}
#contents .flowInner1{  width:585px; background:url(../img/box_middle1.gif) repeat-y left top;}
#contents .flowInner2{  width:585px; background:url(../img/box_middle2.gif) repeat-y left top;}
#contents .flowInnerBottom{  width:585px; padding-bottom:30px ;  background:url(../img/box_bottom.gif) no-repeat left bottom;}
#contents h3.flowIcon{ width:120px; font-size:16px; background:none; margin:0; padding:0 20px 0 15px;  float:left; position:relative; top:-10px;}
#contents .txtBox1{ width:380px;  padding:0 50px 0 0 ; float:left;}
#contents .txtBox2L{width:180px; padding:0 40px 0 0 ; float:left;}
#contents .txtBox2R{width:180px; padding:0 30px 0 0 ; float:left;}
#contents .flowH{padding:0; margin:0; font-weight:bold;color:#5C221D; font-size:12px; border-left:none;}
#contents .flowTxt{padding:6px 0 6px; margin:0;}
#contents .flownote{color:#ff0000; font-weight:bold;}