@charset "Shift_JIS";

/********** base set **********/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, abbr, cite, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, header, hgroup, menu, nav, section, footer, summary, mark {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-family: "Hiragino Kaku Gothic ProN", "qMmpS ProN W3", "CI", Meiryo, "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", sans-serif;
	color: #000;
	font-size: 90%;
	line-height: 1.3;
	width: 100%;
	height: 100%;
	background: #FFF;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
ul, ol {list-style: none;}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	color: #666;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(244,0,0,.3);
	-moz-tap-highlight-color: rgba(244,0,0,.3);
}
hr {
	display: block;
	width: 100%;
	height: 0;
	margin: 20px 0;
	border: none;
}
mark {
	color: #333;
	font-weight: bold;
}
sup, sub {
  position: relative;
	font-size: 77%;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font: inherit;
}
input, select {vertical-align: middle;}
input, select, textarea {font: inherit;}
input[type="text"], textarea {
	font: inherit;
	border-radius: 4px;
	padding: 3px 5px;
}

/* class */

.mg0 {margin: 0!important;}
.mt0 {margin-top: 0!important;}
.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt6 {margin-top: 6px!important;}
.mt7 {margin-top: 7px!important;}
.mt8 {margin-top: 8px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mb0 {margin-bottom: 0!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mr0 {margin-right: 0!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr15 {margin-right: 15px!important;}
.mr20 {margin-right: 20px!important;}
.mr25 {margin-right: 25px!important;}
.mr30 {margin-right: 30px!important;}
.ml0 {margin-left: 0!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml15 {margin-left: 15px!important;}
.ml20 {margin-left: 20px!important;}
.ml25 {margin-left: 25px!important;}
.ml30 {margin-left: 30px!important;}
.ml05em{margin-left:0.5em; }
.mrlA{margin-left:auto;margin-right:auto;}

.p10{padding:10px;}
.pl5{padding-left:5px;}

.flL {float: left;}
.flR {float: right;}
.flN {float: none!important;}
.taR {text-align: right!important;}
.taC {text-align: center!important;}
.taL{text-align:left !important;}

.fsXS	{font-size:72%;}
.fsS	{font-size:78%;}
.fsM	{font-size:85%;}
.fsXM	{font-size:93% !important;}
.fsL	{font-size:114%}
.fsXL	{font-size:128%;}
.fsXLL	{font-size:155%;}

.dpB {display: block;}
.dpN {display: none;}
.bgW {background-color: #FFF;}

.fcR {color: #e60000 !important;}
.fcG {color: #11891d !important;}
.fcBL{color:#036ab9;}
.fcGR79{color:#797979;}
.fcGR6c{color:#6c6c6c;}
.fcGR90{color:#909090;}
.fwB {font-weight: bold;}
.fwN {font-weight: normal;}
.tdUL{ text-decoration:underline;}

.lh17{ line-height:1.7;}
.lh22{ line-height:2.2;}

/*@<!-- «C³Σ index1.htmlΜίάθΤ΅C³ΙΊ€Άlί-->@*/
.ls-005{ letter-spacing:-0.05em;}
/*@<!-- ͺC³Σ index1.htmlΜίάθΤ΅C³ΙΊ€Άlί-->@*/

.w100 img, img.w100 {
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.w100{
	width:100%;
}
.w99{
	width:99%;
}
.w60{
	width:60%;
}
.w60px{
	width:60px;
}
.brN{ border-right:none;}
.brW{ border-right:#FFF;}
.bbW{ border-bottom:#FFF;}
.btW{ border-top:#FFF;}
.bd_tLine {border-top: 1px solid #DDD;}
.bd_tDot {border-top: 1px dotted #DDD;}
.ttlFs{ font-size:11px; border-right:#f6f6f6;}

.clear {clear: both;}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {clear: both;}


/********** outline **********/

#wrap {
	width: 100%;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#header {
	border-bottom: 1px solid #dcdcdc;
	background: #FFF;
	text-align:center;
	background: url(//www.bk.mufg.jp/sp/shared/imgs/renew/gnav_bg_header.gif) 0 51px repeat-x;
}
#header img {
	max-width: 100%;
	height: auto;
}
#header nav li:first-child {
	float: left;
	border-right: 1px solid #EEE;
}
#header nav li:last-child {
	float: right;
	border-left: 1px solid #EEE;
}
#footer {
	background: #F2F2F2;
	margin-top: 20px;
}

#footer_link {
	background: #FFF;
	position: relative;
}
#footer_link:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 0;
	border-left: 1px solid #DDD;
}

#footer_link li {
	width: 50%;
	border-bottom: 1px solid #DDD;
}
#footer_link li:nth-child(odd) {float: left;}
#footer_link li:nth-child(even) {float: right;}
#footer_link a {
	display: block;
	padding: 8px;
	text-align: center;
}
#footer_link img {width: 80%; height: auto;}
#footer address {
	font-size: 68%;
	margin: 15px;
	font-style: normal;
}
#footer .copyright {
	border-top: 1px solid #DDD;
	margin-bottom: 0;
	padding: 10px 0;
	text-align: center;
}

#contents {
	background: #FFF;
	width: 100%;
	z-index: 1;
}
.section01 {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.tpl_acco dt::before,
.btn_1col li::before,
.title02::before,
.tpl_btn1col > li::before,
#slidenav #main_nav li::before,
.tpl_btn2col li::before {
	content: "";
  display: block;
  float: left;
  height: 3.4rem;
}
.tpl_btn2col li::before { height: 3rem;}


/********** parts **********/

/*** title ***/

.title02 {
	display: table;
	width: 96%;
	margin: 25px auto 0;
	border-bottom: 1px solid #DDD;
	border-left: 12px solid #D80C18;
	background-color: #F7F7F7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	border-collapse: collapse;
}
.title02.open {
	-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,.2);
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,.2);
}
.title02 h2 {
	padding: 5px 10px;
	border: 1px solid #DDD;
	border-left: none;
	display: table-cell;
	vertical-align: middle;
	background: #F7F7F7;
	font-size: 120%;
	font-weight: bold;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*** attention ***/

.att_box {font-size: 90%;}
.att_box + .att_box {margin-top: 10px;}
.att_box li a {
	display: block;
	color: #026AB8;
	text-decoration: underline;
	background: url(../imgs/icon_att.png) no-repeat left 0.1em;
	-webkit-background-size: 15px 14px;
	-moz-background-size: 15px 14px;
	background-size: 15px 14px;
	margin-bottom: 8px;
	padding-left: 1.5em;
}
.att_box li:last-child a {margin-bottom: 0;}



/********** btn **********/

/*** btn 1 column ***/

.tpl_btn1col {width: 100%;}
.tpl_btn1col > li, #slidenav #main_nav li {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
.tpl_btn1col > li a {
	display: table-cell;
	width: 100%;
	border: 1px solid #E4E4E4;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: F0F0F0;
	font-weight: bold;
}
#past_view .tpl_btn1col > li a {background: #FFF;}
.tpl_btn1col > li a > div {
	padding: 5px 2.1rem 5px 10px;
	position: relative;
}
#slidenav #main_nav li a {
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	width: 100%;
}
.tpl_btn1col a > div,
#slidenav #main_nav li a > div {
	padding-right: 2rem;
	position: relative;
}
.icon_pc a > div::before,
#slidenav #main_nav li.icon_pc a > div::before {
	width: 1rem!important;
	height: 1rem!important;
	background: url(../imgs/icon_link_pc01.png) no-repeat center center!important;
	-webkit-background-size: contain!important;
	-moz-background-size: contain!important;
	background-size: contain!important;
	border: none!important;
	border-radius: 0!important;
}
#slidenav #main_nav li.icon_pc a > div::before {
	background: url(../imgs/icon_link_pc02.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
.tpl_btn1col > li a > div::after,
.tpl_btn2col li a > div::after {
	content: "";
	display: block;
	background: url(../imgs/i_arr.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0.8rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
}
#slidenav #main_nav li a > div::after{
	content: "";
	display: block;
	background: url(../imgs/icon_link_01.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0.8rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
}
li.icon_pc a > div::after,
#slidenav #main_nav li.icon_pc a > div::after {
	background: url(../imgs/icon_link_pc01.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
#slidenav #main_nav li.icon_pc a > div::after {
	background: url(../imgs/icon_link_pc02.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
#slidenav #main_nav li.icon_arrow_y a > div::after {
	background: url(../imgs/i_arr.png) no-repeat center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}
.iconPdf{
	padding-right:30px;
	background:url(../imgs/icon_pdf.gif) no-repeat right 2px;	
}

.blank_btn li {margin-top: 10px;}
.blank_btn li:first-child {margin-top: 0;}


/*** btn 2 column ***/

.tpl_btn2col {
	width: 100%;
	margin: 0 auto -1px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tpl_btn2col li {
	display: table;
	width: 50%;
	height: 100%;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tpl_btn2col li a {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	font-size: 80%;
}
.tpl_btn2col li a > div {
	position: relative;
	display: table;
	width: 100%;
	padding: 8px 2rem 8px 10px;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#info_box +.tpl_btn2col li:last-child  {border-bottom: none;}

/*** acco ***/

.tpl_acco dt {
	margin-top: 10px;
	font-weight: bold;
	font-size: 110%;
	width: 100%;
	display: table;
	background: #FFF;
	border: 1px solid #DDD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#service .section02 > .tpl_btn1col div > span {font-size: 110%;}

.acco_btn h2 {
	background: url(../imgs/icon_title_acco_open.png) no-repeat 96% 48%;
	display: table-cell;
	-webkit-background-size: 1rem 1rem;
	-moz-background-size: 1rem 1rem;
	background-size: 1rem 1rem;
	vertical-align: middle;
	padding: 5px 3rem 5px 10px;
	position: relative;
}
.acco_btn h2::after {
	content: "";
	display: block;
	position: absolute;
	right: 14%;
	top: 0;
	bottom: 0;
	width: 0;
	border-right: 1px dotted #DDD;
}
.tpl_acco dt > span {
	background: url(../imgs/icon_acco_open.png) no-repeat 96% 48%;
	display: table-cell;
	-webkit-background-size: 0.8rem 0.8rem;
	-moz-background-size: 0.8rem 0.8rem;
	background-size: 0.8rem 0.8rem;
	vertical-align: middle;
	padding: 5px 3rem 5px 10px;
}

.tpl_acco .open > span {
	background: url(../imgs/icon_acco_close.png) no-repeat 96% 48%;
	-webkit-background-size: 0.8rem 0.8rem;
	-moz-background-size: 0.8rem 0.8rem;
	background-size: 0.8rem 0.8rem;
}
.open h2 {
	background: url(../imgs/icon_title_acco_close.png) no-repeat 96% 48%;
	-webkit-background-size: 1rem 1rem;
	-moz-background-size: 1rem 1rem;
	background-size: 1rem 1rem;
}
.tpl_acco dt span span,
#service span span {
	display: block;
	font-size: 72%;
	font-weight: normal;
	margin-top: 2px;
}
.tpl_acco dd {
	border: 1px solid #DDD;
	border-top: none;
	background: #F0F0F0;
	display: none;
}
.tpl_acco dd * {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.tpl_acco .tpl_btn1col > li a {
	border: none;
	border-top: 1px solid #FFF;
}
.tpl_acco .tpl_btn1col > li:first-child a {border-top: none;}
.acco_btn + * {display: none;}


/********** footer area **********/

#btm_link {
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
#btm_link .tpl_btn2col {background: #F2F2F2;}


/********** sidenav **********/

#slidenav {
	background: #333;
	color: #FFF;
	top: 0;
	left: 0;
  width: 265px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
#slidenav a {color: #FFF;}

#slidenav .slidemenu-header {
  position: relative;
	background: #333;
	border-top: 10px solid #202020;
	border-bottom: 1px solid #5C5C5C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
}
#slidenav .slidemenu-body {
	height: 100%;
  overflow: hidden;
  position: relative;
	background: #333;
}
#slidenav .slidemenu-content {
	position: relative;
	padding-bottom: 50px;
}

#slidenav > ul:first-child {
	border-top: 1px solid #5C5C5C;
	border-bottom: 1px solid #5C5C5C;
	text-align: center;
	background: #333;
}
#slidenav .slidemenu-header li {border-top: 1px solid #5C5C5C;}
#slidenav #side_login {
	width: 83.5%;
	float: right;
	padding: 6px;
	text-align: center;
	border-left: 1px solid #5C5C5C;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#slidenav ul .nav_hide_btn {
	width: 16.5%;
	float: left;
	padding: 3px 8px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#slidenav #main_nav {padding-top: 10px;}
#slidenav #main_nav dt {
	background: #595959;
	color: #FFF;
	border-left: 16px solid #E60000;
	padding: 12px 8px;
	font-weight: bold;
}
#slidenav #main_nav a {
	display: block;
	border-top: 1px solid #5C5C5C;
	border-bottom: 1px solid #1F1F1F;
	padding: 12px 0 12px 18px;
	background: #333;
}
#slidenav #pc_link {
	padding: 20px 0 15px;
	border-bottom: 1px solid #1F1F1F;
	background: #333;
	text-align: center;
}
#slidenav #pc_link dd {margin-top: 10px;}
#slidenav #pc_link dd img {width: 112px; height: auto;}
#slidenav #pc_link li a {
	border-radius: 10px;
	background: #F7F7F7;
	color: #333;
}
#slidenav #pc_link .tpl_btn1col li:before {height: 3em;}

#slidenav #side_btm_btn {
	margin: 0 auto;
	background: #333;
	padding: 15px 3% 0;
	width:auto;
}
#slidenav #side_btm_btn li {width: 48%;}
#slidenav #side_btm_btn li:first-child {float: left;}
#slidenav #side_btm_btn li:last-child {float: right;}

#slidenav .nav_hide_btn02 {
	padding: 20px;
	margin: 0;
	text-align: center;
	border-top: 1px solid #5C5C5C;
}
#slidenav .nav_hide_btn02 img {
	width: 64px;
	height: auto;
}

