/* 全般 */

body {
	background-color: #ffcc99;
	color: black;
	background-image: url("/static/images/wall.png");
	font-family: sans-serif;
	font-style: normal;
	font-size: medium;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

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

strong {
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}

button {
	font-family:inherit;
	font-size:100%;
}

	/* 注意書きディレクティブ */
div.admonition {
	border: double 4pt;
	background-color: white;
	padding: 0em 0.5em 0.2em 0.5em;
	color: black;
}

p.admonition-title{
	text-align: center;
	font-size: 1.2em;
}

div.caution p.admonition-title, div.danger p.admonition-title{
	color: red;
}



/*
div#id {
	text-align: right;
}
*/

/*
*  ヘッダ周り
*/

/* h1は基本的にWebサイト名"KtJ Dragon" */ 
h1 {
	font-weight: bold;
	text-align: center;
	font-family: serif;
	font-size: 3em;
}

/* 設定変更完了画面はh1の扱いが違うので文字を小さくする */
body.settings h1{
	font-size: 1.5em;
}

/* ヘッダ部の中にあるh2 */
div#header h2 {
	font-size: medium;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0 0.5em;	
}

/* ヘッダの"RSS"リンクをクリックしてでてくるもの関係 */
div#rss-content, div#setting-content{
	margin: 0 2em;
	padding: 0;
}

div#rss-content ul, div#setting-content ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ヘッダの"更新情報"リンクをクリックしてでてくるもの関係 */
div#whatsnew-content {
	margin: 0 2em;
	padding: 0;
}

div#whatsnew-content h3{
	margin: 0;
	padding: 0;
	font-size: medium;
}

div#whatsnew-content p{
	margin: 0 2em 0.5em 2em;
	padding: 0em;
	font-size: medium;
}

/* ヘッダの"コメント一覧"のフォント指定　*/
p#comment-list {
	font-size: medium;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0 0.5em;	

}

p#navigation{
	text-align: center;
	font-family: inherit;
	font-size:1em;
}


/*
*  ブログ関連
*/

/* ページ番号 */
p.page {
	font-style: normal;
	text-align: center;
}

/* ページナビゲーション*/
div.page_navi {
	font-style: normal;
	text-align: center;
}

/* ブログタイトル */
div#blog h2.blog_title {
	font-size: 1.5em;
	font-weight: bold;
	font-style: normal;
	font-family: sans-serif;
	text-align: left;
	background-color: #c0c0c0;
	padding: 0.2em 0.5em;
	border-bottom: solid black 0.1em;
	border-left: solid black 0.1em;
	margin: 0 0 0.5em 0.5em;	
}

/* ブログの見出し */
div#blog h3{
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;
	font-size: 1.5em;
	background-color: #aaaaaa;
	margin-left: 0.5em;
	padding: 0.2em;
}

div#blog h4{
	font-weight: normal;
	text-align: left;
	font-family: sans-serif;
	font-size: 1.3em;
	text-decoration: underline;
}

div#blog h5{
	font-weight: normal;
	text-align: left;
	font-family: serif;
	font-size: 1.2em;
}

div#blog h6{
	font-weight: normal;
	text-align: left;
	font-family: serif;
	font-size: 1.2em;
	margin-left: 2.4em;
}


div#blog div.blog_footer{
	text-align: right;
	margin: 0 1em;
	padding: 0
}


/*
*  非ブログ関連
*/

/* パンくずリスト */
div#pankuzu {
	font-style: normal;
	font-weight: normal;
	text-align: left;
	font-family: sans-serif;
	font-size: 1em;	
}


/* コンテンツのタイトル */
h2#title {
	font-weight: bold;
	text-align: center;
	font-family: serif;
	font-size: 2.5em;
	line-height: 100%;
}

/* コンテンツのコンテナブロック */
div#nb-contents{
	margin: 0;
	padding: 0;
}

/* 見出し */
div#nb-contents h3{
	padding: 0.25em;
	background-color: #ccccee;
	margin: 1em 0 0;
	font-weight: bold;
	text-align: center;
	font-family: sans-serif;
	font-size: 1.8em;
}

div#nb-contents h4{
	font-weight: bold;
	text-align: left;
	font-family: sans-serif;
	font-size: 1.5em;
	margin: 1em 0 0;
	padding: 0.25em;	
}

div#nb-contents h5{
	font-weight: normal;
	text-align: left;
	font-family: serif;
	font-size: 1.2em;
	margin: 1em 0 0;
	padding: 0.25em;	
}

div#nb-contents h6{
	font-weight: normal;
	text-align: left;
	font-family: serif;
	font-size: 1.2em;
	margin-left: 2.4em;
}

/* インデックス表示画面のチャプター・コンテンツ一覧 */
div.chapter-list ul.nb-list{
	list-style-type: none;
}

div.chapter-list ul.nb-list>li{
	padding-left: 1em;
	text-indent: -1em;
}


/*
*  ブログ・非ブログ共通
*/

/* コンテンツの投稿・更新日時 */
ul.date{
	list-style-type: none;
	margin: 0 0 0 1em;
	padding: 0;
}

