@charset "Shift_JIS";

/* ---------------------------------------------------------------
 *
 *    娘娘飯店しるきぃうぇぶ ベーススタイル (2007-01-06)
 *
 *
 * この CSS は、各カテゴリ向け CSS のすべてから import されます。
 * 
 * :before, :after 疑似要素と content プロパティを解釈できない
 * 大多数の UA にもそれに似た効果を出すために、背景画像を用いたり
 * スクリプトによる要素の動的生成を使う等のドロナワも行ってまス。
 *
 * --------------------------------------------------------------- */




/* =========== ふつうのブロック要素 =========== */

html
	{
	margin: 0;
	padding: 0;
	}

body
	{
	margin: 0;
	padding: 0.5em 10px 0.5em 40px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

h1, h2, h3, h4, h5, h6,
div, p, pre, address, blockquote
	{
	display: block;
	margin: 1em 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6
	{
	font-weight: bold;
	}

h1
	{
	font-size: 120%;
	font-family: "aqua_pfont",     "あくあＰフォント",
	             "aquafont",       "あくあフォント",	
	             "HiraMaruPro-W4", "ヒラギノ丸ゴ Pro W4",
	             "Osaka",          "ＭＳ Ｐゴシック",
	             sans-serif;
	}

h2, h3, h4, h5, h6
	{
	font-size: 100%;
	}

p
	{
	line-height: 1.5;
	text-align: left;
	/* except MacIE \*/
	text-align: justify;
	text-justify: inter-ideograph;
	/* end */
	}

pre
	{
	font-family: "Osaka−等幅", "ＭＳ ゴシック", monospace;
	padding: 0.5em 1em;
	border: 1px solid;
	-moz-border-radius: 0.8em;
	overflow: visible;
	line-height: 1.2;
	font-size: inherit;
	white-space: pre;
	}

blockquote
	{
	border: 1px solid;
	-moz-border-radius: 0.8em;
	margin-left: 3em;
	margin-right: 0;
	padding: 0 1em;
	}

blockquote pre
	{
	border: none;
	padding: 0;
	}

hr
	{
	/* hr を陰影無しの帯状にする */
	border: 0 none;
	height: 2px;
	/* …けどキホンは非表示 */
	display: none;
	}

address
	{
	font-style: normal;
	}

/* =========== リスト =========== */

ul, dl, ol
	{
	display: block;
	margin: 1em 0;
	}

ul, ol
	{
	padding-left: 1.2em; /* WinIE */
	}

html > body ul,
html > body ol
	{
	padding-left: 2em; /* Gecko/Safari/Opera/MacIE5 */
	}

ul
	{
	list-style-type: disc;
	}

li
	{
	display: list-item;
	margin-bottom: 0.5em;
	padding-left: 0.5em; /* WinIE */
	line-height: 1.5;
	}

html > body li
	{
	padding-left: 0; /* Gecko/Safari/Opera/MacIE5 */
	}

ol
	{
	list-style-type: decimal;
	}

ul ul
	{
	margin-top: 0.2em;	
	margin-bottom: 0.5em;
	list-style-type: square;
	}

ul ul li
	{
	margin-bottom: 0.2em;
	}

dl
	{
	line-height: 1.5;
	}

dt
	{
	font-weight: bold;
	}

dd
	{
	margin-top: 0.2em;
	margin-bottom: 1em;
	margin-left: 3em;
	}


/* =========== テーブル =========== */

table, th, td
	{
	/* WinIE はどうやら tr に border は描けない */
	border-style: solid;
	border-collapse: collapse;
	}

table
	{
	margin: 1em 0;
	border-width: 1px 0 0 1px;
	font-size: 90%;
	border-spacing: 0; /* Safari 対策 */
	}

table a
	{
	font-weight: normal !important;
	}

caption
	{
	line-height: 1.2;
	}

tr
	{
	border: none;
	}

th, td
	{
	border-width: 0 1px 1px 0;
	padding: 2px 4px;
	}

th
	{
	font-weight: bold;
	text-align: center;
	}

/* =========== フォーム =========== */

form
	{
	display: block;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid;
	line-height: 1;
	-moz-border-radius: 0.8em;
	}

form dl, form dt, form dd,
form ul, form ol, form li
form p, form div
	{
	line-height: inherit;
	margin-top: 0;
	margin-bottom: 0;
	}

fieldset
	{
	margin: 0;
	padding: 0;
	border: none;
	-moz-border-radius: 0.8em;
	}

legend
	{
	display: none;
	}

label
	{
	/* Mozilla のブラウザデフォルト CSS の指定を打ち消し */
	padding: 0;
	vertical-align: baseline;
	}

input, textarea, select, button
	{
	border: 1px solid;
	font-size: 100%;
	/* font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif; */
	line-height: inherit;
	}

/* 以下の各クラスは、属性セレクタを多くの UA が 解釈し
   実用的になるまでの過渡期暫定処置 (WinIE/MacIE) */

input.checkbox,
input.radio
	{
	width: auto !important;
	margin-right: 4px;
	vertical-align: middle;
	border-width: 0;
	}

input.submit,
button
	{
	font-weight: bold;
	border-width: 1px 2px 2px 1px;
	padding: 0.1em 1.5em;
	_padding: 0.1em 0.5em; /* ~WinIE6 */
	}

/* 本来のヤリ方を適用 (Mozilla/Safari/Opera/IE7 Only)
   ~WinIE6 でおかしくなるのでセレクタを分けた。      */

input[type="checkbox"],
input[type="radio"]
	{
	width: auto !important;
	margin-right: 4px;
	vertical-align: middle;
	border-width: 1px;
	*border-width: 0; /* WinIE7 */
	}

input[type="submit"]
	{
	border-width: 1px 2px 2px 1px;
	-moz-border-radius: 0.4em;
	padding: 0.1em 1.5em;
	*padding: 0.1em 0.5em; /* WinIE7 */
	font-weight: bold;
	}
	
/* ここまで */

/* form 内の整形 */

form dt
	{
	margin: 0;
	padding: 2px 0;
	font-weight: normal;
	text-align: right;
	float: left;
	clear: left;
	/* float には width の明示が必要。各個に明示の事 */
	}

form dd,
form div
	{
	/* form div には submit と hidden のみ入れる事。
	   margin-left は dt の width を考慮し各個に明示 */
	margin: 0 0 0.2em;
	padding: 0;
	}

form dd input,
form dd textarea
	{
	width: 80%;
	/* 文字を打つと横幅が伸びる WinIE の怪奇現象対策 */
	width: expression((this.parentNode.offsetWidth*0.8)+'px');
	}

form div
	{
	margin-top: 0.5em;
	clear: left;
	text-align: right;
	}

form div input
/* input[type="submit"] */
	{
	margin-right: 20%;
	*margin-right: 15%;
	}

/* =========== 挿入削除 =========== */

del
	{
	text-decoration: line-through;
	font-size: 90%;
	font-weight: normal !important;
	}

del > h1, del > h2, del > h3,
del > h4, del > h5, del > h6,
del > div, del > p, del > pre,
del > address, del > blockquote,
del > ul, del > ol, del > dl, 
del > form, del > fieldset,
del > table, del table * td
	{
	/* Gecko 1.4 以降用対策 */
	text-decoration: line-through;
	}

del table
	{
	font-size: 100%;
	}

del a
	{
	font-weight: normal !important;
	}

ins
	{
	display: block;
	margin: 0;
	padding: 0 0.5em;
	border: 1px dashed;
	text-decoration: none; /* inherit にしたいが WinIE がダメ */
	}

del ins
	{
	/* ins { text-decoration:inherit } 不能の WinIE 対策 */
	text-decoration: line-through;
	}

/* WinIE がアホだからニッチモサッチモだ…。
   もっと文脈セレクタをマトモに使わせろー。 */

ins h1, ins h2, ins h3,
ins h4, ins h5, ins h6,
ins div, ins p, ins pre,
ins address, ins blockquote,
ins ul, ins ol, ins dl,
ins form, ins fieldset,
ins table
	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

h1 ins, h2 ins, h3 ins,
h4 ins, h5 ins, h6 ins,
p ins, pre ins, address ins,
li ins, dt ins, dd ins,
fieldset ins,
th ins, td ins
	{
	display: inline;
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding: 0.1em 0.2em;
	}

pre ins, code ins, samp ins, var ins, kbd ins
	{
	margin: 0;
	padding: 0;
	border: 0 none;
	text-decoration: underline;
	}


/* =========== インライン要素 =========== */

a, abbr, acronym, bdo, big,
cite, code, dfn, em, img, kbd,
object, q, ruby, samp, small,
span, strong, sub, sup, var
	{
	display: inline;
	}

a
	{
	font-weight: bold;
	text-decoration: underline;
	}

a img
	{
	border: 1px solid;
	}

pre a
	{
	font-weight: normal !important;
	}

img
	{
	vertical-align: text-bottom;
	}

ul img,
dt img
	{
	margin-right: 2px;
	}

small
	{
	font-size: 90%;
	}

big
	{
	font-size: 120%;
	}

em
	{
	font-style: normal;
	font-weight: bold;
	}

strong
	{
	font-weight: bold;
	}

pre em, pre strong,
code em, code strong,
samp em, samp strong,
var em, var strong,
kbd em, kbd strong
	{
	font-style: normal;
	font-weight: normal !important;
	text-decoration: none;
	border-bottom: 1px dashed;
	}

abbr,
acronym
	{
	cursor: help;
	border-bottom: 1px dotted;
	font-variant: normal;
	/* MacIE5 は acronym の UAstyle が small-caps */
	}

dfn
	{
	font-style: normal;
	}

q
	{
	font-style: normal;
	}

/* q { quotes: "「" "」" "『" "』"; }
   q:before { content: open-quote; }
   q:after  { content: close-quote; } */

q:before
	{
	content: "\300C"; /* 「 */
	}

q:after
	{
	content: "\300D"; /* 」 */
	}

cite
	{
	font-style: normal;
	}

code, samp, var, kbd
	{
	font-size: inherit;
	font-style: normal;
	/* font-weight: normal; */
	font-family: "Osaka−等幅", "ＭＳ ゴシック", monospace;
	}

kbd
	{
	margin-left: 0.1em;
	margin-right: 0.1em;
	padding: 1px 2px;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	}

ruby
	{
	/* CSS3 Draft. (http://www.w3.org/TR/css3-ruby/) */
	ruby-align: auto;
	ruby-overhang: auto;
	}

rt, rp
	{
	font-size: 80%;
	font-weight: normal !important;
	}

/* =========== 日本語じゃない要素 =========== */

/* Mozilla は :lang セレクタを認識しないし、というか
   Win 版 Moz1.2b だと全要素が :lang(en) にヒットしたり、
   XHTML における xml:lang 属性に対しては
   どのブラウザも（現状）反応できない。うーむ。

   WinIE (5.0〜) は、スクリプトで q の引用符を生成。 */

[xml\:lang="en"],
[xml\:lang="fr"],
[xml\:lang="de"]
	{
	font-family: "Lucida Grande", "Arial", sans-serif;
	}

/* q[xml\:lang="en"],
   q[xml\:lang="fr"],
   q[xml\:lang="de"]
	{
	quotes: '\22' '\22' "'" "'";
	}
*/

q[xml\:lang="en"]:before,
q[xml\:lang="en"]:after,
q[xml\:lang="fr"]:before,
q[xml\:lang="fr"]:after,
q[xml\:lang="de"]:before,
q[xml\:lang="de"]:after
	{
	content: '\22';
	}








/* --------------------------------------------
 *        娘娘 Web 独自の構造への指定
 * -------------------------------------------- */


/* =========== Navigation =========== */

ul.navigation
	{
	margin: 0 -10px 0 10%;
	padding: 0.25em 0.25em 0.25em 80px;
	font-size: 90%;
	white-space: nowrap;
	clear: both;
	}

ul.navigation li
	{
	display: inline;
	margin-left: 1em;
	padding: 0;
	}

ul.navigation li.home
	{
	margin-left: 0;
	}

ul.navigation li.contents
	{
	border-right: 1px solid;
	margin-right: 0.5em;
	padding-right: 1.5em;
	/* MacIE5 only \*//*/
	margin-right: -1em;
	/* end */
	}

/* WinIE7 で妙なボーダーが出る件への対策 \*/
ul.navigation > li.contents > a > img
	{
	*position: relative;
	*left: -2px;
	*margin-right: 0;
	}
/* ここまで */

/* =========== 本文セクション =========== */

div.section
	{
	clear: both;
	margin: 0;
	padding: 2.5em 50px 0 140px;
	}

div.section ul
	{
	font-size: 90%;
	}

div.section div.section ul,
div.section ul ul
	{
	font-size: 100%;
	}

div.section ul a
	{
	font-weight: normal;
	}

div.section div.section ul a
	{
	font-weight: bold;
	}

/* h2 に従属する本文範囲 */

/* ブラウザが MacIE/WinIE の場合は、common.js により
   div.section の要素内末尾に div.section-after が
   一つ自動生成される。 div.section:after の代替。  */

div.section div.section
	{
	margin: 2em -60px 2em -80px;
	padding: 0 2em 0 4em;
	
	/* div.section-after 生成時に以下の値はリセットされる。
	   高さを持つ要素が生成されることによって、ページ全体の
	   高さまたはスクロール位置が変化することを押さえる思惑と
	   スクリプト生成されなかった場合のデザイン的な備え。       */
	padding-bottom: 17px;
	border-bottom: 3px solid;
	
	/* WinIE6〜7 には、背景色/画像のある親要素内で子孫要素を
	   float し、かつ同一親要素内の後続子孫要素で clear すると
	   回り込みしてる文字が消えるバグがある。

	   WinIE 全般に、背景色/画像のある親要素内で子孫要素を
	   float し、かつ同一親要素内の後続子孫_ブロック_要素で
	   clear すると、親要素の背景画像がページ左端まで
	   漏れ出すという怪現象が発生してる。

	   これらは float 箇所へ流し込まれる文字 etc が
	   回り込み空間へ完全に消費しない場面に発生の模様。
	   ただし、親要素の width を明示する事で抑制可能。        */
	_width: 100%;  /* ~WinIE6 */
	}

body > div.section > div[class~="section"]
	{
	/* content の使える Mozilla/Safari/Opera においては
	   上記「デザイン的備え」は不要ゆえにキャンセル。
	   IE7 は相変わらず content が使えないので従来通り。     */
	padding-bottom: 0;
	border-bottom: 0 none;
	*padding-bottom: 17px;     /* WinIE7 */
	*border-bottom: 3px solid; /* WinIE7 */
	
	/* 上記の float で背景色/画像が漏れ出す問題は、
	   IE7 では XHTML は Standard Mode 扱いとなる関係上
	   width 明示作戦は難しい。仕方ないので overflow で対処。 */
	*overflow: hidden; /* WinIE7 */
	}

body > div.section > div.section:after
	{
	/* Mozilla/Safari/Opera Only.
	   角丸の下側を生成する準備。
	   content を明示しないと生成されないので。 */
	content: ""; 
	}

div.section h2,
div.section-after,
div.section:after
	{
	display: block;
	margin: 0 -2em 0 -4em;
	padding-right: 1em;
	}

div.section-after,
div.section:after
	{
	clear: both;
	height: 20px;
	}

/* h3 の従属範囲 */

div.section div.section div.section
	{
	width: auto;
	border: none;
	margin: 2.5em 0 0 -1.5em;
	padding: 0 0 0 1.5em;
	}

/* h4 以降の従属範囲 */

div.section div.section div.section div.section
	{
	margin: 1.5em 0;
	}

/* それぞれのレベルの見出し */

div.section h1
	{
	position: relative;
	left: -100px;
	margin: 0 0 1em; /* margin-left: -100px は WinIE7 で効かない */
	}

div.section h2
	{
	padding-top: 1.5em;
	padding-left: 1.5em;
	margin-bottom: 2em;
	}

div.section h2 img
	{
	float: left;
	vertical-align: top;
	border: 1px solid;
	margin-right: 10px;
	margin-bottom: 5px;
	}

div.section h3
	{
	margin-top: 0;
	margin-left: -1.5em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid;
	}

div.section h4
	{
	margin-top: 0;
	margin-left: -1.5em;
	border-width: 0 0 0 0.5em;
	border-style: solid;
	padding-left: 0.5em;
	}

div.section h5
	{
	margin-top: 0;
	margin-left: -1.5em;
	}

/* blockquote が内部に見出しを持つ場合、
   div.section 構造を持たせてある。   */

blockquote div.section
	{
	margin: 0 !important;
	padding: 0 !important;
	}

blockquote div.section h3,
blockquote div.section h4,
blockquote div.section h5
	{
	margin: 1em 0 !important;
	}

/* =========== 画像展示用 =========== */

.picture
	{
	text-align: center;
	font-size: 90%;
	}

.picture a
	{
	font-weight: normal !important;
	}

.picture img
	{
	border: 1px solid;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	}

body .picture.small
/* WinIE は詳細度がおかしい */
	{
	margin: 1em 0 -1em;
	padding-top: 1px;  /* Gecko/1.8a 以降対策 */
	*margin-bottom: 0; /*  WinIE7 */
	_margin: 0;        /* ~WinIE6 */
	*padding-top: 0;   /*  WinIE7 */
	_padding-top: 1px; /* ~WinIE6 */
	}

.picture.small img
	{
	float: right;
	margin: 0 0 10px 10px;
	}

p.picture.small
	{
	text-align: left;
	font-size: 100%;
	margin-bottom: 1em;
	}
	
p.picture a
	{
	font-weight: bold !important;
	}

body div.section.picture
/* MacIE5 も詳細度がオカシイ */
	{
	margin: 2em 0 0;
	padding: 0;
	border: 0 none !important;
	}

div.section.picture h2,
div.section.picture .section-after,
div.section.picture:after
	{
	display: none;
	height: 0;
	}

div.section.picture .picture
	{
	margin: 0;
	padding: 0;
	}


/* =========== フッタ =========== */

address
	{
	text-align: right;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-top: 2px;
	border-top: 2px solid;
	}

address .datetime
	{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 3em;
	right: 15px;
	border: 0 none;
	}

#shortCut
	{
	position: relative;
	margin-top: 0.2em;
	margin-bottom: 0;
	text-align: right;
	font-size: 90%;
	}

#shortCut a
	{
	font-weight: normal !important;
	}

#shortCut li
	{
	display: inline;
	margin-left: 1em;
	padding: 0;
	}

#shortCut li#made
	{
	margin-left: 0;
	}

#shortCut li#dMomo
	{
	position: absolute;
	display: block;
	text-align: left;
	margin: 0; 
	top: -1px;
	left: 90px;
	}


/* ----- あれポバナー ----- */

/* スクリプト生成。バナーサイズ 88x31 */

#shortCut.APbnr-appended
	{
	padding-left: 275px;
	}

#shortCut li#APbnr
	{
	position: absolute;
	display: block;
	text-align: left;
	margin: 0; 
	top: -1px;
	left: 182px;
	}



/* =========== 更新日付 =========== */

.datetime
	{
	font-weight: normal !important;
	font-size: 90%;
	}

h1 .datetime,
h2 .datetime,
h3 .datetime,
h4 .datetime,
h5 .datetime,
h6 .datetime
	{
	margin-left: 1em;
	}


/* =========== 補足追記部分 =========== */

.memo,
.label
	{
	font-size: 90% !important;
	font-weight: normal !important;
	}

table .memo,
table .label
	{
	font-size: 100% !important;
	}

.memo a,
.label a
	{
	font-weight: normal !important;
	}

/* =========== 引用元 =========== */

p.source
	{
	text-align: right;
	margin-left: 3em;
	font-size: 90%;
	}

p.source a
	{
	font-weight: normal !important;
	}
	
blockquote p.source
	{
	margin-left: 0;
	}

/* =========== 参考リンクリスト =========== */

ul.refLink cite,
dl.refLink dt cite
	{
	font-size: 90%;
	font-weight: normal !important;
	margin-left: 0.25em;
	}

.refLink cite a
	{
	font-weight: normal !important;
	}

/* =========== 凡例・会話文なDL =========== */

dl.hanrei dt,
dl.kaiwa dt
	{
	text-align: right;
	white-space: nowrap;
	float: left;
	/* 非置換要素の float には width の明示が必要。
	   適用先各文書にて適宜指定のコト。            */
	}

dl.hanrei dd,
dl.kaiwa dd
	{
	margin: 0;
	}

/* =========== 囲み記事 =========== */

.column
	{
	border: 1px solid;
	padding: 1em;
	-moz-border-radius: 0.8em;
	}

div.column
	{
	padding-top: 0;
	padding-bottom: 0;
	}

ul.column,
ol.column
	{
	/* マーカー位置と li の margin-bottom を考慮 */
	padding-left: 2.5em;
	padding-bottom: 0.5em;
	}

dl.column
	{
	/* dd の margin-bottomを 考慮 */
	padding-bottom: 0;
	}

dl.column.hanrei,
dl.column.kaiwa
	{
	/* 上で dd の margin-bottom を 0 にしてるので */
	padding-bottom: 1em;
	}

/* =========== 「title要素を参照」 =========== */

/* 属性セレクタを
   多くの UA が 解釈し実用的になるまでの過渡期暫定処置 */

.cfTitle
	{
	cursor: help;
	border-bottom: 1px dotted;
	}

/* 本来のヤリ方を適用。
   属性セレクタを含むセレクタを列記すると
   WinIE にてセレクタ全体が無効になるので分離…。*/

dfn[title],
span[title]
	{
	cursor: help;
	border-bottom: 1px dotted;
	}

/* =========== いろんな感情 (謎) =========== */

.scream
	{
	/* 叫び */
	display: block;
	font-size: 150%;
	}

.tedious
	{
	/* 呆れ */
	letter-spacing: 1em;
	text-align: center;
	}

img.heartmark
	{
	/* ハートマーク画像 */
	vertical-align: baseline;
	}

/* =========== 各indexページ dd =========== */

.indexPage div.section dd
	{
	font-size: 90%;
	}

/* =========== CSS適用時に消す =========== */

.nocss
	{
	display: none !important;
	}

/* =========== はみ出し制御 =========== */

/* WinIE は width を具体的数値で明示しないと overflow が効かない。
   Gecko 系は visible 以外の overflow で float が効かなくなる。
   .picture.small は float ブロックだから初期値に戻す。
   pre の内容が一行だけの時に、水平スクロールバーの下に文字が
   埋まる可能性の回避と、スクロールバーが出現しなかった時の
   表示上のバランスを勘案して上下に同値の padding を付与。        */

/* Backslash Hack (MacIE5 を除外) \*/

ul.navigation
	{
	_width: 100%; /* ~WinIE6 */
	overflow: hidden;
	}

pre,
div.picture
	{
	_width: 100%; /* ~WinIE6 */
	overflow: auto;
	}

div.picture.small
	{
	width: auto;
	overflow: visible;
	}

pre
	{
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	}

/* End */








/* ---------------------------------------------- 
 *             配色と飾り画像系の設定             
 * ---------------------------------------------- */


/* =========== 基本配色 =========== */

body
	{
	color: #e2364a;
	background-color: #f9f3f5;
	background-image: url(../img/bg/back.png);
	}

a:link
	{
	color: #c651e0;
	text-decoration: underline;
	}

a:visited
	{
	color: #d581e8;
	text-decoration: underline;
	}

a:active,
a:focus,
a:hover
	{
	color: #5769f4 !important;
	text-decoration: underline !important;
	}


:focus
	{
	/* -moz-outline: 2px solid #67B8E1 !important; */ /* Gecko */
	/* outline: 2px solid #67B8E1 !important; */ /* Safari */
	/* MacIE5 も outline プロパティを理解するけども
	   適用できる対象は フォームアイテム のみ。 */
	}

/* ====== border の色 ====== */

a img
	{
	border-color: transparent;
	_border-color: #f9f3f5; /* ~WinIE6 */
	}

a:active img,
a:focus img,
a:hover img
	{
	border-color: #5769f4 !important;
	}

pre,
table, th, td,
form, fieldset,
.column
	{
	border-color: #f19da7;
	}


input, textarea, select, button
	{
	border-color: #e2364a;
	}

div.section h2 img,
.picture img
	{
	border-color: #ccc7d1;
	_border-color: #ccc7d1; /* ~WinIE6 */
	}

hr
	{
	color: #f3b9b2;            /* for WinIE/MacIE */
	background-color: #f3b9b2; /* for Mozilla */
	}

ins
	{
	border-color: #f19da7 !important;
	}

/* =========== 強調 =========== */

strong
	{
	color: #fa2859;
	}

/* =========== 弱め色 =========== */

.memo
	{
	color: #dd6470;
	}

a .memo
	{
	color: inherit;
	}

del
	{
	color: #e38891;
	}

/* =========== 引用部分 =========== */

blockquote,
q
	{
	color: #b24c55;
	}

blockquote
	{
	border-color: #d9a6aa;
	}

div.section blockquote
	{
	background: #f9f3f5 url(../img/bg/back_simple.png);
	}

cite
	{
	background-color: #fadbdb;
	}

cite,
p.source
	{
	color: #dd6470;
	}

p.source cite
	{
	background-color: transparent;
	}

h1 q,
h2 q,
h3 q,
h4 q,
h5 q,
h6 q
	{
	color: inherit;
	}


/* =========== リスト =========== */

ul,
ul.toc,
.indexPage div.section ul.toc
	{
	list-style-image: url(../img/icon/star_orange.png);
	}

ul.refLink,
li.refLink,
.indexPage div.section ul
	{
	list-style-image: url(../img/icon/star_magenta.png);
	}

/* :before/:after 疑似要素と content プロパティを
   多くの UA が 解釈し実用的になるまでの過渡期暫定処置 */

dl.refLink dt,
.indexPage div.section dt
	{
	background-image: url(../img/icon/star_magenta.png);
	background-repeat: no-repeat;
	background-position: top left;
	/* 背景画像のタテヨコサイズは 14x14 pixel */
	padding-left: 20px;
	}

/* ここまで */

.refLink cite
	{
	background-color: transparent;
	}

/* =========== テーブル =========== */

th
	{
	background: #f7e0e0 url(../img/bg/stripe_simple.png);
	}

table .em
	{
	background-color: #fadbdb;
	}

/* =========== フォーム =========== */

input, textarea, select, button
	{
	color: #e2364a;
	background-color: white;
	}

input.checkbox,
input.radio
	{
	background-color: transparent;
	}

input.submit,
button
	{
	background-color: #fdefed;
	}

input[type="checkbox"],
input[type="radio"]
	{
	background-color: transparent;
	}

input[type="submit"]
	{
	background-color: #fdefed;
	}

/* =========== インライン要素 =========== */

kbd
	{
	color: #333333;
	background-color: #f7f7f7;
	border-color: #fefefe #aaaaaa #aaaaaa #fefefe;
	}

del kbd
	{
	color: inherit;
	background: none;
	border: none;
	}

/* =========== ページタイトル =========== */

h1
	{
	background-image: url(../img/bg/pagetitle_back.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	/* 背景画像のタテヨコサイズは 500x56 pixel */
	padding: 25px 50px 25px 65px;
	width: 385px;
	/* ~WinIE6 \*/
	_width: 500px;
	/* end */
	}

/* =========== Navigation =========== */

ul.navigation
	{
	background: #f7e0e0 url(../img/bg/stripe_left.png);
	background-repeat: repeat-y;
	}

ul.navigation li.contents
	{
	border-color: #f19da7;
	}

ul.navigation a img
	{
	_border-color: #f7e0e0; /* ~WinIE6 */
	}

/* =========== 本文セクション =========== */

div.section div.section
	{
	background: #f5e4e4 url(../img/bg/unit_back.png);
	background-repeat: repeat-y;
	border-color:  #f7c6bd;
	}

div.section div.section div.section
	{
	background-color: transparent;
	background-image: none;
	}

div.section h2
	{
	background-image: url(../img/bg/unit_top.png);
	background-repeat: no-repeat;
	}

div.section h3
	{
	border-color: #f19da7;

	/* :before/:after 疑似要素と content プロパティを
	   多くの UA が 解釈し実用的になるまでの過渡期暫定処置 */
	background-image: url(../img/icon/ball_orange.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px; /* 背景画像は 14x14 pixel */
	/* ここまで */
	}

div.section h4
	{
	border-color: #f19da7;
	}

div.section-after,
div.section:after
	{
	background-image: url(../img/bg/unit_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

/* =========== 画像展示用 =========== */

div.section.picture
	{
	background-color: transparent !important;
	background-image: none !important;
	}

/* =========== フッタ =========== */

address
	{
	border-color: #f3b9b2;
	}

#shortCut
	{
	background-image: url(../img/banner/nyan2h_tensyo.png);
	background-position: top left;
	background-repeat: no-repeat;
	/* ここに表示される画像のサイズは
	   ・娘娘飯店篆書バナー（背景画像）88x31
	   ・ももコミュバナー              88x31 */
	padding-left: 185px;
	height: 31px; /* for WinIE/MacIE */
	}

[id="shortCut"]
	{
	/* for Mozilla/Opera */
	height: auto !important;
	min-height: 31px;
	}









/* --------------------------------------------
 *              section 構造検証用             
 * -------------------------------------------- */

/*
div.section div.section
	{
	border: 2px solid green !important;
	}

div.section div.section div.section
	{
	border: 2px solid blue !important;
	}

h3
	{
	background-color: lime
	}

h4
	{
	background-color: aqua
	}
*/