/* CSS Document */
#wrapper{
	margin:0 auto;
	padding-top:0px;
	width:814px;
	text-align:left;
	background:#ffffff;
	background:url(../img/common/bg01.jpg) repeat-y;

}
#bodyarea{
	margin:0 17px 0 17px;
	width:780px;
	
}
#header{
	width:780px;
	height:100px;
	background:url(../img/common/header02.gif) left top repeat-x;
}

/****************************************************************************
 * ヘッダー画像の下に配置する画像メニュー (投資日記ステーション)
 */
div#idTopMenu {
	margin:					1px 0px 0px 0px;
	padding:				0px;
	width:					780px;
	/* ★★ メニューの背景色 ★★ */
	background:				#f0f0f0;
	border-top:				2px solid #cfcfcf;
	border-bottom:			2px solid #cfcfcf;
}

div#idTopMenu table {
	margin:		0px;
	padding:	0px;
}
div#idTopMenu table td {
	padding:	0px 1px 0px 0px;
}

/****************************************************************************
 * ヘッダー画像の下に配置する画像メニュー その2
 */
div#idMenu2 {
	margin:			2px 1px 0px 1px;
	padding:		1px 0px 0px 0px;
	width:			780px;
	height:			60px;
	text-align:		left;
}

div#idMenu2 table {
	margin:			2px 2px 0px 2px;
	padding:		0px;
}

div#idMenu2 table td {
	padding:		0px 1px 0px 1px;
	width:			80px;
	text-align:		center;
}

/* 広めの幅 */
div#idMenu2 table td.W100 {
	width:			100px;
}

div#idMenu2 table td div {
	padding-top:	2px;
	font-size:		9pt;
	height:			15px;
}

div#idMenu2 a:link		{ color: #4c4c4c; text-decoration: none; }
div#idMenu2 a:visited	{ color: #4c4c4c; text-decoration: none; }
div#idMenu2 a:hover		{ color: #0000cc; text-decoration: underline; }

div.Tab1  { background: url(/images/tab_orange.gif) repeat-x; }
div.Tab2  { background: url(/images/tab_royalblue.gif) repeat-x; }
div.Tab3  { background: url(/images/tab_palevioletred.gif) repeat-x; }
div.Tab4  { background: url(/images/tab_darkseagreen.gif) repeat-x; }
div.Tab5  { background: url(/images/tab_peru.gif) repeat-x; }
div.Tab6  { background: url(/images/tab_red.gif) repeat; }
div.Tab7  { background: url(/images/tab_forestgreen.gif) repeat-x; }
div.Tab8  { background: url(/images/tab_wheat.gif) repeat-x; }
div.Tab9  { background: url(/images/tab_maroon.gif) repeat-x; }

#logo{
	margin:0 0 0 17px;
	width:167px;
	height:72px;
	float:left;
	background:url(../img/common/rogo.jpg) no-repeat;

}
#logo a{
	width:167px;
	height:72px;
	display:block;
	overflow:hidden;
	text-indent: -9999px;
	font-size:small;
}
#headertxt{
	float:left;
}
#headertxt h1{
	padding-left:10px;
	font-weight:normal;
	font-size:10px;
}
#headertxt h2{
	width:560px;
	font-weight:normal;
	font-size:10px;
	margin-top:10px;
	padding-left:10px;
	background:url(../img/common/header01.gif) left top no-repeat;
}
/*ナビゲ−ション*/
#globalnav{
	clear:both;
	margin-top:0;
	padding-top:0;
}
#globalnav ul{
	width:780px;
	height:35px;
}
#globalnav ul li{
	display: block;
	float: left;
	width:156px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
#globalnav ul li a{
	text-decoration:none;
	display:block;
	width:156px;
	height:35px;
	overflow:hidden;
}
#globalnav ul li#top{
	background:url(../img/common/bn01.jpg) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:35px;
}
#globalnav ul li#top a{
	background:url(../img/common/bn01.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#top a:hover{
	background:url(../img/common/bn01_02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#article{
	background:url(../img/common/bn02.jpg) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:35px;
}
#globalnav ul li#article a{
	background:url(../img/common/bn02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#article a:hover{
	background:url(../img/common/bn02_02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#FX{
	background:url(../img/common/bn04.jpg) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:35px;
}
#globalnav ul li#FX a{
	background:url(../img/common/bn04.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#FX a:hover{
	background:url(../img/common/bn04_02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#news{
	background:url(../img/common/bn03.jpg) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:35px;
}
#globalnav ul li#news a{
	background:url(../img/common/bn03.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#news a:hover{
	background:url(../img/common/bn03_02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#sitemap{
	background:url(../img/common/bn05.jpg) no-repeat;
	text-indent:-9999px;
	width:156px;
	height:35px;
}
#globalnav ul li#sitemap a{
	background:url(../img/common/bn05.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
#globalnav ul li#sitemap a:hover{
	background:url(../img/common/bn05_02.jpg) no-repeat;
	display:block;
	overflow:hidden;
	width:156px;
	height:35px;
}
/*コンテンツ*/
#content{
	margin-top:12px;
	width:780px;
}
#tool ul{
	width:400px;
	list-style:none;
}
#tool li{
	float:left;
	width:195px;
	height:88px;
}
#tool li a{
	float:left;
	display:block;
	width:195px;
	height:88px;
	text-decoration:none;
	overflow:hidden;
	font-size:small;
	text-indent:-9999px;
}
#tool li#day{
	background:url(../img/top/top_tool01.jpg) no-repeat;
	margin-right:10px;
}
#tool li#day a{
	background:url(../img/top/top_tool01.jpg) no-repeat;
}
#tool li#invest{
	background:url(../img/top/top_tool02.jpg) no-repeat;
}
#tool li#invest a{
	background:url(../img/top/top_tool02.jpg) no-repeat;
}
#tool li#swing{
	background:url(../img/top/top_tool03.jpg) no-repeat;
	margin:10px 10px 0 0;
}
#tool li#swing a{
	background:url(../img/top/top_tool03.jpg) no-repeat;
}
#tool li#system{
	background:url(../img/top/top_tool04.jpg) no-repeat;
	margin-top:10px;
}
#tool li#system a{
	background:url(../img/top/top_tool04.jpg) no-repeat;
}
#pickup ul{
	width:400px;
	list-style:none;
}
#pickup li{
	float:left;
	width:195px;
	height:100px;
}
#pickup li a{
	float:left;
	display:block;
	width:195px;
	height:100px;
	text-decoration:none;
	overflow:hidden;
	font-size:small;
	text-indent:-9999px;
}
#pickup li#ex{
	background:url(../img/top/top_tool05.jpg);
	margin:10px 10px 0 0;
}
#pickup li#ex a{
	background:url(../img/top/top_tool05.jpg);
}
#pickup li#recommend{
	background:url(../img/top/top_tool06.jpg);
	margin-top:10px;
}
#pickup li#recommend a{
	background:url(../img/top/top_tool06.jpg);
}
#top_rank {width:400px; margin:20px 0 10px; font-size:12px;}
#sub_rank {width:592px; margin:20px 0 10px; font-size:12px;}

