@charset "UTF-8";
/**
 *  AGL'ｓ Gamers Labo: 基本スタイル設定
 *
 * @revision $Revision: 561 $
 * @author atsushifx <atsushifx@aglabo.com>
 * @create 2009-02-08
 */
/**
 ** スタイルリセット(not All)
 **/
*, html, xbody,
div,
pre,
form, fieldset, input, textarea,
p, blockquote,
dl, dt, dd,
table, th, td {
	margin: 0;
	padding: 0;
}

img, iframe, fieldset, frame {
	border: none;
}

li {
	margin-left: 0.6em;
	}
dd {
	margin-left: 2.2em;
	}

abbr, acronym {
	border: none;
	}

table {
	border-collapse: collapse;
	border-spacing: none;
	empty-cells: show;
	}
caption {
	display: none;
	}
th, td {
	vertical-align: top;
	}


/**
 ** ProgEvo 基本スタイル
 **/
html {
	width: 100%;
	background: darkcyan;
	}

body {
	line-height: 1.8em;
	color: black;
	background: snow;
	margin: 0 auto;
	padding: 0 0.4em;
	width: 780px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Times New Roman',serif,'Osaka','メイリオ';
	margin: 0.6em 2px;
}
h1 {
	font-size: x-large;
	line-height: 1.2em;
	text-align: center;
	margin-top: 0;
	}
	h1 sub {
		margin-left: 0.6em;
		font-style: italic;
		font-size: 70%;
		color: mediumvioletred;
		}
h2 {
	}
h3 {
	font-size: large;
	}
h4 {
	font-size: medium;
	line-heght: 110%;
	margin-bottom: 4px;
	}
h5 {
	}
h6 {
	}
sup { font-size: small; }
hr { height: 1px; }

address {
	font-size: small;
	vertical-align: baseline;
	text-align: right;
}

blockquote {
	background-color: #cccccc; color: black;
	margin: 2px 2em 2px 1em;
	border: solid 1px darkblue;
	font-style: italic; font-size: small;
	padding: 5px;
}


/**
 **  レイアウト用スタイル
 **/
/* コンテンツブロック */
#header {
	}
	#title {
		width: 100%;
		border-bottom: thin gray solid;
		}
		#title:after {
			content: "";
			clear: both;
			display: block;
			}
.container {
	display: table-row;
	}
	#menubar {
		font-size: 90%;
		line-height: 1.4em;
		padding: 2px 8px;
		width: 12em;
		display: table-cell;
		}
	#articleBody {
		border-left: thin blue solid;
		margin: 4px 1.6em;
		padding: 0 12px;
		padding-bottom: 12px;
		vertical-align: top;
		width: auto;
		display: table-cell;
		}
	#articleBody:after {
		clear: both;
		}
	#widgetsbar {
		width: 200px;
		display: table-cell;
		vertical-align: top;
		}

#footer {
}

/* -- */


/* 共通クラス
*/
.clearfix {
	border: green blue dashed;
	}
	.clearfix:after {
	}


/* for 音声ブラウザ */
#readerNavi,.readerNavi {
	display: none;
}

ul.resourceList {
	}
	ul.resourceList li {
		list-style: none;
	}
		ul.resourceList li:before { content:"-"; margin-right:1.2em; }

/* タイトルヘッダ */
#title h2 {
	position: absolute;
	top: 2.2em; left; 0;
	font-size: small;
	line-height: 1.2em;
	}

/* ナビゲーションメニュー
*/
/* 目次 */
#menubar h3 {
	color: darksalmon;
	text-align: center;
	margin: 0;
}
#menubar ul {
	padding: 0;
}
	#menubar li {
	padding: 0 0.2em;
	border: thin dodgerblue solid;
	list-style: none;
}

	#menubar li ul {
		padding-top: 0.3em;
		padding-left: 0.8em;
	}
		#menubar li li {
			border: none;
		}
		/* 現在のページ */
		#menubar li dfn {
			font-style: italic;
				font-weight: bold;
			}
			#menubar li dfn:before { content: "> "; }

