@charset "utf-8";

/* トータルの設定
------------------------------ */

body {
	font-family: Verdana, Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	text-align: center;
	background-color: #EEEEEE;
	background-image: url(http://fxdiary.net/images/site/bg_body.png);
	background-repeat: repeat-x;
	background-position: left top;
}

/* リンク */
a,a:link,a:visited {
	text-decoration: underline;
	color: #0000CC;
}
a:hover,a:active {
	text-decoration: underline;
	color: #0000FF;
}
#side a,#side a:link,#side a:visited {
	text-decoration: none;
}
#side a:hover,#side a:active {
	text-decoration: underline;
}

/* 文字の装飾 */
strong {font-weight: bold;}
.bd {font-weight: bold;}
.little {font-size: 10px;}
.blink {text-decoration: blink;color:#FF0000;font-size:9px;font-weight: bold;}
/* 色 */
.red {color: #FF0000;}
.blue {color: #0000FF;}
.orange {color: #FF6600;}
.green {color: #006600;}
/* 背景色あり */
.b_yellow {padding: 2px;background: #FFFF66;}
.b_blue {padding: 2px;background: #99FFCC;}
.b_green {padding: 2px;background: #99FF33;}
/* 画像の設定 */
img.left {float: left;margin: 0 10px 10px 0;}
img.right {float: right;margin: 0 0 10px 10px;}
.clear {clear: both;}

.a_l {text-align: left;}
.a_r {text-align: right;}
.a_c {text-align: center;}

/* サイト全体の設定
------------------------------ */

/* サイト全体 */
#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 840px;
	background-color: #FFFFFF;
}
/* ヘッダー */
#header {
	text-align: left;
	width: 840px;
	height: 130px;
	position: relative;
}
/* メインコンテンツ */
#container {
	display: block;
	padding: 10px 20px;
	width: 800px;
	_width: 840px;
}
/* 中央カラム */
#main {
	width: 540px;
	float: right;
	text-align: left;
}
/* サイドカラム */
#side {
	width: 240px;
	float: left;
}
/* フッター */
#footer {
	width: 840px;
	clear: both;
	font-size: 10px;
}

/* マージン */
.m_b5 {margin-bottom: 5px!important;}
.m_b10 {margin-bottom: 10px!important;}
.m_b15 {margin-bottom: 15px!important;}

/* ヘッダーの設定
------------------------------ */

#header h1 {
	position: absolute;
	top: 0;
	left: 20px;
	line-height: 20px;
	height: 20px;
	width: 400px;
	font-size: 10px;
}
#title {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 240px;
	line-height: 1.5em;
	font-size: 20px;
	font-weight: bold;
}
	#title a {
		text-decoration: none;
		color: #990000;
	}
#header h2 {
	position: absolute;
	left: 20px;
	width: 800px;
	font-size: 12px;
	bottom: 10px;

}
#h_nav {
	position: absolute;
	top: 0px;
	right: 20px;
	line-height: 20px;
	height: 20px;
	width: 400px;
	font-size: 10px;
	text-align: right;
}
	#h_nav a {
		color: #333;
	}

/* サイドカラムの設定
------------------------------ */
.side_content {
	margin: 0 0 15px;
	border: 1px solid #999;
	background: #FFF;
	width: 238px;
	_width: 240px;
	text-align: left;
}
h2.side_title {
	padding: 0.3em 10px 0.3em 15px;
	line-height: 1.4em;
	width: 213px;
	_width: 238px;
	background: #FFF url(http://fxdiary.net/images/site/h2_01.jpg) left center no-repeat;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #999;
	font-weight: bold;
}
ul.side_menu {
	padding: 10px;
}
ul.side_menu li {
	margin: 0 0 5px 1.5em;
	list-style: outside disc;
	line-height: 1.2em;
}
/* 注目！FX業者エリア */
#recommend {
	background-color: #C18543;
	margin-bottom: 15px;
	font-size: 11px;
}
#recommend h2 {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
#recommend_inner {
	background-color: #C18543;
	background-image: url(http://fxdiary.net/images/site/bg_recommend.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#recommend_box {
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	text-align: center;
	padding: 10px;
	line-height: 1.3em;
}
#recommend_box img {
	margin-bottom: 10px;
}


/* メインカラムの設定
------------------------------ */

