@charset "utf-8";

/* ===================== general style ===================== */

#etf-top {
padding:85px 0 10px 25px;
background:#EFEFED url(/etf/images/bg_about-etf.jpg) no-repeat left top;
}
#etf-top .cont-box {
width:820px;
margin:0 0 15px 0;
}
#etf-top .cont-box h3 {
margin:0;
}
#etf-top .cont-box .box_bd {
border:1px solid #CCCCCC;
padding:10px;
background:#FFFFFF;
}
#etf-top .cont-box .box_l {
float:left;
width:500px;
}
#etf-top .cont-box p.img {
float:right;
width:220px;
}
#etf-top .cont-box dl {
width:500px;
}
#etf-top .cont-box dl dt {
clear:both;
float:left;
width:240px;
margin:0 0 6px 0;
}
#etf-top .cont-box dl dd {
float:left;
width:220px;
margin:7px 0 0 0;
padding:0 0 0 28px;
background:url(/etf/images/icn_movie.gif) no-repeat 0 0;
}
#etf-top .cont-box dl dd.blank {
float:left;
background:none;
}
#etf-top .cont-box p.risk {
clear:both;
float:none;
margin:0 0 7px 10px;
padding:0 0 0 9px;
background:url(/nam_common/nam_images/icn_arw_rgt.gif) no-repeat 0 4px;
}

#gray-box .bg_none {
background:none !important;
}
#gray-box .pb_none {
padding-bottom:0 !important;
}  

#gray-box {
padding:7px 0 0 0;
background:#FFFFFF url(/etf/images/gray-box_top.gif) no-repeat left top;
}
#gray-box .box_bottom {
padding:0 0 5px 0;
background:url(/etf/images/gray-box_btm.gif) no-repeat left bottom;
}
#gray-box .box_middle {
padding:0 10px 20px 25px;
background:url(/etf/images/gray-box_mdl.gif) repeat-y left
}
#gray-box .box_middle h3 {
margin-top:0;
padding:20px 0 0 0;
}
#gray-box table {
width:820px;
margin:0 0 15px 0;
}
#gray-box table th,
#gray-box table td {
padding:15px;
border:1px solid #CCCCCC;
}
#gray-box table th {
width:140px;
background:#666666;
text-align:center;
}
#gray-box table td {
background:url(/etf/risk/images/bg_etf-risk.gif) repeat-y right;
}
#gray-box p.ta_c {
margin:0;
}


/*------ mechanism ------- */

#etf-top .cont-box .box_bd_mcn {
border:1px solid #CCCCCC;
padding:30px 27px 30px 30px;
background:#FFFFFF;
}
#etf-top .cont-box .box_bd_mcn h4 {
margin:0 0 15px 0;
}
#etf-top .cont-box .box_bd_mcn h4.mgt {
margin:20px 0 15px 0;
}

.bg-box {
float:left;
width:389px;
padding:20px 10px 15px 20px;
border:1px solid #999999;
background:#EAEAEA;
}
.bg-box_nop {
padding:17px 10px 7px 17px;
border:1px solid #999999;
background:#EAEAEA;
}
.bg-box ul li {
margin:0 0 10px 0;
}
.bg-box_nop ul li {
margin:0 4px 0 0;
}

.bg-box p.font_s {
margin:10px 11px 0 0;
}

.mechanism_movie {
float:right;
width:320px;
}

ul.img-list {
margin:15px 0 5px 0;
}
ul.img-list li {
padding:0 0 10px 30px;
}
ul.img-list li.no01 {
background:url(/etf/aboutetf/images/icn_01_gry.gif) no-repeat 0 2px;
}
ul.img-list li.no02 {
background:url(/etf/aboutetf/images/icn_02_gry.gif) no-repeat 0 2px;
}
ul.img-list li.no03 {
background:url(/etf/aboutetf/images/icn_03_red.gif) no-repeat 0 2px;
}

ul.img-list li.no01_org {
background:url(/etf/aboutetf/images/icn_01_orng.gif) no-repeat 0 2px;
}
ul.img-list li.no02_org {
background:url(/etf/aboutetf/images/icn_02_orng.gif) no-repeat 0 2px;
}
ul.img-list li.no03_org {
background:url(/etf/aboutetf/images/icn_03_orng.gif) no-repeat 0 2px;
}
ul.img-list li.no04_org {
background:url(/etf/aboutetf/images/icn_04_orng.gif) no-repeat 0 2px;
}

ul.flow-list li {
float:left;
}
ul.flow-list li.flow01 {
width:165px;
}
ul.flow-list li.flow02 {
width:162px;
}
ul.flow-list li.flow03 {
width:212px;
}
ul.flow-list li.flow04 {
width:171px;
margin:0;
}



.page-link_btm {
position:relative;
width:758px;
height:66px;
margin:15px 0 0 0;
}
.page-link_btm .inner {
position:absolute;
width:766px;
height:66px;
background:url(/etf/aboutetf/images/bg_page-link.gif) no-repeat 0 0;
}
.page-link_btm p.to-index {
position:absolute;
top:17px;
left:15px;
width:90px;
height:30px;
}
.page-link_btm p.to-previous {
position:absolute;
top:17px;
left:115px;
width:200px;
height:30px;
}
.page-link_btm p.to-next {
position:absolute;
top:17px;
right:20px;
width:200px;
height:30px;
}

