@charset "utf-8";

/* コンテンツタイトル */

div#contents_title div h2 {
	width: 175px;
	height: 50px;
	background: url(../../images/f-comparison/h2_title.gif) 0 0 no-repeat;
}


/* グローバルナビ */

div#global_navi ul li#gnavi_recomend a {
	background: url(../../common/images/head/global_navi.gif) -304px -20px no-repeat;
}

div#global_navi ul li ul li#gnavi_recomend01 a {
	color: #66CC00;
	background: url(../../common/images/head/icon_global_navi01.gif) 0 center no-repeat;
}



/* コンテンツスタイル
----------------------------------------------------------- */
div#main {
	background: url(../../images/f-comparison/main_bg_analysis.jpg) -14px 28px no-repeat;
}

div#main p {
	margin-left: 20px;
}


/* 有料ツールと無料ツールボタンスタイル */

div#main div.btn_top {
	min-height: 84px;
}

* html div#main div.btn_top {
	height: 84px;
}

div#main ul {
	margin: 0 0 0 111px;
	padding: 23px 0 0 0;
	overflow: hidden;
}

* html div#main ul {
	display: inline-block;
}

div#main ul li {
	float: left;
}

div#main ul li.btn_charge {
	margin: 0 20px 0 0;
}

div#main ul li a {
	display: block;
	width: 182px;
	height: 37px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#main ul li.btn_charge a {
	background: url(../../images/f-comparison/btn_charge.gif) 0 0 no-repeat;
}

div#main ul li.btn_free a {
	background: url(../../images/f-comparison/btn_free.gif) 0 0 no-repeat;
}

div#main ul li.btn_charge,
div#main ul li.btn_charge a:hover {
	background: url(../../images/f-comparison/btn_charge.gif) 0 -37px no-repeat;
}

div#main ul li.btn_free,
div#main ul li.btn_free a:hover {
	background: url(../../images/f-comparison/btn_free.gif) 0 -37px no-repeat;
}


/* 有料ツールとの機能比較スタイル */

div#main table#charge {
	width: 564px;
	margin: 0 20px 20px 20px;
	color: #666;
	font-size: 100%;
	line-height: 1.6;
}

div#main table#charge th,
div#main table#charge td {
	padding: 5px 5px;
	border: 1px solid #CCC;
	text-align: center;
}

div#main table#charge th {
	background: #F3F3F3;
}

div#main table#charge th.company {
	width: 60px;
}

div#main table#charge td.function {
	text-align: left;
}

div#main table#charge td span {
	color: #FF0000;
	font-weight: bold;
}



/* 料金比較ボタンスタイル */

div#main div#btn_price {
	width: 182px;
	margin: 30px 211px 0 211px;
	overflow: hidden;
}

div#main div#btn_price a {
	display: block;
	width: 182px;
	height:37px;
	background:url(../../images/f-comparison/btn_price.gif) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#main div#btn_price,
div#main div#btn_price a:hover {
	background:url(../../images/f-comparison/btn_price.gif) 0 -37px no-repeat;
}


/* 無料ツールとの機能比較スタイル */

div#main table#free {
	width: 564px;
	margin: 0 20px 20px 20px;
	color: #666;
	font-size: 100%;
	line-height: 1.6;
}

div#main table#free th,
div#main table#free td {
	padding: 5px 8px;
	border: 1px solid #CCC;
	text-align: center;
}

div#main table#free th.none,
div#main table#free td.none {
	border: 0;
	background: none;
}

div#main table#free th {
	background: #F3F3F3;
}

div#main table#free td.function {
	width: 204px;
	text-align: left;
}

div#main table#free td#td_cost01 {
	border: none;
	background: #E2E5ED;
}

div#main table#free td#td_cost02 {
	border: none;
	background: #F3F3F3;
}


/* テーブルテキスト部分 */

div#main table#free td em {
	color: #FF0000;
	font-size: 110%;
	font-weight: bold;
}

div#main table#free td span {
	color: #747CA4;
	font-size: 110%;
	font-weight: bold;
}