@charset "utf-8";

/*******************************************************************************
	Title : Dark Style 4
	Author : pi8027 (Kazuhiko Sakaguchi)
	License : Creative Commons Attribution-Noncommercial 3.0 Unported
	Date : 2009-04-03
*******************************************************************************/

/*******************************************************************************
	All elements
*******************************************************************************/

*
{
	margin : 0;
	border : none;
	padding : 0;
	text-align : inherit;
	text-decoration : none;
	letter-spacing : inherit;
	line-height : inherit;
	color : inherit;
	background-color : inherit;
	font-family : inherit;
	font-style : inherit;
	font-weight : inherit;
	font-size : inherit;
	display : inline;
	position : static;
	visibility : inherit;
	outline : none;
}

*:before,*:after
{
	content : "";
}

/*******************************************************************************
	Top-level elements
*******************************************************************************/

html
{
	display : block;
	background-color : #999;
	border-left : thick solid #666;
}

body
{
	margin : 0 0 0 20%;
	border-left : thick solid #666;
	border-right : thick solid #666;
	padding : 0;
	text-align : left;
	text-decoration : none;
	letter-spacing : 0;
	line-height : 150%;
	color : #fff;
	background-color : #000;
	font-family : sans-serif;
	font-style : normal;
	font-weight : normal;
	font-size : 15px;
	display : block;
	visibility : visible;
}

/*******************************************************************************
	Hidden elements
*******************************************************************************/

head,meta,link,style,script,title,head>object,base
{
	display : none;
}

/*******************************************************************************
	Heading
*******************************************************************************/

h1
{
	margin-bottom : 1em;
	border-left : thick solid #666;
	padding : 0.5em 1em;
	font-weight : bold;
	font-size : 200%;
	position : relative;
	right : 25%;
	width : 110%;
	display : block;
}

*+h1
{
	margin-top : 1em;
}

h2
{
	margin : 1em 0;
	border-left : thick solid #666;
	padding : 0.5em 1em;
	font-weight : bold;
	font-size : 180%;
	position : relative;
	right : 15%;
	display : block;
}

h3
{
	margin : 1em 0;
	border-left : thick solid #666;
	padding : 0.5em 1em;
	font-weight : bold;
	font-size : 160%;
	position : relative;
	right : 5%;
	display : block;
}

h4
{
	margin : 1em 0;
	border-left : 2em solid #666;
	padding : 0.5em;
	font-weight : bold;
	font-size : 140%;
	display : block;
}

h5
{
	margin : 1em 0;
	border-left : 6em solid #666;
	padding : 0.5em;
	font-weight : bold;
	font-size : 120%;
	display : block;
}

h6
{
	margin : 1em 0;
	border-left : 10em solid #666;
	padding : 0.5em;
	font-weight : bold;
	font-size : 100%;
	display : block;
}

p
{
	text-indent : 1em;
	margin : 0.5em 1em;
	display : block;
}

/*******************************************************************************
	Anchor
*******************************************************************************/

a:link
{  
	border-bottom : thin solid #99f;
	color : #99f;
	background-color : inherit;
}

a:visited
{
	border-bottom : thin solid #999;
	color : #999;
	background-color : inherit;
}

/*******************************************************************************
	Logical elements
*******************************************************************************/

em,strong
{
	border-bottom : thin solid #f00;
	font-weight : bold;
}

code
{
	color:#cfc;
	background-color:inherit;
	font-family:monospace;
}

var
{
	border-bottom : thin solid #f99;
	color : #f99;
	background-color : inherit;
}

kbd
{
	border-top : thin solid #ccc;
	border-left : thin solid #ccc;
	border-bottom : thin solid #666;
	border-right : thin solid #666;
}

dfn
{
	border : thin dotted #ff6;
	color : #ff6;
	background-color : #666;
}

samp
{
	color : #ffc;
	background-color:inherit;
	font-family:monospace;
}

/*******************************************************************************
	List
*******************************************************************************/

li
{
	padding : 2px 0px 2px 0px;
	margin-left : 50px;
	display : list-item;
}

ul
{
	list-style : square outside;
	display : block;
}

ol
{
	list-style : decimal outside;
	display : block;
}

*+ul,*+ol
{
	margin-top : 0.5em;
}

dl
{
	display : block;
}

