@charset "UTF-8";

/*
name : CoolishStyle
designer : 夜秋
designer_url : http://simpleism.net/
*/

/*====================================================================================================
 *	Author and Copyright
 *		Author : 夜秋 (http://simpleism.net/)
 *		Created : 2008/04/09
 *		Modified : 2008/05/17
 *		Licence : Creative Commons 表示 3.0 Unported (http://creativecommons.org/licenses/by/3.0/deed.ja)
====================================================================================================*/

/*====================================================================================================
 *	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. padding
 *		 11. border-top-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. unicode-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-align
 *		 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
====================================================================================================*/

/*====================================================================================================
 *	XHTML Abstract Modules
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
====================================================================================================*/

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

body {
	background : #f5f5f5 url(/img/css/coolishstyle/back) no-repeat fixed 95% 50%;
	font-size : 0.8em;
}

/*========== CSS hack for IE6 ==========*/
* html body {
	background : #f5f5f5 url(/img/css/coolishstyle/back.gif) no-repeat fixed 95% 50%;
}

html {
	width : 100%;
}

/*========== CSS hack for IE6 ==========*/
* html {
	margin-right : 0;
}

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

address {
	padding : 0 1.0em 1.0em 0;
	font : normal normal normal 0.9em "Century Gothic", "ＭＳ Ｐゴシック", serif;
	text-align : right;
}

blockquote {
	margin : 1.0em 0;
	padding : 16px 1.0em 0 1.0em;
	border : 1px solid #dddddd;
	clear : both;
	color : #000000;
	background : #f5f5f5 url(/img/css/coolishstyle/quotation) no-repeat scroll 98% 98%;
	cursor : default;
}

/*========== CSS hack for IE6 ==========*/
* html blockquote {
	background : #f5f5f5 url(/img/css/coolishstyle/quotation.gif) no-repeat scroll 98% 98%;
}

code {
	color : #003300;
}

blockquote code {
	border-color : transparent;
	background-color : #fffafa;
}

div.menu {
	padding-top : 1.0em;
	padding-bottom : 0.25em;
	border-bottom : 1px solid #000000;
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	color : #000000;
	background : #f5f5f5 url(/img/css/coolishstyle/menu) repeat;
	font : normal small-caps normal 1.5em/1.5em "Century Gothic", serif;
	letter-spacing : 0.2em;
}

/*========== CSS hack for IE6 ==========*/
* html div.menu {
	position : absolute;
}

#siteName {
	font-variant : normal;
}

div.article, div.contents {
	margin : 5.0em auto 0 1.0em;
	padding : 1.0em;
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	width : 80%;
	color : #000000;
	background-color : #ffffff;
	letter-spacing : 0.2em;
	font-family : "Century Gothic", "ＭＳ Ｐゴシック", serif;
	font-variant : normal;
}

/*========== CSS hack for IE7 ==========*/
*+html div.article {
	margin-top : 1.0em;
}

div.date {
	padding-right : 0.5em;
	clear : both;
	background : transparent url(/img/css/coolishstyle/date) no-repeat scroll right bottom;
	text-align : right;
}

/*========== CSS hack for IE6 ==========*/
* html div.date {
	background : transparent url(/img/css/coolishstyle/date.gif) no-repeat scroll right bottom;
}

div.permalink {
	margin-bottom : 5.0em;
}

div.info {
	margin : 0 auto 0 1.0em;
	padding : 1.0em;
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
	width : 80%;
	color : #000000;
	background-color : #ffffff;
	font : normal small-caps normal 1.0em "Century Gothic", serif;
	letter-spacing : 0.2em;
}

div.category {
	float : left;
	width : 50%;
}

div.archives {
	float : right;
	width : 50%
}

div.search {
	clear : both;
}

#about_link, #license, #p_info {
	padding-top : 4.0em;
}

/*========== CSS hack for IE ==========*/
*+html #about_link, * html #about_link {
	margin-top : 0;
}

/*========== CSS hack for IE ==========*/
*+html #license, *+html #p_info, * html #license, * html #p_info {
	padding : 0;
}

div.footer {
	margin : 0;
	padding : 1.0em 0 0 0;
	border-top : 1px solid #000000;
	clear : both;
	width : 100%;
	position : absolute;
	left : 0;
	color : #000000;
	background-image : url(/img/css/coolishstyle/menu);
	font : normal small-caps normal 1.0em "Century Gothic", serif;
	letter-spacing : 0.2em;
}

h1 {
	display : none;
}

h2, h3 {
	font-weight : bold;
}

h2 {
	font-family : "Century Gothic", "ＭＳ Ｐゴシック", serif;
	font-size : 1.4em;
}

div.article h2 {
	margin-bottom : 0.5em;
	padding-bottom : 0.5em;
	background : transparent url(/img/css/coolishstyle/border) no-repeat scroll left bottom;
}

/*========== CSS hack for IE6 ==========*/
* html div.article h2 {
	background : transparent url(/img/css/coolishstyle/border.gif) no-repeat scroll left bottom;
}

/*========== CSS hack for IE6 ==========*/
* html h2 {
	margin-top : 4.0em;
}

