@charset "utf-8";

/* == レイアウト ============================================================ */
#page{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
}

#pageEnd{}

#layout{
	width:980px;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:left;
}

/* == ヘッダエリア == */
#headerArea{
	width:980px;
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:left;
}

#headerTop{
	width:980px;
}

	#headerTopLeft{
		width:300px;
		float:left;
	}

		#headerTopLeft h1{
			font-size:0.87em;
			font-weight:normal;
			text-align:right;
			margin:2px 0px 0px 5px;
			padding:0px;
		}

	#headerTopRight{
		float:right;
	}

#headerMiddle{
	width:980px;
}

	#headerMiddleLeft{
		width:350px;
		margin:0px 0px 0px 0px;
		float:left;
	}

	#headerMiddleRight{
		font-size:0.86em;
		margin:10px 5px 0px 0px;
		float:right;
	}

#headerBottom{
	width:90px;
}

/* == メインエリア == */
#mainArea{
	width:980px;
	margin:10px auto 0px auto;
	padding:0px auto 0px auto;
}

	#mainTop{
		width:980px;
	}

	#mainLeft{
		width:660px;
		margin:0px;
		float:left;
	}

		#naviLeft{

			width:120px;
			float:left;
		}

		#contents{
			width:530px;
			float:left;
			margin:0px 0px 0px 10px;
		}

	#mainRight{
		width:300px;
		margin:0px;
		float:right;
	}

/* == フッタエリア == */
#footerArea{
	width:980px;
	margin:20px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:center;
}

/* == レフトサイド ========================================================== */

/* == 記事＆写真：記事ページング == */
#articlePaging{
	width:660px;
	margin:0px 0px 20px 0px;
}

	#articlePagingPrev{
		width:250px;
		background-image:url('../images/point03.gif');
		background-repeat:no-repeat;
		list-style-type:none;
		float:left;
	}

	#articlePagingPrev strong{
		font-size:0.86em;
		padding:0px 0px 0px 20px;
		display:block;
	}

	#articlePagingPrev h3{
		font-size:0.70em;
		padding:0px 0px 0px 20px;
		display:block;
	}

	#articlePagingNext{
		width:250px;
		background-image:url('../images/point04.gif');
		background-repeat:no-repeat;
		list-style-type:none;
		text-align:right;
		float:right;
	}

	#articlePagingNext strong{
		font-size:0.86em;
		line-height:1.5em;
		padding:0px 20px 0px 0px;
		display:block;
	}

	#articlePagingNext h3{
		font-size:0.70em;
		line-height:1.5em;
		padding:0px 20px 0px 0px;
		display:block;
	}

/* == 記事＆写真：注目記事 == */
#pickuparticle{
	width:660px;
	margin:0px 0px 20px 0px;
}

	#pickuparticleTitle{
		border-left:5px solid #666666;
		border-bottom:1px solid #666666;
		padding:0px 0px 0px 4px;
	}

		#pickuparticleTitle h2{
			font-weight:normal;
			font-size:0.86em;
			line-height:1.5em;
			color:#333333;
		}

.pickuparticleItem{
	width:660px;
}

	.pickuparticleText{
		margin:5px 0px 0px 10px;
		padding:0px 0px 0px 105px;
	}

		.pickuparticleHeadline{
			padding:4px 0px 0px 0px;
		}

		.pickuparticleHeadline h3{
			font-size:0.86em;
			line-height:1.5em;
		}

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

		.pickuparticleExplain p{
			font-size:0.86em;
			line-height:1.5em;
		}

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

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

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

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

/* == 関連キーワード == */
#relatedKeyword{
	width:660px;
	border:1px solid #cccccc;
	margin:20px 0px 10px 0px;
}

	.relatedKeywordTitle{
		border-bottom:1px solid #cccccc;
		background-color:#eeeeee;
		padding:0px 0px 0px 4px;
	}

		.relatedKeywordTitle span{
			font-size:0.86em;
			line-height:20px;
			color:#333333;
		}

	.relatedKeywordItem{
	}

		.relatedKeywordItem ul{
			margin:0px;
			padding:0px;
			list-style-type:none;
		}

		.relatedKeywordItem li{
			font-size:0.87em;
			margin:0px 0px 0px 0px;
			padding:2px 0px 0px 30px;
			float:left;
			background-image:url('../images/point01.gif');
			background-repeat:no-repeat;
		}

/* == 記事＆写真：関連記事 == */
#relatedlink{
	width:660px;
	margin:0px 0px 20px 0px;
}

	#relatedlinkTitle{
		border-left:5px solid #666666;
		border-bottom:1px solid #666666;
		padding:0px 0px 0px 4px;
	}

		#relatedlinkTitle h2{
			font-size:0.86em;
			font-weight:normal;
			line-height:20px;
			color:#333333;
		}

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

	#relatedlink 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;
	}

