@charset "Shift_JIS" ;
@import url(layout.css);

/* ---------------------------------------
	Properties
		1.  margin-top
		2.  margin-right
		3.  margin-bottom
		4.  margin-left
		5.  margin
		6.  padding-top
		7.  padding-right
		8.  padding-bottom
		9.  padding-left
		10. border-top-width
		11. border-right-width
		12. border-right-width
		13. border-bottom-width
		14. border-left-width
		15. border-width
		16. border-top-color
		17. border-right-color
		18. border-bottom-color
		19. border-left-color
		20. border-color
		21. border-top-style
		22. border-right-style
		23. border-bottom-style
		24. border-left-style
		25. border-style
		26. border-top
		27. border-bottom
		28. border-right
		29. border-left
		30. border
		31. display
		32. position
		33. top
		34. right
		35. bottom
		36. left
		37. float
		38. clear
		39. z-index
		40. direction
		41. unidode-bidi
		42. width
		43. min-width
		44. max-width
		45. height
		46. min-height
		47. max-height
		48. line-height
		49. vertical-align
		50. overflow
		51. clip
		52. visibility
		53. content
		54. compact
		55. run-in
		56. quotes
		57. marker-offset
		58. list-style-type
		59. list-style-image
		60. list-style-position
		61. list-style
		62. size
		63. marks
		64. page-break-before
		65. page-break-after
		66. page-break-inside
		67. page
		68. orphans
		69. widows
		70. color
		71. background-color
		72. background-image
		73. background-repeat
		74. background-attachment
		75. background-position
		76. background
		77. font-family
		78. font-style
		79. font-variant
		80. font-weight
		81. font-stretch
		82. font-size
		83. font-size-adjust
		84. font
		85. text-indent
		86. text-aligh
		87. text-decoration
		88. text-shadow
		89. letter-spacing
		90. word-spacing
		91. text-transform
		92. white-space
		93. table-layout
		94. empty-cells
		95. speak-header
		96. cursor
		97. outline
		98. volume
		99. speak
		100.pause-before
		101.pause-after
		102.pause
		103.cue-before
		104.cue-after
		105.cue
		106.play-during
		107.azimuth
		108.elevation
		109.speech-rate
		110.voice-family
		111.pitch
		112.pitch-range
		113.stress
		114.richness
		115.speak-punctuation
		116.speak-numeral
-------------------------------------------------- */

/* -----------------------------------------------
	Selectors
		Universal selector
		Core Modules
			- Structure Module
			- Text Module
			- Hypertext Module
			- List Module
		Applet Module
		Text Extension Modules
			- Presentation Module
			- Edit Module
			- Bi-directional Text Module
		Forms Mudules
			- Basic Forms Modules
			- Forms Module
		Table Modules
			- Basic Tables Module
			- Tables Module
		Image Module
		Client-side Image Map Module
		Server-side Image Map Module
		Object Module
		Frames Module
		Target Module
		Iframe Module
		Intrinsic Events Module
		Metainformation Module
		Scripting Module
		Style Sheet Module
		Style Attribute Module
		Link Module
		Base Module
		Name Identification Module
		Legacy Module

---------------------------------------------------- */

/* -----------------------------------------------
	Color Scheme
		MainColor => honeydew3 = #clcdcl = rgb(193 , 205 , 193) = rgb(76%, 80% , 76%)
		
------------------------------------------------------- */

/* ---------------------------------------------------------
	1-1. Yahoo Library Fonts CSS
	1-2. Universal selector
	1-3. Structure Module
	1-4. Text Module
	1-5. Hypertext Module
	1-6. List Module
	1-7. Edit Module
	1-8. Forms Module
	1-9. Tables Module
	1-10.Image Module
	1-11.Object Module
------------------------------------------------------------- */

/* ----------------------------------------------------------
	1-1. Yahoo Library Fonts CSS
------------------------------------------------------------- */

