@charset "shift_jis";
@import "reset.css";
@import "default.css";

/* --------------------------------------------
   ページ全体　
---------------------------------------------- */
#wrapper{
	width: 980px;
	margin: 0 auto;
	background-color: white;
	text-align: left;
}

/* --------------------------------------------
   ページ上部予備ヘッダ部分　
---------------------------------------------- */
#header-top{
	display:none;
}

/* --------------------------------------------
   ヘッダ部分
---------------------------------------------- */
#header {
	height: 200px;
	padding: 0;
	background: white url(../images/background/header.png) left top no-repeat;
}


	#header-logo {
		width: 290px;
		height: 100%;
		float: left;
		margin-right: 10px;
	}
	#header-logo h1{
		text-indent: -9999px;
	}
	#header-logo p{
		margin: 0 0 5px 0;
		font-size: 11px;
	}
	#header-ad{
		width:446px;
		height: 72px;
		padding: 14px 2px;
		float:left;
	}
	#header_navi {
		float: right;
		width: 200px;
		height: 16px;
		padding-top: 22px;
		padding-right: 12px;
		font-size: 12px;
	}

	#header_navi ul {
		float: right;
		margin-left: 10px;
	}

	#header_navi li {
		padding: 1px 16px 0px 20px;
		float: left;
		background: url(../images/icon_yaji.gif) no-repeat right;
		list-style: none;
	}

	#header_navi li a {
		color: #333;
		text-decoration: none;
	}

	#header_navi li a:hover {
		color: #44e;
		text-decoration: underline;
	}
	

/* --------------------------------------------
   グローバルナビ部分
---------------------------------------------- */
#global-navi {
	position:relative;
	width: 100%;
	float: left;
	background-color: #eef;
	z-index: 5;
}

/* --------------------------------------------
   緊急お知らせ部分
---------------------------------------------- */
#eminfo{
	font-size:14px;letter-spacing:0.1em; margin-bottom: 1em;
	border: 3px double #bf0032;
	padding:0.5em;
}
#eminfo h3{ color:#bd0032;font-size: 1.4em; font-weight:bold; margin-bottom: 1em; text-align:center;}
#eminfo p{ font-weight: normal; padding:0.2em; text-indent:1em;}
#eminfo ul{ padding: 5px 0; list-style: disc; margin-left: 2em; }
#eminfo li{ padding-left: 2px; margin-bottom: 0.2em; font-weight:bold; color: #ea3321;}

/* --------------------------------------------
   通常お知らせ部分
---------------------------------------------- */
#geninfo{
	font-size:12px;letter-spacing:0.1em; margin-bottom: 1em;
	border: 3px double #007B50;
	padding:0.5em;
}
#geninfo h3{ color:#007B50;font-size: 1.4em; font-weight:bold; margin-bottom: 1em; text-align:center;}
#geninfo p{ font-weight: normal; padding:0.2em; text-indent:1em;}
#geninfo ul{ padding: 5px 0; list-style: disc; margin-left: 2em; }
#geninfo li{ padding-left: 2px; margin-bottom: 0.2em; font-weight:bold; color: #333;}

/* --------------------------------------------
   ページボディー部分
---------------------------------------------- */
#pagebody{
	width: 974px;
	float: left;
	padding: 1em 3px;
	/* background: transparent url(../images/background/vertical-line1020.gif) repeat-y top left; */
	background-color: white;
}

	#left-side{
		width:190px;
		float: left;
		margin-right: 20px;
	}
	#main{
		width:440px;
		float: left;
		margin-right: 20px;
	}

	#right-side{
		width:300px;
		float: left;
	}


/* -------------------------------------------
   左サイドバーバナーリンク部＆速攻リンク部
---------------------------------------------- */
#bannerNavigation, #bannerNavigation2{
	width: 160px;  /* バナー画像横幅に一致させる */
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

#bannerNavigation li, #bannerNavigation2 li{
	padding: 0;
	margin-bottom: 0.5em;
}

#bannerNavigation img, #bannerNavigation2 img{
	border: 0;
}

#bannerNavigation img:hover, #bannerNavigation2 img:hover {
	position: relative; top: 1px; left: 1px;
}

#quickNavigation{
	width: 100%;
	list-style: none;
	text-align: left;
}

