@charset "utf-8";
/* ==================================================================
CSS information
style info :まとめてダウンロードキャンペーン用
================================================================== */

@import url("layout.css");

/* --------------------------------------------------------
コンテンツ内
-------------------------------------------------------- */
/* .section-01
-------------------------------------------------------- */
.section-01 {
position: relative;
}

.section-01 ul{
margin: 0 0 0 139px;
}

.section-01 .image-01 {
position: absolute;
top: -19px;
left: 550px;
}

/* .section-02
-------------------------------------------------------- */
.section-02 {
position: relative;
margin: 10px 0 15px;
padding: 106px 0 0;
height: 390px;
background: url(../img/matomete/bg_section-02.png) no-repeat;
}

.section-02 > .section-hdg,
.section-06 > .section-hdg {
position: absolute;
top: 21px;
left: 212px;
}

.section-02 .text-01,
.section-06 .text-01 {
position: absolute;
top: -18px;
left: 14px;
}

.section-02 .col2 {
margin: 0 0 0 -4px;
padding: 0 23px;
}
.section-02 .col2 > .col{
float: left;
width: 363px;
margin: 0 0 0 4px;
}

table {
width: 100%;
margin-bottom:1px;
border-right: 1px solid #f88b7f;
border-bottom: 1px solid #f88b7f;
color: #4c4c4c;
}
*:first-child+html table { /*IE7*/
border-collapse:separate;
border-spacing:0;
}
table th,
table td {
padding: 10px;
text-align: center;
}
table thead th {
border-top: 1px solid #f88b7f;
border-left: 1px solid #f88b7f;
background: #f88b7f;
font-weight: bold;
}
table thead th + th {
border-left-color: #fff;
}
table tbody th,
table tbody td {
border-top: 1px solid #f88b7f;
border-left: 1px solid #f88b7f;
background: #fff;
}
table tbody td.password{
font-size:18px;
font-weight: bold;
}

.section-02 .btn-01 {
margin: 10px 23px 0;
text-align: right;
}

/* .section-03
-------------------------------------------------------- */
.section-03 .text-01 {
text-align: center;
}

/* .section-04
-------------------------------------------------------- */
.section-04 {
position: relative;
margin: 25px 0;
height: 1145px;
background: url(../img/matomete/bg_section-04.png) no-repeat;
}

.section-04 > .section-hdg {
position: relative;
top: -15px;
left: 12px;
}

.section-04 .text-01 {
margin: 0 0 24px 36px;
}

.section-04 .list-flow {
margin: 0 0 34px 23px;
}
.section-04 .list-flow > li {
float: left;
}
.section-04 .list-flow .flow-01 {
margin: 0 0 6px 5px;
}
.section-04 .list-flow .flow-02 {
margin: 0 0 6px 15px;
}
.section-04 .list-flow .flow-03 {
margin: 0 0 6px 101px;
}
.section-04 .list-flow .flow-04 {
margin: 0 0 6px 51px;
}
.section-04 .list-flow .flow-05 {
margin: 0 0 9px 5px;
}
.section-04 .list-flow .flow-06 {
margin: 0 0 9px 7px;
}
.section-04 .list-flow .flow-07 {
margin: 0 0 0 41px;
}
.section-04 .list-flow .flow-08 {
margin: 0 0 0 33px;
}

.section-04 .text-02 {
text-align: center;
}

/* .section-05
-------------------------------------------------------- */

.section-05 {
position: relative;
margin: 10px 0 0;
padding: 106px 0 10px;
height: 619px;
background: url(../img/matomete/bg_section-05.png) no-repeat;
}

.section-05 > .section-hdg {
position: absolute;
top: 21px;
left: -4px;
}

.section-05 .text-01 {
position: absolute;
top: -15px;
left: 566px;
}

.section-05 .col {
margin: 0 0 0 -4px;
padding: 0 23px;
}

.section-05 table th,
.section-05 table td{
padding: 8px;
}

/* .section-06
-------------------------------------------------------- */
.section-06 {
position: relative;
margin: 10px 0 15px;
padding: 106px 0 0;
height: 729px;
background: url(../img/matomete/bg_section-06.png) no-repeat;
}

.section-06 > .section-hdg {
position: absolute;
top: 21px;
left: 212px;
}

.section-06 .text-01 {
position: absolute;
top: -18px;
left: 14px;
}

.section-06 .col{
margin: 0 0 0 -4px;
padding: 0 23px;
}

.section-06 table th,
.section-06 table td {
padding: 8px;
}