@charset "utf-8";html{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;-ms-text-size-adjust:100%; /* 2 */
-webkit-text-size-adjust:100%; /* 2 */
}
body{margin:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{display:block;}
audio,
canvas,
progress,
video{display:inline-block; /* 1 */
vertical-align:baseline; /* 2 */
}
audio:not([controls]){
display:none;height:0;}
[hidden],
template{display:none;}
a{background-color:transparent;}
a:active,
a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,
strong{font-weight:bold;}
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){
overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,
kbd,
pre,
samp{font-family:monospace, monospace;font-size:1em;}
button,
input,
optgroup,
select,
textarea{color:inherit; /* 1 */
font:inherit; /* 2 */
margin:0; /* 3 */
}
button{overflow:visible;}
button,
select{text-transform:none;}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"]{-webkit-appearance:button; /* 2 */
cursor:pointer; /* 3 */
}
button[disabled],
html input[disabled]{cursor:default;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;}
input[type="checkbox"],
input[type="radio"]{box-sizing:border-box; /* 1 */
padding:0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield; /* 1 */
-moz-box-sizing:content-box;-webkit-box-sizing:content-box; /* 2 */
box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0; /* 1 */
padding:0; /* 2 */
}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td,
th{padding:0;}
*{margin:0;padding:0;}
h1{font-size:2em;font-weight:bold;color:#390;line-height:1.5;margin-bottom:1em;}
img{max-width:100%;height:auto;vertical-align:top;display:block;}
.imgcap, .imgcapr{padding:0;margin:0.5em 1em 1em 1em;font-size:0.75em;text-align:center;}
.imgcap img, .imgcapr img{margin:0 auto;}
ul, li{list-style-type:none;}
dl{clear:both;margin:1em 0;}
dt{color:#9c0;font-weight:bold;}
dt a{color:#690;}
dd{margin-bottom:1em;}
#headbox{margin:0 auto;}
header{float:left;width:100%;}
header img{margin:16px auto;float:none;}
div#hgp1{margin:2px 4px 0.5em 4px;min-width:290px;}
p,pre{margin:0 0 1em 0;font-size:1em;line-height:1.5;color:#333;}
pre{font-size:0.875em;}
.continue{margin-bottom:0;}
.small{font-size:0.75em;margin-bottom:1.33em;color:#36F;}
.red{color:red;}
.sub{color:#36F;}
.notdisp{display:none;}
header p{font-size:0.75em;margin:0;}
h2,h3,h4,h5{font-size:1.125em;font-weight:bold;line-height:1.5;color:green;}
h2{clear:both;font-size:1.2em;margin-top:1em;}
h3{color:#9c0;}
#smenu{clear:both;float:none;margin:2px 0 2px 16px;min-width:297px;font-size:0.825em;line-height:1;white-space:nowrap;text-align:center;}
#smenu form{width:90%;min-width:290px;clear:left;float:left;margin:2px;}
#smenu select{width:auto;border-width:1px;padding:0;}
#smenu input{border-width:1px;padding:1px 3px;height:20px;}
#smenu input#search{width:150px;}
#smenu ul{width:90%;min-width:290px;height:20px;margin:2px auto;padding:0;list-style-type:none;}
#smenu ul li{width:80px;margin:0 1px;padding:4px 1px;border:1px solid #999;border-color:#CCC #666 #666 #CCC;background-color:#EEE;float:left;text-align:center;}
#smenu ul li a{margin:0;text-decoration:none;display:block;position:relative;font-size:0.825em;line-height:1;}
#smenu ul li a:hover{color:#FC3;}
#smenu#submit{margin:0;padding:1px;}
nav{float:left;background-color:#363;width:100%;}
nav ul li a,
nav ul li,
nav ul{ 
position:relative;}
nav ul{float:none;margin:0;background-color:#363;text-align:center;z-index:999999990;}
nav ul li{display:inline-block;margin:0;padding-right:3px;}
nav ul li.last{padding-right:0;}
nav ul li a,
nav ul li span{display:block;background-color:#363;color:#EEE;line-height:1.6;padding:0.4em 0 0 0;font-size:0.5em;font-weight:bold;text-decoration:none;white-space:nowrap;overflow:hidden;	cursor:pointer;}
nav ul li a:hover{color:#FC0;}
nav ul li a.nohref{color:#FC3;}
nav ul ul{display:none;position:relative;border-top:1px solid #363;margin:0;padding:0;}
nav ul > li li{clear:both;margin:0;}
nav ul li:hover{postion:relative;}
nav ul li:hover > ul{display:block;position:absolute;top:1.2em;left:0;border-width:1px 0 0 0;}
nav ul li:hover > ul li{clear:both;display:block;font-size:0.75em;padding-right:0;width:18em;height:auto;background-color:#fff;border:1px solid #363;border-top-width:0;text-align:left; /*right;*/
opacity:1;z-index:3;}
nav ul li:hover > ul li a{position:relative;	position:static;display:block;width:auto;padding:0 1em;line-height:2;color:#060;background-color:#fff;white-space:nowrap;}
nav ul li:hover > ul li a:hover{color:#F60;background-color:#dfd;}
#contents{clear:both;overflow:hidden;margin:0 auto;padding:0 0.5em
}
#main{margin:1em auto;width:100%;border-bottom:1px solid #333;}
#pkz{font-size:0.625em;font-weight:bold;text-align:left;}
#main h1{display:inline-block;}
#main ul, #main ol{margin-bottom:1em;}
.lfloat li{display:inline-block;}
.lfloat li,
.lfloatbimg li,
.lfloatnimg li{font-size:0.75em;font-weight:bold;line-height:1.5;margin:1em;text-align:center;}
.lfloatbimg li,
.lfloatnimg li{display:block;padding:0 1em;}
.lfloatnimg li img,
.lfloatbimg li img{margin-left:auto;margin-right:auto;margin-bottom:0.5em;}
.lfloatbimg li img{height:300px;width:auto;}
aside{font-size:0.75em;}
aside ul{border:1px solid #333;border-bottom-width:0;width:23em;margin:0.5em 1em;list-style:none;}
aside li{width:100%;border-bottom:1px solid #333;}
aside li span,
aside li a{display:block;width:auto;height:100%;padding:0.25em 1em;line-height:1.5;color:#333;}
aside li a{background-color:#dfd;text-decoration:none;}
aside li a.bannr,aside li a.bunnr{text-align:center;font-weight:bold;color:blue;background-color:white;}
aside li a:hover{color:red;background-color:white;}
.toPageTop{float:right;display:box;border:2px solid green;border-width:0 2px 2px 0;border-radius:5px;background-color:#ccc;padding:4px 4px 2px 4px;color:#363;font-size:0.815em;text-decoration:none;line-height:1;}
footer{margin:1em 0;font-size:0.75em;}
footer ul{color:white;background-color:black;text-align:center;}
footer li{display:inline-block;margin:0.5em;}
footer li a{color:white;text-decoration:none;}
footer li a:hover{color:red;}
footer address{text-align:right;font-style:normal;line-height:1.3;padding:0.5em 1em;}
.clr{clear:both;}
.noclr{clear:none;}
.fleft{float:left;}
.frite{float:right;}
.kyakuchu{font-size:80%;}
.kyakuchu dd,.kyakuchu h2{margin-bottom:0;}
.btn{border:2px solid #333;border-color:#ccc #333 #333 #ccc;border-radius:4px;background-color:#eee;padding:0 0.5em;margin-right:1em;}
.flatbtn{border:1px solid #333;border-radius:4px;background-color:#eee;padding:0 0.5em;margin-right:1em;margin-left:1em;}
a.btn,
a.flatbtn{text-decoration:none;}
hr{clear:both;margin:1em 0;}
.index ul{margin-left:1em;list-style-type:none;}
#main table{border:0px solid #333;border-top-width:1px;border-left-width:1px;border-spacing:0;overflow:scroll;}
#main td,#main th{border:0px solid #333;border-right-width:1px;border-bottom-width:1px;font-size:0.75em;padding:0 0.5em;}
#main td{text-align:right;}
#main th{text-align:left;}
.nob{white-space:nowrap;}
#main br{clear:both;}
#main .fleft{float:left;width:40%;min-width:256px;}
#main .frite{float:right;width:40%;min-width:256px;}
.li_inline li{display:inline-block;width:15em;}


nav{text-align:left;padding:0 1px;}
.dropbtn{background-color:#363;color:white;padding:8px 2px;border:none;cursor:pointer;font-size:0.815em;font-weight:bold;}
.dropdown a{color:white;padding:0.5em;border:none;font-size:0.815em;font-weight:bold;text-decoration:none;}
.dropdown a:hover{background-color:#f33;text-decoration:underline;}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;background-color:#cfc;min-width:200px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:999999990;}
.dropdown-content a{color:#333;padding:0.5em 0.75em;font-size:0.75em;font-weight:normal;text-decoration:none;text-align:left;white-space:nowrap;display:block;}
.dropdown-content a.top_list{font-weight:bold;font-size:0.815em;color:white;background-color:#693;}
.dropdown-content a:hover{background-color:white;}
.dropdown-content a.top_list:hover{color:#333;}
.dropdown:hover .dropdown-content{display:block;}
.dropdown:hover .dropbtn{background-color:#f33;}

.drop2 .dropdown-content{display:none;left:120px;margin-top:-32px;}
.dropdown:hover .drop2 .dropdown-content{display:none;}
.dropdown:hover .drop2:hover .dropdown-content{display:block;}

.nonblock li{display:inline-block;}
.nonblock li{font-size:12px;text-align:center;width:100px;}
.nonblock li img{margin:0 auto;}
#main table.bitbig dt,table.bitbig dh{font-size:13px;}
#main table.bitbig tr>td:nth-child(2){
text-align:left;}
#main table.aleft th{text-align:center;}
#main table.aleft td{text-align:left;}

@media screen and (min-width:420px){
.imgcap{float:left;margin-right:1.5em;}
.imgcapr{float:right;margin-left:1.5em;}
nav{text-align:center;padding:0;}
.dropbtn{padding:8px 7px;}
}
@media screen and (min-width:516px){
#main table.bitbig dt,table.bitbig dh{font-size:14px;}
header img{float:left;}
nav ul{text-align:right;}
nav ul li,
nav ul li.last{padding-right:1.5em;}
nav ul li a{font-size:0.75em;}
#main{padding-top:0.5em;}
h1{float:left;line-height:1;margin-top:0;margin-left:0.5em;margin-bottom:1em;}
#pkz{margin-top:0;margin-bottom:1em;float:left;}
dl{clear:none;}
.lfloatnimg li,.lfloatbimg li{display:inline-block;}
}
@media screen and (min-width:608px){
#smenu{clear:none;float:right;}
#smenu form{clear:none;float:left;margin:0;width:auto;}
#smenu ul{margin:2px 1px;float:left;width:auto;}
}
@media screen and (min-width:712px){
div#hgp1{margin-left:333px;}
#contents{margin:0 auto;}
#main{margin:1em 0;margin-left:2%;width:76%;float:right;border-bottom:0;}
aside{width:18%;}
aside ul{margin:0.5em 0;width:100%;}
footer{clear:right;}
.substart{clear:left;}
.substart,.subnext{width:40%;margin:0 3% 0 7%;float:left;}
}
@media print{html, body{font-size:80%;}
#contents{margin-left:10%;}
.imgcap{float:left;margin-right:1.5em;}
.imgcapr{float:right;margin-left:1.5em;}
}
@media screen and (min-width:960px){
header img{margin-bottom:6px;}
#contents{width:auto;max-width:1024px;min-width:800px;}
#headbox, nav ul{max-width:1048px;}
}