body {
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

/* -----------------------------------------------------
	1-2.Universal selector
------------------------------------------------------- */
	{
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #FFFFFF;
	font-size: 120%;
	font-family: 'Times New Roman' , Verdana , sans-serif;
	font-weight: normal;
	font-style: normal;
	}

/* ----------------------------------------------------
	1-3.Structure Module
------------------------------------------------------- */
body {
	background-color: #FFFFFF;
	font-family: Arial , Helvetica , sans-serif;
	padding: 10px;
}

/* ---------------------------------------------------
	1-4.Text Module
-------------------------------------------------------- */
p,
pre,
address,
cite {
	margin: 0.5em 20px;
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 20px;
}

h1 {
	font-size: 189%;
	border-bottom: 2px solid #0066FF;
}

h2 {
	font-size: 159%;
}

h3 {
	font-size: 144%;
}

h4 {
	font-size: 122%;
}

h5 {
	font-size: 107%;
}

h6 {
	font-size: 107%;
}

pre {
	padding: 0.5em 10px;
	border: 3px solid #eee;
	width: auto;
	_width: 95%;
	overflow: scroll;
	color: #3d4263;
	font-family: "MS明朝",monospace;
}

pre[title]::before {
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block;
	content: attr(title);
	color: black;
	background-color: #eee;
}

blockquote {
	margin: 1.5em 20px 1.5em 40px;
	padding: 1px;
	background-color: #eee;
}


blockquote * {
	color: #888;
}

blockquote[title]::before {
	margin: 2px;
	padding: 0.1em 16px;
	display: block;
	content: attr(title);
	background-color: #fff;
}

blockquote[cite]::after {
	padding: 0.1em 20px;
	display: block;
	content: attr(cite);
	color: #333333;
	text-align: right;
}

cite {
	display: block;
	color: #333333;
	text-align: right;
}

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

strong {
	color: #ff4500;
}

code {
	font-family: "MS明朝",monospace;
}	

aggr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kdb {
	border: 1px solid #ccc;
	padding: 0 0.3em;
	background-color: #f5f5f5;
	font-family: "MS明朝",monospace;
	text-transform: uppercase;
}

/* ---------------------
	1-5.Hypertext Module
--------------------------------- */
a:link {
	color: #000000;
}

a:visited {
	color: #00FF99;
}

a:hover {
	color: #0000CC;
}

a#study:link {
	color: #000000;
}

a#study:visited {
	color: #00FF99;
}

a#study:hover {
	color: #0066FF;
}	
/* ----------------------------
	1-6.List Module
---------------------------------- */
ul,
ol {
	margin: 1em 2px;
	padding: 0 2px;
	list-style-position: inside;
	list-style-type: none;
}

li {
	font-size: 100%;
}

li li,
li p,
li pre {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p {
	margin: 0 10px;
}


dl#history {
	margin: 1em 1em;
	padding: 0 2px;
	line-height: 1.6;
}

dt#history {
	float: left;
	width: 8em;
}

dd#history {
	margin-left: 8em;
}

dl {
	margin: 1em 1em;
	padding: 0 2px;
	line-height: 1.6;
}

dt {

}

dd {

}

ul.thumbnail {
	margin: 0.5em 16px;
	padding: 0;
	list-style: none;
}

ul.thumbnail li {
	margin: 0 8px 8px 0;
	padding: 4px;
	border: 5px solid #eee;
	float: left;
	width: 133px;
}

ul.thumbnail li img {
	vertical-align: bottom;
}
 
/* -------------------------------------------
	1-7.Edit Module
--------------------------------------------- */
del {
	color: #666666;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( attr(datetime)"\004fee\006b63) ";
}

/* ------------------------------------------------
	1-8.Form Module
--------------------------------------------------- */
form {
	margin: 0.53m 20px;
	padding: 1px 0;
}

form dl,
form p {
	margin: 0.5em 10px;
}

fieldset {
	border: 1px solid #ddd;
}

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

input,
textarea {
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Arial, Helvetica, "MS明朝", sans-serif;
	background-color: #f5f5f5;
}

input {
	line-height: 1.2;
}

input:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input:focus,
textarea:focus {
	border: 1px solid #000;
}

textarea {
	padding: 0.4em 8px;
}
/* ---------------------------------------------------------------
	1-9.Tables Module
----------------------------------------------------------------- */
table {
	margin: 0 20px 0.5em 20px;
	border: 1px solid #aaa;
	background-color: #eee;
}

th,
td {
	padding: 0 10px;
}

th {
	color: #fff;
	background-color: #999;
}

td {
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

td.left {
	text-align: left;
}

/* ----------------------------------------------------------
	1-10.Image Module
----------------------------------------------------------- */
a img {
	border: 3px solid #ccc;
}

a img:hover {
	border: 3px solid #bccd56;
}

img.image {
	float: left;
	margin: 0 1em 1em 0;
}
/* -----------------------------------------------------
	1-11.Object Module
---------------------------------------------------------- */
object,
embed {
	margin: 1em 20px;
}