@charset "utf-8";
@import "common";

/* block elements */

body {
	background	: #222;
	color		: #fff;
	line-height	: 1.5;
	padding		: 1%;
}

h1 ,
h2 ,
h3 ,
h4 ,
h5 ,
h6 {
	color		: #ccd;
	font-weight	: normal;
}

h1:first-letter ,
h2:first-letter ,
h3:first-letter ,
h4:first-letter ,
h5:first-letter ,
h6:first-letter {
	color		: #acf;
}


h1 {
	border-color	: #666;
	border-style	: solid;
	border-width	: 0 0 1px 0;
	font-size	: 180%;
	line-height	: 1.2;
	margin		: 2em 0;
	padding		: 0 2em;
	text-align	: right;
}
h1:first-letter {
	font-size	: 150%;
}
h2 {
	border-color	: #666;
	border-style	: solid;
	border-width	: 0 0 3px 0;
	font-size	: 135%;
	margin		: 1em 0 0.5em 0;
	padding		: 0 0.5em;
	text-align	: center;
}
h3 {
	background	: #333;
	border-color	: #666;
	border-style	: solid;
	border-width	: 1px 0;
	font-size	: 110%;
	margin		: 1em 0 0.5em 0;
	padding		: 0 0.5em;
}
h4 {
	border-color	: #666;
	border-style	: dotted;
	border-width	: 1px 0;
	font-size	: 100%;
	margin		: 1em 0 0.5em 0;
	padding		: 0 0.5em;
}
h5 {
	border-color	: #666;
	border-style	: solid;
	border-width	: 0 0 0 1em;
	font-size	: 100%;
	margin		: 1em 0 0.5em 0;
	padding		: 0 0.5em;
}
h6 {
	border-color	: #666;
	border-style	: solid;
	border-width	: 0 0 0 0.5em;
	font-size	: 100%;
	margin		: 1em 0 0.5em 0.5em;
	padding		: 0 0.5em;
}

ul {
	list-style	: disc;
}
ul ul {
	list-style	: circle;
}
ul ul ul {
	list-style	: square;
}
ol {
	list-style	: decimal;
}
ol ol {
	list-style	: lower-alpha;
}
ol ol ol {
	list-style	: lower-roman;
}
ul ,
ol {
	margin		: 1em 2em;
}
li ul ,
li ol {
	margin		: 0 1em;
}
li {
	margin		: 0 1em;
}
dt {
	background	: #345;
	border-color	: #567;
	border-style	: solid;
	border-width	: 1px;
	font-weight	: bold;
	margin		: 2px 1em;
	padding		: 0 0.5em;
}
dd dt {
	margin		: 2px 0;
}
dd {
	margin		: 0 3em;
}

blockquote {
	background	: #453;
	border-color	: #675;
	border-style	: solid;
	border-width	: 1px;
	margin		: 1em;
	padding		: 0.5em;
}

pre {
	background	: #111;
	border-color	: #333;
	border-style	: solid;
	border-width	: 1px;
	margin		: 1em;
	padding		: 1.5em;
}

p {
	margin		: 1em;
	text-indent	: 1em;
}

address {
	border-color	: #444;
	border-style	: dashed;
	border-width	: 1px;
	margin		: 1em;
	padding		: 0.5em;
}

del {
	border-color	: #444;
	border-style	: solid;
	border-width	: 1px;
	color		: #999;
	margin		: 1em;
	padding		: 0.5em;
}
del:before {
	content		: ""attr(datetime)" 削除";
	display		: block;
}
del * {
	text-decoration	: line-through;
}
ins {
	background	: #543;
	border-color	: #765;
	border-style	: solid;
	border-width	: 1px;
	margin		: 1em;
	padding		: 0.5em;
}
ins:before {
	content		: ""attr(datetime)" 追記";
	display		: block;
}

table {
	border-color	: #999;
	border-collapse	: collapse;
	border-style	: solid;
	border-width	: 1px;
	margin		: 0 1em;
}
caption {
	font-weight	: bold;
	margin		: 0 1em;
	text-align	: center;
}
th ,
td {
	border-color	: #999;
	border-style	: solid;
	border-width	: 1px;
	padding		: 0.2em 0.5em;
}
thead th {
	border-color	: #999;
	border-style	: solid solid double solid;
	border-width	: 1px 1px 3px 1px;
}
th {
	background	: #444;
	text-align	: center;
}

/* inline elements */

em {
	color		: #fc0;
	font-weight	: bold;
}
em em ,
strong {
	color		: #ff0;
	font-weight	: bold;
	text-decoration	: underline;
}

q {
	background	: #453;
	border-color	: #675;
	border-style	: solid;
	border-width	: 0 0 1px 0;
	quotes		:"「" "」" "『" "』";
}
q:before {
	content		: open-quote;
}
q:after {
	content		: close-quote;
}
cite {
	border-color	: #675;
	border-style	: solid;
	border-width	: 0 0 1px 0;
	padding		: 0 0 1px 0;
}

code {
	background	: #111;
	color		: #afc;
}
samp {
	background	: #111;
	color		: #cba;
}
kbd {
	background	: #111;
	border-color	: #999;
	border-style	: outset;
	border-width	: 1px;
	padding		: 1px;
}

dfn {
	background	: #345;
	border-color	: #567;
	border-style	: solid;
	border-width	: 0 0 1px 0;
}
abbr {
	border-color	: #999;
	border-style	: dotted;
	border-width	: 0 0 1px 0;
}

var {}
sup{
	vertical-align	: super;
}
sub{
	vertical-align	: sub;
}

a {
	color		: #acf;
	text-decoration	: underline;
}
a:visited {
	color		: #faf;
	text-decoration	: underline;
}
a:hover, a:active {
	color		: #fc9;
}