@charset "utf-8";

/* ====================
CSSをリセット
==================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0;
	font-size: 100%;
	margin: 0;
} 
table {  
	border-collapse:collapse;   
	border-spacing:0;   
} 
fieldset,img {    
	border:0;   
} 
address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 
ol,ul {  
	list-style:none;   
}
caption,th {  
	text-align:left;   
}
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 
q:before,q:after {  
	content:'';   
} 
abbr,acronym {
	border:0;   
}  

/*「clearfix」でfloatを使った際のエリアが重なるバグを解除*/
.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
.clearfix{ display: inline-block; }

* html .clearfix{ height: 1%; };
.clearfix{
	display: block;
}

/* ====================
フォントの設定
==================== */
body {
	font-family: Verdana, Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 77%;
	line-height: 1.5em;
	color: #333;
}
/* リンク */
a,a:link,a:visited {
	color: #0000FF;
	text-decoration: underline;
}
a:hover,a:active {
	color: #0000FF;
	text-decoration: underline;
}
/* フォントの装飾 */
strong {
	font-weight: bold;
}
.red {
	color: #FF0000;
	font-weight: bold;
}
.star {
	color: #FF6600;
	font-size: 110%;
}
.bd {
	font-weight: bold;
}
/* ====================
全体の設定
==================== */
body {
	text-align: center;
	background-color: #FFF;
	background-image: url(images/bg/back_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 800px;
	background-image: url(images/bg/back_wrapper.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#header {
	position: relative;
	width: 800px;
	height: 140px;
	background-image: url(images/bg/back_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#container {
	float: left;
	padding: 10px;
	width: 780px;
	_width: 800px;/* IE */
	background-image: url(images/bg/back_container.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#primary {
	float: left;
	width: 520px;
}
#secondary {
	float: right;
	width: 240px;
}
#footer {
	clear: both;
	text-align: center;
	width: 780px;
	_width: 800px;/* IE */
	background-image: url(images/bg/back_footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	font-size: 80%;
}

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

#header h1 {
	position: absolute;
	left: 10px;
	top: 5px;
	font-weight: bold;
}
#site_description {
	position: absolute;
	right: 10px;
	width: 350px;
	top: 40px;
}
#site_logo {
	position: absolute;
	height: 50px;
	width: 280px;
	left: 20px;
	top: 30px;
}


/* グローバルナビ */
ul#g_navi {
	position: absolute;
	padding: 10px;
	width: 780px;
	_width: 800px;
	left: 0px;
	bottom: 0px;
	height: 40px;
	_height: 60px;
	background-image: url(images/bg/back_gnavi.gif);
}
ul#g_navi li {
	float: left;
	width: 156px;
}
ul#g_navi li a {
	display: block;
	width: 156px;
	line-height: 16px;
	height: 16px;
	_height: 40px;
	text-align: center;
	padding-top: 12px;
	_padding-top: 15px;
	padding-bottom: 12px;
	_padding-bottom: 9px;
	color: #FFF;
	text-decoration: none;
}
ul#g_navi li a:hover {
	color: #FF6600;
}

/* ユーティリティナビ */
ul#u_navi {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 200px;
}
ul#u_navi li {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	font-size: 90%;
}

/* ====================
コンテンツの設定
==================== */
#topic_path {
	font-size: 80%;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#container h2 {
	clear: both;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}
#container h2 {
	font-size: 120%;
	line-height: 1;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #990000;
	background-image: url(images/bg/h2_red.gif);
	background-position: left center;
	color: #FFFFFF;
	margin: 0 10px 10px;
}
#container #primary h2 {
	font-size: 100%;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-right: 0px;
}

