@charset "utf-8";
/*
Title:Simple & Stylish Style
Author:pi8027
*/
/*================文書================*/
*{
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;
position:static;
visibility:inherit;
outline:none;
}
body{
margin:0;
border:none;
padding:0;
text-align:left;
text-decoration:none;
letter-spacing:0;
line-height:25px;
color:#333;
background-color:#fff;
font-family:sans-serif;
font-style:normal;
font-weight:normal;
font-size:15px;
visibility:visible;
}
/*============見出しと段落============*/
h1{
margin:18px 0px;
border-bottom:10px solid #666;
padding:8px 20px;
text-align:right;
line-height:54px;
font-family:serif;
font-weight:bold;
font-size:33px;
}
h2{
margin:15px 0px;
border-top:2px solid #009;
border-bottom:8px solid #009;
padding:5px;
text-align:center;
line-height:51px; 
color:#666;
background-color:inherit;
font-family:serif;
font-style:italic;
font-weight:bold;
font-size:30px;
}
h3{
margin:12px 0px;
border-bottom:8px solid #666;
padding:3px 10px;
line-height:45px;  
color:#666;
background-color:inherit;
font-family:serif;
font-style:italic;
font-weight:bold;
font-size:27px;
}
h4{
margin:9px 0px;
border-top:3px solid #009;
border-bottom:3px solid #009;
padding:3px 20px;
line-height:42px; 
color:#666;
background-color:inherit;
font-family:serif;
font-weight:bold;
font-size:24px;
}
h5{
margin:6px 0px;
border-top:3px solid #999;
border-bottom:3px solid #999;
padding:2px 30px;
line-height:36px;  
color:#666;
background-color:inherit;
font-family:serif;
font-weight:bold;
font-size:21px;
}
h6{
margin:3px 0px;
border-bottom:2px solid #ccc;
padding:2px 40px;
line-height:33px;    
color:#666;
background-color:inherit;
font-family:serif;
font-weight:bold;
font-size:18px;
}
p{
text-indent:15px;
margin:10px 30px;
}
/*==============アンカー==============*/
a:link{  
border-bottom:1px solid #00c;
color:#00c;
background-color:inherit;
}
a:visited{
border-bottom:1px solid #666;
color:#666;
background-color:inherit;
}
a:hover{  
border-bottom:1px solid #c00;
color:#c00;
background-color:#ffc;
}
a:active{ 
border:none;
color:#c00;
background-color:#ffc;
outline:1px dotted #900;
}
/*==========論理マークアップ==========*/
em{
font-weight:bold;
}
strong{
border-bottom:2px solid #600;
letter-spacing:3px;
font-weight:bold;
}
code{
color:#0c0;
background-color:inherit;
}
var{
border-bottom:1px solid #393;
color:#393;
background-color:inherit;
}
kbd{
border:1px solid #999;
}
dfn{
border-top:2px solid #c00;
border-bottom:2px solid #c00;
font-weight:bold;
}
dfn:before,dfn:after,kbd:before,kbd:after{
content:"\"";
}
samp{
border:1px solid #999;
color:#0c0;
background-color:#ffc;
}
/*===============リスト===============*/
li{
line-height:24px;
padding:2px 0px 2px 0px;
margin-left:40px;
}
ul{
list-style:square outside;
padding:0;
}
ol{
list-style:decimal outside;
padding:0;
}
dt{
margin:8px 0;
border-top:1px solid #6c6;
border-bottom:1px solid #6c6;
padding-left:50px;
font-weight:bold;
}
dd{
margin-left:20px;
padding-left:5px;
}
/*============表関連の要素============*/
table{
margin:auto;
width:80%;
table-layout:auto;
border-collapse:collapse;
empty-cells:show;
}
caption{
font-size:18px;
border-top:3pt double #6c6;
font-weight:bold;
caption-side:top;
text-align:center;
padding:3px;
}
th{
font-weight:bold;
text-align:center;
border:3pt double #66c;
padding:2px;
}
td{
border:3pt double #66c;
padding:2px;
}
/*=========フォーム関連の要素=========*/
form{
margin:20px;
}
fieldset{
padding:20px;
border:2px solid #999;
}
legend{
padding:0 20px;
font-weight:bold;
}
input[type="text"],input[type="password"],select,textarea{
border:1px solid #66c;
}
input[type="checkbox"]{
border-top:2px solid #66c;
border-left:2px solid #66c;
border-bottom:2px solid #99f;
border-right:2px solid #99f;
}
optgroup{
color:inherit;
background-color:#ccf;
}
option{
color:inherit;
background-color:#fff;
}
button,input[type="reset"],input[type=submit],input[type=button]{
border-top:2px solid #99f;
border-left:2px solid #99f;
border-bottom:2px solid #66c;
border-right:2px solid #66c;
}
/*=============追記と削除=============*/
del{
text-decoration:line-through;
}
ins{
border:1px dotted #999;
}
ins:before{
content:"追記:";
}
body>ins,div>ins,blockquote>ins{
display:block;
margin:30px;
border:3px dotted #999;
}
body>ins:before,div>ins:before,blockquote>ins:before{
content:"追記";
display:block;
font-weight:bold;
}
/*================引用================*/
blockquote{
margin:10px 0 10px 30px;
border-left:6px solid #66c;
}
blockquote[title]:before{
content:"Title:" attr(title);
}
blockquote:before{
padding:0 10px;
margin-bottom:10px;
border-bottom:1px solid #66c;
font-weight:bold;
display:block;
content:"引用";
}
blockquote[cite]:after{  
padding:0 50px;
text-align:right;
display:block;
content:"引用元 : "attr(cite);
font-size:80%;
}
q:before,q:after{
content:"\"";
}
cite{
border:1px solid #cfc;
background-color:#ccf;
color:inherit;
}
/*================略語================*/
abbr,acronym{
border-bottom:1px dotted #00c;
}
/*==========整形済みテキスト==========*/
pre{
margin:10px;
white-space:pre;
border:2px ridge #66c;
padding:5px;
overflow:scroll;
}
/*==========他のブロック要素==========*/
address{
margin:10px;
border:2px ridge #00c;
padding:5px;
text-align:left;
font-size:20px;
font-weight:bold;
}
hr{
height:auto;
margin:10px;
border-style:none;
content:"* * *";
text-align:center;
letter-spacing:40px;
}