/*------ wmp ------- */
#etf-top dl.wmp {
width:805px;
margin:20px 0 15px 0;
padding:15px 0 15px 15px;
background:#666666;
}
#etf-top dl.wmp dt {
float:left;
margin:0 17px 0 0;
}
#etf-top dl.wmp dt img {
vertical-align:top;
}
#etf-top dl.wmp dd {
float:left;
width:610px;
}
#etf-top dl.wmp dd ul li {
margin:0 0 10px 1.3em;
text-indent:-1.3em;
color:#FFFFFF;
}
#etf-top dl.wmp dd ul li.nom {
margin:0 0 0 1.3em;
}


/*------ etfqa ------- */


#main .qa_box h3 {
margin:0;
padding:18px 0 10px;
}

#main #investment_QA p {
margin:0;
}
#main #investment_QA ul li {
width:820px;
background:url(/nam_common/nam_images/bd_dotted.gif) repeat-x left bottom;
}
#main #investment_QA ul li .asking {
padding:15px 0;
width:820px;
}
#main #investment_QA ul li .asking p.asking_num {
float:left;
width:35px;
padding:0 13px 0 0;
}
#main #investment_QA ul li .asking p.asking_txt {
float:left;
width:750px;
font-weight:bold;
}
#main #investment_QA ul li .answer {
width:780px;
margin:0 0 0 40px;
padding:0 0 10px;
font-size:100%;
}
#main #investment_QA ul li .answer p.ans_num {
float:left;
width:35px;
padding:0 10px 0 0;
}
#main #investment_QA ul li .answer .ans_txt,
#main #investment_QA ul li .answer .ans_txt01 {
float:right;
width:730px;
}
#main #investment_QA ul li .answer .ans_txt01 {
padding:0 0 10px 0;
}
#main #investment_QA ul li .answer .ans_txt span {
display:block;
padding:0 0 0 1.2em;
text-indent:-1.2em;
}
#main #investment_QA table.boardlot_chart {
float:right;
width:750px;
border-collapse:collapse;
}
#main #investment_QA table.boardlot_chart th,
#main #investment_QA table.boardlot_chart td {
padding:10px;
}
#main #investment_QA table.boardlot_chart td {
background:none;
}
#main #investment_QA table.boardlot_chart td.unit {
text-align:right;
}


/*------ aboutkairi ------- */

.mgb10 {
margin-bottom:10px !important;
}

#main .kairi_box {
width:820px;
}

#main .kairi_box p.read {
padding:0 0 10px;
}

#main .kairi_box p.risk {
clear:both;
float:none;
margin:0 0 7px 25px;
padding:0 0 0 9px;
background:url(/nam_common/nam_images/icn_arw_rgt.gif) no-repeat 0 4px;
}

#main .kairi_box p.cont_btn {
margin-top:65px;
text-align:center;
}

#main .kairi_box h4 {
margin:0 0 20px 0;
}
#main .kairi_box ul.list01 {
margin:0 0 27px 0;
}
#main .kairi_box ul.list02 {
padding:10px 0 0 0;
}
#main .kairi_box ul.list02 li {
margin:0 0 15px 0;
}

#main .kairi_box ul span,
#main .kairi_box p.ex span {
display:block;
padding:0 0 0 1.1em;
text-indent:-1em;
}

ul.tab_area {
position:relative;
width:818px;
height:28px;
list-style:none;
}
ul.tab_area li {
position:absolute;
display:block;
width:130px;
height:28px;
}
ul.tab_area li a {
display:block;
width:130px;
height:28px;
}
ul.tab_area li a:hover {
background-color:transparent;
zoom:1;
}
ul.tab_area li a:hover img,
ul.tab_area li.cur a img {
visibility:hidden;
}

ul.tab_area li.tab_dom {
margin:0 0 0 10px;
background:url(/etf/aboutkairi/images/tab_etf_domestic_on.gif) no-repeat left top;
}
ul.tab_area li.tab_int {
margin:0 0 0 145px;
background:url(/etf/aboutkairi/images/tab_etf_international_on.gif) no-repeat left top;
}
ul.tab_area li.tab_gol {
margin:0 0 0 280px;
background:url(/etf/aboutkairi/images/tab_etf_gold_on.gif) no-repeat left top;
}
ul.tab_area li.tab_pla {
margin:0 0 0 415px;
background:url(/etf/aboutkairi/images/tab_etf_platinum_on.gif) no-repeat left top;
}


.bg_kairi {
padding:23px 20px 0;
background:url(/etf/aboutkairi/images/bg_bdr-top.gif) repeat-x;
border-right:1px solid #3E2020;
border-bottom:1px solid #3E2020;
border-left:1px solid #3E2020;
}
.bg_kairi dl dt {
margin:0 0 7px;
font-weight:bold;
}
.bg_kairi dl dd {
margin:0 0 24px;
}

.bg_kairi .diremption0 {
display:block;
}
.bg_kairi .diremption1,
.bg_kairi .diremption2,
.bg_kairi .diremption3 {
display:none;
}

ul.btn_area02 {
margin:28px 0 0 126px;
}
ul.btn_area02 li {
float:left;
padding:0 40px 0 0;
}