/* トップページのランキング */
dl.r_1 {
	width: 760px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
dl.r_2 {
	float: left;
	margin-bottom: 15px;
	padding-left: 10px;
	width: 370px;
	_width: 380px;
}
dl.main_l {
	float: left;
	margin-bottom: 15px;
	padding-left: 10px;
	width: 370px;
	_width: 380px;
}

dl.r_3 {
	float: right;
	margin-bottom: 15px;
	padding-right: 10px;
	width: 370px;
	_width: 380px;
}
dl.main_r {
	float: right;
	margin-bottom: 15px;
	padding-right: 10px;
	width: 370px;
	_width: 380px;
}
dl.r_1 dt {
	width: 685px;
	_width: 760px;
	font-size: 130%;
	line-height: 20px;
	font-weight: bold;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 65px;
	background-image: url(images/bg/r_1.jpg);
	color: #FFF;
	
}
dl.r_2 dt {
	width: 295px;
	_width: 370px;
	font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding-top: 32px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 65px;
	background-image: url(images/bg/r_2.jpg);
	color: #FFF;
}
dl.r_3 dt {
	font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding-top: 32px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 65px;
	width: 295px;
	_width: 370px;
	background-image: url(images/bg/r_3.jpg);
	color: #FFF;
}
dl.main_l dt,dl.main_r dt {
	width: 295px;
	_width: 370px;
	font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding-top: 32px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 65px;
	background-image: url(images/bg/main_dt.jpg);
	color: #FFF;
}
dl.r_1 dt a,dl.r_2 dt a,dl.r_3 dt a {
	color: #FFF;
	text-decoration: none;
}
dl.r_1 dd,dl.r_2 dd,dl.r_3 dd,dl.main_l dd,dl.main_r dd {
	padding: 10px;
}
dl.r_1 dd img,dl.r_2 dd img,dl.r_3 dd img,dl.main_l dd img,dl.main_r dd img {
	border: 1px solid #999999;
	margin-bottom: 10px;
}

table.r_spec {
	width: 350px;
	font-size: 90%;
	margin: 15px 0 10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.r_spec th {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    color:#FFFFFF;
    background-color:#003366;
    text-align:center;
	line-height: 1.0;
	padding: 8px 0;
	font-weight:bold;
}
.r_spec td {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
	line-height: 1.0;
    padding:15px 0;
    text-align:center;
}


.float_l {
	float: left;
	margin-right: 14px;
	margin-bottom: 15px;
}
.float_r {
	float: right;
	margin-left: 14px;
	margin-bottom: 15px;
}
.float_c {
	clear: both;
}
dl.r_1 .dd_r1 {
	width: 350px;
	margin-left: 390px;
}
.a_l {
	text-align: left!important;
}
.a_r {
	text-align: right;
}
.a_c {
	text-align: center;
}
/* メインカラム下部メニューリスト */
.menu_list {
	padding: 10px;
	font-size: 80%;
}
.kobetsu {
	padding: 10px 0 10px 10px;
}
.menu_list .menu_box {
	width: 140px;
}
.menu_list .menu_box2 {
	width: 160px;
}
.m0 {
	margin: 0!important;
}
.menu_list ul {
	margin: 0 5px 10px;
}
.menu_list li {
	background-image: url(images/bg/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px 0 3px 15px;
	margin: 0 0 3px;
	line-height: 1.3;
}
.menu_list li a {
	color: #333;
}
.menu_list li a:visited {
	color: #666;
}
.menu_list h3 {
	margin-bottom: 5px;
	background-color: #F8F8F8;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 15px;
	background-image: url(images/bg/h3_list.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.menu_list h4 {
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-weight: bold;
	color: #CC0000;
}
#secondary h2 {
	font-size: 90%;
	background-image: url(images/bg/h2_side.gif);
	background-position: left center;
	border: 1px solid #006699;
	margin-left: 0px;
	margin-bottom: 5px;
}
dl.side_ranking {
	margin-right: 10px;
	margin-bottom: 15px;
	background-image: url(images/bg/bg_r1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 230px;
}
dl.side_ranking dt {
	font-weight: bold;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
}
dl.side_ranking dd {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 90%;
	background-image: url(images/bg/bg_r1_b.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
dl.rank2 {
	background-image: url(images/bg/bg_r2.gif);
}
dl.rank2 dd {
	background-image: url(images/bg/bg_r2_b.gif);
}
dl.rank3 {
	background-image: url(images/bg/bg_r3.gif);
}
dl.rank3 dd {
	background-image: url(images/bg/bg_r3_b.gif);
}
.post {
	margin-right: 10px;
	margin-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#container p {
	margin-bottom: 1em;
}
/* 記事下おすすめ業者 */
#primary .recommend {
	margin-right: 0px;
	margin-left: 10px;
	border: 1px solid #CC0000;
	background-color: #FFEEFF;
	padding: 14px;
	margin-bottom: 15px;
}
.recommend h3 {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 10px;
	color: #CC0000;
	padding: 0 0 3px 10px;
	border-bottom: 1px dotted #666666;
}
.recommend img {
	margin-bottom: 10px;
}

#secondary li {
	margin-left: 2em;
}
#secondary ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding: 5px;
	margin-bottom: 15px;
}
#secondary ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 80%;
}
.favorite {
	clear: both;
	font-size: 90%;
	margin-bottom: 15px;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.favorite a {
	color: #333;
	text-decoration:none;
}
/* 記事中ランキングトップ */
table.kiji_rank
{
	width: 100%;
	font-size: 90%;
	margin: 0 0 10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.kiji_rank th {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#333;
	background-color: #DDEEFF;
	text-align:center;
	line-height: 1.2;
	padding: 5px 7px;
	font-weight:bold;
}
th.top {
	background-color: #CCDDFF
}
.kiji_rank5 td {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
	line-height: 1.0;
    padding:10px 0;
    text-align:center;
	width: 14%;
}
table.kiji_rank5
{
	width: 100%;
	font-size: 90%;
	margin: 0 0 10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.kiji_rank5 th {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#333;
	background-color: #DDEEFF;
	text-align:center;
	line-height: 1.2;
	padding: 5px 7px;
	font-weight:bold;
}
th.top {
	background-color: #CCDDFF
}
.kiji_rank td {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
	line-height: 1.0;
    padding:10px 0;
    text-align:center;
	width: 17%;
}
.content {
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.hikaku_banner {
	margin-right: 40px;
	margin-bottom: 15px;
	margin-left: 40px;
	width: 700px;
	border-collapse:collapse;
	border-spacing:0px;
	
}
.hikaku_banner td {
	width: 350px;
	text-align:center;
	padding-bottom: 5px;
}
.hikaku_banner a {
	text-decoration: none;
}
.hikaku_banner a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
table.k_spec {
	width: 490px;
	font-size: 90%;
	margin: 0 0 10px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.k_spec th {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    color:#FFFFFF;
    background-color:#003366;
    text-align:center;
	line-height: 1.0;
	padding: 8px 0;
	font-weight:bold;
}
.k_spec td {
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
	line-height: 1.0;
    padding:15px 0;
    text-align:center;
}
.favorite2 ul {
	margin-bottom: 0;
}

.favorite2 ul li {
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 5px;
}
.favorite2 {
	clear: both;
	font-size: 90%;
	line-height: 1.4em;
	padding: 0 20px;
}