@charset "utf-8";
@font-face {font-family:'myFont';src:url('http://meitou.info/image/meitoufont.eot?') format('eot'),url('http://meitou.info/image/meitoufont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {font-family:'iconFont';src:url('http://meitou.info/iconfont.eot?') format('eot'),url('http://meitou.info/iconfont.woff') format('woff');font-weight:normal;font-style:normal;}
*{font:large/large   "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, Helvetica, Arial, MeiryoKe_UIGothic, sans-serif;}
html,body{margin:0;padding:0;}
body{
text-align:center;
background:#150766 url(./lay_kirikinranblue.gif) top left;
color:#fff;line-height:1.5em;
}
#container{max-width:900px;margin:0 auto;}
#content{padding-bottom:8px;float:right;max-width:683px;width:100%;}
#navigation{float:left;width:200px;}
#extra{float:right;max-width:650px;}
#footer{clear:both;width:100%;}

@media screen and (min-width: 920px) {#navigation{float:left;width:200px;}}
@media screen and (max-width: 920px) {
body{background:none;}
#content{max-width:100%;width:100%;}
#navigation{float:none;width:100%;}
#navmenu{width:140px;float:left;}
#navwide{width:166px;float:left;}
#aside{width:240px;float:left;left:0!important;position:relative!important;}
}
@media screen and (max-width: 700px) {
#header_side{font-size:80%;}
#header_side a{padding:30px 10px 8px!important;}
#content{padding:0!important;}
#footer{padding:0 0 40px 0!important;}
.foot ul{padding-left:20px;}
#header{height:120px!important;}
#subtitle{top:-68px!important;}
#content .list1{margin-left:5px!important;}
#content .list2{margin-left:7px!important;}
#content ul{padding-left:25px;}
dl{width:90%!important;}dt{float:none!important;text-align:left!important;}dd{width:90%!important;margin-left:20px!important;}
.style_table{margin-left:0px!important;font-size:80%!important;table-layout:auto!important;}
}
@media screen and (max-width: 450px) {
#header_side{font-size:65%;}
#header_side a{padding:30px 5px 8px!important;text-align:center!important;letter-spacing:-4px!important;}
blockquote{margin:5px 8px!important;}p.quotation{padding:10px 15px !important;font-size:87%!important;}
pre{letter-spacing:normal!important;}
#navigation li{font-size:small!important;}#navigation a{font-size:small!important;}
#navmenu{float:left;width:105px;width:-webkit-calc(100% - 210px);width:calc(100% - 210px);}
#navigation h2{font-size:small!important;}
#back-top{right:5%!important}
#aside{float:right;top:0!important;}
.foot{font-size:small!important;}
.foot:first-child{width:40%;}
.foot:last-child{width:30%!important;}
.foot li li{margin-left:-12px;}
.note{text-indent:1em!important;max-width:90%;box-sizing:border-box;word-wrap:break-word;}
div.ie5{overflow:auto;margin-left:5px;margin-right:5px;}
.ie5::-webkit-scrollbar{height:5px;}
.ie5::-webkit-scrollbar-track{border-radius:5px;background:#eee;}
.ie5::-webkit-scrollbar-thumb{border-radius:5px;background:#a88;}
.toc ul{padding-left:0px!important;}
.style_td[style*="small"] {font-size:xx-small!important;}
.style_td:last-child[style*="small"] {width:40%!important;}
.style_table{font-size:70%!important;}
}
a{color:#d3381c;}
a:hover{
color:#000;
position:relative;
background-color:#ec6d51;
top:-1px;
left:-1px; 
}
a.anchor_super{visibility:hidden !important;}
#content a[target*="_blank"]:before {
content: "\25a3";
color: #666;
margin-right: 3px;
}
a[target*="_blank"] {
color: #b33;
text-decoration:none;
margin-right: 3px;margin-left: 3px;
}
.toc a {text-decoration: none;}
hr{
border-top: 1px dotted #8c8b8b;
border-bottom: 1px dotted #fff;
width:90%;
}
pre{
line-height:1.0em !important;
word-wrap:normal;
word-break:normal;
font-size:medium;
margin:5px 10px;
padding:8px 15px;
border:solid 1px #999;
background-color:#f8f8f8;
color:#433;
letter-spacing:-0.075em;
table-layout:fixed;
overflow:auto;
box-shadow:#ccc -1px 1px 2px inset,#fff -1px 1px 0;
}
pre .box1{background-color:skyblue;border:1px dotted navy;margin:-1px;}
pre .box2{background-color:khaki;border:1px dotted goldenrod;margin:-1px;}
pre .box3{background-color:pink;border:1px dotted hotpink;margin:-1px;}

thead td.style_td,
thead th.style_th,
tbody th.style_th,
tbody th,
tfoot td.style_td{
background-color:#e0e0e0;
padding:7px 5px;
text-shadow:#ebebeb 0px 1px 0px;
}
thead td.style_td{
text-align:center;
font-weight:bold;
}
thead th.style_th,
tfoot th.style_th{
color:inherit;
background-color:#c8c8c8;
}
.style_table{
padding:0px;
border:solid 1px #999 !important;
border-spacing:0px !important;
border-collapse:collapse; 
text-align:left;
color:inherit;
line-height:1.4em;
letter-spacing:0.1em;
empty-cells:show;
font-size:90%;
margin-left:40px;
table-layout:fixed;
background-color:#fff;
word-break:break-all;
box-shadow:#ddd 0px 0px 3px 1px;
}
.style_th{
padding:5px;
text-align:center;
color:inherit;
border:#a0a0a0 solid;
border-width:0 0 1px 1px;
}
td.style_td{
border:solid 1px #ccc !important;
padding:2px 5px;
word-break:break-word;
letter-spacing:-0.3px;
}
td.style_td:first-child:not(:only-child){white-space: nowrap;}
#header{
/*border-bottom:solid 1px #777;*/
height:160px;
position:relative;
-webkit-box-shadow:0px 2px 0px #ddd;;
box-shadow:0px 2px 0px #ddd;
background-color: #eee;
background: -ms-linear-gradient(top, #ccc, #eee);
background-image: -moz-linear-gradient(top, #777 0%, #aaa 75%, #ccc 80%, #eee 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(0.75, #aaa), color-stop(0.80, #ccc), color-stop(1, #eee));
}
#header h1{
margin-left:27px;
margin-top:20px;
top:40px;
}
#header_side > a{
font-family:"myFont";font-weight:bold;
text-decoration:none;
background-color:transparent;
display:block;
height:160px;width:100%;
font-size:4.5em;
padding:35px 50px 8px;
line-height:1em;
color:#333;
text-align:right;
box-sizing:border-box;
text-shadow: -1px 1px 1px rgba(250,250,250,1);
-moz-transition:0.45s;-webkit-transition:0.45s;transition:0.45;
-webkit-text-stroke:1px #222;
letter-spacing:-7px;
}
#header_side > a:hover{
color:#d0576b;
text-shadow: -3px 2px 3px rgba(180,0,0,1);
-webkit-text-stroke: 1px #FF8C90;
position:relative;
top:0px;left:0px; 
}
#subtitle {
position: relative;
top: -38px;right: 58px;
font-size: 16px;
letter-spacing: 0.5px;
text-align: right;
color: #444;
font-family: 'Lora', serif;
font-weight: 700;
font-style: italic;
text-shadow: -1px 1px 1px rgba(250,250,250,1);
letter-spacing:-0.02em;
}
#container{
text-align:left;
font-size:large;
line-height:1.7em;
background-color:#f7f7f7;
border-left:solid 1px #666;
border-right:solid 1px #666;
color:#222;
-webkit-box-shadow:black 0px 15px 30px;
box-shadow:black 0px 15px 30px;
}
div#content{
background-color:#eee;
color:#333;
font-size:large;
border:solid 1px #aaa;
border-right:none;
/*margin-top:6px;*/
padding:5px 24px 5px 5px;
box-sizing: border-box;
-webkit-box-shadow:#ddd -2px 2px 4px;
box-shadow:#ddd -2px 2px 4px;
}
div#content p{
margin-left:8px;
padding-left:13px;
margin:6px;
margin-bottom:5px;
line-height:1.6em;
text-indent:1em;
}
div#content h1,h2,h3,h4,h5{
margin:0px;
margin-bottom:6px;
color:#333;
}
div#content ul{
margin:0px;
margin-bottom:12px;
text-indent:-0.5em;
}
div#content ul{
text-indent:0;
}
div#content h1{
font-size:24px;
color:#fff;
padding:12px 20px 9px;
line-height:1.6em;
background-color:#d0576b;
text-shadow:#000 0px 2px 7px;
box-shadow:inset -1px 1px 5px #666;
border-radius:3px;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
blockquote{margin:15px 20px 20px;}
.quotation{
text-indent:0!important;
line-height:1.6em !important;
border:1px dotted #333;
margin:1px 1px 5px !important;
padding:15px 25px !important;
background-color:#e0e0e0;
word-break:normal !important;
font-size:92%;
-webkit-box-shadow:#ccc -1px 1px 2px inset,#fff -1px 1px 0;
box-shadow:#ccc -1px 1px 2px inset,#fff -1px 1px 0;
}
.human .quotation{background:#ddd url("img1.png") no-repeat;background-position:right top;background-size:50px 50px;}
.sword .quotation{background:#ddd url("img2.png") no-repeat;background-position:right top;background-size:50px 50px;}
.book .quotation{background:#ddd url("img3.png") no-repeat;background-position:right top;background-size:50px 50px;}
input, select{
font-size:medium;
line-height:1.8em;
-webkit-box-shadow:inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow:inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
vertical-align:middle;
-webkit-user-select:auto;
user-select:auto;
padding:1px 2px;
}
textarea{
font-family:"MSゴシック"!important;;
font-size:17px;
line-height:1.5em;
-webkit-box-shadow:inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow:inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}
div#navigation input[type="text"]{width:95%;box-sizing: border-box;}
label{padding:3px;vertical-align:sub;}
input[type=submit], input[type=button]{
padding:5px 25px;
margin:3px 2px;
}
div#content h2{
color:#333;
font-size:20px;
background-color:#FF8C90;
border-left:solid 10px #915036;
margin:25px 3px 5px;
padding:5px 0px 2px;
padding-left:10px;
text-shadow:-1px 1px 0px rgba(250,250,250,.5);
box-shadow: 0px 0px 4px rgba(145,80,54,.5);
}
div#content h3{
margin:35px 30px 5px 6px;
padding:5px 14px 0px;
line-height:1.7em;
font-size:18px;
text-shadow: -1px 1px 0px rgba(250,250,250,.5);
background-color:#f6bfbc;
border-top:solid 1px #e95295;
border-bottom:solid 1px #e95295;
box-shadow:0px 0px 14px #d5d5d5;
}
div#content h4{
margin:20px 30% 5px 10px;
padding: 4px 2px 0px 10px;
font-size:16px;
border-bottom: dotted 1px #ddd;
border-left:solid 6px #777;
padding-top:2px;
background-color: #f5f5f5;
background: linear-gradient(to right, #fcfcfc, #eee);
}
div#content h1 a, div#content h2 a, div#content h3 a, div#content h4 a{text-decoration:none;}
div#content form{margin-left:8px;}
#navigation{
margin-top:6px;
margin-bottom:6px;
border-left:none;
font-size:14px;
color:#333;
}
#navigation a{
color:#333;
font-size:large;
padding:1px 3px;
}
#navigation p{
line-height:1.6em;
margin:10px 10px 0px;
}
#navigation ul{
list-style:none!important;
margin-left:4px !important;
padding:0px 5px 0px 5px!important;
}
#navigation li{
line-height:1.2em;
font-size:large;
margin:0px 0px 8px!important;
}
#navigation h2{
font-size:large;
color:#222;
border: 1px #999;
border-style: solid solid solid none;
padding:3px 0px 1px 20px;
margin:5px 0px 0px?@0px;
background-color:#ddd;
box-shadow:#ccc -1px 1px 2px inset
}
#navigation .popularx li a,#navigation ul.lsx li a{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#extra{background-color:#aaa;}
#extra p{margin:10px 10px 10px;font-size:14px;}
#footer{
margin:0;
margin-top:8px;
padding:25px 50px 35px;
color:#666;
background: #eee;
border-top:dotted 1px #ccc;
box-sizing: border-box;
}
.foot{
width: 30%;
float: left;
line-height: 1.5em;
font-size:medium;
}
#footer p{font-size:12px;text-align: right;}
.foot:last-child {width: 40%;line-height: 1.3em;}
#adsense1{text-align:center;margin-top:10px;}
#footer:after {
clear: both;
display: block;
content: "";
}
.toc{
border:1px solid #aaa;
background-color:#f9f9f9;
font-size:75%;
padding:5px 5px 5px 0;
line-height:1.5em;
margin-bottom:.6em;
margin-top:1em;
-webkit-box-shadow:0px 1px 1px 2px #e5e5e5;
box-shadow:0px 1px 1px 2px #e5e5e5;
}
.toctitle{
text-align:center;
font-weight:bold;
padding:0.1em 0 .1em 5px;
}
.toc ul, .toc ul.contentsx{
margin:0 0 0 0.5em!important;
}
.toc ul {
padding: 0;
list-style-type: none;
position: relative;
}
.toc li {
list-style-type: none;
border-left: 2px solid #ddd;
margin-left: 1em;
}
.toc li div {
padding-left: 1em;
position: relative;
}
.toc li div::before {
content:'';
position: absolute;
top: 0;
left: -2px;
bottom: 50%;
width: 0.75em;
border: 2px solid #ddd;
border-top: 0 none transparent;
border-right: 0 none transparent;
}
.toc ul > li:last-child {border-left: 2px dotted transparent;}


