@charset "Shift_JIS";
/* ------------------------
TOP PAGE
--------------------------- */
.top-page #main-content .main-visual {
width: 570px;
margin: 0 0 20px 0;
}
.top-page #main-content .banner-column-three {
width: 570px;
margin: 0 0 20px 0;

border-top: 1px solid #D7EBEA;
padding-top: 20px;
}
.top-page #main-content .banner-column-three .banner {
float: left;
padding-right: 10px;
width: 170px;

}
.top-page #main-content .banner-column-three .banner.last {
padding: 0;
width: 180px;
}
.top-page #main-content .banner-column-three .banner span {
display: block;
padding: 10px 0;
}
/* ------------------------
MAIN CONTENT
--------------------------- */
/* index */
.layout-menu-content.content-page #main-content h2 {
background-image: url(../img/bg_h2.gif);
background-repeat: no-repeat;
background-position: bottom;

width: 550px; /*570-20*/
height: 36px; /*46-10*/
padding-left: 20px;
padding-top: 10px;
font-size: 18px;
margin-bottom: 10px;
}
.layout-menu-content.content-page #main-content h3 {
background-image: url(../img/bg_h3.jpg);
background-repeat: no-repeat;
background-position: bottom;

width: 550px; /*570-20*/
height: 25px; /*28-3*/
padding-left: 20px;
padding-top: 3px;
margin-top: 18px;
font-size: 18px;
color: #FFF;
}
.layout-menu-content.content-page #main-content h4 {
background-image: url(../img/bg_h4.gif);
background-repeat: no-repeat;
background-position: bottom;

width: 550px; /*570-20*/
height: 20px; /*23-3*/
padding-left: 20px;
padding-bottom: 3px;
margin-top: 18px;
font-size: 18px;
}

/* padding */
#main-content p,
#main-content dl,
#main-content ul,
#main-content ol,
#main-content table {
padding: 10px 20px 10px 20px;
}

/* a, ul-li */
#main-content p a,
#main-content ul li {
background: url(../img/li_triangle-orange.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left: 10px;
margin-left: 2px;
margin-right: 2px;
}

#main-content ul li span.new {
color: #F30;
font-weight: bold;
padding-left: 3px;
}

/* ol-li */
#main-content ol {
margin-left: 10px;
}
#main-content ol li {
background: none;
list-style-type: decimal;
list-style-position: outside;
}

/* box */
#main-content .box {
margin: 5px 20px 5px 20px;
background-color: #FAF2D9;
padding: 5px;

font-weight: bold;
}

/* dl-dt-dd */
#main-content dl dt {
background-image: url(../img/li_circle_orange.gif);
background-repeat: no-repeat;
background-position: left center;

width: 515px; /*530-15*/
height: 20px; /*48-10*/
padding-left: 15px;
font-size: 14px;
font-weight: bold;
}
#main-content dl dd {
padding-left: 15px;
}
#main-content dl dd p {
padding-left:0;
}
#main-content dl {
padding: 10px 20px 10px 20px;
}

/* table */
#main-content table {
border: none;
width: 540px;
}
#main-content table td {
padding: 5px 0 5px 0;
}
#main-content table.chart {
border-collapse: collapse;
margin: 10px auto 20px auto;
width: 100%;
}
#main-content div table.chart {
width: 90%;
margin-left: auto 0 0 0;
}
#main-content table.chart th,
#main-content table.chart td {
border: 1px solid #96A590;
padding: 5px;

font-size: 0.8em;
}
#main-content table.chart th {
background-color: #E2F7F8;
}

/* acrobat */
#main-content .acrobat {
clear: both;
width: 546px; /*570-14*/
background-color: #F4F4F4;
padding: 7px;
}
#main-content .acrobat p {
padding: 5px;
font-size: 11px;
}

/* column news */
#main-content .author {
text-align: right;
padding: 20px 20px 20px 0;
}
#main-content .column-body p {
}
#main-content .news-title {
font-weight: bold;
text-align: center;
font-size: 1em;
}

/* backtotop */
#backtotop {
position: relative;
float: right;
text-align: right;
width: 540px;
height: auto;
padding-top: 20px
}

/* qanda */
#main-content dl.qanda dt {
background: none;
padding-left: 0;
height: auto;
}

/* caption */
span.caption {
display: block;
clear: both;
}