ul.date li{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* RSTで書かれたコンテンツ */
main div.article_body{
	margin: 0 1em;
	padding: 0.5em 2em;
	line-height: 1.5em;
	text-align: left;
	font-size: 1em;
	background-color: #eeeedd;
	color: black;
}

main p{
	margin: 0.25em 1em 0.5em;
	padding: 0;
}

main blockquote{
	border-left: solid 1pt;
	margin: 0.25em 1em 0.5em;
	padding-left: 1em;
}

	/* 定義リスト */
main dl{
	margin: 0.25em 1em 0.5em;
	margin-left: 1em;
}

main dt {
	color: green;
}

main dd {
	margin-bottom: 0.5em;
}

		/* 脚注と引用 */
main aside.footnote-list,
main dl.citation{
	margin-left: 2em;
	margin-right: 2em;
	padding-left: 0.5em;
	background-color: #d0d0c0;
}

main aside.footnote>span.label,
main dl.citation>dt{
	float: left;
	color: black;
	padding-right: 1em;
}

			/* 脚注の数字の前後に大カッコを入れる */
/*
span.brackets:before, a.brackets:before{
	content: "[";
}

span.brackets:after, a.brackets:after{
	content: "]";
}
*/

	/* 番号付きリスト */
main ol.arabic{
	margin: 0.25em 1em 0.5em;
	list-style-type: decimal;
}

main ol.upperalpha{
	margin: 0.25em 1em 0.5em;
	list-style-type: upper-latin;
}

main ol.loweralpha{
	margin: 0.25em 1em 0.5em;
	list-style-type: lower-latin;
}

main ol.upperroman{
	margin: 0.25em 1em 0.5em;
	list-style-type: upper-roman;
}

main ol.lowerroman{
	margin: 0.25em 1em 0.5em;
	list-style-type: lower-roman;
}

	/* HTML5変換ではリストアイテムの中に段落が入るので調整 */
main li>p{
	margin: 0;
	padding: 0;
}

	/* 定義リストの見出しの中のclassifier */
main dt>span.classifier{
	padding-left: 0.25em;
	font-size: smaller;
	font-weight: bold;
}

	/* リテラルブロック */
main pre.literal-block{
	border: solid 1pt;
	background-color: #ccffcc;
	@media (max-width: 60em){
		width: 80%;
		overflow-x: scroll;
	}
	@media (min-width: 60em){
		width: 50em;
		overflow-x: scroll;
	}
	margin-left: 2em;
	padding: 0.5em;
	overflow: auto;
}

main pre.code {
	border: solid 1pt;
	background-color: #ccccff;
	@media (max-width: 60em){
		width: 80%;
		overflow-x: scroll;
	}
	@media (min-width: 60em){
		width: 50em;
		overflow-x: scroll;
	}
	margin-left: 2em;
	padding: 0.5em;
	overflow: auto;
}

	/* インラインリテラル */
main span.literal {
	background-color: #ccffcc;
	font-family: monospace;	
}

main code {
	background-color: #ccccff;	
}

	/* インライン要素 */
main q {
	color: #555555;
	font-style: oblique;
	quotes: none;
}

	/* テーブル */
main table{
	font-family: inherit;
	font-size:1em
	color: black;
	margin: 0.25em 1em 0.5em;
	border-color: black;
	border-collapse: collapse;
}

main th{
	background-color: #c0c0c0;
	font-weight: bold;
	border: solid 2pt;
	padding: 2pt 1em 2pt 1em;
}

main td{
	background-color: white;
	border: solid 2pt;
	padding: 2pt 1em 2pt 1em;
}

main table.jul td>ul,
main table.fmt td>ul{
	margin: 0;
	padding: 0 0 0 1em;
	list-style-type: disc;
}

main table.jul td>ul>li,
main table.fmt td>ul>li{
	margin: 0;
	padding: 0 0 0.25em 0;
	list-style-type: disc;
}

		/* HTML5変換ではセルの中に段落が入るので調整 */
main th>p,
main td>p{
	margin: 0;
	padding: 0;
}

	/* ins, del */
del {
    background-image: linear-gradient(#808080, #808080);
    background-position: 0 50%;
    background-size: 100% 2px;
    background-repeat: repeat-x;
    color: #888;
    margin: 0 0.4em;
	text-decoration: none;
}

ins {
	text-decoration: none;
	color: green;
}

	/* インライン画像(クラス:icon) */
	/* 高さを文字に併せて調整する */
img.icon{
	margin: 0;
	padding: 0;
	height: 1.2em;
	position: relative;
	top: 0.3em;
}


/*
* コメント関連
*/

/* 「コメント」の見出し */
h3.comment_header {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	margin: 0.5em 1em;
	padding: 0;
	font-family: serif;
	background-color: white !important;
}

/* 1つのコメントを収容するコンテナブロック */
div.comment_container{
	width: 80%;
	margin: 0.5em 2em;
	padding: 0.5em;
	border-style: solid;
	border-color: black;
	border-width: thin;
	background-color: #e0e0e0;
}

/* コメント投稿者名と投稿日時 */
div.comment_container ul.comment_header li{
	font-weight: bold;
	text-decoration: underline;
	list-style-type: none;
}

/* コメント投稿用のメッセージ */
div#ComCon{
	margin: 0 1em;
	padding: 0;
}

/* トップページ用 */
ul.toppage{
	margin: 1em;
	padding: 1em;
}

ul.toppage li{
	margin: 0.5em;
	padding: 0.5em;
	font-size: 2em;
	font-family: serif;
	list-style-type: none;
}