@charset "Shift_JIS";

.float_l{float:left; display:inline;}
.float_r{float:right; display:inline;}

.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.bold{font-weight:bold;}

.ta_c{text-align:center !important;}

/*-- 東京ゴールドスポット100ページ　h3 --*/
.tgs100Title {
	padding-left:12px;
	font-size:16px;
	font-weight:bold;
 	border-left:5px solid #303030;
	color:#303030;
}

.tgs100Title span {
	font-size:12px !important;
	font-weight:bold;
	color:#303030;
}

* html .tgs100Title span{padding-left:5px;}
*+html .tgs100Title span{padding-left:5px;}

/*-- ポイント部分 --*/

.tgs100_point{margin-top:10px;}
*+html .tgs100_point h3{ width:630px; display:block; clear:both; margin-top:20px !important;}
*+html .tgs100_point img{ margin-top:-20px !important}

.tgs100_point p{ float:left; display:inline; letter-spacing:-1px;}

/*-- 東京ゴールドスポット100（金限日取引）と国内金ETF・純金積立の比較 table --*/

#tgs100_table,#tgs100_table2{width:630px; box-sizing:border-box;}

#tgs100_table th{ text-align:center; font-weight:bold; padding:7px 0px !important;}
#tgs100_table td{ font-weight:normal; padding:3px 2px !important; position:relative; vertical-align:middle;}
*+html #tgs100_table td{ position:static !important;}


#tgs100_table .orange{font-weight:bold;}

/*-- 銘柄 --*/
.tgs100_brand{width:138px; text-align:center;}

/*-- 上場取引所 --*/
.tgs100_exchange{width:125px; text-align:center;}

/*-- 取引時間 --*/
.tgs100_time{width:85px; text-align:center;}

/*-- 税金 --*/
.tgs100_tax{width:74px; text-align:center;}

/*-- 費用 --*/
.tgs100_cost{width:69px; text-align:center;}

/*-- 取引期限 --*/
.tgs100_deadline{width:69px; text-align:center;}

/*-- 理論現物価格の算出方法についてはこちらをご覧下さい 部分 --*/

#tgs100_method{width:630px; color:#3366cc !important; margin-top:20px;}
#tgs100_method p{ text-align:left; font-size:12px !important; line-height:18px; margin:0px; padding:0px; text-indent:0px;}

#jQueryPush{ cursor:pointer; text-decoration:underline; font-weight:bold;}
#jQueryPush:hover{ text-decoration:none;}

#jQueryBox{width:630px; border:#3366cc 3px double; padding:15px !important; box-sizing:border-box; margin-top:5px;}
#jQueryBox p{ text-align:left !important;}

#jQueryBox p a{ font-weight:bold;}


/*-- cssハック --*/
#jQueryBox, x:-moz-any-link, x:default{width:594px !important; box-sizing:content-box !important;}

/*-- 括弧部分 --*/


/*-- タブ切り替え --*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 1em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: 0;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	color: #0066cc;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	border-color: #cccccc;
	border-bottom: 1px solid #ffffff;/*背景色と同じ*/
	border-radius: 6px 6px 0 0;
}
.cp_tab .cp_tabpanel {
	padding: 0.5em 1em;
	border-top: 1px solid #cccccc;
}
@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}


/*-- タブ切り替えここまで --*/


.parentheses{text-indent:-35px !important; padding-left:30px !important; box-sizing:content-box !important;}