@charset "utf-8";
/* CSS Document */

/* ブラウザのデフォルトCSSをリセット
******************************************************************************************** */
body,form,fieldset {margin:0;padding:0;}
fieldset {border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd {margin:0;padding:0;}
blockquote,li,dt,dd {margin-left:1em;}
li {list-style:none;}
input,textarea {font-size:100%;}
img{border:none;}
body{
	color:#000;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:95%;
	text-align:center;
	}
	*html body{font-size:90%;}
	/*IE7 ハック*/
	*:first-child+html body {font-size:93%;}

/*共通テキストブロック*/
div.text-block {
	margin:15px;
	width:770px;
	text-align:left;
	}


/*Head*/
div#head {
	width:800px;
	height:150px;
	background-image:url(../images/head.gif);
	background-repeat:no-repeat;
	display:block;
	text-align:left;
	margin:10px auto;
	}
	div#head h1 {
		font-size:110%;
		}
		div#head h1 a {
			color:#000000;
			text-decoration:none;
			}
	div#head p {
		margin:5px 0 0 10px;
		font-size:80%;
		}
	div#head dl.ad {
		width:190px;
		margin-left:2px;
		margin-top:15px;
		float:left;
		}
		div#head dl.ad dt {
			margin:0;
			}
		div#head dl.ad dt a {
			font-weight:bold;
			color:#0000FF;
			text-decoration:none;
			font-size:80%;
			}
			div#head dl.ad dt a:hover {
				color:#FF0000;
				text-decoration:underline;
				}
		div#head dl.ad dd {
			color:#333333;
			font-size:70%;
			margin:2px 0 0 10px;
			line-height:1.3em;
			width:170px;
			}
			div#head dl.ad dd span {
				color:#009900;
				}

/*contents_head / bottom*/
#con_head {
	width:800px;
	height:30px;
	background-image:url(../images/con_head.gif);
	display:block;
	margin:10px auto 0 auto;
	}
#con_bottom {
	width:800px;
	height:30px;
	background-image:url(../images/con_bottom.gif);
	display:block;
	margin:0 auto 10px auto;
	}
	
/*contents_midddle*/
#con_middle {
	width:800px;
	background-image:url(../images/con_middle.gif);
	margin:0 auto;
	}

/*copy*/
#copy {
	width:800px;
	margin:10px auto;
	}	
	#copy p,#copy p a {
		color:#FFFFFF;
		text-decoration:none;
		}


/*コンテンツ内部*/
h2 {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:10px solid #0000FF;
	width:90%;
	padding:5px 15px;
	margin:0 0 15px 0;
	font-size:100%;
	}
	h2,h2 a {
		color:#000000;
		text-decoration:none;
		}
		h2 a:hover {
			color:red;
			}
	h2 span {
		font-weight:normal;
		color:#999999;
		font-size:80%;
		margin-left:50px;
		}

dl.rank {
	width:700px;
	margin:20px 0 20px 10px;
	}
	dl.rank dt {
		background-color:#EEEEEE;
		padding:5px;
		color:#000000;
		font-weight:bold;
		}
		dl.rank dt a {
			color:#000000;
			text-decoration:none;
			}
			dl.rank dt a:hover {
				color:red;
				}
	dl.rank dd {
		margin:5px 0 10px 40px;
		font-size:80%;
		line-height:1.4em;
		}
		dl.rank dd span {
			color:#009900;
			}
		dl.rank dd strong {
			font-weight:normal;
			color:blue;
			}

div.con_ad {
	margin:-10px 60px 10px 30px;
	border:1px solid #EEEEEE;
	background-color:#F6F6F6;
	padding:10px;
	}
	div.con_ad p a{
		font-size:75%;
		color:#666666;
		text-decoration:none;
		}
	div.con_ad p span {
		font-size:75%;
		}
div.kaisetu {
	margin:10px 50px 30px 30px;
	border:1px solid #EEEEEE;
	background-color:#F6F6F6;
	padding:10px;
	line-height:1.4em;
	}
	div.kaisetu p {
		margin-bottom:10px;
		text-indent:10px;
		}




strong.key {font-weight:normal;}
p {line-height:1.3em;}
span.red {
	color:red;
	}
	
/*広告風、解説風リンク*/
.ad_kaisetu {
	margin:20px 0 0 20px;
	background-color:#FFFFEC;
	padding:10px;	
	text-align:left;
	width:650px;
	}
	.ad_kaisetu h3 {
		font-size:90%;
		margin-bottom:10px;
		}
		.ad_kaisetu h3 a {
			color:#000000;
			text-decoration:none;
			}
		.ad_kaisetu h3 a:hover {
			color:#FF0000;
			text-decoration:underline;
			}
	.ad_kaisetu img {
		float:left;
		margin:0 10px 30px 0;
		}	

	.ad_kaisetu p {
		margin-left:10px;
		font-size:75%;
		}	
		.ad_kaisetu p a {
			color:#333333;
			text-decoration:none;
			}	
		.ad_kaisetu p a:hover {
			color:#FF0000;
			text-decoration:underline;
			}	

/*市町村絞り込み*/
ul.citylist {
	list-style:none;
	margin-left:30px;
	}
	ul.citylist li {
		float:left;
		margin:0 10px 10px 0;
		}
	ul.citylist li a {
		width:120px;
		display:block;
		border:1px solid #0000FF;
		background-color:#EEF4FF;
		text-align:center;
		text-decoration:none;
		padding:5px;
		}
	ul.citylist li a:hover {
		border:1px solid red;
		background-color:#FFF1EE;
		color:red;
		}