@charset "utf-8";

/* == メイン：トップ ======================================================== */

/* == トップニュース == */
#topnews{
	width:450px;
	height:240px;
}

	#topnewsTab{
		width:450px;
		height:35px;
		background-image:url('../images/topnews_button_background.gif');
		background-repeat:repeat-x;
	}

		#topnewsTab ul{
			margin:0px;
			padding:0px;
			list-style-type:none;
		}

		#topnewsTab li{
			width:112px;
			height:35px;
			float:left;
		}

		#topnewsTab li a{
			width:112px;
			height:35px;
			padding:0px 0px 0px 5px;
			display:block;
			overflow:hidden;
		}

			#topnewsTab li h2{
				font-size:12px;
				line-height:35px;
			}

	.topnewsItem{
		width:450px;
		height:205px;
		background-image:url('../images/topnews_background.gif');
		background-position:bottom left;
		background-repeat:no-repeat;
	}

		.topnewsImage{
			width:150px;
			margin:10px 0px 0px 10px;
			float:left;
		}

			.topnewsImage a{
				width:150px;
				border:1px solid #333333;
				display:block;
				overflow:hidden;
			}

			.topnewsImage a:hover{
				width:150px;
				border:1px solid #ff3333;
				display:block;
				overflow:hidden;
			}

			.topnewsImage img{
				width:150px;
				border:none;
				-ms-interpolation-mode:bicubic;
			}

			.topnewsImage p{
				font-size:0.87em;
				margin:2px 0px 0px 0px;
			}

			.topnewsImageTime{
				font-size:0.87em;
			}

		.topnewsText{
			width:270px;
			height:186px;
			margin:10px 0px 10px 10px;
			overflow:hidden;
			float:left;
		}

		.topnewsText h3{
			font-size:0.9em;
			font-weight:normal;
			line-height:1.2em;
			padding:0px 0px 8px 18px;
			background-image:url('../images/point02.gif');
			background-repeat:no-repeat;
		}

	#topnewsItem0{
		width:450px;
		height:205px;
		display:block;
	}

	#topnewsItem1,#topnewsItem2,#topnewsItem3{
		width:450px;
		height:205px;
		display:none;
	}

/* == メイン：ミドル ======================================================== */

/* == スピード測定 == */
#speed{
	width:980px;
	height:40px;
}

	#speedCenter{
		width:980px;
		height:40px;
		float:left;
		background-image:url(../images/speed_background.jpg);
	}

/* == メイン：ボトム：センター ============================================== */

/* == ピックアップフォト == */
#pickup{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_center_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.pickupTitle{
		width:530px;
		height:25px;
		background-image:url('../images/page_center_title03.gif');
		background-repeat:no-repeat;
	}

		.pickupTitle h2{
			font-size:1.0em;
			color:#ffffff;
			line-height:25px;
			padding:0px 0px 0px 32px;
		}

.pickupItem{
}

#pickup ul{
	margin:0em -4.8em 0em 4.6em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style:none;
}

#pickup li{
	margin:0.6em 0.86em 0em 0em;
	font-size:0.86em;
	float:left;
}

#pickup li a{
	width:120px;
	height:90px;
	display:block;
	overflow:hidden;
	border:1px solid #333333;
}

#pickup li a:hover{
	width:120px;
	height:90px;
	display:block;
	overflow:hidden;
	border:1px solid #ff3333;
}

#pickup li img{
	width:120px;
	height:90px;
	border:none;
	-ms-interpolation-mode:bicubic;
}

/* == ニュースリスト == */
#newslist{
	width:100%;
	margin:0px;
}

	#newslistTitle{
		width:530px;
		height:25px;
		background-image:url('../images/page_center_title.gif');
		background-repeat:no-repeat;
		background-position:left bottom;
	}

		#newslistTitle h2{
			font-size:0.86em;
			line-height:25px;
			color:#ffffff;
			padding:0px 0px 0px 16px;
		}

.newslistItem-odd{
	background-color:#ffffff;
	border-bottom:1px dotted #cccccc;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
}

.newslistItem-even{
	background-color:#ffffff;
	border-bottom:1px dotted #cccccc;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
}

	.newslistText{
		width:380px;
		margin:0px 0px 0px 10px;
		padding:0px;
		float:left;
	}

		.newslistHeadline{
		}

		.newslistHeadline h3{
			font-size:1.2em;
			line-height:1.2em;
			font-weight:bold;
		}

		.newslistExplain{
			margin:2px 0px 0px 0px;
		}

		.newslistExplain p{
			font-size:0.86em;
		}

		.newslistLink{
			width:190px;
			font-size:0.86em;
			text-align:left;
			margin:4px 5px 0px 0px;
			padding:0px 0px 0px 20px;
			background-image:url('../images/point06.gif');
			background-repeat:no-repeat;
			float:left;
		}

		.newslistDate{
			width:180px;
			font-size:0.86em;
			text-align:right;
			margin:4px 5px 0px 0px;
			float:right;
		}

	.newslistImage{
		width:100px;
		margin:0px 10px 0px 10px;
		float:left;
	}

		.newslistImage a{
			width:100px;
			border:1px solid #333333;
			display:block;
			overflow:hidden;
		}

		.newslistImage a:hover{
			width:100px;
			border:1px solid #ff3333;
			display:block;
			overflow:hidden;
		}

		.newslistImage img{
			width:100px;
			border:none;
			-ms-interpolation-mode:bicubic;
		}

