@charset "utf-8";

/* Contents
 * ----------------------------
 *
 * 1: body
 * 2: wrapper
 * 3: header
 * 4: fund_search
 * 5: contents
 * 6: footer
 * 7: style
 *
 * ----------------------------
 */

/*------- 1: body ------------------------------------------------*/
body {
	background: #fff;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #333;
	width:100%;
	font-size:14px;
	line-height:1.5;
}


/*------- 2: wrapper ------------------------------------------------*/
#wrapper .inner {
	margin:10px;
}

/*------- 3: header ------------------------------------------------*/
#header {
	margin:10px 0;
}
#header .logo {
	border-bottom:5px solid #eeeeee;
	padding:0 5px 5px;
}
#header .logo img {
	display:inline-block;
	vertical-align:middle;	
}
#header .header_navi {
	margin:5px 10px;
}
#header .header_navi ul{
	text-align:right;
}
#header .header_navi li{
	display:inline-block;
	padding:0 0 0 5px;
}
#header .header_ad {
	margin:10px 5px;
	padding-bottom:10px;
	text-align:left;
	font-size:13px;
	border-bottom:1px dotted #ccc;
}
	

/*------- 4: fund_search ------------------------------------------------*/
#fund_search_area {
	background-color:#4475ae;
	margin:0;
	padding:15px 10px;
	color:#fff;
}
#fund_search_area a{
	color:#fff;
}

#fund_search {  
    width: 100%;  
    display: block;  
    height: auto;  
    position: relative;  
}
#fund_search label {
	font-weight:bold;
	font-size:1.1em;
}
#keywords  {  
    width: 60%;
	height:25px;
    position: absolute;  
    top: 3px;  
    right: 0px;  
    border: 1px solid #FFF;
	border-radius:15px; 
	padding:0 10px;
	background: url(../img/icon_search.png) 5% 50% no-repeat #fff;
	background-size:20px 20px;
	text-align:center;
}  
.search_more {
	margin:15px 0 0;
}
.search_more li{
	margin:5px 0 0;
	padding:0 10px 0 0;
	display:inline-block;
}
/*------- 5: contents ------------------------------------------------*/
#contents {
	padding:0 0 30px;
	margin:0;
}
#contents h2 {
  	border-bottom: 4px solid #ccc;
    	margin-top: 40px !important;
	font-size:14px;

}
#contents h2 span{
	font-weight: normal;
	font-size:0.9em;
}
/** 銘柄詳細 **/
#contents #fund_name {
	margin:10px;
}
#contents #fund_name h1 {
	font-size:1.4em;
	line-height:1.4;
	padding:10px 0 5px;
}
/** タブ **/
#contents #details_tab {
	border-top:3px solid #eeeeee;
	/*border-bottom:5px solid #ff6469;*/
	margin-bottom:15px;
}
#contents #details_tab ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
#contents #details_tab li {
	display: table-cell;
    vertical-align: middle;
	text-align:center;
	padding:6px 3px 6px;
	border-right:1px solid #eee;
	background: url(/common/img2016/FundData/icon_link03.png) no-repeat 50% 93%;
	background-size:12px 6px;
	position:relative;
	font-size:14px;
}
#contents #details_tab li.active {
	background:#333;
	color:#fff;
	font-weight:bold;
	background:url(/webasp/yahoo-fund/sphone/img/icon_link04.png) no-repeat 50% 93% #333;
	background-size:12px 6px;
}
#contents #details_tab li a {
    font-weight: bold;
    text-decoration: none;
	font-weight:bold;
	line-height:1.4;
	font-size:14px;
	padding:12px 0 15px;
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/** ヘルプ **/
#contents #help h1{
	background:#333;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font-size:1.4em;
}
#contents  #help h2 {
	background:#eeeeee;
	color:#333333;
	margin:0 0 10px;
	padding:5px 10px;
	font-size:1.2em;
	line-height:1.4;
	text-align:center;
}
#contents #help h3{
	font-size:1.2em;
	line-height:1.4;
	margin:0 0 5px;
}
#contents #help h3 span{
	color:#4475ae;
}
#contents #help p {
	margin:0 0 10px;
}
	
#contents  #help dt {
	font-weight:bold;
}
#contents  #help dd {
	margin:0 0 15px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

/** 図表・グラフ **/
.chart_area p{
	text-align:center;
}
.chart_area img{
	width:100%;
}
.rtn_graph img{
	width:100%;
}
.cst_graph img {
	width:100%;
}

