/* ============================= */
/*                               */
/*  比較王　fx CSS               */
/*  Last update 2008/05/14       */
/*                               */
/* ============================= */



/*100216追加*/

body#fx #bodyArea h2 {
	font-size: 1.2em;
	font-weight: bolder;
	background: #66CCCC;
	padding: 5px;
	color: #FFF;
	border: none!important;
	margin: 5px auto!important;
}
body#fx #bodyArea #goodsDetail #catchCopy {
	margin: 5px auto 0 auto;
	width: 95%;
	border-left: 5px solid #F00;
}
body#fx #bodyArea #goodsDetail #catchCopy p {
	font-size: 0.8em;
	color: #000;
	font-weight: bold;
	padding: 0 10px 0 2px;
}
/*  サイドバー 
------------------------------------------- */

/* 豆知識*/
body#fx div#sidebar ul.about_fx li {
	padding: 0px 5px 0 30px;
	height: 30px;
	background: url(http://fx.hikakuo.com/images/about_fx.gif) no-repeat 0px -0.4em;
}

body#fx div#sidebar2 ul.about_fx li {
	padding: 0px 5px 0 30px;
	height: 30px;
	background: url(http://fx.hikakuo.com/images/about_fx.gif) no-repeat 0px -0.4em;
}


/* 目的別リスト */

body#fx div#sidebar  li#campaign {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/campaign.gif) no-repeat 0px 0em;
}

body#fx div#sidebar  li#beginner {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/beginner.gif) no-repeat 0px 0em;
}

body#fx div#sidebar  li#tesuryo {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/tesuryo.gif) no-repeat 0px 0em;
}

body#fx div#sidebar  li#spred {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/spread.gif) no-repeat 0px 0em;
}

body#fx div#sidebar  li#swap {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/swap2.gif) no-repeat 0px 0em;
}

body#fx div#sidebar  li#oote {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/oote.gif) no-repeat 0px 0em;
}
body#fx div#sidebar  li#system {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/system.gif) no-repeat 0px 0em;
}
body#fx div#sidebar  li#lvr {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/lvr.gif) no-repeat 0px 0em;
}
body#fx div#sidebar  li#cplist {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(http://fx.hikakuo.com/icon-p/cashing.gif) no-repeat 0px 0em;
}
body#fx div#sidebar  li#rank1 {
	padding: 3px 0 0 37px;
	margin: 0px 0 0 7px;
	font-size:70%;
	height: 20px;
	background: url(http://fx.hikakuo.com/icon-p/dot1.gif) no-repeat 0px 0em;
}
body#fx div#sidebar li#zessan {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/list_zessan.gif) no-repeat 0px 0px;
}
body#fx div#sidebar li#yu {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/list_yu.gif) no-repeat 0px 0px;
}

body#fx div#sidebar li#ryou {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/list_ryou.gif) no-repeat 0px 0px;
}

body#fx div#sidebar li#chumoku {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/list_chumoku.gif) no-repeat 0px 0px;
}

body#fx div#sidebar li#click {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/icon_365.gif) no-repeat 0px 0px;
}

body#fx div#sidebar li#cfd {
	padding: 0px 0 0 30px;
	height: 25px;
	background: url(../images/icon_cfd.gif) no-repeat 0px 0px;
}


/*20091109追加　キャンペーン一覧*/
table.fxCampaignTable tbody th {
	background: #EEE;
}
table.fxCampaignTable tbody th a {
	font-size: 0.9em;
}
table.fxCampaignTable tbody th a img {
	padding: 5px;
	background: #FFF;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
/*
table.fxCampaignTable tbody th a:hover img {
	padding: 6px 4px 4px 6px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
*/
/*20091120追加サイドバー一覧*/
.sideCompanyList dl dd a img {
	padding: 2px;
	background: #FFF;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
/*20081118追加*/

body#fx table.fxTable {
        width:95%;
        border-spacing: 0px; 
        border-collapse:collapse;
}

body#fx table.fxTable tr {
        height:25px;
}

body#fx table.fxTable tr th {
width:10%;
        color:#2561a0;
        background-color:#d6f6f5;
      border:1px solid #82d9d8;
        font-size:75%;
        text-align:center;
}

body#fx table.fxTable tr td {
        border:1px solid #82d9d8;
        font-size:70%;
        text-align:center;
}

body#fx div.cashbackpoint {
        background:url(http://fx.hikakuo.com/images/point_cashback.gif) 0 0 no-repeat;
        margin-bottom:3px;
        padding:3px 3px 3px 42px;
        font-size:12px;
        border:1px dashed #ffbf5a;
}
body#fx div.cashbackpoint p {
	font-size: 12px;
	line-height: 150%;
}
body#fx div.cashbackpointBox {
        background:url(http://fx.hikakuo.com/images/point_cashback.gif) 0 0 no-repeat;
        margin: 0 auto 3px;
        padding:3px 3px 3px 42px;
        font-size:12px;
        border:1px dashed #ffbf5a;
		width: 440px;
		line-height: 150%;
}
body#fx div.cashbackpointBox p {
	font-size: 12px;
	line-height: 150%;
}