#quickNavigation li{
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 12px;
	text-indent: -1999em;  /* ボタン表現のため消す */
}

/* 各メニュー共通項目 */
#quickNavigation li#saya_sup a,
#quickNavigation li#saya_sup2 a,
#quickNavigation li#saya a,
#quickNavigation li#money2 a,
#quickNavigation li#tcw4_sup a,
#quickNavigation li#tct_sup a,
#quickNavigation li#mainte a,
#quickNavigation li#saya_app a,
#quickNavigation li#money2_app a,
#quickNavigation li#tcw4_app a,
#quickNavigation li#tct_app a,
#quickNavigation li#ktr_app a,
#quickNavigation li#ktr_sup a,
#quickNavigation li#delivery a,
#quickNavigation li#ktst_app a,
#quickNavigation li#ktst_sup a,
#quickNavigation li#ktst5_app a,
#quickNavigation li#ktst5_sup a,
#quickNavigation li#tcw5_app a,
#quickNavigation li#tcw5_sup a,
#quickNavigation li#tctplus_app a,
#quickNavigation li#tctplus_sup a{
	display: block;
	width: 188px;
	height: 44px;
	margin:0;
	padding:0;
}

/* サヤ取り支援ソフトサポート */
#quickNavigation li#saya_sup a{
	background: transparent url(../images/button/sayatori_support.gif) no-repeat 0 0;
}
#quickNavigation li#saya_sup a:hover{
	background-position: 0 -44px;
}

/* サヤ取り支援ソフト体験版サポート */
#quickNavigation li#saya_sup2 a{
	background: transparent url(../images/button/sayatoritrial_support.gif) no-repeat 0 0;
}
#quickNavigation li#saya_sup2 a:hover{
	background-position: 0 -44px;
}

/* サヤ取り支援ソフトってなに？ */
#quickNavigation li#saya a{
	background: transparent url(../images/button/what_sayatori.gif) no-repeat 0 0;
}
#quickNavigation li#saya a:hover{
	background-position: 0 -44px;
}

/* サヤ取りマネービルダー２サポート */
#quickNavigation li#money2 a{
	background: transparent url(../images/button/money2_support.gif) no-repeat 0 0;
}
#quickNavigation li#money2 a:hover{
	background-position: 0 -44px;
}

/* TELECHART Ver.4 サポート */
#quickNavigation li#tcw4_sup a{
	background: transparent url(../images/button/tcw4_support.gif) no-repeat 0 0;
}
#quickNavigation li#tcw4_sup a:hover{
	background-position: 0 -44px;
}

/* TELECHART with TOWER サポート */
#quickNavigation li#tct_sup a{
	background: transparent url(../images/button/tct_support.gif) no-repeat 0 0;
}
#quickNavigation li#tct_sup a:hover{
	background-position: 0 -44px;
}

/* 銘柄メンテナンス */
#quickNavigation li#mainte a{
	background: transparent url(../images/button/maintenance.gif) no-repeat 0 0;
}
#quickNavigation li#mainte a:hover{
	background-position: 0 -44px;
}

/* 出張サポート */
#quickNavigation li#delivery a{
	background: transparent url(../images/button/delivery_support.gif) no-repeat 0 0;
}
#quickNavigation li#delivery a:hover{
	background-position: 0 -44px;
}

/* サヤ取り支援ソフト申し込み */
#quickNavigation li#saya_app a{
	background: transparent url(../images/button/sayatori_apply.gif) no-repeat 0 0;
}
#quickNavigation li#saya_app a:hover{
	background-position: 0 -44px;
}

/* サヤ取りマネービルダーII申込み */
#quickNavigation li#money2_app a{
	background: transparent url(../images/button/money2_apply.gif) no-repeat 0 0;
}
#quickNavigation li#money2_app a:hover{
	background-position: 0 -44px;
}

/* TELECHART-W Ver.4申込み */
#quickNavigation li#tcw4_app a{
	background: transparent url(../images/button/tcw4_apply.gif) no-repeat 0 0;
}
#quickNavigation li#tcw4_app a:hover{
	background-position: 0 -44px;
}