.newslistOther{
	font-size:0.86em;
	line-height:1.5em;
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	float:right;
}

/* == メイン：ボトム：レフト ================================================ */

/* == おしらせ == */
#information{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_left_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.informationTitle{
		width:160px;
		height:25px;
		background-image:url('../images/page_left_title.gif');
		background-repeat:no-repeat;
	}

		.informationTitle h2{
			font-size:0.86em;
			color:#ffffff;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.informationItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#information ul{
	margin:0em -3.6em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
}

#information li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0.25em 0em 0.25em 5.2em;
	padding-left:1.5em;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	list-style-type:none;
}

/* == ブロードバンド検索 == */
#broadbandSearch{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_left_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.broadbandSearchTitle{
		width:160px;
		height:25px;
		background-image:url('../images/page_left_title02.gif');
		background-repeat:no-repeat;
	}

		.broadbandSearchTitle h2{
			font-size:0.86em;
			color:#666666;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.broadbandSearchItem{
	padding:4px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.broadbandSearchItem img{
	width:45px;
	height:20px;
}

.broadbandSearchItem span{
	font-size:0.86em;
	line-height:1.6em;
	float:left;
}

.broadbandSearchZip1{
	font-size:0.86em;
	width:30px;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
}

.broadbandSearchZip2{
	font-size:0.86em;
	width:35px;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
}

.broadbandSearchZip3{
	width:20px;
	height:20px;
	margin:0px 0px 0px 4px;
	padding:0px;
	float:left;
}

.broadbandSearchMap{
	width:150px;
	height:200px;
}

.broadbandSearchMap img{
	width:150px;
	height:200px;
	border:none;
}

/* == 無線LANスポット検索 == */
#lanspotSearch{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_left_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.lanspotSearchTitle{
		width:160px;
		height:25px;
		background-image:url('../images/page_left_title02.gif');
		background-repeat:no-repeat;
	}

		.lanspotSearchTitle h2{
			font-size:0.86em;
			color:#666666;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.lanspotSearchItem{
	padding:4px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.lanspotSearchItem span{
	font-size:0.86em;
	line-height:1.6em;
}

.lanspotSearchItem ul{
	margin:0em -3.6em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
}

.lanspotSearchItem li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0.25em 0em 0.25em 5.2em;
	padding-left:1.5em;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	list-style-type:none;
}

.lanspotSearchText{
	width:120px;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
}

.lanspotSearchText2{
	width:20px;
	height:20px;
	margin:0px 0px 0px 4px;
	padding:0px;
	float:left;
}

.lanspotSearchQrcode{
	width:50px;
	margin:0px 0px 0px 50px;
}

.lanspotSearchQrcode img{
	width:50px;
	height:50px;
}

/* == 最新ニュース == */
#recentnews{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_left_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.recentnewsTitle{
		width:160px;
		height:25px;
		background-image:url('../images/page_left_title.gif');
		background-repeat:no-repeat;
	}

		.recentnewsTitle h2{
			font-size:0.86em;
			color:#ffffff;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.recentnewsItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.recentnewsItemCategory{
	height:25px;
	line-height:25px;
	padding:0px 0px 0px 22px;
	border-top:1px solid #999999;

	background-image:url('../images/page_category_background.gif');
	background-repeat:no-repeat;
}

#recentnews ul{
	margin:0em -3.6em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
}

#recentnews li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0.25em 0em 0.25em 5.2em;
	padding-left:1.5em;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	list-style-type:none;
}

.recentnewsList{
	width:140px;
	font-size:0.86em;
	line-height:1.5em;
	text-align:right;
	margin:auto 10px;
	border-top:1px solid #CCCCCC;
}

/* == キーワード == */
#keyword{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	background-image:url('../images/page_left_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.keywordTitle{
		width:160px;
		height:25px;
		background-image:url('../images/page_left_title.gif');
		background-repeat:no-repeat;
	}

		.keywordTitle h2{
			font-size:0.86em;
			color:#ffffff;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.keywordItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#keyword ul{
	margin:0em -3.6em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
}

#keyword li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0.25em 0em 0.25em 5.2em;
	padding-left:1.5em;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	list-style-type:none;
}

