@charset "utf-8";

/*************************************************************
  
  スタイルシート名
      SSS for HTML/screen D20070425
  バージョン
      D20070818T185500P0900
  最新版のURI
      http://20020101.20000826.net/style_sheets/html/screen/sss_html_screen_D20070425.css
  ライセンス
      クリエイティブ ･ コモンズ 表示 3.0 一般 (http://creativecommons.org/licenses/by/3.0/deed.ja)
  原著作者
      シマダ (http://20020101.20000826.net/simada)
  作成日
      2007-04-25
  更新日
      2007-08-18
  説明
      ･ HTML 4 Strict
      ･ ISO/IEC 15445:2000 (ISO-HTML)
      ･ XHTML 1.0 Strict
      ･ XHTML Basic
      ･ XHTML 1.1
      
      のどれかに準拠した文書の一般的なコンピューター画面に於る表現方法を
      CSS2で記述したスタイルシートです｡
      
      SSS for HTML/screen D20070221
      (http://20020101.20000826.net/style_sheets/html/screen/sss_html_screen_D20070221.css)
      が基になっています｡
  
*************************************************************/

@media screen {
	*,
	/* *:first-line, *:first-letter, */ /* IEの馬鹿 */ *:before, *:after {
		margin: 0;
		padding: 0;
		quotes: "‘" "’" "“" "”" "‘" "’" "“" "”" "‘" "’" "“" "”";
		font: inherit;
		text-align: inherit;
		text-decoration: none;
		/*
			text-decoration: inherit;
			にすると部分的に違う色の線が引かれてしまうかも｡
			参照: http://www.mozilla.gr.jp/standards/webtips0002.html
		*/
	}
	/* IE対策 [1] */
	address, em, dfn, cite, var {
		font-style: normal;
	}
	/* IE対策 */
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		font-size: 100%;
	}
	/* フォームコントロール等を除く要素 */
	html, head, body,
	head *,
	p, address, pre, blockquote, div,
	h1, h2, h3, h4, h5, h6, hr,
	ul, ol, li, dl, dt, dd,
	table, caption, colgroup, col, thead, tfoot, tbody, /* tr, th, td, */ /* IEの馬鹿 */
	form,
	big, small, i, b, tt, sub, sup,
	em, strong, dfn, abbr, acronym, q, cite, code, samp, kbd, var, a, img, body object, span,
	del, ins,
	/* *:first-line, *:first-letter, */ /* IEの馬鹿 */ *:before, *:after {
		border: none;
		color: inherit;
		background: transparent;
	}
	
	/*************************************************************
	  htmlとheadとbody
	*************************************************************/
	
	html {
		display: block;
		line-height: 1.25;
		background: rgb(90%, 90%, 90%) /* Very Light Gray */ ;
		font-style: normal;
		font-weight: normal;
		text-align: left;
	}
	head {
		display: none;
	}
	body {
		padding-bottom: 1.5em;
		border: solid 16px rgb(90%, 90%, 90%) /* Very Light Gray */ ;
		display: block;
		color: rgb(0%, 0%, 10%) /* Black */ ;
		background: rgb(98%, 98%, 98%) /* White */ ;
	}
	
	/*************************************************************
	  ブロックレベル要素
	*************************************************************/
	
	p, address, pre, blockquote, blockquote:after,
	h1, h2, h3, h4, h5, h6, hr,
	ul, ol, dl,
	table,
	fieldset {
		margin: 1.25em 6%;
	}
	
	/*****************************************
	  未分類
	*****************************************/
	
	p {
		display: block;
	}
	address {
		display: block;
		font-style: italic;
	}
	/* [1] の対策 */
	address * {
		font-style: italic;
	}
	pre {
		margin-right: 0;
		padding: 1.25em 2em;
		padding-right: 0;
		display: block;
		overflow: auto;
		font-family: monospace;
		font-size: 90%;
		letter-spacing: 0;
		word-spacing: 0;
		white-space: pre;
	}
	/* ずれ防止 */
	pre * {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		border-right: none !important;
		border-left: none !important;
		display: inline !important;
		position: static !important;
		line-height: inherit !important;
		font-family: monospace !important;
		font-size: 100% !important;
		letter-spacing: 0 !important;
		word-spacing: 0 !important;
		white-space: pre !important;
	}
	/* ずれ防止 */
	pre *:before,
	pre *:after {
		display: none !important;
	}
	blockquote {
		border: solid 1px rgb(0%, 0%, 0%) /* Clear Black */ ;
		display: block;
		background: rgb(90%, 95%, 90%) /* Light Green */ ;
		font-size: 90%;
	}
	blockquote blockquote {
		font-size: 100%;
	}
	blockquote:after {
		display: block;
		color: rgb(0%, 45%, 0%) /* Green */ ;
		text-align: right;
	}
	blockquote[title]:after {
		content: attr(title);
	}
	blockquote[cite]:after {
		content: "(" attr(cite) ")";
	}
	blockquote[title][cite]:after {
		content: attr(title) "\A (" attr(cite) ")";
	}
	div {
		display: block;
	}
	/* div病対策 */
	div:first-letter,
	div > a:first-child,
	div > img:first-child,
	div > object:first-child {
		margin-left: 6%;
	}
	
	/*****************************************
	  見出しと水平線
	*****************************************/
	
	h1, h2, h3, h4, h5, h6, hr {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		line-height: 1;
		font-weight: bold;
	}
	
	h1 {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		padding: 1em 2%;
		display: block;
		color: rgb(98%, 98%, 98%) /* White */ ;
		background: rgb(85%, 0%, 0%) /* Deep Red */ ;
		font-size: 200%;
		text-align: right;
	}
	h1 * {
		color: inherit !important;
		color: rgb(98%, 98%, 98%) /* White */ !important; /* IE対策 */
		background: transparent !important;
	}
	h2 {
		margin-top: 2.25em;
		margin-right: 0;
		margin-left: 0;
		padding: 0.2em 2%;
		display: block;
		color: rgb(0%, 20%, 60%) /* Deep Blue */ ;
		background: url("http://20020101.20000826.net/images/D20070425T000000P0900") repeat-x 0 1em;
		font-size: 175%;
	}
	h3 {
		margin-top: 2em;
		margin-right: 4%;
		margin-left: 4%;
		display: block;
		color: rgb(0%, 20%, 60%) /* Deep Blue */ ;
		font-size: 150%;
	}
	h4 {
		margin-top: 1.75em;
		display: block;
		color: rgb(0%, 20%, 60%) /* Deep Blue */ ;
		font-size: 125%;
	}
	h5 {
		display: block;
		color: rgb(0%, 20%, 60%) /* Deep Blue */ ;
	}
	h6 {
		display: block;
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
	}
	hr {
		margin-right: 0;
		margin-left: 0;
		border-top: dashed 0.25em rgb(90%, 90%, 90%) /* Very Light Gray */ ;
		display: block;
		height: 0.25em;
		/* border-top-widthとheightを同じにすべし */
	}
	
	/*****************************************
	  リスト
	*****************************************/
	
	ul {
		display: block;
		list-style: disc outside;
	}
	ul li {
		margin-left: 1.5em;
		display: list-item;
	}
	ul.figures /* 列記された図 */ ,
	ul.controls /* 列記されたフォームコントロール */ {
		list-style: none;
	}
	ul.figures li,
	ul.controls li {
		margin-left: 0;
	}
	ul.figures li ul li,
	ul.controls li ul li {
		margin-left: 1.5em;
	}
	ul.figures li ol li
	ul.controls li ol li {
		margin-left: 2em;
	}
	ul.figures > li > img:after {
		display: inline;
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
		font-weight: bold;
	}
	ul.figures > li > img[title]:after {
		content: "\A" attr(title);
	}
	ol {
		display: block;
	}
	ol,
	ol ol ol,
	ol ol ol ol ol {
		list-style: decimal outside;
	}
	ol ol,
	ol ol ol ol,
	ol ol ol ol ol ol {
		list-style: lower-roman outside;
	}
	ol li {
		margin-left: 2em;
		display: list-item;
	}
	dl {
		display: block;
		list-style: disc outside;
	}
	dt {
		margin-left: 1.5em;
		display: list-item;
	}
	dd {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 3em;
	}
	dl.header /* 冒頭にあるメタ情報 */ {
		margin-right: 2%;
		margin-left: 2%;
	}
	
	/*****************************************
	  表
	*****************************************/
	
	table {
		border: solid 1px rgb(0%, 0%, 0%) /* Cear Black */ ;
		display: table;
		border-collapse: collapse;
	}
	caption {
		display: table-caption;
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
		font-weight: bold;
		text-align: center;
	}
	colgroup {
		display: table-column-group;
	}
	col {
		display: table-column;
	}
	thead {
		display: table-header-group;
		background: rgb(85%, 87.5%, 97.5%) /* Light Blue */ ;
	}
	tfoot {
		display: table-footer-group;
		background: rgb(97.5%, 87.5%, 85%) /* Light Red */ ;
	}
	tbody {
		display: table-row-group;
	}
	tr {
		display: table-row;
	}
	th, td {
		padding: 0.5em;
		border: solid 1px rgb(0%, 0%, 0%) /* Clear Black */ ;
		display: table-cell;
	}
	th {
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
		font-weight: bold;
		text-align: center;
	}
	
	/*****************************************
	  フォーム
	*****************************************/
	
	form {
		display: block;
	}
	fieldset {
		display: block;
	}
	input {
		display: inline;
		vertical-align: text-top;
		font-size: 75%;
	}
	input[type="text"], input[type="password"], select, textarea {
		padding: 0.25em;
		display: inline;
		vertical-align: text-top;
		font-size: 75%;
	}
	/* IE対策 */
	select, textarea {
		padding: 0.25em;
		display: inline;
		vertical-align: text-top;
		font-size: 75%;
	}
	input[type="submit"], input[type="reset"], input[type="button"], button {
		padding: 0.25em 1em;
		display: inline;
		vertical-align: text-top;
		font-size: 75%;
	}
	/* IE対策 */
	button {
		padding: 0.25em 1em;
		display: inline;
		vertical-align: text-top;
		font-size: 75%;
	}
	input[type="hidden"] {
		display: none;
	}
	
	/*************************************************************
	  インライン要素
	*************************************************************/
	
	big {
		display: inline;
		font-size: 150%;
	}
	small {
		display: inline;
		font-size: 75%;
	}
	i {
		display: inline;
		font-style: italic;
	}
	/* [1] の対策 */
	i * {
		font-style: italic;
	}
	b {
		display: inline;
		font-weight: bold;
	}
	tt {
		display: inline;
		font-family: monospace;
	}
	sub {
		display: inline;
		vertical-align: sub;
		font-size: 75%;
	}
	sup {
		display: inline;
		vertical-align: super;
		font-size: 75%;
	}
	em, dfn {
		display: inline;
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
		font-weight: bold;
	}
	em.matched /* 検索でマッチした語句 */ {
		color: rgb(100%, 0%, 0%) /* Clear Red */;
	}
	strong {
		display: inline;
		color: rgb(90%, 0%, 0%) /* Red */ ;
		font-weight: bold;
	}
	abbr, acronym, span.ruby /* ルビの振られたテキスト */ {
		border-bottom: dotted 1px;
		display: inline;
	}
	q, cite {
		display: inline;
		color: rgb(0%, 45%, 0%) /* Green */ ;
	}
	q *, cite * {
		color: inherit !important;
		color: rgb(0%, 45%, 0%) /* Green */ !important; /* IE対策 */
	}
	q:before {
		display: inline;
		content: open-quote;
	}
	q:after {
		display: inline;
		content: close-quote;
	}
	kbd, code {
		display: inline;
		color: rgb(0%, 0%, 0%) /* Clear Black */ ;
		background: rgb(87.5%, 87.5%, 87.5%) /* Light Gray */ ;
		font-family: monospace;
	}
	samp {
		display: inline;
		color: rgb(45%, 0%, 0%) /* Maroon */ ;
		background: rgb(87.5%, 87.5%, 87.5%) /* Light Gray */ ;
		font-family: monospace;
	}
	samp * {
		color: inherit !important;
		color: rgb(45%, 0%, 0%) /* Maroon */ !important; /* IE対策 */
	}
	var {
		margin-right: 0.25em;
		display: inline;
		font-style: italic;
	}
	a {
		display: inline;
	}
	/*
	a:link,
	a:visited {
		text-decoration: underline;
	}
	*/
	a:link {
		color: rgb(0%, 0%, 100%) /* Blue */ !important;
	}
	a:link * {
		color: inherit !important;
		color: rgb(0%, 0%, 100%) /* Blue */ !important; /* IE対策 */
	}
	a:link img,
	a:link object {
		margin-right: 0.125em;
		margin-left: 0.125em;
		border: dotted 2px rgb(0%, 0%, 100%) /* Blue */ ;
	}
	a:visited {
		color: rgb(50%, 0%, 50%) /* Purple */ !important;
	}
	a:visited * {
		color: inherit !important;
		color: rgb(50%, 0%, 50%) /* Purple */ !important; /* IE対策 */
	}
	a:visited img,
	a:visited object {
		margin-right: 0.125em;
		margin-left: 0.125em;
		border: dotted 2px rgb(50%, 0%, 50%) /* Purple */ ;
	}
	a:link:hover,
	a:visited:hover {
		text-decoration: underline;
	}
	a:link:hover img,
	a:link:hover object,
	a:visited:hover img,
	a:visited:hover object {
		border-style: solid;
	}
	img,
	body object {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		display: inline;
		vertical-align: middle;
	}
	span {
		display: inline;
	}
	
	/*****************************************
	  ルビ
	*****************************************/
	
	rt {
		font-size: 75%;
	}
	
	/*************************************************************
	  どっちつかずの要素
	*************************************************************/
	
	del {
		text-decoration: line-through;
	}
	ins {
	}
}