/* TELECHART with TOWER申込み */
#quickNavigation li#tct_app a{
	background: transparent url(../images/button/tct_apply.gif) no-repeat 0 0;
}
#quickNavigation li#tct_app a:hover{
	background-position: 0 -44px;
}

/* 株トレーラー申込み */
#quickNavigation li#ktr_app a{
	background: transparent url(../images/button/ktr_apply.gif) no-repeat 0 0;
}
#quickNavigation li#ktr_app a:hover{
	background-position: 0 -44px;
}

/* 株トレーラーサポート */
#quickNavigation li#ktr_sup a{
	background: transparent url(../images/button/ktr_support.gif) no-repeat 0 0;
}
#quickNavigation li#ktr_sup a:hover{
	background-position: 0 -44px;
}

/* 株テスター申込み */
#quickNavigation li#ktst_app a{
	background: transparent url(../images/button/ktst_apply.gif) no-repeat 0 0;
}
#quickNavigation li#ktst_app a:hover{
	background-position: 0 -44px;
}

/* 株テスターサポート */
#quickNavigation li#ktst_sup a{
	background: transparent url(../images/button/ktst_support.gif) no-repeat 0 0;
}
#quickNavigation li#ktst_sup a:hover{
	background-position: 0 -44px;
}

/* 株テスター５申込み */
#quickNavigation li#ktst5_app a{
	background: transparent url(../images/button/ktst5_apply.gif) no-repeat 0 0;
}
#quickNavigation li#ktst5_app a:hover{
	background-position: 0 -44px;
}

/* 株テスター５サポート */
#quickNavigation li#ktst5_sup a{
	background: transparent url(../images/button/ktst5_support.gif) no-repeat 0 0;
}
#quickNavigation li#ktst5_sup a:hover{
	background-position: 0 -44px;
}

/* TELECHART-W5申込み */
#quickNavigation li#tcw5_app a{
	background: transparent url(../images/button/tcw5_apply.gif) no-repeat 0 0;
}
#quickNavigation li#tcw5_app a:hover{
	background-position: 0 -44px;
}

/* TELECHART-W5サポート */
#quickNavigation li#tcw5_sup a{
	background: transparent url(../images/button/tcw5_support.gif) no-repeat 0 0;
}
#quickNavigation li#tcw5_sup a:hover{
	background-position: 0 -44px;
}

/* TELECHART with TOWER Plus申込み */
#quickNavigation li#tctplus_app a{
	background: transparent url(../images/button/tctplus_apply.gif) no-repeat 0 0;
}
#quickNavigation li#tctplus_app a:hover{
	background-position: 0 -44px;
}

/* TELECHART with TOWER Plusサポート */
#quickNavigation li#tctplus_sup a{
	background: transparent url(../images/button/tctplus_support.gif) no-repeat 0 0;
}
#quickNavigation li#tctplus_sup a:hover{
	background-position: 0 -44px;
}



#quickNavigation li.splitter{
	margin-bottom: 2em;
}


/* --------------------------------------------
   ページフッター部分
---------------------------------------------- */
#footer {
	clear: both;
	/* height: 110px; */
	background-color: white;
	margin: 0px auto;
	padding: 1px 0;
	/* background: url(../images/bg_bottom.gif) no-repeat; */
}

#fnavi {
	clear: both;
	padding-top: 10px;
	text-align: center;
}

#fnavi a:link,
#fnavi a:visited {
	color: #404040;
	text-decoration: underline;
}

#fnavi a:hover {
	color: teal;
	text-decoration: none;
}

/* ----------------
   著作権部部
---------------- */

#copyright {
	margin: 10px 0;
	text-align: center;
	background-color: lightblue;
}


/*
	RSS フィード
*/
#RSSFeed{
	position: relative;
    width: 205px;
	margin: 10px 0px 10px 0px;
}


/* --------------------------------------
   左サードバーダイジェスト
---------------------------------------- */
.digest-l{
	width: 188px;
	margin-bottom: 24px;
}
.digest-l h3{
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 22px;
	background: transparent url(../images/icon/blue-pin.gif) left center no-repeat;
	margin-bottom: 12px;
	border-bottom: 2px solid #343434;
}

.digest-l .contents{
	padding: 2px;
	font-size: 110%;
}

