html,body{margin:0px;padding:0px;height:auto;color:#000080;font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:1em;background-color:#FF80C0;line-height:1.2;text-align:center;}
a img{opacity:1;transition:0.3s;}
a:hover img{opacity:.5;}
a{display:inline-block;color:#03c;font-size:0.9em;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
body > h1{margin-top:0;margin-bottom:0;width:100%;font-size:0.8em;background:#fff;}
body > h1 a{color:#FF80C0;text-decoration:none;}
header{margin-top:0;}
@media (max-width:480px){.container,.side{max-width:90%;overflow:auto;margin:0 auto;height:auto !important;height:100%;min-height:100%;}
.sub{display:none;}
header p{width:100%;}
header h1 img{width:40%;height:auto;padding:0px;margin-bottom:0px;margin-top:0px;}
header h2 img{width:60%;height:auto;margin:0;}
}
@media (min-width:481px) and (max-width:900px){.container,.side{max-width:70%;overflow:auto;margin:0 auto;height:auto !important;height:100%;min-height:100%;}
.sub{display:none;}
header h1 img{height:auto;margin-bottom:0px;padding:0px;margin-top:0px;}
header h2 img{width:50%;height:auto;padding:0px;margin:-1em;}
}
@media (min-width:901px) and (max-width:5000px){.full{max-width:880px;overflow:auto;margin:0 auto;height:auto !important;height:100%;min-height:100%;}
.container{max-width:440px;overflow:auto;float:left;margin:20px;height:auto !important;height:100%;min-height:100%;}
.sub{float:left;width:200px;padding-bottom:30px;line-height:1.6;margin-top:0.5em;}
.side{float:right;width:200px;padding-bottom:30px;line-height:1.6;margin-top:0.5em;}
header h1 img{height:auto;margin-bottom:0px;padding:0px;margin-top:0px;}
header h2 img{height:auto;padding:0px 0px 0px 0px;margin:-1em;}
}
#index{width:auto;background-color:rgba(216,191,216,0.7);padding:0;font-weight:bolder;}
#index a{cursor:pointer;}
#index a:link{color:#39596C;text-decoration:none;font-size:1.2em}
#index a span{background-color:AliceBlue;}
span.non:hover{color:MidnightBlue !important;font-size:1em !important;}
#index a:visited{color:#95539e;}
#index a:hover{color:orange;font-weight:bolder;}
#index a:active{color:red;font-weight:bolder;}
#index ul,
#index ol{list-style-image:none;list-style:none;font-weight:normal;padding-left:0;margin-bottom:0;margin-top:0.5em;}
#index li>ul,
#index li>ol{display:none;margin-top:10px;}
#index li{background-color:rgba(65,105,225,.2);box-shadow:rgba(255,255,255,.2) -1px 1px 0 inset,rgba(0,0,0,.1) -1px 1px 2px;}
#index ul li{font:1em/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";display:block;color:MidnightBlue;}
#index ul li:hover{color:MidnightBlue;font-weight:bolder;font-size:1em;text-shadow:2px 2px 1px #fff;}
#index ul li:first-child{background-color:rgba(95,4,180,0.8);}
#index>ul>li,
#index>ol>li{border-top:1px solid rgba(255,255,255,.4);}
#index li a{display:block;background-color:#fff;}
#index li a:last-child{border-bottom:1px solid blue;}
.s1{color:DarkBlue;background-color:Yellow;}
.mini1{font-size:0.9em;line-height:1.5;color:navy;}
.mini2{font-size:0.8em;color:#000;}
.color2{color:red;font-size:0.8em;margin:-0.3em;}
.color6{color:green;font-size:0.9em;}
.color7{color:pink;font-size:0.9em;}
.color8{color:#fff;font-size:1.2em;text-shadow:1px 1px 1px ORANGE;}
h3{font-size:0.9em;font-weight:bolder;background-color:#99ccff;border-radius:6px;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#99ccff));background-image:-webkit-linear-gradient(#FFF, #99ccff);background-image:linear-gradient(#FFF, #99ccff);-webkit-box-shadow:0px 0px 0px 1px #FFF inset;box-shadow:0px 0px 0px 1px #FFF inset;padding:0.8em;color:#7401DF;margin-top:0;margin-bottom:0;}
.conteiner ul,
.sub ul,
.side ul{list-style-image:none;list-style:none;font-weight:normal;padding-left:0;border-top:1px solid #FF80C0;border-right:1px solid #FF80C0;border-left:1px solid #FF80C0;margin-bottom:15px;}
.conteiner ul li:first-child{border-top:1px solid #FF80C0;}
.side ul li:first-child{border-top:1px solid #FF80C0;}
.sub ul li:first-child{border-top:1px solid #FF80C0;}
.conteiner ul li a,
.sub ul li a,
.side ul li a{text-decoration:none;display:block;border-bottom:1px solid #FF80C0;-webkit-transition:0.5s;transition:0.5s;padding:5px;}
.sub h2 + ul,
.side h2 + ul,
.conteiner h2 + ul,
.conteiner h2 + .box1,
.sub h2 + .box1,
.side h2 + .box1{border-top:none;}
.conteiner .box1 > ul,
.sub .box1 > ul,
.side .box1 > ul{margin-bottom:0;}
.conteiner h2,
.sub h2,
.side h2{font-size:0.9em;background-color:pink;border-radius:6px;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(blue));background-image:-webkit-linear-gradient(#FFF, blue);background-image:linear-gradient(#FFF, #FF80C0;);-webkit-box-shadow:0px 0px 0px 1px #FFF inset;box-shadow:0px 0px 0px 1px #FFF inset;padding:3px 10px 3px 7px;color:#000;}
.conteiner .box1,
.sub .box1,
.side .box1{font-size:0.9em;background-color:pink;background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(pink));background-image:-webkit-linear-gradient(#FFF, pink);background-image:linear-gradient(#FFF, pink);-webkit-box-shadow:0px 0px 0px 1px #FFF inset;box-shadow:0px 0px 0px 1px #FFF inset;padding:0px 3px 3px 3px;color:navy;border-top:1px solid pink;border-right:1px solid pink;border-bottom:1px solid pink;border-left:1px solid pink;overflow:auto;margin-top:0;margin-bottom:1em;}
.sub ul li a span{display:none;}
.nonedis{display:none;}
.side ul li a span{font-size:10px;display:block;line-height:10px;padding-bottom:5px;color:#000;text-shadow:none;font-weight:normal;}
h4{font:1em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";color:#fff;text-shadow:1px 1px 1px ORANGE;background-color:rgba(95,4,180,0.8);padding:0.5em;border-top:1px solid pink;border-right:1px solid pink;border-bottom:1px solid pink;border-left:1px solid pink;margin-bottom:0;}
h5{font:0.9em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";color:#fff;text-shadow:1px 1px 1px ORANGE;background-color:rgba(95,4,180,0.8);border-radius:6px;padding:0.8em;margin-top:0;margin-bottom:0;}
#item{background-color:rgba(95,4,180,0.8);border-radius:6px;margin-top:0;margin-bottom:1em;padding:0.5em;font-size:0.8em;color:#fff;overflow:auto;width:auto;}
#item2{background-color:pink;margin-top:0;margin-bottom:0;padding:0.5em;font-size:0.9em;color:DarkViolet;overflow:auto;width:auto;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;}
#item2 ul{list-style-image:none;list-style:none;font-weight:normal;padding-left:0;border-top:1px solid #FF80C0;border-right:1px solid #FF80C0;border-left:1px solid #FF80C0;margin-bottom:0;margin-top:0;}
#item2 ul * {/*アニメーション*/
   -moz-transition: .5s;
   -webkit-transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   transition: .5s;
}

#item2 ul li a{text-decoration:none;display:block;border-bottom:1px solid #FF80C0;-webkit-transition:0.5s;transition:0.5s;padding:0.8em;background-color:#FFF0F5;}
#container p{padding:0.5em 0.5em 0.8em;}
footer{clear:both;text-align:center;padding-top:1px;padding-bottom:0px;position:fixed;bottom:0;width:100%;color:#FFF;background-color:#BDBFFE;margin-top:20px;}
footer a{text-decoration:none;color:#FFF;}
footer a:hover{color:#FFF;}
@-webkit-keyframes blink{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes blink{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes blink{0%{opacity:0;}
100%{opacity:1;}