@charset "utf-8";

@import "../../css/base.css";
@import "../../css/common.css";



div#section-right h2 {
    margin: 10px 0 0 15px;
    width: 420px;
    height: 57px;
    text-indent: -9999px;
}

div#section-right h2.koe {
    background: url(../images/h2_koe.png) top left no-repeat;
}
div#section-right h2.qa {
    background: url(../images/h2_qa.png) top left no-repeat;
}
div#section-right h2.hosyo {
    background: url(../images/h2_hosyo.png) top left no-repeat;
}
div#section-right h2.flow {
    background: url(../images/h2_flow.png) top left no-repeat;
}

/*		ansin
----------------------------------------------------*/
strong {
    font-weight: bold;
}

div#section-right p.notice {
    margin: 10px 0 0 15px;
    width: 600px;
    padding: 10px;
    border: solid 5px #999;
    background: #EEE;
}

dl.flow-list {
	padding: 10px 0 0 35px;
}

dl.flow-list dt {
	padding-bottom: 5px;
	font-weight: bold;
}
dl.flow-list dd {
	padding: 5px 0 5px 18px;
	background: url(../../images/icon_detail.png) center left no-repeat;	
}

dl.step-k {
	padding: 0 20px 0 38px;
}

dl.step-k dt {
	margin-bottom: 20px;
	text-indent:-9999px;
}

dl.step-k dd {
    width: 450px;
	padding: 0 0 0 155px;
	line-height: 1.4;
}

h3 {
	margin: 30px 0 20px 18px; 
	width: 630px;
/*	height: 42px;*/
	height: 120px;
	text-indent:-9999px;
}

.step {
	margin:0 0 0 18px;
	font-weight:bold;
	font-size:14px;
}

h3#step1 {	
	background: url(../images/h3_step1.png) top left no-repeat;
}
h3#step2 {	
	background: url(../images/h3_step2.png) top left no-repeat;
}
h3#step3 {	
	background: url(../images/h3_step3.png) top left no-repeat;
}
h3#step4 {	
	background: url(../images/h3_step4.png) top left no-repeat;
}
h3#step5 {	
	background: url(../images/h3_step5.png) top left no-repeat;
}
h3#step6 {	
	background: url(../images/h3_step6.png) top left no-repeat;
}
h3#step7 {	
	background: url(../images/h3_step7.png) top left no-repeat;
}
h3#step8 {	
	background: url(../images/h3_step8.png) top left no-repeat;
}

dl.step1 dt {
	height: 25px;
	background: url(../images/title_step1.png) top left no-repeat;
}
dl.step2 dt {
	height: 56px;
	background: url(../images/title_step2.png) top left no-repeat;
}
dl.step3 dt {
	height: 25px;
	background: url(../images/title_step3.png) top left no-repeat;
}
dl.step4 dt {
	height: 56px;
	background: url(../images/title_step4.png) top left no-repeat;
}
dl.step5 dt {
	height: 25px;
	background: url(../images/title_step5.png) top left no-repeat;
}
dl.step6 dt {
	height: 56px;
	background: url(../images/title_step6.png) top left no-repeat;
}
dl.step7 dt {
	height: 57px;
	background: url(../images/title_step7.png) top left no-repeat;
}
dl.step8 dt {
	height: 56px;
	background: url(../images/title_step8.png) top left no-repeat;
}

dl.step1 dd {
	height: 115px;
	background: url(../images/bg_step1.png) top left no-repeat;
}
dl.step2 dd {
	height: 118px;
	background: url(../images/bg_step2.png) top left no-repeat;
}
dl.step3 dd {
	height: 102px;
	background: url(../images/bg_step3.png) top left no-repeat;
}
dl.step4 dd {
	height: 89px;
	background: url(../images/bg_step4.png) top left no-repeat;
}
dl.step5 dd {
	height: 119px;
	background: url(../images/bg_step5.png) top left no-repeat;
}
dl.step6 dd {
	height: 111px;
	background: url(../images/bg_step6.png) top left no-repeat;
}
dl.step7 dd {
	height: 120px;
	background: url(../images/bg_step7.png) top left no-repeat;
}
dl.step8 dd {
	height: 113px;
	background: url(../images/bg_step8.png) top left no-repeat;
}

p.noborder {
    border: 0;
}

/*		QandA
----------------------------------------------------*/
strong {
    font-weight: bold;
}

div#section-right h2 {
    margin: 10px 0 0 15px;
    width: 420px;
    height: 57px;
    background: url(../images/h2_qa.png) top left no-repeat;
    text-indent: -9999px;
}

div#section-right p.notice {
    margin: 10px 0 0 15px;
    width: 600px;
    padding: 10px;
    border: solid 5px #999;
    background: #EEE;
}

div#section-right ul#eight-steps {
    margin: 15px 0px 5px 20px;
}
div#section-right ul#eight-steps li {
    margin: 5px 0 0 20px;
    padding: 0 0 0 15px;
    background: url(../../images/icon_detail.png) center left no-repeat;
}

div#section-right dl {
    margin: 20px 0 0 25px;
    padding: 10px;
    width: 580px;
    border: solid 1px #CCC;
}

div#section-right dl dt {
    margin: 10px 0;
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    font-weight: bold;
    border: dotted 1px #CCC;
    border-width: 0 0 1px;
    background: url(../images/icon_q.png) center left no-repeat;
}

div#section-right dl dd {
    margin: 0;
    padding: 10px 10px 10px 40px;
    width: 500px;
    line-height: 2.0;
    background: url(../images/icon_a.png) 0px 10px no-repeat;
}

div#section-right dl dd p {
    margin: 0 0 10px;
}