/* == 関連ニュース == */
#relatednews{
	width:660px;
	margin:20px 0px 0px 0px;
}

	#relatednewsTitle{
		border-left:5px solid #666666;
		border-bottom:1px solid #666666;
		padding:0px 0px 0px 4px;
	}

		#relatednewsTitle span{
			font-size:0.86em;
			line-height:20px;
			color:#333333;
		}

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

	#relatednews 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;
	}

/* == 記事＆写真：関連ギガインデックス == */
#gigaindex{
	width:660px;
	margin:0px 0px 20px 0px;
}

	#gigaindexTitle{
		border-left:5px solid #666666;
		border-bottom:1px solid #666666;
		padding:0px 0px 0px 4px;
	}

		#gigaindexTitle h2{
			font-size:0.86em;
			font-weight:normal;
			line-height:1.5em;
			color:#333333;
		}

		.gigaindexHeadline{
			width:100%;
			margin:5px 0px 0px 5px;
			background-image:url('../images/point06.gif');
			background-repeat:no-repeat;
		}

		.gigaindexHeadline h3{
			font-size:0.86em;
			line-height:1.5em;
			font-weight:bold;
			margin:0px;
			padding:0px;
			color:#333333;
			padding:0px 0px 0px 18px;
		}

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

#gigaindex li{
	font-size:0.86em;
	line-height:1.5em;
	margin:0em 0em 0em 5.2em;
}

/* == 汎用：ペディア == */
#pedia{
	width:660px;
	margin:10px 0px 10px 0px;
	background-image:url('../images/page_left_background03.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.pediaTitle{
		width:660px;
		height:25px;
		background-image:url('../images/page_left_title04.gif');
		background-repeat:no-repeat;
	}

		.pediaTitle h2{
			font-size:0.86em;
			line-height:1.5em;
			color:#ffffff;
			padding:2px 0px 0px 10px;
		}

.pediaItem{
	width:100%;
}

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

#pedia li{
	width:150px;
	margin:0.2em 0.42em 0em 0em;
	font-size:0.86em;
	line-height:1.5em;
	float:left;
}

/* == 汎用：関連画像 == */
#relatedimage{
	width:660px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.relatedimageItem{
	width:660px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

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

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

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

.relatedimageImage img{
	height:100px;
	border:none;
	-ms-interpolation-mode:bicubic;
}

/* == 記事へのツイート == */
#twitter{
	width:660px;
	margin:20px 0px 0px 0px;
}

	#twitterTitle{
		border-left:5px solid #666666;
		border-bottom:1px solid #666666;
		padding:0px 0px 0px 4px;
	}

		#twitterTitle h2{
			font-size:0.86em;
			font-weight:normal;
			line-height:20px;
			color:#333333;
		}

	.twitterItem{
		width:660px;
	}

/* == ライトサイド ========================================================== */

/* == 汎用：最新ニュース一覧 == */
#recent{
	width:100%;
	margin:0px 0px 10px 0px;
	background-image:url('../images/page_right_background02.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.recentTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title02.gif');
		background-repeat:no-repeat;
	}

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

.recentItem{
	width:100%;
}

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

#recent 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;
}

.recentList{
	width:280px;
	font-size:0.86em;
	line-height:1.5em;
	text-align:right;
	margin:auto 10px;
	padding:0.25em 0px;
	border-top:1px solid #CCCCCC;
}

/* == 汎用：編集部ピックアップ == */
#editors{
	width:300px;
	margin:10px 0px 10px 0px;
	background-image:url('../images/page_right_background02.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.editorsTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title02.gif');
		background-repeat:no-repeat;
	}

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

.editorsItem{
	width:100%;
}

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

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

.editorsImage{
	width:100px;
	height:70px;
	margin:0px 5px 10px 0px;
	float:left;
}

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

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

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

.editorsCaption{
	width:170px;
	font-size:0.86em;
	line-height:1.5em;
	float:left;
}

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

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

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

.pickupItem{
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:0px 0px 10px 0px;
}

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

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

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

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

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

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

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

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

.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:300px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background-image:url('../images/page_right_background02.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.specialTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title02.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:200px;
		font-size:0.97em;
		line-height:1.1em;
		float:left;
	}

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

	.rankingTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title05.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:260px;
	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_background02.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.contentsmenuTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title02.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;
}

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

.contentsmenuItem 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_background02.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}

	.linkTitle{
		width:300px;
		height:25px;
		background-image:url('../images/page_right_title05.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 5.2em;
	border-bottom:1px solid #cccccc;
}

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

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

.linkCaption{
	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{
	font-size:0.80em;
	line-height:1.2em;
	padding:2px 0px 0px 0px;
	float:left;
}

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

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

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

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

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

.lanspotSearchItem form{
	margin:4px 0px 0px 12px;
}

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

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

.lanspotSearchItem strong{
	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 125px;
}

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

.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;
}

.broadbandSearchItem strong{
	font-size:0.86em;
	line-height:1.6em;
}

.broadbandSearchItem form{
	margin:4px 0px 0px 12px;
}

.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;
}