@charset "UTF-8";
/*  Cascading Style Sheet:
Smile - for the site of Smilax
--------------------------------------
author: Fukuyama (Siemple Inc.)
version: 1.0.1
date: 17 Apr. 2010
last update: 09 May. 2010
======================================

--------------------------------------
*/

#SPX #container p.catTitle {
text-indent: 0px;
}

#SPX .catTitle em, #SPX h1 em, #SPX h2 em, #SPX h3 em {
visibility: hidden;
overflow: hidden;
}

.feature p.catTitle {
background: url(/sp/images/ttl-feature.gif) no-repeat 0 50px;
}

#SPX caption {
caption-side: top;
}

.sp-feat h1 {
background: url(/sp/images/ttl-ecowin.gif) no-repeat left top;
height: 54px;
margin: 0 -22px 15px;
}

#feature03 h1 {
background: url(/sp/images/ttl-reformloan.gif) no-repeat left top;
height: 54px;
margin: 0 -22px 15px;
}

#SPB01 h2 {
background: url(/sp/images/ttl-bl01.gif) no-repeat left top;
height: 36px;
}

#SPB02 h2 {
background: url(/sp/images/ttl-bl02.gif) no-repeat left top;
height: 36px;
}

#SPB03 {
background: url(/sp/images/bg-bl03_02.gif) repeat-y center top;
margin: 12px 0 24px;
}

#SPB03 h2 {
background: url(/sp/images/bg-bl03_01.gif) no-repeat center top;
height: 104px;
}

#SPB03 #sp-ecop {
background: url(/sp/images/bg-bl03_03.gif) no-repeat center bottom;
padding: 0 22px 16px;
}

.sp-feat h3 {
color: #360;
line-height: 110%;
background: url(/sp/images/mrk-h3.gif) no-repeat left center;
padding: 6px 0 6px 20px;
}

.sp-feat h3#sp-b0102 {
background: url(/sp/images/ttl-inplus.gif) no-repeat left top;
height: 24px;
padding: 0;
}

.sp-feat ul, .sp-feat ol {
margin: 0 0 0 24px;
}

.sp-feat h3.sp-attn {
color: #630;
background: none;
margin: 18px 0 12px;
padding: 6px 0;
}

.sp-feat ul {
list-style-image: url(/sp/images/mrk-disk.gif);
list-style-position: outside;
list-style-type: none;
}

.sp-feat table {
border-collapse: separate;
border-spacing: 4px;
}

.sp-feat td, .sp-feat th {
font-size: 90%;
text-align: left;
vertical-align: top;
}

.sp-feat td dt {
color: #fff;
font-weight: bold;
font-size: 110%;
background: #690;
text-align: center;
vertical-align: top;
}

.sp-note {
color: #666;
font-size: 90%;
}

.sp-topic {
background: #fff2c5;
border: #ccc 1px solid;
margin: 12px 0;
padding: 6px 12px;
}

#SPX .sp-topic h3 {
color: #630;
font-size: 110%;
line-height: 100%;
background: url(/sp/images/pointer_m.gif) no-repeat left center;
border-bottom: #630 1px dashed;
padding: 8px 0 8px 32px;
}

.sp-braker {
clear: both;
}

.sp-gold {
text-align: center;
}

.sp-cons {
float: right;
}

.sp-avant {
float: left;
}

.sp-mini {
font-size: 80%;
}

.sp-conv {
text-align: center;
border: #ccc 1px solid;
padding: 12px 0;
margin: 12px 0;
}

dd.sp-ecop {
font-size: 75%;
}

dd.sp-ecop em {
color: #900;
font-size: 200%;
font-weight: bold;
font-style: normal;
}

.sp-feat ul.sp-note {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 6px 0;
}

#SPX sub {
font-size: 75%;
vertical-align: baseline;
}

.sp-feat ul.sp-cons {
list-style-image: none;
margin: 0;
padding: 0;
}

.sp-cons img {
padding: 0 0 12px 24px;
}

dl.sp-qanda {
border: #690 3px solid;
background: #690;
}

dl.sp-qanda dt {
float: left;
color: #fff;
font-weight: bold;
background: #690 url(/sp/images/arrow02.gif) no-repeat right center;
width: 220px;
padding: 8px 32px 8px 16px;
}

dl.sp-qanda dd {
color: #690;
background: #fff;
padding: 8px 16px;
}

dl.sp-qanda dt, dl.sp-qanda dd {
font-weight: bold;
font-size: 125%;
}

dl#sp-maker {
border: #ccc 1px solid;
padding: 2px 8px;
margin: 0 0 24px;
}

dl#sp-maker dt {
color: #999;
}

dl#sp-maker dd {
display: inline;
}

.sp-stnd h2 {
color: #630;
}

.sp-stnd dt {
color: #777;
font-weight: bold;
}

.sp-stnd table {
border-collapse: collapse;
margin: 0 0 24px;
}

.sp-stnd caption {
color: #630;
font-size: 110%;
font-weight: bold;
text-align: left;
}

.sp-stnd th {
background: #CCC;
font-weight: bold;
}

.sp-stnd th, .sp-stnd td {
border: #966 1px solid;
padding: 2px 4px;
}

.sp-stnd table ul {
list-style-image: none;
list-style-type: disc;
}

table .sp-foc {
background: #FFC;
}

.sp-sect {
margin: 0 0 24px;
}

.sp-parade dd {
display: inline;
background: url(/sp/images/mrk-disk.gif) no-repeat left center;
padding: 0 8px 0 16px;
}

.sp-parade dd.sp-note {
display: block;
background: none;
}

ol.sp-qanda {
list-style-type: none;
margin: 0 0 24px;
padding: 0;
}

ol.sp-qanda li {
margin: 0;
padding: 0;
}

.sp-qanda dl {
margin: 0;
padding: 12px 0;
}

.sp-qanda dt {
border-bottom: #C60 1px dotted;
}

.sp-qanda dd {
margin: 0;
padding: 6px 0;
}