@charset "utf-8";

/*
Title : Dark Style 3
Author : pi8027
License : GNU Free Documentation License
*/

/*================文書================*/
*{
margin:0;
border:none;
padding:0;
text-align:inherit;
text-decoration:none;
letter-spacing:inherit;
line-height:150%;
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;
}
html{
display:block;
color:#fff;
background-color:#666;
}
body{
margin:0 10%;
border:none;
padding:10px 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:16px;
display:block;
visibility:visible;
}
/*============display:none============*/
head,meta,link,style,script,title,head>object,base{
display:none;
}
/*============見出しと段落============*/
h1{
margin:2em;
text-align:center;
color:inherit;
background-color:#666;
font-weight:bold;
font-size:170%;
display:block;
}
h1:before{
content:"";
border-bottom:20px solid #666;
border-left:20px solid #000;
border-right:20px solid #000;
display:block;
}
h1:after{
content:"";
border-top:20px solid #666;
border-left:20px solid #000;
border-right:20px solid #000;
display:block;
}
h2{
margin:1em 0;
border-bottom:8px solid #666;
border-top:8px solid #666;
font-weight:bold;
font-size:160%;
display:block;
}
h2:before{
content:"";
border-bottom:10px solid #000;
border-left:10px solid #666;
border-right:10px solid #666;
display:block;
}
h2:after{
content:"";
border-top:10px solid #000;
border-left:10px solid #666;
border-right:10px solid #666;
display:block;
}
h3{
margin:1em 0 1em 10px;
border-bottom:6px solid #666;
padding:0 15px;
font-weight:bold;
font-size:150%;
display:block;
}
h4{
margin:1em 0 1em 20px;
border-bottom:4px solid #666;
padding:0 20px;
font-weight:bold;
font-size:140%;
display:block;
}
h5{
margin:1em 0 1em 30px;
border-left:1em solid #666;
padding:0 25px;
font-weight:bold;
font-size:130%;
display:block;
}
h6{
margin:1em 0 1em 40px;
border-left:1em solid #666;
padding:0 30px;
font-weight:bold;
font-size:120%;
display:block;
}
p{
text-indent:1em;
margin:0.5em 1em;
display:block;
}
/*==============アンカー==============*/
a:link{  
border-bottom:thin solid #99f;
color:#99f;
background-color:inherit;
}
a:visited{
border-bottom:thin solid #999;
color:#999;
background-color:inherit;
}
/*==========論理マークアップ==========*/
em{
border-bottom:thin solid #f00;
font-weight:bold;
}
strong{
border:thin solid #f00;
font-weight:bold;
}
code{
font-family:monospace;
color:#0f0;
background-color:#009;
}
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{
border-bottom:thin solid #ffc;
color:#ffc;
background-color:#666;
}
/*===============リスト===============*/
li{
padding:2px 0px 2px 0px;
margin-left:40px;
display:list-item;
}
li>p{
text-indent:0;
margin:0;
}
dd>p{
margin-left:0;
margin-right:0;
}
ul{
list-style:circle outside;
display:block;
}
ol{
list-style:decimal outside;
display:block;
}
*+ul,*+ol{
margin-top:0.5em;
}
dl{
display:block;
}
dt{
margin:4px 0 4px 10px;
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 30px;
display:block;
}
/*============表関連の要素============*/
table{
border-left:thin solid #666;
margin:30px auto;
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-size:120%;
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{
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;
}
input[type="checkbox"]{
border-top:2px solid #666;
border-left:2px solid #666;
border-bottom:2px solid #999;
border-right:2px 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:2px solid #999;
border-left:2px solid #999;
border-bottom:2px solid #666;
border-right:2px solid #666;
}
/*=============追記と削除=============*/
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);
}
/*================引用================*/
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:"引用";
}
blockquote[cite]:after{
padding:5px;
margin-right:20px;
color:#f66;
background-color:inherit;
text-align:right;
display:block;
content:"引用元 : "attr(cite);
font-size:80%;
}
q:before,q:after{
content:"\"";
}
q{
color:#f66;
background-color:inherit;
}
cite{
border:thin solid #ccc;
color:inherit;
background-color:#666;
}
/*================略語================*/
abbr,acronym{
border-bottom:thin dotted #fff;
}
/*==========整形済みテキスト==========*/
pre{
margin:30px;
white-space:pre;
border:3px ridge #666;
padding:10px;
overflow:scroll;
display:block;
}
/*==========他のブロック要素==========*/
address{
margin:30px 10px;
border-top:3px solid #666;
border-bottom:3px solid #666;
padding:5px;
text-align:center;
font-size:120%;
font-style:italic;
display:block;
}
hr{
height:auto;
margin:10px;
content:"* * *";
text-align:center;
letter-spacing:50px;
display:block;
}