/* ==================================== */
/* CSS For JavaScript Factory [TopPage] */
/* ==================================== */	/* UTF-8 */	/* この前に共通CSSを読んでいるはず */

/* ---------------------------------- */
/* ■にししふぁくとりー共通ヘッダ部分 */
/* ---------------------------------- */
#pagehead {
	border-bottom: 1px solid gray;
}
#pagehead img {
	border-width: 0px;
}

/* ◆サイトタイトル */
#pagehead div.title {
	background-color: #ccffcc;
	height: 90px;
	background-image: url("/factorytitle_back.gif");
	background-repeat: no-repeat;
	border-bottom: 1px green solid;
}

/* ◆メニュータブ */
#pagehead div.navi {
	background-color: #99ff99;
	background-image: url("/pt/tab/bg.gif");
}

/* ◆メニュー下部のベルト部分 */
#pagehead div.headbottom {
	font-size: 80%;
	color: #ffffff;
	text-align: center;
}

/* -------------------------------------- */
/* ■範囲：最新更新案内～Powered by最後　 */
/* -------------------------------------- */
/* ◆Description文章の表示 */
.content p.headmsg {
	font-size: 80%;
}

/* ---------------------------------------- */
/* ■範囲：各コーナー領域を作るボックス全体 */
/* ---------------------------------------- */
.content div.box {
	border: 1px #800080 solid;
	margin-bottom: 1em;
	background-color: #fffff0;
}

/* ◆コーナーボックス内の見出し */
.content div.box h2 {
	font-size: 100%;
	color: #800080;
	background-color: #ffccf0;
	border-bottom: 1px #800080 solid;
	padding: 0.1em 0.3em;
}

/* ◆最も新しいエントリの表示 */
.content div.box ul.recent li {
	font-weight: bold;
	font-size: 120%;
	font-family: Arial,sans-serif;
}
.content div.box ul.recent li a {
	color: #cc00cc;
}

/* All About BOX : 上書き */
.content div#allabout {
	border: 1px #cc0000 solid;
	background-color: #fff0f0;
}
.content div#allabout h2 {
	background-color: #ffdddd;
	color: #cc0000;
	border-bottom: 1px #cc0000 solid;
}

/* - - - - - - - - - - - - - - - - -  */
/* ■範囲：ボックス内のコンテンツ領域 */
/* - - - - - - - - - - - - - - - - -  */
.content div.box div.boxcontents {
	padding: 0px 1em;
}

/* ◆ボックス内の説明文 */
.content div.box div.boxcontents p.guide {
	margin: 0px;
	font-size: 80%;
	line-height: 1.25;
}

/* ◆ボックス内の説明文：主にボックスの終わりに付く文章用 */
.content div.box div.boxcontents p.noteguide {
	margin: 0px 0px 0.9em 0px;
	font-size: 80%;
	line-height: 1.25;
}

.content div.box ul.afterguide {
	margin-top: 0.5em;	/* リスト上の段落との間隔を詰める */
}
.content div.box ul.afterguide ul {
	margin-top: 0px;	/* 内側のリストの上は詰めない */
}

/* ◆検索用フォーム，ボックス内段落 */
.content div.box form, .content div.box p {
	margin: 1em 0px;
}

/* ◆月別アーカイブへのプルダウンメニュー */
.content div.box form#monthlyarchive {
	margin: 1em;
}

/* ◆最新のエントリ群リスト */
.content div.box ul.entrylists li {
	line-height: 110%;
	margin-bottom: 0.5em;
}

/* ------------------------ */
/* ■ボックスの中のボックス */
/* ------------------------ */
.content div.box div.boxcontents div.imagesetbox {
	border: 1px #250080 solid;
	background-color: #faffff;
}
/* ◆ボックスの見出し */
.content div.box div.boxcontents div.imagesetbox h3 {
	/* ※共通CSSでの装飾内容も影響する点に注意 */
	font-size: 100%;
	font-weight: bold;
	color: #250080;
	border-bottom: 1px #250080 solid;
	background-color: #fff0ff;
	padding: 0.1em 0.3em;
	margin: 0px;
}
.content div.box div.boxcontents div.imagesetbox p,
.content div.box div.boxcontents div.imagesetbox ul {
	margin: 0px;
	padding: 0.5em;
	font-size: 80%;
	line-height: 1.25;
}
/* ◆ボックス内の画像を左寄せ */
.content div.box div.boxcontents img.imageinbox {
	float: left;
	border-width: 1px;
	margin-right: 0.5em;
}

.content div.box span {
	font-size: 60%;
	color: gray;
}

/* --------------- */
/* ■左右2段組構成 */
/* --------------- */
/* ◆左側 */
.content div.archivepages {
	float: left;
	width: 35%;
}
/* ◆右側 */
.content div.recententries {
	margin-left: 35%;
	padding-left: 1em;
}

/* ◆ネタの更新状況を示す萌えバナーの表示 */
img.neta {
	float: right;
	border: 0px;
}