/* カテゴリー内ナビゲーション */
.localMenu {
	width: 100%;
	font-size: small;
	text-align: left;
	}
	.localMenu div, .localMenu .adBox{
		display: table-cell;
		vertical-align: top;
		}
		.localMenu h2,.localMenu h3 {
			padding: 0;
			font-size: 120%;
			line-height: 1.2em;
			color: darkorange;
			text-align: center;
		}
		.localMenu ul {
			margin: 0;
			padding: 0;
		}
		.localMenu ul li { list-style: none; }
		.localMenu li dfn { quotes: "" ""; font-weight: normal; color: darkgreen; }

hr {
	display: block; background: gray;
}

/* パンくずリスト */
.topicpath {
	padding: 0;
	font-size: 80%;
	background-color: gainsboro;
	text-align: left;
	clear: both;
	}
	.topicpath li {
		margin: 0;
		list-style: none;
		display: inline;
	}
		.topicpath li:before { content: " / "; }

/* 外部サイト */
.globalNavi {
	padding: 0;
	font-size: small;
	vertical-align: bottom;
	text-align: center;
	}
	.globalNavi li {
		list-style: none;
		quotes: "| " "";
		display: inline;
		}
		.globalNavi li:before {
			content: open-quote;
			}
			.globalNavi li:first-child { quotes: none; }

		.globalNavi dfn {  /* 当ページ */
			font-style: italic;
			color: darkcyan;
		}

/* 内部サイト
*/
/* ショートカットリンク */
.shortcutNavi {
	font-size: 80%;
	margin: 0.4em 0.6em;
	position: absolute;
	top: 0; right: 3.8em;
}
	.shortcutNavi li {
		margin: 0;
		list-style: none;
		quotes: "| " " ";
		display: inline;
	}
	.shortcutNavi li:before  { content: open-quote; }
		.shortcutNavi li:first-child { quotes: none; }

	/* まえへ／つぎへのページ名 */
	.siteNavi sub {
		quotes: "[" "]";
		font-size: small;
	}
	.siteNavi sub:before { content: open-quote;}
	.siteNavi sub:after { content: close-quote;}

.localNavi {
	font-size: small;
	text-align: center;
	quotes: "[" "]";
	padding: 0;
}
.localNavi:before { color: deepskyblue; content: open-quote; }
.localNavi:after { color: deepskyblue; content: close-quote; }
	.localNavi li {
		margin: 0;
		list-style: none;
		quotes: "| " "";
		display: inline;
		}
		.localNavi li:before { color: deepskyblue; content: open-quote; }
		.localNavi li:first-child { quotes: none; }

	.localNavi dfn { /* 当ページ */
		font-style: italic;
		font-weight: bold;
		}

/* 前ページ／次ページ */
.siteNavi {
	font-size: 80%;
	text-align: right;
	margin: 0.4em .6em;
	padding: 0;
}

	.siteNavi li {
		margin: 0;
		list-style: none;
		quotes: "| " "";
		display: inline;
	}
	.siteNavi li:before  { content: open-quote; }
		.siteNavi li:first-child { quotes: none; }

	/* まえへ／つぎへのページ名 */
	.siteNavi sub {
		quotes: "[" "]";
		font-size: small;
	}
	.siteNavi sub:before { content: open-quote;}
	.siteNavi sub:after { content: close-quote;}
		/* ページ名Sub */
		.siteNavi sub sub { quotes: "(" ")"; }
			.siteNavi sub sub:before { content: open-quote;}
			.siteNavi sub:after { content: close-quote; }

/* ページ内リンク */
.pageNavi {
	font-size: small;
	text-align: right;
}
	.pageNavi li {
		list-style: none;
		quotes: " | " "";
		display: inline;
	}
		.pageNavi li:before  { content: open-quote; }
			.pageNavi li:first-child { quotes: none; }

