/* CSS Document */

/* contents
---------------------------------------------------------*/
#contents h2 {
margin-bottom: 30px;
}

#contents h3 {
margin-bottom: 30px;
}

#contents #section01 {
position: relative;
margin-bottom: 20px;
padding-bottom: 30px;
background: url(../image/howto/howto_section01_border.png) left bottom no-repeat;
}

#contents #section01 p {
margin: 0 auto 10px;
width: 860px;
}

#contents #section01 .item01 {
position: absolute;
left: 0;
top: -20px;
}

#contents #section01 .item02 {
position: absolute;
right: 0;
top: -10px;
}

#contents #section01 ul {
list-style: none;
margin: 0 auto;
width: 860px;
}

#contents #section01 li {
float: left;
}

#contents #section02 {
position: relative;
width: 900px;
height: 370px;
}

#contents #section02 p {
position: absolute;
left: 0;
top: 0;
}

#contents #section02 .parts01 {
z-index: 9999;
position: absolute;
right: 5px;
top: 0;
}

#contents #section02 .parts02 {
position: absolute;
left: 0;
bottom: 0;
}

#contents #section02 .capture {
position: absolute;
right: 0;
bottom: 0;
}