/* CSS Document */

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

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

#contents h3 span {
display: block;
margin-top: 5px;
}

#contents #section01 {
position: relative;
margin-bottom: 20px;
}

#contents #section01 ul {
list-style: none;
padding-top: 300px;
width: 900px;
}

#contents #section01 li.init {
position: absolute;
top: 20px;
left: 20px;
}

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

#contents #section01 li {
float: left;
}

#contents #section01 .character {
position: absolute;
right: 0;
top: 0;
}

#contents #section02 .left {
position: relative;
float: left;
}

#contents #section02 .left span {
position: absolute;
left: 230px;
top: 0;
}

#contents #section02 .right {
position: relative;
float: right;
}

#contents #section02 .right .item01 {
z-index: 9999;
position: absolute;
right: 0;
bottom: 0;
}

#contents #section02 .right .item02 {
position: absolute;
right: 0;
top: 230px;
}