/*------- 6: footer ------------------------------------------------*/
#footer {
	
}
#footer .footer_ad {
	padding:10px 0 20px;
}
#footer .ad_list {
	margin:10px 0 20px;
}
#footer .ad_list p {
	font-weight:bold;
	margin:10px;
	font-size:1.1em;
}
#footer .ad_list ul li {
	padding:5px 10px;
	
}
#footer .ad_list ul li:nth-child(odd) {
	background:#eee;
}
#footer .ad_list dl {
	position:relative;
	display:table;
	table-layout: auto;
	width:100%;
}
#footer .ad_list dl a{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
	width:75%;
	font-size:0.9em;
	line-height:1.5;
	padding:5px 0;
}
#footer .ad_list dl dt {
	padding-right:10px;
	
}
#footer .ad_list dl dd {
	display: table-cell;
	width:64px;
	float:right;
}
#footer .ad_list dl dd img{
	width:64px;
	border:1px solid #ccc;
}
#footer .footer_ad {
	margin:0 0 20px;
	padding:25px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#footer #disclaimer {
	font-size:0.9em;
	line-height:1.4;
	padding:20px 0 10px;
}
#footer #copyright {
	background:#666666;
	padding:20px 10px;
	text-align:right;
	color:#fff;
	font-size:0.9em;
}
#footer #copyright a{
	color:#fff;
}


/*------- 7: style ------------------------------------------------*/
/*---------- テキスト強調 --------------------*/
.minus {
	color:#ff0000;
}
.plus{
    color:#00b050;
}
.plus_head{
    color:#008000;
}
.star {
	color:#f0c80e;
	font-size:1.2em;
}
/*---------- リンク --------------------*/
/** データの見方 アイコン前 **/
.helpr{
	/*text-align:right;*/
	font-size:0.9em;
	font-weight:normal;
	margin:0 0 5px;
}
.helpr a{
	background: url(/common/img2016/FundData/icon_question.png) no-repeat 100% 50%;
	background-size:15px 15px;
	padding: 0 20px 0 0;
}

/** 詳しく見る **/
.more {
	background:#fff2f2;
	padding:5px 10px;
	border:1px solid #ff6469;
	margin:15px 0 0;
	display:block;
	text-align:center;
	/*border-radius:5px;*/
}
.more a{
	background: url(/common/img2016/FundData/icon_more.png) no-repeat 0 50%;
	background-size:5px 9px;
	padding:0 0 0 17px;
	display: block;
	color:#ff6469;
	font-weight:bold;
}
.more2 {
	background:#fff2f2;
	padding:5px 10px;
	border:1px solid #ff6469;
	margin:15px 0 0;
	display:block;
	text-align:center;
	/*border-radius:5px;*/
}
.more2 a{
	background:url(/webasp/yahoo-fund/sphone/img/icon_more2.png) no-repeat 50% 100%;
	background-size:9px 5px;
	padding:0 0 12px 0;
	display: block;
	color:#ff6469;
	font-weight:bold;
}

/** リンク　白文字 **/
a.link01 {
	background:url(/webasp/yahoo-fund/sphone/img/icon_link01.png) no-repeat 0 50%;
	background-size:7px 8px;
	padding:0 0 0 10px;
}
/** リンク　青文字 **/
a.link02 {
	background:url(/webasp/yahoo-fund/sphone/img/icon_link02.png) no-repeat 0 50%;
	background-size:7px 8px;
	padding:0 0 0 10px;
}
/** スクロールしてページトップへリンク **/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 12px 3px;
    text-align: center;
    display: block;
    border-radius: 5px;
	opacity: 0.75;
  　filter: alpha(opacity=75);
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



/*---------- テーブル --------------------*/
.table_style01 {
	width:100%;
}
.table_style01 th,.table_style01 td{
	vertical-align:middle;
    	border-top: 1px solid #bdbdbd;
    	border-right: 1px solid #bdbdbd;
    	border-bottom: 1px solid #bdbdbd;
    	border-left: 1px solid #bdbdbd;
    	padding: 10px 4px 4px;
}
.table_style01 th{
	background:#d9d9d9;
	font-weight:nomal;
}
.table_style01 td{
	font-weight:bold;
	text-align:right;
	font-size:19px;
    	border-top: 1px solid #bdbdbd;
    	border-right: 1px solid #bdbdbd;
    	border-bottom: 1px solid #bdbdbd;
    	border-left: 1px solid #bdbdbd;
    	padding: 10px 4px 4px;
}
.table_style01 td span{
	font-size:0.8em;
}