/* --------------------------------------
   右サードバーダイジェスト(動画)
---------------------------------------- */
.digest-r{
	width: 298px;
	margin-bottom: 24px;
/*	background-color: #E3E3E3;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px; */
}
.digest-r h3{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 22px;
	background: transparent url(../images/icon/black-pin.gif) left center no-repeat;
	margin-bottom: 12px;
	border-bottom: 2px solid #343434;
}

.digest-r .contents{
	padding: 2px;
	font-size: 110%;
}


/* --------------------------------------
   中央部
---------------------------------------- */
.article{
	width: 438px;
	margin-bottom: 24px;
}
.article h3{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 22px;
	background: transparent url(../images/icon/green-pencil.gif) left center no-repeat;
	margin-bottom: 12px;
	border-bottom: 2px solid #343434;
}

.article .contents{
	padding: 2px;
	font-size: 110%;
}

.article .contents .thumb{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.article .contents .thumb img{
	border: 3px solid #DED2BF;
	vertical-align: bottom;
}

/* ---------------------------
    中央部広告
------------------------------ */
.advertise{
	margin-bottom: 24px;
	padding: 8px;
	border: 1px solid #9FB7D4;
}

.advertise .contents{
	padding: 2px;
	font-size: 100%;
}

.advertise .contents .thumb{
	float: left; 
	margin-right: 1em;
}

.advertise .contents .thumb img{
	border: 1px solid #C02755;
	vertical-align: bottom;
}

.advertise .contents em{
	font-weight: bold;
	font-size: 120%;
	color: #bf0032;
}

.advertise .contents a:link, 
.advertise .contents a:visited {
	color: #bf0032;
}

.advertise .contents a:hover {
	text-decoration: underline;
}

.adbanner{
	margin-bottom: 20px;
	padding: 0;
}

.adbanner img:hover {
	position: relative; top: 1px; left: 1px;
}

/* --------------------------------------
   汎用コンテンツクラス
---------------------------------------- */

/* --------------------------------------
   汎用クラス
---------------------------------------- */
.wsp{
	letter-spacing: 0.5em;
}

.continue{
	text-align: right;
	padding: 3px 0;
}

.linkNav {
	background:url("../images/arrow/arrow-right.gif") no-repeat scroll left center transparent;
	margin-left:2px;
	padding-left:16px;
}

.color-red{
	color: #EF4644;
}

.color-green{
	color: #00B66E;
}

.color-blue{
	color: #006AB6;
}

.contents ul{
	list-style: disc outside;
	margin-left: 20px;
}

.contents ul li{
	margin-bottom: 0.5em;
}
.contents ul li.no-mark{
	list-style: none outside none;
}

.cautionbox{
	border:1px solid tomato;
	margin: 10px 0px 10px 0px;
	padding: 0.5em;
	font-size: 1em;
	color: #c20032;
}

/*
   フォント指定クラス
*/

.t1 {
	font-size: 83%;  /* 10px */
}
.t2 {
	font-size: 100%; /* 12px */
}
.t3 {
	font-size: 116%; /* 14px */
}
.t4 {
	font-size: 133%; /* 16px */
}
.t5 {
	font-size: 150%; /* 18px */
}

.std {
	font-size: 100%;
}


/* -----------------------------------------
    タグ
------------------------------------------- */
dfn, abbr{ border-bottom: 1px dotted #999; } 

/* -----------------------------------------
    TOP PAGE特有の指定
------------------------------------------- */
	body{ font-size: 12px;}
	.bkLine{ padding-left: 0.2em;}
	.redFin{ color: #c40032; }
	.greenFin{ color: #00B66E; }
	#indexes th, td{ padding: 4px;}
	#indexes th{ width: 8em; font-weight: bold; }
	#indexes strong{ font-style: normal; font-weight: bold; padding-left: 1em;}
	#indexes caption{ text-align: center; }
	#header {
		height: 220px;
		padding: 0;
		background: white url(../images/background/header_bg1.jpg) left top no-repeat;
		position: relative;
	}
	#header_navi li a {
		color: white;
		text-decoration: none;
	}
	#catchcopy{
		position: absolute;
		top: 80px;
		left: 500px;
		width: 440px;
		font-size: 14px;
		letter-spacing: 2px;
		color: white;
		display: none;
	}