/*一覧用*/
body#fx {font-weight: normal;}


body#fx div#goodsList table.fxTable {
        width:100%;
        border-spacing: 0px; 
        border-collapse:collapse;
}

body#fx div#goodsList table.fxTable tr {
        height:18px;
}

body#fx div#goodsList table.fxTable tr th {
        color:#2561a0;
width:auto;
        background-color:#d6f6f5;
      border:1px solid #82d9d8;
        font-size:100%;
        text-align:center;
}

body#fx div#goodsList table.fxTable tr td {
        border:1px solid #82d9d8;
        font-size:100%;
        text-align:center;
}

body#fx div#goodsList div.cashbackpoint {
        background:url(http://fx.hikakuo.com/images/point_cashback.gif) 0 0 no-repeat;
        margin-bottom:3px;
        padding:3px 3px 3px 42px;
        font-size:100%;
        border:1px dashed #ffbf5a;
}


/*20081118end*/




/* コメント
------------------------------------------- */
body#fx div#comments {
	width: 95%;
	margin: 0 0 0 10px;
}

body#fx h3.comments-header,
body#fx h3.comments-open-header {
	font-size: 85%;
	color: #008AC2;
	margin: 0 0 10px 0;
}

body#fx div.comments-content {
	margin: 0 0 50px 0;
}

body#fx div.comment {
	margin: 0 0 20px 0;
}

body#fx div.comment-reply {
	margin: 0 0 20px 20px;
}

body#fx .byline {
	font-size: 70%;
	margin: 0 0 5px 10px;
}

body#fx div.comment-content {
	margin: 7px 0 0 10px;
}

body#fx div.comment-content p {
	font-size: 75%;
	line-height: 130%;
	margin: 0 0 5px 0;
}

/* フォームデザイン
------------------------------------------- */
body#fx #comments-form {
	margin: 0px;
}


/* テーブルデザイン */
body#fx #comments-form table {
	border: none;
	border-collapse: collapse; 
	margin: 0px auto;
	width: 95%;
	font-size: 98%;
}
body#fx #comments-form th, 
body#fx #comments-form td {
	padding: 10px 17px;
	_padding: 15px 17px;
	border-bottom: 1px dotted #ccc;
	border-top: 0px solid #E1D9CA;
	border-right: 0px solid #E1D9CA;
	border-left: 0px solid #E1D9CA;
	text-align: left;
	font-weight:normal;
} 
body#fx #comments-form th {
	width: 100px;
	border-right: 1px dotted #ccc;
	color: #008AC2;
	font-weight: bold;
	text-align: right;
}


body#fx #comments-form .submit {
	text-align: center;
	margin: 30px 0 30px 0;
}
body#fx #comments-form .submit input {
	padding: 3px;
	border: 3px double #E1D9CA;
	background: #FFFFFF;
	text-align: center;
	font-size: 80%;
}
body#fx #comments-form .submit input:hover {
	border:  3px double #D94040;
	color: #D94040;
}

body#fx #comments-form .text1,
body#fx #comments-form .text2,
body#fx #comments-form select {
	border: 1px solid #ccc;
	/*border: 1px solid #E1D9CA;*/
	padding: 3px;
}
body#fx #comments-form .text1:focus,
body#fx #comments-form .text2:focus,
body#fx #comments-form select:focus {
	border: 1px solid #D94040;
}
body#fx #comments-form .text1 {
	width: 250px;
}
body#fx #comments-form .text2 {
	width: 300px;
	height: 160px;
}

body#fx #comments-form textarea {
	font-size: 100%;
}

body#fx #comments-open-captcha {
	margin: 15px 0 10px 60px; 
}

body#fx #comments-open-captcha img {
	margin: 0 0 10px 0; 
}

body#fx #comments-open-captcha input {
	padding: 3px;
	border: 1px solid #ccc;
	width: 150px;
	font-size: 80%;
}

body#fx #comments-open-captcha input:focus {
	border: 1px solid #D94040;
}

/* BLOG */
div#sidebar div#blog dl {
	border: 2px #A1E1E0 solid;	
	margin: 0 0 20px 0px;
	padding: 12px 0 0 8px;
	width: 164px;
}

div#sidebar div#blog dt {
	font-size: 70%;
	margin: 0 0 5px 0;
}

div#sidebar div#blog dd {
	font-size: 70%;
	line-height: 120%;
	margin: 0 0px 5px 0;
	border-bottom: 1px #ccc dotted;
}


/*090908追加*/
body#fx .section h2 {
	font-weight: bold;
}
body#fx div#bodyArea div#goodsList dt.goodsTitle {
	float: none;
	font-size: 72%;
	border-left: 4px solid #FF9900;
	padding-left: 3px;
	width: 135px;
	margin-bottom: 20px;
}
body#fx div#bodyArea div#goodsList dt.goodsImage {
	float: none;
}
body#fx div#bodyArea div#goodsList div.goodsLeft {
	float: left;
	width: 135px;
}