#side { background:url(../news/img/bg_tt.jpg) top left no-repeat; }


/* ---------- CONTENTS --------- */

#section {
width:auto;
text-align:left;
padding:30px 30px 20px 30px;
}

.reference {
width:auto;
margin:0;
padding:20px 0 0 80px;
background:url(../news/img/bg_reference.gif) top left no-repeat;
}

.list {
background-color:#ffffff;
border:1px solid #cccccc;
border-collapse:separate;
margin:0 0 10px 0;
}

.list caption {
width:auto;
font-size:11px;
color:#333333;
text-align:left;
line-height:18px;
padding:5px 5px 3px 10px;
border-top:1px dotted #cccccc;
background-color:#efefef;
}

.list th {
font-size:11px;
color:#666666;
line-height:15px;
text-align:center;
font-weight:normal;
padding:5px;
background-color:#fafafa;
}

.list td {
font-size:12px;
color:#333333;
line-height:18px;
text-align:left;
padding:10px;
}

.list td { border:1px solid #efefef; }

.s_txt {
width:auto;
text-align:right;
font-size:11px;
color:#666666;
line-height:15px;
padding:5px;
background-color:#efefef;
}

.note {
width:auto;
text-align:right;
margin:10px 0 0 0;
padding:10px 0 0 0;
background:url(../img/line_g.gif) top left repeat-x;
}

.note_a {
width:auto;
margin:10px 0 10px 0;
padding:10px 15px 10px 15px;
border:1px dotted #cccccc;
}


/* chart */

.section_chart {
padding:0 0 20px 0;
background:url(../workflow/img/bg_chart.gif) top left repeat-y;
background-position:40px 0px;
}

.section_chart p { margin-left:60px; }
.section_chart td p { margin-left:60px; margin-right:20px; }

.section_chart ul {
margin:0 0 20px 60px;
padding:10px 10px 10px 25px;
border:1px solid #cccccc;
background-color:#ffffff;
}

.section_chart ul li {
font-size:12px;
line-height:18px;
color:#333333;
}

.note_01 {
padding:0 0 20px 0;
text-align:center;
}

.note_02 {
padding:15px 20px 15px 20px;
margin:0;
border:1px solid #cccccc;
text-align:center;
}

.red { color:#cc0000; }