/*========== CSS hack for IE7 ==========*/
* html h2, *+html h2 {
	margin-top : 4.0em;
}

/*========== CSS hack for IE ==========*/
*+html div.info h2, * html div.info h2 {
	margin : 0;
	padding : 0;
}

/*========== CSS hack for Opera and Safari ==========*/
html:first-child div.contents h2 {
	margin-top : 1.0em;
}

div.article h2:first-letter, div.contents h2:first-letter {
	color : #cc0000;
}

div.info h2 {
	font-family : "Century Gothic", serif;
}

h3 {
	font-size : 1.2em;
}

p {
	margin-bottom : 1.0em;
	text-indent : 1.0em;
}

p.category {
	margin-top : 0;
	text-align : right;
}

p.title, p.uri {
	color : #666666;
	font-size : 75%;
	text-align : right;
}

p.title {
	margin-bottom : 0;
	border-top : 1px dashed #dddddd;
}

p.uri {
	margin-top : 0;
}

p.uri:first-letter {
	margin-left : 0;
}

pre {
	font-family : "ＭＳ ゴシック", "Osaka-Mono", "Osaka‐等幅", monospace;
}

pre.code {
	margin : 1.0em 0;
	padding : 16px 1.0em 1.0em 1.0em;
	border : 1px solid #dddddd;
	clear : both;
	color : #000000;
	background : #f5f5f5 url(/img/css/coolishstyle/code) no-repeat scroll 98% 98%;
}

/*========== CSS hack for IE6 ==========*/
* html pre.code {
	background : #eeeeee url(/img/css/coolishstyle/code.gif) no-repeat scroll 98% 98%;
}

q {
	margin : 0 0.25em;
	padding : 0 0.25em;
	border : 1px solid #dddddd;
	quotes : none;
	color : #000000;
	background-color : #f5f5f5;
	cursor : default;
}

/*====================================================================================================
 *	Hypertext Module
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule
====================================================================================================*/

div.menu a {
	margin : 0.8em;
}

/*========== CSS hack for IE ==========*/
*+html a.category, * html a.category {
	margin-top : 0;
}

a {
	text-decoration : none;
}

a:link {
	color:#4052ad;
}

a:visited {
	color:#666666;
}

a:hover {
	background-color:#c4d3e9;
}

blockquote a:hover {
	background-color : #c4d3e9 !important;
}

div.menu a:link, div.menu a:visited {
	color : #000000;
	text-decoration : underline;
}

div.menu a:hover {
	color : #ffffff;
	text-decoration : none;
}

div.menu a:hover, div.footer a:hover {
	background-color : transparent;
}

/*====================================================================================================
 *	List Module
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule
====================================================================================================*/

dl#entry_and_archives {
	margin-left : 3.0em;
	clear : both;
}

dl.documents, dl.links {
	padding-top : 1.0em;
	border-top : 1px dashed #000000;
}

dl dt {
	font-weight : bold;
}

dl#entry_and_archives dt, dl.documents dt, dl.links dt {
	font-weight : normal;
}

dl dd {
	margin-bottom : 1.0em;
	margin-left : 1.0em;
}

dl.documents dd, dl.links dd {
	margin-bottom : 1.0em;
	margin-left : 2.0em;
}

div.article ol li, div.contents ol li {
	list-style-type : decimal;
}

div.menu ul {
	margin-top : 0;
	margin-left : 1.0em;
}

div.article ul {
	clear : both;
}

div.menu li {
	display : inline;
	list-style-type : none;
}

div.footer li {
	margin-right : 2.0em;
	display : inline;
	list-style-type : none;
}

div.article li, div.contents li, div.info li, dd li {
	margin-bottom : 0.5em;
	list-style-type : square;
}


form.search li {
	margin-right : 1.0em;
	display : inline;
	list-style-type : none;
}

/*====================================================================================================
 *	Forms Module
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule
====================================================================================================*/

form.search input {
	border : 1px inset #dddddd;
	color : #000000;
	font-size : 13px;
}

form.search input.button {
	border : 1px outset #cccccc;
	height : 20px;
	color : #000000;
	background-color : #dddddd;
	font-family : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-variant : normal;
}

/*====================================================================================================
 *	Tables Module
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_tablemodule
====================================================================================================*/

div.article table, div.contents table {
	margin-left : 1.0em;
}

div.article table, div.article td, div.article th, div.article tr, div.contents table, div.contents td, div.contents th, div.contents tr {
	border-spacing : 1px;
	border : 1px solid #dddddd;
	background-color : transparent;
	text-align : left;
}
div.article td, div.article th, div.article tr, div.contents td, div.contents th, div.contents tr {
	padding : 0.5em;
}

div.article th, div.contents th {
	background-color : #f5f5f5;
	font-weight : bold;
	text-align : center;
}

/*====================================================================================================
 *	Image Module
 *		http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule
====================================================================================================*/

img {
	border : 0;
}

img.photo {
	margin : 0 0.5em 0.5em 0;
	float : left;
}

dl.links img {
	margin-right : 0.35em;
}