@charset "utf-8";
/* --------------------------------------------------------------------

voice.css

-------------------------------------------------------------------- */
#article h1 {
background: url(../img/voice/bg_ttl.jpg) no-repeat left top;
}
#article div.voiceTitle {
margin: 0;
padding: 0 0 0 10px;
width: 715px;
height: 218px;
}
#article div.voiceTitle h2 {
margin: 0;
padding: 0 0 0 8px;
border: none;
background: none;
}
#article div.voiceTitle h2 span {
display: block;
font-size: 93%;
font-weight: normal;
color: #303080;
line-height: 1.4;
}
#article div.voiceTitle p {
font-size: 108%;
font-weight: bold;
color: #303080;
margin: 0;
padding: 55px 205px 0 10px;
}
#article div#example1 {
background: url(../img/voice/bg_a_title.gif) left top no-repeat;
}
#article div#example2 {
background: url(../img/voice/bg_b_title.gif) left top no-repeat;
}
#article div#example3 {
background: url(../img/voice/bg_c_title.gif) left top no-repeat;
}
#article div#example4 {
background: url(../img/voice/bg_d_title.gif) left top no-repeat;
}
#article div#example6 p,
#article div#example5 p,
#article div#example4 p{
padding: 44px 205px 0 10px;
}
#article div#example4 h2 {
padding: 10px 0 10px 8px;
}
#article div#example5 {
background: url(../img/voice/bg_e_title.gif) left top no-repeat;
}
#article div#example5 h2 {
padding: 10px 0 10px 8px;
}
#article div#example6 {
background: url(../img/voice/bg_f_title.gif) left top no-repeat;
}
#article div#example6 h2 {
padding: 10px 0 10px 8px;
}
#article div.silhouetteBox {
margin: 0 5px 1.5em;
}
#article div.silhouetteBox dl {
margin: 0;
}
#article div.silhouetteBox dl#a_reason01Bottom {
padding: 14px 120px 0 14px;
background: url(../img/voice/bg_comment01_01.gif) left top no-repeat;
}
#article div.silhouetteBox dl#a_reason01Bottom dt span {
padding: 0.7em 0 0 80px;
}
#article div.silhouetteBox dl#a_reason02Bottom {
padding: 14px 14px 0 94px;
background: url(../img/voice/bg_comment01_02.gif) left top no-repeat;
}
#article div.silhouetteBox dl#a_reason03Bottom {
margin: 0 0 0 1px;
padding: 14px;
background: url(../img/voice/bg_comment_bottom03.gif) left bottom no-repeat;
}
#article div.silhouetteBox dl#a_reason03Bottom dd {
padding: 0;
}
#article div.silhouetteBox dl#a_reason03Bottom dd span {
display: block;
padding: 13px 0 0 0;
}
#article div.silhouetteBox dl dt {
font-size: 100%;
font-weight: bold;
color: #303080;
margin: 0 0 0.5em;
line-height: 1.3;
}
#article div.silhouetteBox dl dt img {
float: left;
display: block;
vertical-align: middle;
}
#article div.silhouetteBox dl dt span {
display: block;
padding: 0 0 0 80px;
}
#article div.silhouetteBox dl dd {
color: #303080;
margin: 0;
padding: 0;
line-height: 1.4;
}
#article div#a_reason01Top {
padding: 0 0 14px;
background: url(../img/voice/bg_comment_bottom01.gif) left bottom no-repeat;
}
#article div#a_reason02Top {
margin: 0 12px 1.5em 4px;
padding: 0 0 14px;
background: url(../img/voice/bg_comment_bottom02.gif) right bottom no-repeat;
}
#article div#a_reason03Top {
background: url(../img/voice/bg_comment01_03.gif) left top no-repeat;
}
#article div#b_commentTop {
margin: 2.5em 0 1.5em 10px;
background: url(../img/voice/bg_comment_bottom01.gif) left bottom no-repeat;
}
#article div#b_commentTop p {
color: #303080;
padding: 44px 120px 44px 14px;
background: url(../img/voice/bg_comment02.gif) left top no-repeat;
}
#article div#c_commentTop {
margin: 2.5em 0 2em 10px;
background: url(../img/voice/bg_comment_bottom01.gif) left bottom no-repeat;
}
#article div#c_commentTop p {
color: #303080;
padding: 18px 120px 18px 14px;
background: url(../img/voice/bg_comment03.gif) left top no-repeat;
}
#article ul.voiceList {
padding: 4px 8px 6px;
width: 697px;
border: 1px solid #cecece;
background: #f3f3f3;
}
#article ul.voiceList li {
float: left;
margin: 0 9px 0 0;
padding: 0;
width: 226px;
background: none;
}
#article ul.voiceList li.side {
margin: 0;
}
#article ul.voiceList li:nth-child(3n) {
margin: 0;
}
#article table#historyTable td {
vertical-align: top;
}
#article table#historyTable td.spiTD {
color: #303080;
}
#article table#historyTable td ul {
margin: 0.2em 0;
}
#article table#historyTable td ul li {
margin: 0;
}
#article p.subject {
font-size: 116%;
font-weight: bold;
margin: 2em 0 1.2em;
margin-top: 0;
padding: 0.7em 10px 0.75em;
border-top: 3px solid #7373d6;
border-top: none;
background: url(../img/common/bg_dotted_dark.gif) repeat-x left bottom;
}
#article dl.indexList {
margin: 0 0 1em;
padding: 0 10px;
}
#article dl.indexList dt {
font-weight: bold;
margin: 0 0 0.3em;
padding: 0 0 0 20px;
background: url(../img/common/bg_circle03.gif) left 0.5em no-repeat;
}
#article dl.indexList dt a {
font-size: 108%;
}
#article dl.indexList dd {
margin: 0 -10px 0.8em;
padding: 0 10px 1em 30px;
background: url(../img/common/bg_dotted_dark.gif) repeat-x left bottom;
line-height: 1.5;
}
#article dl.indexList dd:last-child {
padding-bottom: 0;
background: none;
}
#article dl.indexList dd.last {
padding-bottom: 0;
background: none;
}
#article table th.w45 {
width: 45%;
}
#article table th.w10 {
width: 10%;
}
#article table tbody th {
text-align: center;
}
/* clearfix
-------------------------------------------------------------------- */
.clearfix, #article div.silhouetteBox dl dt, #article ul.voiceList {
display: inline-block;
}
.clearfix, #article div.silhouetteBox dl dt, #article ul.voiceList {
display: block;
}
.clearfix:after, #article div.silhouetteBox dl dt:after, #article ul.voiceList:after {
content: url(../img/common/spacer.gif);
display: block;
clear: both;
height: 0;
}