/* ページ内目次
*/
/* 目次見出し */
#articleContents {
	margin-left: 1.2em;
	quotes: "《" "》";
	}
	#articleContents:before { content: open-quote; }
	#articleContents:after { content: close-quote; }

.articleContents {
	}
	.articleContents {
		list-style: none;
		}



	/* ロゴ表示 */
	.logo {
		width: 160px;
	}
		h1.logo {
			font-size: small;
		}

/* 表示クラス */
#footer p {
	font-size: small;
}
/* ページの説明:TOPに置く */
.pageSummary {
	font-style: italic; font-size: x-small;
	margin: .3em 5em;
	height: 1.5em;
}

/* 表示用クラス */
a.url {
	font-size: x-small;
	text-decoration: underline;
	text-align: left;
	margin: 0;
}
.lf {
	page-break-after: always;
}

table.defineTable {
	font-size: 90%;
	}
	.defineTable th,.defineTable td {
		border: thin black solid;
		padding: 2px 4px;
		}

/* 広告用センタリング */
.adspace {
	font-size: 80%;
	text-align: center;
	margin: 0.4em;
	clear: both;
}

/* 引用など */
cite {
	quotes: "『" "』";
}
	cite:before { font-style: normal; content: open-quote; }
	cite:after { font-style: normal; content: close-quote; }

/* その他 */
.accessanalyze, #accessanalyze {
	font-size: small;
	}
noscript p {
	display: inline;
	}
.caution {
	font-style: italic;
	color: red;
	}


/* 画面レイアウト用 */
/* 空白区切り */
.space {
	width: 30px;
	}

/* 更新履歴 */
#news, .topics {
	}
	#news th,.topics th {
		text-align: center;
		border-top: thin gray solid;
		border-bottom: thin gray solid;
		}
	#news td,.topics td {
		font-weight: normal;
		vertical-align: top;
		padding: 0.2em 0.4em;
		}
	#news .topicsDate, .topics .topicsDate {
		width: 8.2em;
		}
		#news .date, .topics .date {
			font-size: smaller;
			}
	#news ul, .topics ul {
		margin: 0; padding: 0;
		line-height: 1.6em;
		}
		#news ul li, .topics ul li {
			margin-left: 0;
			list-style: none;
			}
			#news ul li:before, .topics ul li:before {
				}

/* アフィリエイトBlock */
#affiliate div,#affiliate .adsbox {
	padding: 15px 0;
	border: thin solid black;
	width:140px; height: auto;
	background: silver;
	text-align: center;
	font-size: x-small;
}
	#affiliate h2,#affiliate h3 {
		font-size: 120%;
		color: magenta;
		margin: 0.8em 0.4em;
	}

/* ウィジェット用スタイルシート */
#widget-twitterfeed {
	width: 200px; height: 440px;
	}

#widget-googleConversation {
	margin: 0 auto;
	width: 600px;
	}
	#widget-googleConversation iframe {
		width: 600px; height: 300px;
		}

/* フィード＆検索ボックス */
#widget-searchBox {
	text-align: right;
	}
#widget-feeds {
	text-align: right;
	}


/* FriendFeed */
#friendfeed {
	width: 200px; height: 600px;
	border: thin lightgray solid;
	}

/* 著作権表示 */
#widget-copyright {
	text-align: right;
	}

/* コメントフォーム */
#widgets-feedback {
	margin: 0 auto;
	width: 600px;
	}
	#widgets-feedback:after{
		clear: both;
		}
	#widget-twitthis {
		display: block;
		text-align: right;
		}


#widget-payment {
	text-align: right;
	}


.comments-content {
	width: 36em;
	margin: 0.4em auto;
	}



/* $Id: index.css 561 2009-12-01 13:52:18Z atsushifx $
*/