rt,rp{font-size:x-small;}
ol{
counter-reset:li;
padding:0;
margin: 10px 0px 10px 0;
list-style:none;
}
ol li{
font-size:85%;
line-height:1.6em;
position:relative;
margin:0 5px 6px 2em;
padding:0px 8px;
border-left: 1px solid #ddd;
background: linear-gradient(to right, #f8f8f8, #eee);
}
ol li:before{
counter-increment:li;
content:counter(li);
position:absolute;
top:0px;
left:-2em;
width:2em;
padding:0px 0px;
color:#FFF;
background:#BBB;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
text-align:center;
text-shadow:#777 1px 1px 3px;
}
.tag{margin-left:50px;}
.taglist a,.tag a{
float:left;
display:block;
background:#3b5a97;
line-height:100%;
color:#fff;
text-decoration:none;
font-weight:400;
font-size:90%;
padding:7px 15px 5px;
margin:0 10px 5px 0;
-webkit-transition:.3s ease;
transition:.3s ease;
-webkit-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
box-shadow:#ddd 0px 0px 3px 1px;
}
.taglist a:hover,.tag a:hover{background:#1d2d4b;}
#content .lsx li,.taglist li{display:inline-block;}
.toppagelist>ul.lsx{list-style-type:disc!important;}
.toppagelist .lsx li{display:list-item!important;}
.followingstyle li:not(:last-child):after{
content:"/";
color:#AAA;
font-size:small;
padding-left: 5px;
}
.followingstyle>ul li{display:inline-block;}
.followingstyle>.lsx li a{margin-left:5px;margin-right:0!important;}
#content .lsx li a{margin-right:10px;}
.note:before{
content:"\02020";
font-size:2.5em;
text-shadow:#CCC 1px 1px 0px;
color:#999;
margin-left:-13px;
margin-right:0px;
}
.note:hover{color:#222;}
.note{
color:#555;
font-size:small;
display:inline-block;
text-indent:0.5em;
line-height:1.4em;
border-top:1px dotted #bbb;
border-bottom:1px dotted #bbb;
padding:10px 20px 15px;
margin:0px 10px 5px 20px;
background-color:whitesmoke;
}
dl{width: 80%;}
dt{
float:left;
clear:left;
white-space:nowrap;
text-overflow:ellipsis;
font-size: medium;
overflow: hidden;
margin: 0px 1px 1px 2px;
padding: 4px 9px 2px 11px;
line-height: 1.5em;
width: 130px;
background-color: #ccc;
border-left: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
text-align: right;
color: #222;
text-shadow: 1px 1px 1px rgba(250,250,250,1);
}
dd{
width: 80%;
color: #444;
font-size: medium;
padding: 4px 9px 1px 10px;
line-height: 1.6em;
background-color: #f8f8f5;
margin: 1px 1px 3px 155px;
background: linear-gradient(to right, #f8f8f8, #eee);
border-left: 1px solid #ddd;
border-bottom: 1px dotted #eee;
}
dd>ul{margin-left:0!important;}
#back-top {
position:fixed;
bottom:0;
right:10%;
min-width:320px;
background:#ddd;
padding:4px 0 0 0!important;
box-shadow:0px 2px 4px 2px #888;
border-radius:3px;
}
#back-top a {
display:block;
text-align:center;
text-decoration:none;
color:#666;
padding:3px 8px;
font-size:8px;
-moz-transition:0.45s;
-webkit-transition:0.45s;
transition:0.45s;
text-shadow: -1px 1px 2px #fff;
}
#back-top ul{margin:0;padding:0;}
#back-top li{float:left;display:inline;width:33%;}
#back-top li:last-child{width:34%;}
#back-top a:hover {color:#d0576b;background-color:#ddd!important;position:relative;top:0;left:0;text-shadow:#d0576b 0px 2px 5px;}
#back-top li{line-height:0.9em;}
#back-top a span{display:block;font-size:12px;font-family:iconFont;}
#aside a{font-size:small;text-align:center;min-width:200px;display:table-cell;background-color:#fff;}
#aside a:hover{
background-color:transparent;
position:relative;
top:-1px;
left:-1px; 
}
#aside a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-transition: 0.45s;
-webkit-transition: 0.45s;
transition: 0.45s;
}
#aside {
width:210px;
font-size:small;
line-height: 1.4em;
box-sizing: border-box;
}
#aside .ass{
margin-bottom:5px;
padding: 8px 2px 12px 2px;
text-align: center;
box-sizing: inherit;
}
.ass a img{max-height:300px;}
#aside.fixed .ass{box-shadow: 1px 2px 2px #ddd;background:#eee;}
#aside.fixed {position:fixed;top:0;}
.sword blockquote{background-image:url("img1.png");background-position:right top;background-size:50px 50px;}