@import "reset.css";
html {overflow-x:hidden;}
body {
padding: 10px 0;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#e4edf2;
font-size:1em;
font-family:'ＭＳ ゴシック',sans-serif,Osaka;
letter-spacing:0;
word-wrap:break-word;
overflow-wrap:break-word;
}
img {max-width:100%; height:auto;}
fieldset {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
table.rigid {
border-spacing:0;
padding:0;
border-collapse:collapse;
empty-cells:show;
border-top:none;
border-right:none;
border-bottom:none;
border-left:none;
}

details.hiraku summary {transition: ease .2s; cursor: pointer; list-style-type: "[▽ひらく]"; margin-top:-10px;}
details.tojiru[open] > summary {list-style-type: "[△とじる]";}

input {height:20px;}
.inline {display:inline;}
.latin {
font-family:'Times New Roman';
font-style:italic;
letter-spacing:1px;
}
.lside {text-align:left; float:left;}
.lwing {float:left;}
.lcaps {
width:150px;
float:left;
margin:0 10px 0 0;
}
.ltcaps {
width:115px;
float:left;
margin:0 10px 0 0;
}
.rcaps {
width:150px;
float:right;
margin:0 0 5px 5px;
}
.rtcaps {
float:right;
margin:0 0 5px 5px;
}
ul.side li {
list-style:none;
float:left;
margin-left:1em;
}
.hook {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
.rim {margin:4px;}
.rimd {margin:0 0 4px;}
a.rover {
display:block;
margin:0; padding:0;
width:78px; height:18px;
background:transparent url('../../common/img/google/totop.jpg') no-repeat 0 0;
text-decoration:none;
text-indent:-9999px;
}
a.rover:hover {
background-position:0 -18px;
text-decoration:none;
}
div#top {z-index:10; right:10px; top:48%; display:block; position:fixed;}
div#ltop {z-index:10; left:10px; top:48%; display:block; position:fixed;}
p,ul,ol {line-height:1.3em;}
td {padding:2px; letter-spacing:0;}

.default {
padding:10px 0;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:1em;
font-family:'ＭＳ ゴシック',sans-serif,Osaka;
letter-spacing:0;
font-weight:normal;
}
.general {
margin-left:auto;
margin-right:auto;
text-align:left;
color:#000;
font-size:16px;
font-family:'ＭＳ ゴシック',sans-serif,Osaka;
letter-spacing:0;
font-weight:normal;
}
table.skinny td {
border-spacing:0;
padding:0;
}
table.general td {
margin-left:auto;
margin-right:auto;
text-align:left;
color:#000;
font-size:16px;
font-family:'ＭＳ ゴシック',sans-serif,Osaka;
letter-spacing:0;
font-weight:normal;
}
table.wauto {width:auto;}
table.num td {text-align:right}
a:link {text-decoration:none; color:#00f;}
a:visited {text-decoration:none; color:#b00dac;}
a:hover {
background-color:#f7fe2e;
position:relative;
top:1px;
left:1px;
color:red;
}
input {color:blue;}

h1 {
color:#fff; font-size:2.2em; text-shadow: 2px  2px 5px #ccc, -2px  2px 5px #ccc, 2px -2px 5px #ccc, -2px -2px 5px #ccc;
font-weight:bold;
text-align:center;
-webkit-text-stroke: 1px #666;
}

/*
h2 {
font-family:'ＭＳ Ｐゴシック'';
color:#fff;
font-size:2.4em;
text-shadow: 2px 2px 5px #888, -2px 2px 5px #888, 2px -2px 5px #888, -2px -2px 5px #888;
font-weight:bold;
text-align:center;
}
*/

h2 {
font-family:'ＭＳ Ｐ明朝','Hiragino Mincho ProN';
font-weight:bold;
font-size:2.4em;
letter-spacing:-2px;
padding:0.6em 0 0 0.3em;
text-align:center;
color:#009753;
white-space:nowrap;
text-shadow:4px 4px 4px #b9b9b9;
}

h3 {
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
margin:2px;
color:#050;
}
h4 {font-weight:bold; font-size:1.3em; letter-spacing:-1px;}
h5 {letter-spacing:-1px; margin:0.1em 0 0; color:gray;}
_th {text-align:center; background:#528aa9; color:#fff;}
tr.dark {background-color:#f6f6f6;}
tr.faint {background-color:#fff;}
img {position:relative; top:2px; border:0;}
input.oc {font-size:100%; height:110%}
hr.line {
margin:1em auto; padding:0;
border:1px solid noshade #ddd;
width:80%;
}
.mincho {font-family:'ＭＳ 明朝';}
.gothic {font-family:'ＭＳ ゴシック',sans-serif,Osaka;}
.small {font-size:0.7em;}
.scap {font-size:0.75em;}
.mids {font-size:0.8em;}
.mid {font-size:0.9em;}
.midl {font-size:1.1em;}
.large {font-size:1.3em;}
.big {font-size:1.8em;}
.topic {float:left; margin-bottom:5px;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.adj {z-index:3; position:relative; top:0; left:0;}
.bad {position:relative; top:6px; left:0;}
.item {font-weight:bold; color:green; outline-color:#f8dc94;}
.strw {color:#fff;}
.red {color:red;}
.blue {color:blue;}
.gray {color:gray;}
.green {color:#006f00;}
.black {color:black;}
.orange {color:#ff7f50;}
.brown {color:#8b4513;}
.gbold {color:#006f00; font-weight:bold;}
.gold {color:#ffd700;}
.over {color:gray;}
.indigo {color:#34689c;}
.thstr {color:#528aa9;}
.white {background-color:#fff;}
.marker {background:#fffff5;}
.thcol {background-color:#528aa9;}
.pale {background:#e4edf2;} 
.dsp {margin:0 0 1em;}
.dsp2 {margin:0 0 2em;}
.dsp3 {margin:0 0 3em;}
.usp {margin:1.2em 0 0;}
.usp2 {margin:2.2em 0 0;}
.usp3 {margin:3.2em 0 0;}
.usp4 {margin:4.2em 0 0;}
.usp5 {margin:5.2em 0 0;}
.lsp {margin-left:1em;}
.rsp {margin:0 1em 0 0;}
.slash {color:#d9d9d9; background:#f6f6f6; font-weight:bold;}
.underline {text-decoration:underline}
.sorry {text-decoration:line-through;}
.cap {float:left;}
.frame {margin:1em 2em;}
.brace {white-space:nowrap;}
.clear {clear:both;}
.box {
border:2px #ddd solid;
margin:15px 0;		/* 15px 0 */
padding:10px;		/* 10px */
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow:1px 1px 20px #ccc;
}
.bush {
border:1px #ccc solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.bushaq {
border:1px #6cc solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.bushw {
border:1px #fff solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.bushred {
border:1px red solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.bushblu {
border:1px #1e90ff solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.bushgrn {
border:1px #228b22 solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.bushblk {
border:1px #000 solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.note {color:#666;}
.touch a {display:block; width:100%; height:100%;}
.touch a:hover {
background-color:#e4edf2;
text-decoration:underline;
position:relative;
top:1px;
left:1px;
color:red;
}
.takes {display:block; width:100%; height:100%;}
.lcol {float:left; width:48%;}
.rcol {float:right; width:48%; padding:0 0 0 2px;}
ul.bulletw li {
margin-left:30px;
line-height:1.4em;
list-style-image:url('http://yacho.org/cbird/common/img/dot.gif');
}
ul.bullet li {
margin-left:30px;
line-height:1.2em;
list-style-image:url('http://yacho.org/cbird/common/img/dot.gif');
}
ol.tall li {line-height:1.4em;}
ol.medium li {line-height:1.2em;}
ol.ogap li {margin-bottom:0.5em;}
ul.ugap li {margin-bottom:0.5em;}
.welcome li {
margin-left:30px;
line-height:1.2em;
list-style-image:url('../img/binos.gif');
}
.welcomes li {
margin-left:30px;
line-height:1.2em;
list-style-image:url('../img/naoki/suzume_Rs.gif');
}
.member li {
margin-left:30px;
line-height:1.2em;
list-style-image:url('../img/naoki/ruribitaki_MRs.gif');
}
ol.nbold li {font-weight:bold;}
#wrap {
width:780px;
text-align:left;
margin:0 auto;
background:#fff;
}
#inner {margin:10px; background:#fff;}
.main {margin:12px 0 0;}
#wing {
z-index:0;
position:absolute;
top:-2px;
left:320px;
margin:0 450px;
text-align:right;
}
#pack {width:760px;}
#name {float:left; margin-left:10px; margin-top:8px; width:320px;}
#util {float:right; position:relative; width:150px; font-size:0.8em;}
#menu {width:772px;}
#menu ul a:link {font-weight:bold; text-decoration:none;}
#menu a:hover {color:red;}
#menu li a {color:#050;}
#outwrap {
width:767px;
margin:0 auto; 
text-align:left;
float:left;
z-index:1; position:relative; top:0;
}
.inwrap {float:left;}
#track {
width:365px; 
height:20px; 
float:left;
background:url('../img/ash.gif') repeat-x;
}
#online {
width:100px;
height:20px;
float:left;
text-align:left;
background:url('../img/ash.gif') repeat-x;
}
#counter {
width:145px; 
height:20px;
float:left;
text-align:left;
background:url('../img/ash.gif') repeat-x;
}
#modify {
width:155px;
height:20px;
float:left;
text-align:left;
background:url('../img/ash.gif') repeat-x;
}
#copyright {
clear:both;
width:100%;
font-size:0.8em;
text-align:right;
color:gray;
margin-top:4em;
}
.tight {letter-spacing:-3px;}
.shrink {letter-spacing:-2px;}
.diet {letter-spacing:-1px;}
.riml {margin:0 0 0 4px;}
.tab {margin:0 0 0 3em;}
.tab2 {margin:0 0 0 2em;}
.tab10 {margin-left:10em;}

.boxgr {
border:3px green solid;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxskf {
border:3px #caeafd solid;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxlg {
border:3px #d5efc8 solid;
width:530px;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxor {
border:3px #ffe4ca solid;
width:530px;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxsk {
border:3px #81b2f7 solid;
width:530px;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxrec {
margin:0 auto;
border:3px #bbf89e solid;
padding:10px;
line-height:1.2em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.boxpink {
border:3px #fed1e5 solid;
width:530px;
margin:15px 0;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

table.zebra tr:nth-child(2n-1) td {background-color:#e4edf2;}
table.center td {text-align:center;}
table.left td {text-align:left;}
table.aqua td, th { 
border:1px #6cc solid;
border-collapse:collapse;
}
td.noframe {border-color:#fff; border:1px;}
.shadow {box-shadow:1px 1px 5px #ddd;}
.emx4 {font-size:1.4em;}
.emx3 {font-size:1.3em;}
.emx2 {font-size:1.2em;}
.emx09 {font-size:0.9em;}
.emx08 {font-size:0.8em;}
.emx075 {font-size:0.75em;}
.cols5 {float:left; width:20%;}
.cols4 {float:left; width:25%;}
.cols3 {float:left; width:30%;}
.cols2 {float:left; width:45%;}
.cols2f {float:left; width:50%;}
.pillar {float:left; width:5%;}
.hind {margin-left:1em; text-indent:-1em;}
.hind2 {margin-left:2em; text-indent:-2em;}
.hind3 {margin-left:3em; text-indent:-3em;}
.hind4 {margin-left:4em; text-indent:-4em;}
.alias {
font-size:0.9em;
color:gray;
font-family:'ＭＳ Ｐゴシック',sans-serif,Osaka;
letter-spacing:0px;
font-weight:normal;
margin:0px;
width:auto;
border-width:0px;
border-style:none;
}
.meiryo {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ',Verdana,'ＭＳ ゴシック',sans-serif;}
ul.nomark li {list-style-type:none}
ol.nomarkol li {list-style-type:none}
.capbox {
position:relative;
width:150px;
}
.ask {
border:1px solid gray;
font-size:0.9em;
font-weight:bold;
}
fieldset.mundane {
border:1px #ccc solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
fieldset.mundane_grn {
border:1px #228b22 solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
fieldset.mundane_blk {
border:3px #000000 solid;
margin:15px 0 5px;
padding:8px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.super {vertical-align:super; font-size:70%;}
.tround {
-webkit-border-top-left-radius:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
border-top-left-radius:9px;
}
.star {vertical-align:super; font-size:1em;}
.nlh {line-height:120%;}
.mlh {line-height:140%;}
.olh {line-height:160%;}
.mlhs > p {line-height:160%;}
.hfsp > li {margin-bottom:0.5em;}

table.vamid tr, td {vertical-align:middle;}
.vmid {vertical-align:middle;}
/* https://www.sunatmark.co.jp/blog/tech/css/text/text_marker/ */
.mark_grn {
    background: -moz-linear-gradient(top, rgba(0, 255, 0, 0) 60%, rgba(0, 255, 0, 0.4) 60%, rgba(0, 255, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 255, 0, 0) 60%, rgba(0, 255, 0, 0.4) 60%, rgba(0, 255, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 255, 0, 0) 60%, rgba(0, 255, 0, 0.4) 60%, rgba(0, 255, 0, 0.4) 100%);
}
.mark_blu {
    background: -moz-linear-gradient(top, rgba(0, 0, 255, 0) 60%, rgba(0, 0, 255, 0.4) 60%, rgba(0, 0, 255, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 255, 0) 60%, rgba(0, 0, 255, 0.4) 60%, rgba(0, 0, 255, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 255, 0) 60%, rgba(0, 0, 255, 0.4) 60%, rgba(0, 0, 255, 0.4) 100%);
}
.mark_yel {
    background: -moz-linear-gradient(top, rgba(255, 255, 0, 0) 60%, rgba(255, 255, 0, 0.4) 60%, rgba(255, 255, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 0, 0) 60%, rgba(255, 255, 0, 0.4) 60%, rgba(255, 255, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 60%, rgba(255, 255, 0, 0.4) 60%, rgba(255, 255, 0, 0.4) 100%);
}
.fatmark_yel {
    background: -moz-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0.4) 0%, rgba(255, 255, 0, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0.4) 0%, rgba(255, 255, 0, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 0, 0) 0%, rgba(255, 255, 0, 0.4) 0%, rgba(255, 255, 0, 0.4) 100%);
}
.nuki_blk {
color: white;
text-shadow:
black 1px 1px 0px,
black -1px 1px 0px,
black -1px -1px 0px,
black 1px -1px 0px,
black 1px 0px 0px,
black 0px 1px 0px,
black -1px 0px 0px,
black 0px -1px 0px;
}
.nuki_grn {
color: white;
text-shadow:
green 1px 1px 0px,
green -1px 1px 0px,
green -1px -1px 0px,
green 1px -1px 0px,
green 1px 0px 0px,
green 0px 1px 0px,
green -1px 0px 0px,
green 0px -1px 0px;
}

.push {margin:0 0 40px;}
.gemclip {background:url('../img/clip.gif') no-repeat;}
.clip li {list-style-image:url('../img/clip.gif');}
li {margin-left:40px; font-size:1em; line-height:1.3em;}
.space {margin:0 0 20px;}
h6 {
display:inline;
border:1px solid #000;
font-size:1em;
font-weight:bold;
width:1.2em;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
}
.narrow {line-height:1em;}
.rwing {
margin:-2.7em 0 10px;
font-size:100%;
line-height:1.5;
text-align:right;
}
.vtop {vertical-align:top;}
.noul a:hover {color:red; text-decoration:none;}
.ext li {line-height:1.5em;}
.bcol {background-color:#e4edf2; color:#000;}

.round {
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
}
.alpha {
-moz-opacity:0.8px;
opacity:0.8px;
}
ul.alpha a {
display: block;
zoom: 1;	/* IE6以前に対応 */
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.clear {clear:both;}
form.fright {float:right; margin-top:5px;}