@charset "utf-8";
@media screen
{
	/*
	========== 汎用スタイルシート =============================
	
	名前:	nrym.org style（2012-02-28更新）
	作者:	坂取 <www@nrym.org>
	URL:	http://www.nrym.org/
	説明:	汎用スタイルシート。
	注意：	※CDPの配布用はimgのborderを0にする。
			※h1の「...」を削除する。
			※bodyの1%を削除して各要素の余白を15px取る。
			http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
			【 !important;】
	-----------------------------------------------------------
	
	===== 色の設定 =====
    【body】
        見出し：    #000000
        文字色：    #444444
        背景色：    #ffffff
        リンク  未：#2b51db
                済：#a75aa6
                乗：#ff2f56
    
    【blockquote・q】
        線：      #dddddd
        背景：    #ffffff
        文字色：  #777777
        title：   #eeeeee
        cite：    なし
    
    【pre・code】
        線：    #aaaaaa
        背景：  #f5f5f5
        title： #ffffff
    
    【kbd】
        背景：     #ffffff;
        線：       #eeeeee #cccccc #cccccc #eeeeee;
    
    【strong strong】
        色： #ff4500;

    【samp】
        色： #ffeebb;

    【var】
        色： #efd9e0;

    【ins】
        線： #9ad66f;

    【del】
        線： #73abcf;
	
	-----------------------------------------------------------
	
	01. Structure Module
	02. Text Module
	03. Hypertext Module
	04. List Module
	05. Applet Module
	06. Presentation Module
	07. Edit Module
	08. Bi-directional Text Module
	09. Forms Module
	10. Tables Module
	11. Image Module
	12. Object Module
	13. Frames Module
	14. Iframe Module
	15. Metainformation Module
	16. Scripting Module
	17. Style Sheet Module
	18. Link Module
	19. Base Module
	20. Legacy Module

	===========================================================
	*/

	/*
	===========================================================
	基本
	body左右に1%余白を取って、ブロックレベル要素の左右は10px余白を取る。
	-----------------------------------------------------------
	*/

 h1
,h2
,h3
,h4
,h5
,h6
	{
	color: #000000;
	margin: 0.5em 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1;
	}

 h1 a
,h2 a
,h3 a
,h4 a
,h5 a
,h6 a
	{
	border: none;
	}

 address
,p
,pre
,form
,table
,dl
,body>del /* body直下のinsとdelはブロックレベル */
,body>ins
,#main>del /* CSS着せ替えテンプレートプロジェクト用 */
,#main>ins
,blockquote
	{
	margin: 1em 10px;
	}

 ul
,ol
	{
	margin: 1em 10px;
	padding: 0;
	list-style-position: outside;
	}

 body>del /* body直下のinsとdelはブロックレベル */
,body>ins
,#main>del /* CSS着せ替えテンプレートプロジェクト用 */
,#main>ins
	{
	display: block;
	}

 div
,iframe
	{
	margin: 0;
	padding: 0;
	}

 table /* 横スクロール防止 */
,img
,textarea
,pre
	{
	max-width: 100%;
	}

 table /* フォントサイズ対策 */
,select
,input
,textarea
	{
	font-size: 100%;
	}

 table
	{
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	}

 address
,dfn
,em
,cite
,var
,kbd
	{
	font-style: normal;
	}

 em
,strong
,caption
,th
,q q
,dt
,cite
	{
	font-weight: 700;
	}

 abbr
,acronym
,q[title]
,blockquote[title]
	{
	cursor: help;
	}

	/*
	===========================================================
	01. Structure Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_structuremodule
	-----------------------------------------------------------
	*/

 html
	{
	margin: 0;
	padding: 0;
	background: #ffffff;
	}

 body
	{
	line-height: 1.6;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	color: #444444;
	background: #ffffff;
	margin: 1%;
	}

	/*
	===========================================================
	02. Text Module
	http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule
	-----------------------------------------------------------
	*/

 h1
	{
	font-size: 21px;
	margin-top: 0;
	}

 h2
	{
	font-size: 19px;
	}

 h3
	{
	font-size: 17px;
	}

 h4
,h5
,h6
	{
	font-size: 15px;
	}

 address /* アドレス */
	{
	margin-top: 2em;
	text-align: right;
	}
		 address strong /* 各ページの署名 */
		,address a
			{
			padding-left: 0.75em;
			}

 blockquote /* 引用 */
	{
	padding: 1px;
	border: 2px solid #dddddd;
	background: #ffffff;
	}
		 blockquote[title]:before
			{
			margin: 2px 2px 1em 2px;
			padding: 0.1em 0.5em;
			display: block;
			content: attr(title);
			background: #eeeeee;
			}
		 blockquote[cite]:after
			{
			padding: 0.1em 0.5em;
			display: block;
			content: attr(cite);
			text-align: right;
			}
		 blockquote *
			{
			color: #777777;
			}

 div  /* 匿名ブロック */
	{
	}

 p /* 段落 */
	{
	}

 pre /* コードや詩 */
	{
	padding: 0.5em;
	border: 1px dotted #aaaaaa;
	width: auto;
	overflow: auto;
	background: #f5f5f5;
	font-family: monospace;
	}
		pre code
			{
			border: none;
			margin: 0;
			padding: 0;
			}
		pre strong
			{
			}

 abbr /* 略語 */
,acronym
	{
	border-bottom: 1px dotted;
	}

 br /* 強制改行 */
	{
	}

 cite /* 出典 */
	{
	}

 code /* コード */
	{
	font-family: monospace;
	background: #f5f5f5;
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	border: 1px dotted #aaaaaa;
	}

 dfn /* 定義語 */
	{
	}
		dfn:before
			{
			content:"\3010";
			}
		dfn:after
			{
			content:"\3011";
			}

 em /* 強調 */
	{
	}

 kbd /* キーボード */
	{
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	background: #ffffff;
	border-color: #eeeeee #cccccc #cccccc #eeeeee;
	font-family: monospace;
	text-transform: uppercase;
	}

 q /* 引用（インライン） */
	{
	quotes: "\300c" "\300d" "\300e" "\300f";
	background: #ffffff;
	color: #777777;
	border: 1px solid #dddddd;
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	}
		q:before
			{
			content: open-quote;
			}
		q:after
			{
			content: close-quote;
			}
		q q
			{
			margin: 0;
			padding: 0;
			border: none;
			}

 samp /* 出力サンプル */
	{
	font-family: monospace;
	background: #ffeebb;
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	}

 strong /* 強調 */
	{
	}
		strong strong
			{
			color: #ff4500;
			}

 var /* 変数 */
	{
	font-family: monospace;
	background: #efd9e0;
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	}

	/*
	===========================================================
	03. Hypertext Module
	-----------------------------------------------------------
	*/

 a /* アンカー */
	{
	text-decoration: underline;
	}
		 a:link
			{
			color: #2b51db;
			}
		 a:visited
			{
			color: #a75aa6;
			}
		 a:hover
		,a:focus
		,a:active
			{
			color: #ff2f56;
			}

	/*
	===========================================================
	04. List Module
	-----------------------------------------------------------
	*/

 dl /* 定義リスト */
	{
	}
		 dt
			{
			}
		 dd
			{
			margin-left: 1em;
			margin-bottom: 0.25em;
			}

 ol /* 順序リスト */
	{
	}

ul /* 順不同リスト */
	{
	}

		 li
			{
			margin-left: 2em;
			padding-left: 0;
			}
		 ol>li
			{
			list-style-type: decimal-leading-zero;
			margin-left: 3em;
			}

 dd h1 /* 定義型リストの中のリスト（余白調整） */
,dd h2
,dd h3
,dd h4
,dd h5
,dd h6
,dd address
,dd blockquote
,dd p
,dd pre
,dd dl
,dd ol
,dd ul
,dl li
,dd form
,dd table
,li h1
,li h2
,li h3
,li h4
,li h5
,li h6
,li address
,li blockquote
,li p
,li pre
,li dl
,li ol
,li ul
,li li
,li form
,li table
	{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	}

 dl ol li
,li ol li
	{
	margin-left: 2em;
	}

	/*
	===========================================================
	06. Presentation Module
	-----------------------------------------------------------
	*/

 b
	{
	font-weight: 700;
	}
 big
	{
	font-size: 120%;
	}
 hr
	{
	display: none;
	}
 i
	{
	font-style: oblique;
	}
 small
	{
	font-size: 80%;
	}
 sup
	{
	font-size: 80%;
	vertical-align: super;
	}
 sub
	{
	font-size: 80%;
	vertical-align: sub;
	}
 tt
	{
	font-family: monospace;
	}

	/*
	===========================================================
	07. Edit Module
	-----------------------------------------------------------
	*/

 del
,ins
	{
	margin-right: 0.25em;
	margin-left: 0.25em;
	padding: 0.1em 0.25em;
	}

 del
	{
	border: 1px solid #73abcf;
	border-width: 0;
	color: #999999;
	text-decoration: line-through;
	}
		 del>*
			{
			text-decoration: line-through !important;
			}
 ins
	{
	border: 1px solid #9ad66f;
	border-width:  0;
	text-decoration: underline;
	}

 body>del
,body>ins
,#main>del /* CSS着せ替えテンプレートプロジェクト用 */
,#main>ins
	{
	position: relative;
	display: block;
	padding: 0.15em 0.5em;
	border-width:  1px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

		 del[datetime]:after
			{
			content: "\ff08\524a\9664\ff1a "attr(datetime)"\ff09";
			}

		 ins[datetime]:after
			{
			content: "\ff08\8ffd\8a18\ff1a "attr(datetime)"\ff09";
			}

		 body>del:before
		,body>ins:before
		,#main>del:before
		,#main>ins:before
			{
			display: block;
			width: 6em;
			margin: 0.5em 0 0;
			color: #ffffff;
			letter-spacing: 0.25em;
			text-align: center;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}

		 body>ins:before
		,#main>ins:before
			{
			text-transform: uppercase;
			content: "\69\6e\73\65\72\74";
			background: #9ad66f;
			}

		 body>del:before
		,#main>del:before
			{
			text-transform: uppercase;
			content: "\64\65\6c\65\74\65";
			background: #73abcf;
			}

		 body>del[datetime]:after
		,body>ins[datetime]:after
		,#main>ins[datetime]:after
		,#main>del[datetime]:after
			{
			content: attr(datetime);
			position: absolute;
			top: 0.6em;
			left: 7.5em;
			display: block;
			}

	/*
	===========================================================
	09. Forms Module
	-----------------------------------------------------------
	*/

 form
	{
	padding: 1px;
	}

		 form dl
		,form p
			{
			margin-top: 0.5em;
			margin-bottom: 0.5em;
			}

 fieldset
	{
	border: 1px solid #dddddd;
	}

 legend
	{
	margin: 0 1em;
	padding: 0 10px;
	}

 label
	{
	}

 input
,textarea
	{
	margin: 0.1em;
	padding: 0.1em;
	border: 1px solid #000000;
	background: #f5f5f5;
	}

 input[type="text"]
	{
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	}

 input
	{
	line-height: 1.2;
	}
		 input:hover
		,textarea:hover
			{
			border: 1px solid #c98c32;
			}
		 input:focus
		,textarea:focus
			{
			border: 1px solid #aaaaaa;
			}
		 input[type="button"]
		,input[type="submit"]
		,input[type="reset"]
			{
			border: 1px solid #000000;
			background: #000000;
			color: #ffffff;
			padding: 2px 3px;
			}
		 input[type="button"]:hover
		,input[type="submit"]:hover
		,input[type="reset"]:hover
			{
			border: 1px solid #c98c32;
			background: #c98c32;
			}

 textarea
	{
	padding: 0.25em;
	}

 select
	{
	}

 option
	{
	}

 optgroup
	{
	}

	/*
	===========================================================
	10. Tables Module
	-----------------------------------------------------------
	*/

 table
	{
	border-collapse: collapse;
	border: 1px solid #864d41;
	background: #f4efeb;
	}

 caption
	{
	margin: 0.6em 0 0;
	text-align: center;
	}

 th
,td
	{
	padding: 0.3em 0.8em;
	border: 1px #864d41;
	border-style: dotted solid;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	}

 th
	{
	text-align: center;
	}

 tbody tr:nth-child(even)
	{
	background: #fefbf7;
	}

 thead
,tfoot
	{
	background: #e2d0c2;
	}

	/*
	===========================================================
	11. Image Module
	-----------------------------------------------------------
	*/

 img
	{
	margin: 1px;
	border: 1px solid #000000;
	padding: 0;
	}

	/*
	===========================================================
	12. Object Module
	使う日はくるのか
	-----------------------------------------------------------
	*/

 object
,embed
	{
	}

	/*
	===========================================================
	21. Ruby Annotation Module
	下手に指定しない方がいい
	-----------------------------------------------------------
	*/












	/*
	===========================================================
	特定のブラウザ向け
	-----------------------------------------------------------
	*/

 * html dl /* WinIE6のみwidth99％を適応（border消失・ちらつき防止） */
	{
	width: 99%;
	}

 * html .site-information
,* html .gallery
	{
	height: 1%;
	}

 * html pre
	{
	width: 100%;
	overflow: scroll;
	}

 blockquote[cite^="http://"] /* Opera専用 */
,q[cite^="http://"]
	{
	-o-link: attr(cite);
	-o-link-source: current;
	}

} /* 削除不可 */