/* == メイン：ボトム：ライト ================================================ */

/* == 特集・連載 == */
#special{
	width:250px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_right_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.specialTitle{
		width:250px;
		height:25px;
		background-image:url('../images/page_right_title.gif');
		background-repeat:no-repeat;
	}

		.specialTitle h2{
			font-size:0.86em;
			line-height:1.5em;
			color:#ffffff;
			line-height:25px;
			padding:1px 0px 0px 12px;
		}

.specialItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#special ul{
	margin:0em -3.8em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
	list-style-position:outside;
}

#special li{
	margin:0.6em 0em 0.6em 4.6em;
	border-bottom:1px solid #cccccc;
}

.specialImage{
	width:80px;
	height:60px;
	margin:0px 5px 10px 0px;
	float:left;
}

	.specialImage a{
		width:80px;
		height:60px;
		border:1px solid #333333;
		display:block;
		overflow:hidden;
	}

	.specialImage a:hover{
		width:80px;
		height:60px;
		border:1px solid #ff3333;
		display:block;
		overflow:hidden;
	}

	.specialImage img{
		width:80px;
		height:60px;
		border:none;
		-ms-interpolation-mode:bicubic;
	}

.specialCaption{
	width:150px;
	font-size:0.86em;
	line-height:1.3em;
	float:left;
}

/* == ニュースランキング == */
#ranking{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_right_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.rankingTitle{
		width:250px;
		height:25px;
		background-image:url('../images/page_right_title03.gif');
		background-repeat:no-repeat;
	}

		.rankingTitle h2{
			font-size:0.86em;
			color:#666666;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.rankingItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#ranking ul{
	margin:0em -3.8em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
	list-style-position:outside;
}

#ranking li{
	margin:0.6em 0em 0.6em 4.6em;
	border-bottom:1px solid #cccccc;
}

.rankingNumber{
	width:20px;
	height:20px;
	margin:0px 0px 2px 0px;
	float:left;
}

.rankingCaption{
	width:210px;
	font-size:0.86em;
	line-height:1.5em;
	padding:0px 0px 0px 5px;
	float:left;
}

.rankingText{
	font-size:0.7em;
	line-height:1.5em;
	margin:0px;
	padding:0px 5px 2px 5px;
}

/* == コンテンツメニュー == */
#contentsmenu{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_right_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.contentsmenuTitle{
		width:250px;
		height:25px;
		background-image:url('../images/page_right_title.gif');
		background-repeat:no-repeat;
	}

		.contentsmenuTitle h2{
			font-size:0.86em;
			color:#ffffff;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.contentsmenuItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

.contentsmenuItemCategory{
	height:25px;
	line-height:25px;
	padding:0px 0px 0px 22px;
	border-top:1px solid #999999;

	background-image:url('../images/page_category_background.gif');
	background-repeat:no-repeat;
}

#contentsmenu ul{
	margin:0em -3.6em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
}

#contentsmenu li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0.25em 0em 0.25em 5.2em;
	padding-left:1.5em;
	background-image:url('../images/point06.gif');
	background-repeat:no-repeat;
	list-style-type:none;
}

/* == 関連サイトリンク == */
#link{
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_right_background.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.linkTitle{
		width:250px;
		height:25px;
		background-image:url('../images/page_right_title03.gif');
		background-repeat:no-repeat;
	}

		.linkTitle h2{
			font-size:0.86em;
			color:#666666;
			line-height:25px;
			padding:0px 0px 0px 12px;
		}

.linkItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#link ul{
	margin:0em -3.8em 0em 0em;
	padding:0px;
	position:relative;
	left:-4em;
	overflow:hidden;
	list-style-type:none;
	list-style-position:outside;
}

#link li{
	margin:1.0em 0em 1.0em 4.6em;
	border-bottom:1px solid #cccccc;
}

.linkImage{
	width:100px;
	margin:0px 5px 10px 0px;
	float:left;
}

.linkImage img{
	width:100px;
	border:none;
	-ms-interpolation-mode:bicubic;
}

.linkCaption{
	width:130px;
	font-size:0.80em;
	line-height:1.5em;
	padding:6px 0px 0px 0px;
	float:left;
}

.linkCaptionSub{
	font-size:0.80em;
	line-height:1.2em;
	width:100px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 6px 0px;
	float:left;
}

.linkCaptionIid{
	width:120px;
	font-size:0.80em;
	line-height:1.2em;
	padding:2px 0px 0px 0px;
	float:left;
}

.linkCaptionInside{
	width:120px;
	font-size:0.80em;
	line-height:1.2em;
	padding:22px 0px 0px 0px;
	float:left;
}

.linkText{
	font-size:0.80em;
	margin:0px;
	padding:0px 5px 2px 5px;
}