@charset "shift_jis";

/* みかんせいなのだ！！ */

/*=============================================*/
/*     Melope                 (2009-08-02)     */
/*                                             */
/*                     rev.0  (2009-08-02)     */
/*                                             */
/*                    http://piyosuke.org/     */
/*=============================================*/



/*===== コメンタリー ========================================================*/
/*
	このスタイルシートは、新しく導入したコーディングフォントを使いたいがために
	作りました。とはいえ、結構力入ってて、かつての良作 "Peaceful" 以降、久々の
	良作かと思います。今回、自作のスタイルシートでは実質初の試みで、基本のフォ
	ントサイズを小さめに設定しています。それに伴い、左右のマージンも大きめに設
	定しました。なお、今回、 "font-family" は完全にユーザの設定に依存します。
	
	基本的に、ブラウザのデフォルトスタイルに近づくように、かつ、見やすくなるよ
	うな適度な装飾を施す感じで作りました。反面、いくつかの要素は、かなり目立つ
	ようなスタイルを指定しています。（強調や引用、アンカー、整形済みテキスト）
	
	強調や引用のイメージカラーは、5年ほど前の初期作からずっと共通ですね。
*/
/*===========================================================================*/






/*===== 指定なき限りはデフォルトで整形 ======================================*/

*
{
	color: inherit;
	background-color: transparent;
	font-size: 100%;
	border: solid 0px #af9060;
	font-weight: inherit;
	font-style: inherit;
	font-family: sans-serif;
	line-height: 1.5;
	text-align: left;
	text-decoration: inherit;
	margin: 0;
	padding: 0;
}



/*===== 基本設定 ============================================================*/

body
{
	color: #000;
	background-color:#ffffff;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	margin: 0 8%;
	padding: 0 0 3.5em; 
}



/*===== 見出し ==============================================================*/

h1, h2, h3, h4, h5, h6
{
	color: #505050;
	/*font-weight: bold;*/
}

h1 {	font-size: 230%;	}
h2 {	font-size: 180%;	}
h3 {	font-size: 130%;	}
h4 {	font-size: 100%;	}
h5 {	font-size: 100%;	}
h6 {	font-size: 100%;	}

h1
{
	margin: 0.75em 0 2em;
	padding: 0 0 0.5em;
	border-bottom-width: 6px;
}

h2
{
	margin: 1em 0;
	border-bottom-width: 2px;
}

h3
{
	margin: 1em 0;
	border-bottom-width: 1px;
}

h4
{
	margin: 1em 0;
	padding-left: 2em;
	border-bottom-width: 1px;
}

h5
{
	margin: 1em 0;
	padding-left: 4em;
	border-bottom-width: 1px;
}

h6
{
	margin: 1em 0;
	padding-left: 6em;
	border-bottom-width: 1px;
}



/*===== 段落 ================================================================*/

p
{
	margin: 1em 0;
}



/*===== ブロックレヴェルの引用 ==============================================*/

blockquote
{
	background-color: #dfd;
	margin: 1em 0;
	padding: 0.5em;
	border: solid 2px #8c8;
}

blockquote:before, blockquote:after
{
	color: #060;
	display: block;
}

blockquote:before
{
	content: attr(title);
	font-weight: bold;
	text-align: left;
}

blockquote:after
{
	content: attr(cite);
	text-align: right;
}



/*===== 整形済みテキスト ====================================================*/

pre
{
	color: #ccc;
	background-color: #000;
	font-weight: normal;
	font-style: normal;
	font-family: monospace;
	line-height: 1;
	overflow: scroll;
	margin: 1em 0;
	padding: 0 0.5em 0.5em;
}

pre *
{
	color: #ccc;
	background-color: transparent;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}

pre[title]:before
{
	content: attr(title);
	display: block;
	color: #fff;
	background-color: #333;
	font-weight: bold;
	margin: 0 -0.5em;
	padding: 0.25em 0.5em;
	border-top: solid 4px #888;
	border-bottom: solid 2px #888;
}



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

ul
{
	list-style-type: disc;
}

ol
{
	list-style-type: decimal;
}

ul, ol
{
	margin: 1em 0 0 1.5em;
}

li ul, li ol
{
	margin: 0 0 0 3em;
}



/*===== 定義リスト ==========================================================*/

dl
{

}

dt
{
	color: #333;
	padding: 0 1em;
}

dd
{
	margin: 0.25em 0 0.25em 2.5em;
}



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

table, caption, thead, tfoot, tbody, th, td
{
	border-color: #666;
	border-collapse:collapse;
}

table
{
	border-width: 1px;
}

caption
{
	font-weight: bold;
	padding: 0.5em 0.25em;
	border-width: 2px 1px 1px;
}

thead
{

}

tfoot
{

}

tbody
{

}

th
{
	background-color: #ddd;
	font-weight: bold;
	padding: 0.25em;
	border-width: 1px;
}

td
{
	padding: 0.25em;
	border-width: 1px;
}



/*===== 始点側アンカー ======================================================*/

a
{
	text-decoration: underline;
}

a:link
{
	color: #08f;
}

a:visited
{
	color: #888;
}

a:hover, a:active
{
	color: #fff;
	background-color: #08f;
}



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

input, option
{

}

textarea
{

}

input[type=submit], input[type=reset]
{

}
input[type=text], input[type=password]
{

}



/*===== フレーズ要素 ========================================================*/


/* テキスト強調 */
em, strong
{
	color: #c00;
	font-weight: bold;
}

strong
{
	border-bottom: double 3px #c00;
}

/* インラインの引用 */
q
{
	color: #060;
}

q:after, q:befor
{
	content: '"';
}

/* 出典 */
cite
{
	border-bottom: dotted 2px #080;
}

/* プログラムコード */
code
{
	font-family: monospace;
	margin: 0.25em;
}

code *
{
	font-family: monospace;
}

pre code
{
	margin: 0;
}

/* 変数 */
var
{
	color: #a0a;
}

/* プログラムによる出力内容 */
samp
{
	color: #008;
}

/* キーボードで入力される文字 */
kbd
{
	background-color: #ccc;
	font-family: monospace;
	margin: 0.25em;
	padding: 0.05em 0.25em;
	border-top: solid 2px #eee;
	border-right: solid 2px #666;
	border-bottom: solid 2px #666;
	border-left: solid 2px #eee;
}

/* 語の定義 */
dfn
{
	border-bottom: solid 2px #ccc;
}

/* 略語 */
abbr
{
	cursor: help;
	border-bottom: dotted 1px #000;
}



/*===== その他の要素 ========================================================*/

/* 挿入・追記 */
ins
{
	border-bottom: dotted 1px #ccc;
}

/* 削除 */
del
{
	color: #888;
	text-decoration: line-through;
}

/* 上付き文字・下付き文字 */
sup, sub
{
	font-size: 75%;
}

sup
{
	vertical-align:super;
}

sub
{
	vertical-align:sub;
}

/* ホリゾンタルルール */
hr
{
	margin: 1.5em 8em;
	border-style: none none solid;
	border-width: 0 0 1px;
}