#main p {
	margin-bottom: 10px;
}
h2.normal {
	font-size: 110%;
	font-weight: bold;
	background: #FFF url(http://fxdiary.net/images/site/h2_02.jpg) left center no-repeat;
	padding: 5px 0 5px 15px;
	width: 525px;
	_width: 540px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.posts {
	text-align: left;
	margin-bottom: 20px;
	letter-spacing: 1px;
}
.posts h2 {
	font-size: 110%;
	font-weight: bold;
	background: #FFF url(http://fxdiary.net/images/site/h2_02.jpg) left center no-repeat;
	padding: 5px 0 5px 15px;
	width: 495px;
	_width: 510px;
}
	.posts h2 a {
		text-decoration: none;
		color: #333;
	}
.posts_inner {
	padding: 10px 0;
}

.content {
	text-align: left;
	margin-bottom: 20px;
	letter-spacing: 1px;
	border: 1px solid #999;
}
.content h2.p01 {
	font-size: 13px;
	font-weight: bold;
	background: #FFF url(http://fxdiary.net/images/site/h2_01.jpg) left center no-repeat;
	padding: 5px 10px 5px 15px;
	line-height: 1.3em;
	border: 1px solid #999;
	border-width: 0 0 1px 0;
	width: 513px;
	_width: 538px;
}
.content h2.p02 {
	font-size: 13px;
	font-weight: bold;
	background: #FFF url(http://fxdiary.net/images/site/h2_03.jpg) left center repeat-x;
	padding: 5px 10px 5px 15px;
	line-height: 1.3em;
	border: 1px solid #999;
	border-width: 0 0 1px 0;
	width: 513px;
	_width: 538px;
	color: #FFF;
}

.content h3 {
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	padding: 2px 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666;
}
.content_inner {
	padding: 15px 14px 5px;
}

/* 更新記事一覧 */
dl.recent_entries {
	margin-bottom: 10px;
}
dl.recent_entries dt {
	background: #FFF url(http://fxdiary.net/images/site/arrow.png) left center no-repeat;
	padding: 0 0 0 15px;
}
dl.recent_entries dd {
	margin: 0 0 5px 15px;
} 


/* おすすめ業者（青）のスペック */
.blue_content {
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #006699;
}
.blue_content h2 {
	background-image: url(http://fxdiary.net/images/site/h2_blue.png);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 29px;
	font-size: 110%;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
}
.blue_inner {
	padding: 15px;
	border: 4px solid #006699;
	border-width: 0 4px 4px;
}
.blue_inner p {
	margin-bottom: 10px!important;
}
table.com_info {
	width: 500px;
}
.com_info td.l_td {
	width: 200px;
	_width: 220px;
	padding: 0 10px 0 0;
	text-align: center;
	vertical-align: top;
}
.com_info td.r_td {
	width: 265px;
	vertical-align: top;
}

table.com_spec {
	width: 220px;
	border: 1px solid #999;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	margin-bottom: 15px;
}

.com_spec th {
	text-align: center;
	width: 109px;
	_width: 110px;
	padding: 0;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	font-weight: bold;
	font-size: 90%;
	color: #FFF;
	letter-spacing: 0.1em;
	background: #000 url(http://fxdiary.net/images/site/th_spec.png) left center repeat-x;
}
.com_spec td {
	text-align: center;
	width: 109px;
	padding: 2px 0;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	font-size: 90%;
	letter-spacing: 0.1em;
}

table.hikaku_ranking {
	width: 510px;
	border: 1px solid #999;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	margin-bottom: 15px;
}
.hikaku_ranking th {
	text-align: center;
	width: 109px;
	_width: 120px;
	padding: 10px;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
}
.hikaku_ranking td {
	text-align: left;
	padding: 10px;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	font-size: 90%;
}
.hikaku_ranking td.banner {
	text-align: center;
	padding: 10px;
	width: 140px;
	_width: 161px;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
	font-size: 90%;
}
.hikaku_ranking tr.hover {
	background: #FFF;	
}

/* おすすめ業者（赤）のスペック */
.red_content {
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #CC0000;
}
.red_content h2 {
	background-image: url(http://fxdiary.net/images/site/h2_red.png);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 29px;
	font-size: 110%;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
}
.red_inner {
	padding: 15px;
	border: 4px solid #CC0000;
	border-width: 0 4px 4px;
}
.red_inner p {
	margin-bottom: 10px!important;
}



/* フッターの設定
------------------------------ */

#footer_link {
	border-top: 1px solid #CC6666;
	border-bottom: 1px solid #CC3333;
	padding: 20px;
	background: #FFF8F8;
}
#footer_link a {
	color: #333333;
}
#copyright {
	border-top: 1px solid #FFFFFF;
	padding: 20px;
	background: #CC3333;
}
#copyright,#copyright a {
	color: #FFFFFF;
}
#topic_path {
	font-size: 80%;
	margin-bottom: 5px;
}