#f12 { font-size:12px;}
#top_rank table td { font-size:12px; padding:3px 2px; border-bottom:dashed 1px #e5e5e5; }
#sub_rank table td { font-size:12px; padding:3px 20px; border-bottom:dashed 1px #e5e5e5; margin:30px;}

/*左ナビゲーション*/
#leftnavi{
	width:180px;
	background:url(../img/common/leftline.gif) left top repeat-y;
	float:left;
	border-bottom:1px solid #ccc; 
}
#leftnavi ul{
	width:150px;
	padding-left:20px;
	margin-top:5px;
	list-style-image:url(../img/common/listmark01.gif);
	list-style-position:outside;

}
#leftnavi li{
	font-size:10px;
	padding-left:0px;
	margin-left:5px;
	line-height:1.2em;
	margin-bottom:3px;

}
#leftnavi a{
	color:#0000CC;
	text-decoration:none;	
} 
#leftnavi a:visited{
	color:#660066;
	text-decoration:none;
}
#leftnavi a:hover{
	color:#00CCff;
	text-decoration:none;
}
#leftnavi h4{
	margin-top:5px;
}
/*center*/
#centercontent{
	margin-top:5px;
	margin-left:10px;
	width:398px;
	float:left;
}
#centercontent h2{
	background:url(../img/top/center01.jpg) no-repeat;
	width:398px;
	height:134px;
	text-indent: -9999px;
	font-size:small;
}
#ttl_bar{
	padding:15px 0;
}

#centercontent h4{
	margin:15px 0;
}
/*右バナーエリア*/
#rightarea{
	width:180px;
	margin-left:20px;
	float:left;
}
#rightarea,#ttl_bar{
	margin:0 0 10px 0;
}
#fxranking{
	width:180px;
	background:#f7f7f7;
}
#first{
	background:url(../img/top/rightbn02.gif) no-repeat;
	margin:5px auto 5px auto;
	width:172px;
	height:84px;
}
#first dt{
	margin:7px 0 2px 45px;
	font-size:14px;
	color:#00a0e9;
}
#first dd{
	margin:3px 10px;
	font-size:10px;
}
#second{
	background:url(../img/top/rightbn03.gif) no-repeat;
	margin:5px auto 5px auto;
	width:172px;
	height:84px;
}
#second dt,#third dt,#fourth dt{
	margin:6px 0 2px 50px;
	font-size:14px;
	color:#00a0e9;
}
#second dd,#third dd,#fourth dd,#fifth dd{
	margin:3px 10px;
	font-size:10px;
}
#third{
	background:url(../img/top/rightbn04.gif) no-repeat;
	margin:5px auto 5px auto;
	width:172px;
	height:84px;
}
#fourth{
	background:url(../img/top/rightbn05.gif) no-repeat;
	margin:5px auto 5px auto;
	width:172px;
	height:84px;
}

#fifth{
	background:url(../img/top/rightbn06.gif) no-repeat;
	margin:5px auto 5px auto;
	width:172px;
	height:84px;
}
#fifth dt{
	margin:7px 0 2px 50px;
	font-size:14px;
	color:#00a0e9;
}
#bunner {
	margin-top:10px;
}
/*フッター*/
#footer{
	clear:both;
	margin-top:20px;
	width:780px;
	border-top:5px solid #d01f3c;
	font-size:10px;
}
#diary{
	margin:8px 0;
	width:780px;
	height:38px;
	background:#ececeb;
}
#tie-up{
	margin:8px 0;
	width:778px;
	border:1px solid #ececeb;
}
#tie-up　ul{
	list-style:none;
}
#tie-up li{
	display:inline;
}
#vocabulary,pr{
	margin:8px 0;
	width:778px;
}
#vocabulary ul,#pr ul{
	list-style:none;
}
#vocabulary li,#pr li{
	display:inline;
}