﻿/* CSS Definition for Trader's Web FX 090618 */

/*------------------------------- category [technical] main -------------------------------*/

#maincontents .techgroup h2 {
	margin:0 auto 3px;
	width:789px;
	height:45px;
	text-indent:-9999px;
	background:url(/images/technical/pagetitle.png) no-repeat;
}

#maincontents .techgroup .mainbox {
	width:670px;
	margin-bottom:10px;
	position:relative;
}

#maincontents .techgroup .mainbox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#maincontents .techgroup .mainbox h3 {
	margin:0 auto 3px;
	width:670px;
	height:30px;
	text-indent:-9999px;
}

#maincontents .techgroup .mainbox h3.week {
	background:url(/images/technical/h3_week.png) no-repeat;
}

#maincontents .techgroup .mainbox h3.pivot {
	background:url(/images/technical/h3_pivot.png) no-repeat;
}

#maincontents .techgroup .mainbox h3.short {
	background:url(/images/technical/h3_short.png) no-repeat;
}

#maincontents .techgroup .mainbox h3.previous {
	background:url(/images/technical/h3_previous.png) no-repeat;
}







#maincontents .techgroup .mainbox .techbox {
	width:670px;
	height:46px;
	overflow:hidden;
	margin:5px 0;
	position:relative;

}

#maincontents .techgroup .mainbox .techbox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#maincontents .techgroup .mainbox .techbox .update {
	position:absolute;
	top:30px;
	right:10px;
	font-size:13px;

}

#maincontents .techgroup .mainbox .techbox div.techbody {
	float:left;
	width:520px;
	height:230px;
	overflow:hidden;
	margin-right:9px;
	background: #FFFFFF url(/images/technical/bg_tech_body.png) no-repeat;
    background-position:bottom;
	font-family: "ＭＳ ゴシック", Osaka-等幅, monospace;
}

#maincontents .techgroup .mainbox .techbox img.chart {
	float:left;
	overflow:hidden;
}

#maincontents .techgroup .mainbox .techbox h4 {
	background:url(/images/icon_square_m.png) no-repeat;
	background-position:3px 4px;
	height:20px;
	font-size:14px;
	font-weight:400;
	text-indent:20px;
	line-height:20px;
	border-bottom:1px solid #999999;
	margin-bottom:5px;
}

#maincontents .techgroup .mainbox .techbox p {
	font-size:13px;
	margin:5px 0;
}

#maincontents .techgroup .mainbox .techtable table {
	width:660px;
	border:1px solid #008000;
}

#maincontents .techgroup .mainbox .techtable table tr th {
	background:#008000;
	color:#FFFFFF;
	font-size:12px;
	height:20px;
}

#maincontents .techgroup .mainbox .techtable table tr td {
	font-size:12px;
	background:#FFFFFF;
	height:20px;
	text-align:right;
    padding-right:15px;
}

#maincontents .techgroup .mainbox .techtable table tr.odd td {
	background:#EFEFEF;
}

#maincontents .techgroup .mainbox .techtable table tr td.subject {
	background:#F7F7FF;
	text-align:left;
    text-indent:10px;
    border-right:3px double #333333;
}

#maincontents .techgroup .mainbox .techtable table tr.odd td.subject {
	background:#E7E7FF;
}


#maincontents .techgroup .mainbox .techtable table tr th.date {
	width:100px;
}



.tchtext_blue {
	color:#003366;
	font-size:12px;
	padding:3px;
}

.tchtext_red {
	color:#ff0000;
	font-size:12px;
	padding:3px;
}

.techtable
{
	padding-left:5px;
	padding-right:5px;
}

.sectiontitlemargin
{
	margin-bottom:10px;
}

/*=== テクニカル分析、テクニカルポイントで使用する一通貨単位で使用するクラス_START ===*/
.frame_technical
{
	width:660px;
	margin:0px 5px 20px 5px;
}

.frame_technical .title 
{
	width:100%;
	height:46px;
	overflow:hidden;
	position:relative;
	margin-bottom:15px;
}

.frame_technical .title:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.frame_technical .title .update
{
	position:absolute;
	top:30px;
	right:10px;
	font-size:13px;

}

.frame_technical table
{
	width:100%;
}

.frame_technical table.body td
{
	vertical-align:top;
}

.frame_technical table.body td.chart
{
	width:265px;
	padding-right:10px;
}

.frame_technical table.body td.comment
{
}

.small_chart
{
	width:265px;
	height:205px;
	position:relative;
	display:block; 
	overflow:hidden;
}


.small_chart:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.small_chart .chart
{
	position:absolute;
	padding:0px;
	margin:0px;
	width:265px;
	height:205px;
	top:0px;
	left:0px;
	z-index:0;
}

.small_chart .icon
{
	position:absolute;
	top:1px;
	left:242px;
	z-index:1;
}

.tech_comment
{
	width:100%;
}

.tech_comment .tech_title 
{
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
}

.tech_comment .tech_summary 
{
	font-size:12px;
	margin-bottom:5px;
	width: 100%;
	line-height:120%;
	font-family: "ＭＳ ゴシック", Osaka-等幅, monospace;
}

.tech_comment .tech_summary pre 
{
	width: 100%;
	white-space: normal;
}

.tech_comment .tech_summary pre 
{
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

.tech_comment .nologin 
{
	background-color:#eaeaea;
	height:60px;
	text-align:center;
	font-size:12px;
	padding-top:20px;
	margin-bottom:5px;
}

.tech_comment .tech_value
{
	background-color:#f8fafc;
}

.tech_comment .tech_value th
{
	width:85px;
	font-size:12px;
	font-weight:normal;
	padding:1px 0px 2px 5px;
	text-align:left;
}

.tech_comment .tech_value td
{
	font-size:12px;
	padding:1px 0px 2px 0px;
}
/*=== テクニカル分析、テクニカルポイントで使用する一通貨単位で使用するクラス_END ===*/

/*------------------------------- /category [technical] main -------------------------------*/

