@charset "Shift_JIS";
@import url("base.css");

/*

【スタイル名】
	ダークムーンスタイル

【目標】
	ムーンサイド風スタイルの作成（実質失敗）

【記述基準】
	セレクタ配置  ：全称→タイプ→擬似→子孫→子供→隣接→属性→クラス→ID
	プロパティ配置：特殊→ブロック（margin→padding→background→border）→テキスト→フォント
	
	プロパティ指定時における標準記法：
		・余白  ：上下方向へはem、左右方向へは%を用ゐる。
		・線    ：px、又はemで統一する。
		・その他：%で統一する。
		・色    ：#rrggbb、又は#rgb方式とする

【未定義要素】
	XHTML要素のうち big, small, dfn, kbd, cite, strong, var, samp, acronym, address要素は高天原下で用ゐない事を前提に未定義とする。
	ユーザスタイルとして使ふ場合は独自に定義してください。

【特殊定義クラス】
	div.section  ：汎用セクション疑似要素
	div.warning  ：警告セクション疑似要素
	div.summary  ：要約セクション疑似要素
	div.contents ：目次セクション疑似要素
	div.note     ：附記セクション疑似要素

【二次利用等】
	高天原綜合案内書（http://www.takamagahara.info/annai）の規定に拠るものとします。

*/



/* 基調 */
*		{ color      : #ccc ; }
html	{ background : #262626 ; }
body	{ padding    : 0 0.5em ; }

/* 基本要素 */
h1	{  
 margin       : 3em 0 ;
 padding      : 0.3em ;
 border-bottom: solid 1px #09f ;
 color        : #ccc ;
 text-align   : center ;
}
h2	{
 margin-top   : 4em ;
 padding      : 0.2em 4% ;
 text-align   : center ;
 color        : #ccc ;
 font-size    : 160% ;
 font-weight  : normal ;
}
h3	{
 margin-top   : 0.5em ;
 padding      : 0.25em 0 0.25em 2%;
}
h2, h3	{
 background   : #262026;
 border-style : solid none;
 border-width : 1px ;
 border-color : #939 ;
}
h4, h5, h6	{
 margin-top   : 2em ;
 border-color : #939 ;
 color        : #ccc ;
}

p	{}

a:link {
 color        : #adf ;
 border-color : #adf ;
}
a:visited {
 color        : #faf ;
 border-color : #faf ;
}
a:hover {
 color        : #f66 ;
 border-color : #f66 ;
}



/* リスト */
ul	{}
ol	{}
ol.navi	{ 
 margin       : 0.5em 0.8em ;
}

dl	{
 margin       : 2em 0.5em ;
}
dt {
 padding      : 0.25em 1em ;
 background   : #192629 ;
 border-style : solid none ;
 border-color : #69f ;
}
dd {
 margin       : 0.5em 2em ;
 line-height  : 120% ;
}
dt+ dt {
 margin-top   : 0.1em ;
}
dd+ dt {
 margin-top   : 1em ;
}



/* 引用 */
q	{
 color        : #6c6 ;
}
blockquote {
 margin       : 3em 0.5em ;
 background   : #202920 ;
 border-style : solid none;
 border-width : 1px ;
 border-color : #6c6 ;
}
blockquote[title]:before {
 content      : attr(title)"より引用" ;
 display      : block ;
 color        : #6c6 ;
 margin       : 0 0.8em 1em 0 ;
}
blockquote[cite]:after {
 content      : "《参照："attr(cite)"》" ;
 display      : block ;
 margin       : 1em 0.8em 0 0 ;
 color        : #6c6 ;
 text-align   : right ;
}


/* その他 */
abbr		{}
code		{}
sup, sub	{}
em	{
 color        : #dd0 ;
}

pre	{
 margin       : 2em 0 ;
 background   : #292929;
 border-style :dotted none;
 border-color:#ccc;
}
hr	{}


/* ins/del */
ins	{
 margin       : 2em 0 ;
 background   : #262026 ;
 border-style : solid none;
 border-width : 1px ;
 border-color : #c9c ;
}
ins:before	{
 color        : #c9c ;
}

del	{
 margin       : 2em 0 ;
 background   : #292929 ;
 border-style : solid none ;
 border-width : 1px ;
 border-color : #999 ;
}
del:before {
 color        : #999 ;
}


/* section */
div.section {}
div.section div.section	{
 margin       : 0 ;
 border       : none ;
}
div.section div.section div.section	{
 margin       : 0 ;
}

div.introduction, div.contents 	{
 margin       : 2em 0.5em ;
 background   : #292920 ;
 border-style : solid none ;
}
div.introduction p	{}

div.warning		{
 margin       : 2em 0.5em ;
 background   : #262020 ; 
 border-style : solid none ;
}
div.warning h2	{
 display      : block ;
 position     : static;
 background   : inherit ;
 text-align   : left ;
}
div.warning	p	{
 margin       : 1em ;
}

div.note	{
 margin       : 2em 0.5em ;
 background   : #292920 ;
 border-style : solid none ;
}
div.note:before	{
 color:#ccc;
}
div.note p	{
 color:#ccc;
}



form {
 padding      : 0.5em ;
}
input, textarea {
 font-size    : 90% ;
 border       : inset 1px #ccc ;
 color        : #000 ;
}
input[type="submit"] {
 border-style : outset ;
 color        : #000 ;
}

table	{
 width           : 100% ;
 margin          : 2em 0 ;
 border-color    : #999 ;
 border-collapse : collapse ;
}
caption	{}
td,th	{
 color        : inherit ;
 background   : transparent ;
 border-color : #999;
}
th	{}
thead th	{
 border-bottom: double ;
 border-color : #999 ;
}
tfoot th	{}

