@charset "utf-8";

/* override styles */
#content01 h1 {
margin-bottom:11px;
}

/* flow */
#content01 .flow {
margin-bottom:19px;
}
#content01 .flow ol {
overflow:hidden;
height:100%;
}
#content01 .flow li {
float:left;
margin-right:4px;
padding-left:4px;
}
#content01 .flow ol img {
vertical-align:bottom;
}

/* step */
#content01 .step {
margin-bottom:11px;
background-position:13px 42px;
background-repeat:no-repeat;
}
#content01 .step h2 {
margin-bottom:10px;
}
#content01 .step p {
margin-left:205px;
font-size:1.2em;
}

/* step01 */
#step01 {
position:relative;
min-height:100px;
height:auto !important;
height:100px;
padding-bottom:140px;
background-image:url(../img/index_bg_01.png);
}
#step01 .image {
position:absolute;
right:3px;
bottom:0;
z-index:-1;
}
#step01 p {
margin-right:220px;
}

/* step02 */
#step02 {
position:relative;
min-height:175px;
height:auto !important;
height:175px;
padding-bottom:70px;
background-image:url(../img/index_bg_02.png);
}
#step02 .image {
position:absolute;
right:3px;
bottom:0;
z-index:-1;
}
#step02 p {
margin-right:220px;
}

/* step03 */
#step03 {
height:100%;
margin-bottom:0;
padding-bottom:29px;
background-image:url(../img/index_bg_03.png);
}
#step03 .image {
display:inline;
float:right;
margin:4px 3px 14px 0;
}
#step03 p {
margin-right:220px;
margin-bottom:18px;
}
#step03 .notes {
margin:0 220px 29px 205px;
font-size:1.2em;
}
#step03 .notes li {
margin-left:1em;
text-indent:-1em;
}
/* each case */
#step03 .case {
overflow:hidden;
width:715px;
padding:1px 0;
border-top:1px dotted #E6E6E6;
border-bottom:1px dotted #E6E6E6;
}
#step03 .case-inner {
padding:10px 0 11px 16px;
background-color:#EFF6FC;
}
#step03 .even {
border:none;
}
#step03 .even .case-inner {
padding-top:11px;
background-color:#fff;
}
#step03 .case h3 {
float:left;
margin-top:41px;
}
#step03 .case ol {
overflow:hidden;
height:100%;
margin-left:135px;
}
#step03 .case li {
float:left;
}
#step03 .case ol img {
vertical-align:bottom;
}

/* step04 */
#step04 {
min-height:215px;
height:auto !important;
height:215px;
background-image:url(../img/index_bg_04.png);
}
#step04 p {
margin-bottom:18px;
}
#step04 .notes {
padding-left:1em;
text-indent:-1em;
}