@charset "Shift_JIS";

/* CSS Document */

.margin-t20 {
margin-top: 20px;
}
.margin-b20 {
margin-bottom: 20px;
}
.clear {
clear: both;
height: 1px;
}

#mbContents {
float: left;
width: 100%;
margin:1.6em 0pt 1.5em;
padding: 0px;
text-align: left;
}


#mbContents ul#head-menu {
display: block;
width: 538px;
height: 95px;
margin: 0;
margin-top: 10px;
padding: 0;
list-style: none;
background: url(../images/banner.gif) no-repeat 0px 5px;
}
#mbContents ul#head-menu li {
display: block;
float: left;
margin: 0;
margin-top: 5px;
padding: 0;
}
#mbContents ul#head-menu li a {
display: block;
float: left;
width: 176px;
height: 45px;
margin: 0;
padding: 0;
text-indent: -9999em;
}
#mbContents ul#head-menu li#Anchor01 a {
background: url(../images/banner.gif) 0px 0px;
}
#mbContents ul#head-menu li#Anchor02 a {
background: url(../images/banner.gif) -181px 0px;
}
#mbContents ul#head-menu li#Anchor03 a {
background: url(../images/banner.gif) -362px 0px;
}
#mbContents ul#head-menu li#Anchor04 a {
background: url(../images/banner.gif) 0px -50px;
}
#mbContents ul#head-menu li#Anchor05 a {
background: url(../images/banner.gif) -181px -50px;
}
#mbContents ul#head-menu li#Anchor01 a:hover {
background: url(../images/banner.gif) 0px -95px;
}
#mbContents ul#head-menu li#Anchor02 a:hover {
background: url(../images/banner.gif) -181px -95px;
}
#mbContents ul#head-menu li#Anchor03 a:hover {
background: url(../images/banner.gif) -362px -95px;
}
#mbContents ul#head-menu li#Anchor04 a:hover {
background: url(../images/banner.gif) 0px -145px;
}
#mbContents ul#head-menu li#Anchor05 a:hover {
background: url(../images/banner.gif) -181px -145px;
}

#mbContents h2 {
clear: both;
display: block;
width: 538px;
height: 45px;
margin: 0;
margin-top: 30px;
margin-bottom: 20px;
padding: 0;
text-indent: -9999em;
background-repeat: no-repeat;
}
#mbContents h2#f-one01 {
background: url(../images/h2_f-one01.gif)
}
#mbContents h2#f-one02 {
background: url(../images/h2_f-one02.gif)
}
#mbContents h2#f-one03 {
background: url(../images/h2_f-one03.gif)
}
#mbContents h2#f-one04 {
background: url(../images/h2_f-one04.gif)
}
#mbContents h2#f-one05 {
background: url(../images/h2_f-one05.gif)
}

/* 段落設定 */
#mbContents p {
font-size: 12px;
color: #646464;
line-height: 1.5em;
padding: 0 15px;
}
#mbContents p a {
text-decoration: underline;
}
#mbContents p a:hover {
color: #FF9900;
text-decoration: underline;
}
#mbContents p.risk {
font-size: 10px;
line-height: 12px;
margin-top: 10px;
padding-right: 15px;
text-align: right;
background: url(../images/icon_arrow-orange.gif) no-repeat 425px 0px;
}
#mbContents p.pagetop {
clear: both;
font-size: 10px;
line-height: 12px;
margin-top: 10px;
padding-right: 15px;
text-align: right;
background: url(../images/icon_arrow-blue.gif) no-repeat 450px 0px;
}
#mbContents p.demo {
font-size: 12px;
line-height: 12px;
margin-top: 10px;
padding-left: 30px;
background: url(../images/icon_arrow-orange.gif) no-repeat 15px 0px;
}
#mbContents p.attention {
color: #009DFF;
font-size: 10px;
line-height: 12px;
margin-top: 0;
margin-bottom: 20px;
padding-left: 15px;
}

/* FXは外貨預金よりも、ずっとスグレもの */
#mbContents h3.point a {
clear: both;
display: block;
width: 510px;
height: 42px;
margin: 0 auto;
margin-bottom: 5px;
padding: 0;
text-indent: -9999em;
background-repeat: no-repeat;
}

#mbContents h3#point01 a {
margin-top: 20px;
background: url(../images/h3_point01.gif);
}
#mbContents h3#point02 a {
background: url(../images/h3_point02.gif);
}
#mbContents h3#point03 a {
background: url(../images/h3_point03.gif);
}
#mbContents h3#point04 a {
background: url(../images/h3_point04.gif);
}
#mbContents h3#point05 a {
background: url(../images/h3_point05.gif);
}
#mbContents h3#point06 a {
background: url(../images/h3_point06.gif);
}