.table_style02 {
	width:100%;
}
.table_style02 th,.table_style02 td{
	vertical-align:middle;
	padding:3px 10px;
}
.table_style02 thead th{
    background: #d9d9d9 none repeat scroll 0 0;
    border-color: #bdbdbd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-weight: bold;
    padding: 10px 4px 4px;
}
.table_style02 thead td{
    	border-top: 1px solid #bdbdbd;
    	border-right: 1px solid #bdbdbd;
    	border-bottom: 1px solid #bdbdbd;
    	border-left: 1px solid #bdbdbd;
    	padding: 10px 4px 4px;
}

.table_style02 thead td:first-child {
  border-left:none;
}
.table_style02 tbody th{
    background: #d9d9d9 none repeat scroll 0 0;
    border-color: #bdbdbd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-size: 0.9em;
    padding: 10px 4px 4px;
    text-align: left;
}
.table_style02 tbody td{
    border-color: #bdbdbd;
    border-style: solid;
    border-width: 1px;
    padding: 10px 4px 4px;
}

/*----- リスト ---------------*/
/** 切り替え2列 **/
.btn_switch {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	margin:15px 0;
}
.btn_switch li{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	margin:0;
	border-top:1px solid #4475ae;
	border-bottom:1px solid #4475ae;
	border-left:1px solid #4475ae;
}
.btn_switch li:last-child {
	border-right:1px solid #4475ae;
}
.btn_switch li.line_non{
	border:none;
}
.btn_switch li a {
	display: block;
	padding:7px 15px;
	vertical-align: middle;
}
.btn_switch li.select {
	background:#4475ae;
	color:#fff;
	padding:7px 0px;
}
/** 切り替え3列 **/
.btn_switch02 {
	display: table;
	text-align: center;
	width: 100%;
	margin:15px 0;
}
.btn_switch02 li{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	margin:0;
	width:33%;
	border-top:1px solid #4475ae;
	border-bottom:1px solid #4475ae;
	border-left:1px solid #4475ae;
	color:#4475ae;
	}
.btn_switch02 li:last-child {
	border-right:1px solid #4475ae;
}
.btn_switch02 li a {
	display: block;
	padding:7px 15px;
	font-weight:bold;
	vertical-align: middle;
}
.btn_switch02 li.select {
	background:#4475ae;
	color:#fff;
	font-weight:bold;
	padding:7px 0px;
}

/**  **/
dl.list_style01 {
	border-top:2px solid #555;
	border-bottom:2px solid #555;
	width:100%;
}
dl.list_style01 dt{
	float: left;
	padding: 3px 0;
	clear: both;
	border-bottom:#ccc dotted 1px;
	width: 50%;
	background:#eeeeee;
}
dl.list_style01 dd{
	float: right;
	border-bottom:#ccc dotted 1px;
	width: 50%;
	padding: 3px 0;
	text-align: right;
}
.pdf_inner {
	display:table;
	/*table-layout: fixed;*/
	text-align: center;
	width: 100%;
}
dl.list_style_pdf {
	display:table-cell;
}
dl.list_style_pdf dt{
	
	vertical-align: top;
	text-align:center;
}
dl.list_style_pdf dd img{
	width:60px;
}
dl.list_style_pdf dd.date {
	line-height:1.1;
}

/*------- 追加 ------------------------------------------------*/
a.link02 {
    color: #5881b9;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
#contents #fund_name h1 {
    background-color: #fff;
    color: #333;
}
div#column-inner.snapshot {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 21px;}

#contents #fund_name h1 {
    margin: 0;
    padding-top: 0;
}
#contents #details_tab li a {
    color: #5881b9;
}
.table_style01 th, .table_style01 td {
    text-align: left;
    padding: 5px 10px;
}
.table_style01 td {
    text-align: right;
    font-size: 1.3em;
    color: #333;
}
.table_style02 thead th {
    text-align: center;
}
.helpr a {
    color: #000;
}
.table_style02.rireki tbody th {
    text-align: center;
}
a.link02 {
    background-image: url(/common/img2016/FundData/icon_link02.png);
}
.star {
    color: #0b186d;
}
#snp_details ul {

    margin-bottom: 10px;
}
.flr {
    margin-top: 10px;
}

/*---android対応（テキスト幅が狭いという不具合、バグ。背景色をつけると修正できる）-------*/
p.col {
    background-color: #ffffff;  
}
.tac{
text-align:right;
}

@media only screen and (max-width:320px){
	.tal{
	font-size: 14px;
	}
}