/* ------ iUp01 ------ */
.iUp01 { margin-top:8px; padding:0 6px; font-size:12px; }
.iUp01:after { display:block; clear:both; content:''; }
.iUp01 a {text-decoration:underline; color:#016abb; display:block; float:right; padding-left:14px; background: url(../imgs/i_pagetop.png) no-repeat 0 0.6em; }
/* Tab
------------------------------------------ */

.tabMod01 {display:table;
    table-layout: fixed;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;		
	border-collapse:collapse;
	}
.tabMod01 a {  
	display:table-cell;
    vertical-align:middle;
    text-align:center;
	width:100%;
	border-right:1px solid #ccc; 
	border-collapse:collapse;
	padding:8px 0;
	}
.tabMod01 a li {
	width:100%;	
	font-weight:bold;
	color:#000;
	display:block;background:url(../imgs/i_arr_mini.png) #fff no-repeat 92.5% 50%;
}
.tabMod01 a.act { color:#fff; background:#d70d19;}
.tabMod01 a.act li{background:#d70d19; color:#fff; background:url(../imgs/i_arr_white.png) #d70d19 no-repeat 92.5% 50%; }

.tblMod02 { padding:0; color:#777; }
.tblMod02 li{width:33%;}


/* ------ noteBox01 ΣΆΎ ­² wiF θ------ */
.noteBox01 { margin-left:10px; margin-right:10px; padding:10px; border:#e2dec2 solid 1px; background:#f9f8f2; }
.noteBox01W { padding:10px; border:#e2dec2 solid 1px; background:#f9f8f2; }
.noteBox01W dt.noteBox0101,
.noteBox01 dt.noteBox0101 { padding:0 0 7px 23px; border-bottom:#e2dec2 solid 1px; background:url(../imgs/i_notebox01_01.gif) 1px 0.15em no-repeat; font-weight:bold; line-height:1.5; }
.noteBox01W dd.noteBox0102,
.noteBox01 dd.noteBox0102 { padding-top:10px; }

/* line
------------------------------------------ */


.lineS01 { border-top:3px solid #E60000}
.lineS02 { border-bottom:3px solid #E60000}
.fcB{ color:#000;}

.investList{
	width: 92%;
	margin:0 auto;
	display:table;
}
.investList a{
	display:table-cell;
	text-align:center;
	width:30.3%;
	margin:10px 3% 0 0;
}
.investList a:nth-child(3n+3){
	margin-right:0;
}
.investList a.act{
	background:#efe6bb;
}
.investList a li{
	text-decoration:none;
	color:#000;
	white-space:normal;
	font-size:85%;
}
.w100 td{
	width:92px;
}
.searchBtn{
	background:url(../imgs/arrow_fund_search.gif) no-repeat 96% 50% #F2F2F2;
	color:#000!important;
	padding:19px 20px 17px;
	border:2px solid #e4e4e4;
	text-decoration:none!important;
	font-weight:bold;
	display:block;
	max-width:256px;
	margin:7px auto 8px;
	text-align:center;	
}
.category{
	background:#e60000;
	padding:2px 8px;
	color:#fff;
	white-space:nowrap;
	border:1px #e60000 solid;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	display:inline-block;
}
.categoryComplete{
	background:#a0a0a0;	
	padding:1px 2px;
	color:#fafafa;
	white-space:nowrap;	
}
#btnLogin img{
	width:100%;
	max-width:580px;	
}
.bxsBB{
	box-sizing:border-box;
}
#searchArea{
	width:95%;
	text-align:left;	
}
#searchArea #txtArea{
	overflow:hidden;	
}
input.fundNameTxtBox{
	width:100%;
	height:38px;
	vertical-align:middle;
	border:0;
	padding:3px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:solid 1px #ccc;
	margin-top:3px;
	font-size:100%;
}
input#fundFreeWordBtn{
	width:98px;
	height:38px;
	margin:3px 1.2% 0 6px;
	float:right;
}
input.fundNameTxtBox::-webkit-input-placeholder{
	font-size:77%;
	padding-top:3px;	
}
/* page1 */

.rankingListTable ul {
 display:table; width:100%;  border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px; border-top:#c5c5c5 solid 1px; background-color:#eaeaea; text-align:center; margin-top:2px;
}

.rankingListTable ul li.td04 {
	display:table-cell; width:85%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px;
}


.rankingListTableMain ul{
display:table; width:100%; border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px;font-size:medium;
}
.rankingListTableMain ul li.td04{
display:table-cell; width:85%; vertical-align:top; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;
}



/* page2 */


.rankingListTable ul {
 display:table; width:100%;  border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px; border-top:#c5c5c5 solid 1px; background-color:#eaeaea; text-align:center;
}

.rankingListTable ul li.td01 {
	display:table-cell; width:15%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px;
}
.rankingListTable ul li.td02 {
	display:table-cell; width:63%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px;word-break:break-all;
}
.rankingListTable ul li.td03 {
	display:table-cell; width:22%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px;word-break:break-all;
}

.rankingListTableMain ul{
display:table; width:100%; border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px;
}
.rankingListTableMain ul li.td01{
display:table-cell; width:15%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;text-align:center;
}
.rankingListTableMain ul li.td02{
	display:table-cell; width:63%; vertical-align:top; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;word-break:break-all;
}
.rankingListTableMain ul li.td03{
	display:table-cell; width:22%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;word-break:break-all;
}

.rankingListTable02 ul{display:table;width:100%;border-left:#d8d8d8 solid 1px;border-bottom:#d8d8d8 solid 1px;border-top:#d8d8d8 solid 1px;background-color:#fbf7ee;text-align:center;}
.rankingListTable02 ul li.td01{display:table-cell;width:15%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;}
.rankingListTable02 ul li.td02{display:table-cell;width:63%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;word-break:break-all;}
.rankingListTable02 ul li.td03{display:table-cell;width:22%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;word-break:break-all;}
.rankingListTable02 ul li.td04{display:table-cell;width:85%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;}
.rankingListTableMain02 a{display:block;}
.rankingListTableMain02 ul{display:table;width:100%;border-left:#d8d8d8 solid 1px;border-bottom:#d8d8d8 solid 1px;}
.rankingListTableMain02 ul li.td01{display:table-cell;width:15%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;color:#000;text-align:center;}
.rankingListTableMain02 ul li.td02{display:table-cell;width:63%;vertical-align:top;border-right:#d8d8d8 solid 1px;padding:5px;color:#000;word-break:break-all;}
.rankingListTableMain02 ul li.td03{display:table-cell;width:22%;vertical-align:middle;border-right:#d8d8d8 solid 1px;padding:5px;color:#000;word-break:break-all;}
.rankingListTableMain02 ul li.td04{display:table-cell;width:85%;vertical-align:top;border-right:#d8d8d8 solid 1px; padding:5px; color:#000;}
.rankingLink a{color:#026AB8;text-decoration:underline;}
.rankingDtail{border:0;}
.rankingDtail th, .rankingDtail td{padding:5px 5px 5px 0!important;border:none!important;vertical-align:top!important;}
.rankingDtail td{white-space:nowrap;}
.rankingDtail td + td{white-space:normal;}
.rankingDtail--detail > span{padding-left:1em;text-indent:-1em;display:block;}
.rankingDtail--detail > span:before{content:"F";}
.txt {color:#000;}
.yen {color:#000;}
.plus {color:#f00;}
.nonal {color:#000;}
.minus {color:#008000;}
.percent {color:#000;}

/* page3 */
/* ------ tblMod04 κ\ ------ */
.tblMod04 { width:100%; color:#777; border:solid 1px #dcdcdc; border-collapse:collapse; font-size:85%; }
.tblMod04 tr { border:solid 1px #c5c5c5; border-collapse:collapse; vertical-align:middle; line-height:1.6;}
.tblMod04 th { padding:3px; color:#000; text-align:center; border:solid 1px #c5c5c5; font-weight:bold; background-color:#eaeaea; white-space:normal;word-wrap: break-word; vertical-align:middle; line-height:1.2;}
.tblMod04 td { padding:3px; border:solid 1px #c5c5c5; border-collapse:collapse; white-space:normal;word-wrap: break-word; vertical-align:middle; color:#000;}

.table {
  width:94%;
  margin-top:5px;
  display: table;
  padding:0;
  box-sizing:border-box;
}
.tr {
  display: table-row;
  box-sizing:border-box;  
}
.tdSpace {
  display: table-cell;
  width:2%;
  height:5px;
  box-sizing:border-box;  
}
.td {
  display: table-cell;
  border:1px solid #ccc;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;  
  word-break:break-all;
  padding:5px;
  font-weight:bold;
  width:30%;
  height:45px;
}

.box01 {
	border: #d4d4d4 solid 1px;
	padding: 0px;
	margin:0;
}
.act{
	background:#f1a8a8;
	font-weight:bold;
	color:#000;
}
.bdN{
	border:none;		
}
.bdN.none{
	background: #fff;
	font-weight: normal;
	color: #fff;		
}
input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.btnSubmitDiv p{
	width:295px;
	margin:0 auto;
}
.btnSubmitDiv input.btnSubmit[type=images] {
	width:217px;
	margin:0 auto;
}
.btnSubmitDiv input.btnReset[type=reset] {
	width:68px;
	height:45px;
	line-height:1.3;
	border:0;
	background:#FFF;
	box-sizing:border-box;
	border:solid 1px #ccc;
	margin:0 0 10px;
	font-size:90%;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
.btnSubmitDiv input.btnSubmit02[type=images] {
	width:202px;
	height:44px;
}
.btnSubmitDiv input.btnReset02[type=reset] {
	width:68px;
	height:45px;
	line-height:1.3;
	border:0;
	background:#FFF;
	box-sizing:border-box;
	border:solid 1px #ccc;
	margin:0 0 10px;
	font-size:90%;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
.btnSubmitDiv input.btnSubmit,
.btnSubmitDiv input.btnSubmit02 {
	-webkit-appearance:none;	
	-webkit-border-radius:0;
}
.btnSubmitDiv form{
	margin:0 auto;	
	width:300px;
}
select{
    color: #000;
    height: 40px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 2px solid #898989;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	background-image: url(../imgs/select_arrow.jpg), url(../imgs/select_bg.gif),url(../imgs/select_bg_l.gif);
	background-repeat: no-repeat, repeat-x,no-repeat;
	background-position: right top, left,4px top;
}

/* migration */
.gaikaNav {
  width: 100%;
}
.gaikaNav td a {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit;
}
.gaikaNav td {
  height: 43px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddddd;
}
#investTop .gaikaNav td.investTop,
#investRank .gaikaNav td.rank,
#fundSearch .gaikaNav td.fund,
#fundSearchList .gaikaNav td.base,
#fundSearchPrice .gaikaNav td.base,
#marketInfo .gaikaNav td.market,
#beginnerCommentary .gaikaNav td.beginner,
#reserveFund .gaikaNav td.reserve {
	background-color:#ddd;
}
.gaikaNav td.fund {
  background: url("../imgs/icon01.png") no-repeat 10px center;
  background-size:18px 18px;
}
.gaikaNav td.base {
  background: url("../imgs/icon02.png") no-repeat 10px center;
  background-size:18px 18px;
}
.gaikaNav td.rank {
  background: url("../imgs/icon03.png") no-repeat 10px center;
  background-size:18px 18px;
}
.gaikaNav td.market {
  background: url("../imgs/icon04.png") no-repeat 10px center;
  background-size:18px 18px;
}
.gaikaNav td.beginner {
  background: url("../imgs/icon05.png") no-repeat 4px center;
  background-size:30px 25px;
}
.gaikaNav td.reserve {
  background: url("../imgs/icon06.png") no-repeat 10px center;
  background-size:18px 18px;
}
.gaikaNav td div {
  margin: 0 10px 0 20px;
  padding: 4px 0;
  background: url("../imgs/icon_link_01.png") no-repeat center right;
  background-size: 10px 10px;
}
.gaikaNav td div.ttl {
  margin: 0 10px 0 20px;
  padding: 4px 0;
  background: url("../imgs/icon_link_01.png") no-repeat center right;
  background-size: 16px 16px;
}


/*@<!-- «C³Σ index4_1.htmlAindex4_2.htmlΜy[Wθͺ-->@*/

/* page4_1 */
.pageListBtn_4_1{
	min-width:133px;
	height:27px;
	text-align:center;
	margin:4px auto 4px;
	padding:0;
	display:table;
}
.pageListBtn_4_1_Bottom{
	min-width:133px;
	text-align:center;
	margin:5px auto 6px;
	padding:0;
	display:table;
}
.pageListBtn_4_1 a,.pageListBtn_4_1_Bottom a{
	background:#e9e9e9;
	border:1px solid #dcdcdc;
	color:#000;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	line-height:1.7;
	font-size:80%;
	padding:4px 0 0;
	display:table-cell;
}

.pageListBtn_4_1 li.space,.pageListBtn_4_1_Bottom li.space{
	background:#fff;
	border:none;
	width:5px;
	display:table-cell;
}
.pageListBtn_4_1 a span.arrowDouble,.pageListBtn_4_1_Bottom a span.arrowDouble{
	color:#777;
}
.pageListBtn_4_1 a.act,.pageListBtn_4_1_Bottom a.act{
	width:13px;
	background:#a0a0a0;
	color:#fff;
	line-height:0.5em;
	font-weight:bold;
}
.pageListBtn_4_1 a.pageNumber,.pageListBtn_4_1_Bottom a.pageNumber{
	text-align:center;
	width:26px;
	white-space:nowrap;
}
.pageListBtn_4_1 a.pageNumber,.pageListBtn_4_1_Bottom a.pageNumber li span{
		line-height:0.5em;	
}
.pageListBtn_4_1 a.pagePrev,.pageListBtn_4_1_Bottom a.pagePrev{
	width:70px;
	white-space:nowrap;
	letter-spacing:0.02em;
}
.pageListBtn_4_1 a.pageNext,.pageListBtn_4_1_Bottom a.pageNext{
	width:70px;
	white-space:nowrap;
	letter-spacing:0.02em;
}



/* page4_2 */
.pageListBtn{
	min-width:301px;
	height:27px;
	text-align:center;
	margin:4px auto 4px;
	padding:0;
	display:table;
}
.pageListBtnBottom{
	min-width:301px;
	text-align:center;
	margin:5px auto 6px;
	padding:0;
	display:table;
}
.pageListBtn a,.pageListBtnBottom a{
	background:#e9e9e9;
	border:1px solid #dcdcdc;
	color:#000;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	line-height:1.7;
	font-size:80%;
	padding:4px 0 0;
	display:table-cell;
}

.pageListBtn li.space,.pageListBtnBottom li.space{
	background:#fff;
	border:none;
	width:5px;
	display:table-cell;
}
.pageListBtn a span.arrowDouble,.pageListBtnBottom a span.arrowDouble{
	color:#777;
}
.pageListBtn a.act,.pageListBtnBottom a.act{
	width:13px;
	background:#a0a0a0;
	color:#fff;
	line-height:0.5em;
	font-weight:bold;
}
.pageListBtn a.pageNumber,.pageListBtnBottom a.pageNumber{
	text-align:center;
	width:26px;
	white-space:nowrap;
}
.pageListBtn a.pageNumber,.pageListBtnBottom a.pageNumber li span{
		line-height:0.5em;	
}
.pageListBtn a.pagePrev,.pageListBtnBottom a.pagePrev{
	width:70px;
	white-space:nowrap;
	letter-spacing:0.02em;
}
.pageListBtn a.pageNext,.pageListBtnBottom a.pageNext{
	width:70px;
	white-space:nowrap;
	letter-spacing:0.02em;
}
/*@<!-- ͺC³Σ index4_1.htmlAindex4_2.htmlΜy[Wθͺ-->@*/

/* ------ tblMod04 κ\ ------ */
.tblMod04 { width:100%; color:#777; border:solid 1px #dcdcdc; border-collapse:collapse; font-size:85%; }
.tblMod04 tr { border:solid 1px #c5c5c5; border-collapse:collapse; }
.tblMod04 th { text-align:center; border:solid 1px #c5c5c5; font-weight:bold; background-color:#eaeaea; white-space:normal;word-wrap: break-word; font-size:80%;}
.tblMod04 td { padding:3px; border:solid 1px #c5c5c5; border-collapse:collapse; white-space:normal;word-wrap: break-word;}
.tblMod04 td:first-child { padding:3px; border:solid 1px #c5c5c5; border-collapse:collapse;}
.tblMod04 td.rankTd{text-align:center; width:13%;}
.tblMod05{vertical-align:top;}
.tblMod05 td.rankTd{text-align:left; width:13%;}
img.rankingNoImg { max-width:54px;}



.SearchListTable ul {
 display:table; width:100%;  border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px; border-top:#c5c5c5 solid 1px; background-color:#eaeaea; text-align:center;
}

.SearchListTable ul li.td01 {
	display:table-cell; width:53%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px;	
}
.SearchListTable ul li.td02 {
	display:table-cell; width:27%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; 
}
.SearchListTable ul li.td03 {
	display:table-cell; width:20%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; 
}

.SearchListTableMain ul{
display:table; width:100%; border-left:#c5c5c5 solid 1px;  border-bottom:#c5c5c5 solid 1px;
}
.SearchListTableMain ul li.td01{
display:table-cell; width:53%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; color:#000; 
}
.SearchListTableMain ul li.td02{
	display:table-cell; width:27%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;
}
.SearchListTableMain ul li.td03{
	display:table-cell; width:20%; vertical-align:middle; border-right:#c5c5c5 solid 1px; padding:3px; color:#000;
}


/* page5 */
.tpl_table04 {
	border: 1px solid #DCDCDC;
	font-size:80%;
}
.tpl_table04 th{
	border: 1px solid #DCDCDC;
	padding: 3px;
	vertical-align:middle;	
}
.tpl_table04 td {
	border: 1px solid #DCDCDC;
	padding: 3px;
	vertical-align:middle;		
}
.tpl_table04 thead th {
	font-weight: bold;
}
.tpl_table04 th  {
	font-weight: normal;
}
.tpl_table04 th  {
	background: #F6F6F6;
	font-weight: bold;
	text-align: center;	
}
.tpl_table04 ul  {
	text-align:center;
	margin:0 auto;	
}
.grapgh1 img,.grapgh2 img,.grapgh3 img{
	width:100%;
	max-width:100%;	
}
.arrowOrange{
	background: url(../imgs/i_arr_orange.png) no-repeat left center;
	padding-left:12px;
}
.txtDate{
	width:13em;
	text-align:left;
	margin:0 auto;
	text-indent:1.5em;
}
.tpl_title02 h2 img{
	display:block;
	width:auto;
	height:21px;
	margin:-5px 0 5px;
}
.astarisk{
	text-indent:-1em;
	padding-left:1em;
	margin-left:1em;	
}
/* page7 */
.tpl_table04 td.blN{
	border-left:none;
}
.tpl_table05 {
	border: 1px solid #DCDCDC;
	font-size:80%;
}
.tpl_table05 th{
	border-right: none;
	border-bottom:1px solid #DCDCDC;
	padding: 3px 3px;
	vertical-align:middle;	
	word-break:break-strict;		
}
.tpl_table05 th.ttl{
	border: 1px solid #DCDCDC;
	padding: 2px 5px;
	vertical-align:middle;
	word-break:break-all;
}
.tpl_table05 th.colTtl{
	font-size:120%;
	padding:10px 0;	
}
.tpl_table05 td {
	border-right: none;
	border-bottom: 1px solid #DCDCDC;	
	padding: 1px 2px 1px;
	vertical-align:middle;		
}
.tpl_table05 td.last {
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;	
	padding: 1px 2px 1px;
}
.tpl_table05 thead th {
	font-weight: bold;
}
.tpl_table05 th  {
	font-weight: normal;
}
.tpl_table05 th  {
	background: #F6F6F6;
	font-weight: bold;
	text-align: center;	
}
.tabMod02 {border-top:1px solid #c5c5c5; background:url(../imgs/btn_bg.gif) #f6f6f6 repeat-x bottom; box-sizing:border-box;}
.tabMod02 a{width:100%; box-sizing:border-box; padding:18px 5%; color:#000; display:block; background:url(../imgs/i_arr.png) no-repeat 90%;}


/* help0801 */
.lineDotR{
	border-top:1px dotted #ca0101;
}