dt
{
	margin : 4px 0;
	border-top : thin solid #999;
	border-bottom : thin solid #999;
	padding-left : 1em;
	padding-top : 1px;
	padding-bottom : 1px;
	color : inherit;
	background-color : #666;
	font-weight : bold;
	display : block;
}

dd
{
	margin : 4px 0 4px 50px;
	display : block;
}


dd>p
{
	margin-left : 0;
	margin-right : 0;
}

li>p
{
	margin : 0;
}

li>p+p
{
	margin-top : 1em;
}

/*******************************************************************************
	Table
*******************************************************************************/

table
{
	table-layout : auto;
	border-collapse : collapse;
	empty-cells : show;
	display : table;
}

caption
{
	border-top : medium double #666;
	border-left : medium double #666;
	border-right : medium double #666;
	font-weight : bold;
	text-align : center;
	display : table-caption;
}

th
{
	padding : 1px;
	font-weight : bold;
	text-align : center;
	color : inherit;
	background-color : #666;
	display : table-cell;
}

td
{
	border : thin solid #666;
	padding : 1px;
	display : table-cell;
}

thead
{
	display : table-header-group;
}

tfoot
{
	display : table-footer-group;
}

tbody
{
	display : table-row-group;
}

col
{
	display : table-column;
}

colgroup
{
	display : table-column-group;
}

tr
{
	display : table-row;
}

/*******************************************************************************
	Form
*******************************************************************************/

form
{
	margin : 30px;
	display : block;
}

fieldset
{
	padding : 20px;
	border : medium ridge #666;
	display : block;
}

legend
{
	padding : 0 20px;
	font-weight : bold;
	display : block;
}

input[type="text"],input[type="password"],select,textarea
{
	border-top : thin solid #666;
	border-left : thin solid #666;
	border-bottom : thin solid #999;
	border-right : thin solid #999;
}

optgroup
{
	color : #000;
	background-color : #666;
	display : block;
}

option
{
	color : #fff;
	background-color : #000;
	display : block;
}

button,input[type="reset"],input[type=submit],input[type=button]
{
	padding : 1px;
	border-top : thin solid #999;
	border-left : thin solid #999;
	border-bottom : thin solid #666;
	border-right : thin solid #666;
}

/*******************************************************************************
	Inserted and Deleted
*******************************************************************************/

del
{
	text-decoration : line-through;
}

ins
{
	border : thin dotted #fff;
}

body>ins,div>ins,blockquote>ins
{
	display : block;
	margin : 30px;
	border : 3px solid #666;
}

body>ins:after,div>ins:after,blockquote>ins:after
{
	text-align : right;
	content : "追記";
	color : #666;
	background-color : inherit;
	display : block;
	font-weight : bold;
}

body>ins[datetime]:after,div>ins[datetime]:after,blockquote>ins[datetime]:after
{
	content : "追記 : "attr(datetime);
}

/*******************************************************************************
	Quotation
********************************************************************************/

blockquote
{
	margin : 20px 10px 20px 40px;
	border-left : 6px solid #666;
	border-right : 2px solid #666;
	border-top : 2px solid #666;
	border-bottom : 2px solid #666;
	display : block;
}

blockquote[title]:before
{
	content : "Title : " attr(title);
}

blockquote:before
{
	margin : 10px;
	font-weight : bold;
	display : block;
	content : "Quotation";
}

blockquote[cite]:after
{
	padding : 5px;
	margin-right : 20px;
	color : #999;
	background-color : inherit;
	text-align : right;
	display : block;
	content : "source : "attr(cite);
}

q:before,q:after
{
	content : "\"";
}

cite
{
	border : thin solid #ccc;
	color : inherit;
	background-color : #666;
}

/*******************************************************************************
	Abbreviation
*******************************************************************************/

abbr,acronym
{
	border-bottom : thin dotted #fff;
}

/*******************************************************************************
	Preformatted Text
*******************************************************************************/

pre
{
	margin : 30px;
	border : thick ridge #666;
	padding : 0.5em;
	white-space : pre;
	font-family : monospace;
	overflow : scroll;
	display : block;
}

/*******************************************************************************
	Other block-level elements
*******************************************************************************/

address
{
	margin : 1em 0;
	border-top : 3px solid #666;
	border-bottom : 3px solid #666;
	padding : 5px;
	text-align : center;
	font-style : italic;
	display : block;
}

hr
{
	height : auto;
	margin : 10px;
	content : "* * *";
	text-align : center;
	letter-spacing : 50px;
	display : block;
}