/*スマートトレードは魅力いっぱい*/
#mbContents #design-box {
width: 510px;
background: #E5F5FF;
margin: 0 auto;
margin-top: 20px;
padding: 0 0 20px;
}
#mbContents #design-box .design {
width: 410px;
background: #FFF;
margin: 0 auto;
padding: 20px;
}
#mbContents #design-box h3 a {
clear: both;
display: block;
width: 510px;
height: 30px;
margin: 10px auto 0;
padding: 0;
text-indent: -9999em;
background-repeat: no-repeat;
}
#mbContents #design-box h3#design01 {
background: url(../images/h3_design01.gif);
}
#mbContents #design-box h3#design02 {
background: url(../images/h3_design02.gif);
}
#mbContents #design-box h3#design03 {
background: url(../images/h3_design03.gif);
}
#mbContents #design-box h3#design04 {
background: url(../images/h3_design04.gif);
}
#mbContents #design-box h3#design05 {
background: url(../images/h3_design05.gif);
}
#mbContents #design-box .design p {
margin-bottom: 15px;
padding: 0;
}
#mbContents #design-box .design p.no-image {
margin-bottom: 0px;
padding: 0;
}

/* 投資スタイルに合わせた商品の選び方 */
#mbContents .select-box {
width: 510px;
margin: 0 auto;
margin-bottom: 5px;
padding: 0;
}
#mbContents .select-box h3 a {
clear: both;
display: block;
width: 510px;
height: 70px;
margin: 0 auto;
padding: 0;
text-indent: -9999em;
background-repeat: no-repeat;
}
#mbContents .select-box h3#select01 {
background: url(../images/h3_f-one01.gif);
}
#mbContents .select-box h3#select02 {
background: url(../images/h3_f-one02.gif);
}
#mbContents .select-box h3#select03 {
background: url(../images/h3_f-one03.gif);
}
#mbContents .select-box h3#select04 {
background: url(../images/h3_f-one04.gif);
}
#mbContents .select-box h3#select05 {
background: url(../images/h3_f-one05.gif);
}
#mbContents .select-box h3#select06 {
background: url(../images/h3_f-one06.gif);
}
#mbContents .select-box p {
width: 310px;
margin-bottom: 5px;
padding: 10px;
padding-top: 0px;
padding-left: 190px;
background: #E5F5FF;
}

/* NTTスマートトレードの魅力を語る */
#mbContents .comment-box {
clear: both;
width: 510px;
margin: 20px auto 0;
margin-bottom: 5px;
padding: 0;
}
#mbContents .comment-box .comment {
float: left;
width: 240px;
margin: 0 auto;
padding: 5px;
background: #E5F5FF;
}
#mbContents .comment-box .comment2 {
float: right;
width: 240px;
margin: 0 auto;
padding: 5px;
background: #E5F5FF;
}
#mbContents .comment-box h4 {
width: 240px;
font-size: 15px;
margin: 0 auto;
padding: 0;
padding-bottom: 5px;
border-bottom: 1px solid #B3B3B3;
}
#mbContents .comment-box p {
padding: 10px 5px;
font-size: 10px;
}
#mbContents .comment-box img {
float: left;
padding-top:10px;
padding-right: 5px;
}
#mbContents .comment-box p img.play-m {
float: left;
padding-top: 5px;
}


/* オンライン口座開設で、1週間以内にお取引が始められます */
#mbContents .online-box {
clear: both;
width: 730px;
margin: 0 auto;
margin-bottom: 5px;
padding: 0;
}
#mbContents .online-box h4.online {
float: left;
display: block;
width: 117px;
height: 130px;
padding: 0;
padding-bottom: 5px;
text-indent: -9999em;
}
#mbContents .online-box h4#online01 {
background: url(../images/back_online01.gif) no-repeat;
}
#mbContents .online-box h4#online02 {
background: url(../images/back_online02.gif) no-repeat;
}
#mbContents .online-box h4#online03 {
background: url(../images/back_online03.gif) no-repeat;
}
#mbContents .online-box h4#online04 {
background: url(../images/back_online04.gif) no-repeat;
}
#mbContents .online-box h4#online05 {
background: url(../images/back_online05.gif) no-repeat;
}
#mbContents .online-box h4#online06 {
height: 100px;
padding-bottom: 0;
background: url(../images/back_online06.gif) no-repeat;
}

#mbContents .online-box p {
float: right;
display: block;
width: 590px;
height: 80px;
padding: 10px;
background: #FCEACC;
}