body {margin-top: 0px; color:#333333; background-color: #ffffff; background-image:url(images/bg_sizuku.gif); font-family: Arial, Verdana, Helvetica, sans-serif}

h1 {margin-top: 0px; font-size: 150%; text-align:center; color: #663300; background-color: #ffeecc; background-image:url(images/bg06.gif); padding: 0 4px 0 4px; font-family: Meiryo, Arial, Verdana, Helvetica, sans-serif}

h2 {font-size: 110%; color: #442200; font-family: Meiryo, Arial, Verdana, Helvetica, sans-serif}

a {text-decoration: underline}

a:link  {color: #333300}

a:visited {color: #444400}

a:hover {color:#0099ff; text-decoration:none;}

i {font-family:Arial;}

img {border: 0;}

.arial {font-family:Arial;}

.century {font-family:Century;}

.times {font-family:Times New Roman;}

.container {margin-left:0;}

table {line-height:140%;}

.fine td {border:1px solid #66cccc}

.fine1 td {border:1px solid #66cc66}

.fine2 td {border:1px solid #996699}

.fine3 th {border:1px solid #66cccc}

#home {font-size:80%; font-weight:normal; text-align:left;}

#area-menu {font-size:90%; text-align:center; line-height:200%;}

#retop {position:fixed; bottom:60px; right:2px; color:rgba(0,191,0,0.7); background-color:rgba(255,255,127,0.5);}

#goend {position:fixed; bottom:30px; right:2px; color:rgba(0,191,0,0.7); background-color:rgba(127,255,255,0.5);}

#tweet {font-size:80%;width:64px; height:20px;padding-top:4px;text-align:center;border-radius:3px;background-image:url(images/bg_button.jpg)}

.bg0 {background-color:#ffffff;}

.bg1 {background-color:#eeffee;}

.bg2 {background-color:#f0ffff;}

.center {margin-left:auto; margin-right:auto;}

.cha {color: #663300;}

.gray {color: #666666;}

.green {color: #339933;}

.rose {color:#ff00cc;}

.royal {color:royalblue;}

.sakura {color:#ff66ff; font-size:100%; font-weight:bold; font-family:Gothic;}

.hone {color:#0066ff; font-size:100%; font-family:Gothic;}

.mono {font-family:monospace;}

.naka {text-align:center;}

.migi {text-align:right;}

.small {font-size:90%;}

.date {font-size:90%;}

.pt20 {font-size:20pt;}

.click {font-size:90%; color:#666699; text-align:left; text-indent:4em;}

.th {display:inline-block; width:180px; height:180px; font-size:80%; line-height:1.2; vertical-align:top; padding-bottom:12px;}

.month {display:inline-block; width:180px; height:180px; font-size:130%; color:#960; font-weight:bold; vertical-align:top;}

.text {line-height:150%; text-align:left;}

.essay {font-size: 100%; line-height:150%; letter-spacing:0pt; font-family:Meiryo, Century; background-color: #f6fff6; border:solid 1px #eee; margin-top:20px; min-width:280px;}

.essay-r {font-size: 100%; line-height:150%; letter-spacing:0pt; font-family:Meiryo, Century; background-color: #f6fff6; border:solid 1px #eee;}

.time	{background-color: #fff9ff; font-size: 80%; line-height:150%; margin-top:12px; font-family: Arial, Verdana, Helvetica, sans-serif; border:solid 1px #ddd;}


fieldset {padding:12px;}

fieldset h2 {font-family: Gothic}

legend {font-family: Meiryo, Gothic; color: #663300;}

.top {vertical-align:top;}

.mid {vertical-align:middle;}

.bot {vertical-align:bottom;}

.ar {float:right;}

.al {float:left;}

.ads {display: none;}

.bno {border-width:0px;}

.clear {clear:both;}

.cyanline {background-color:#66cccc; height:1px; border:none}

.greenline {background-color:#00cc00; height:1px; border:none;}

.pad3 {padding-right:3px;}

.pad4 {padding:4px;}

.pad8 {padding-right:8px;}

.pad16 {padding-right:0px; margin-right:16px; border-radius:5px;}

.pad22 {padding-right:22px;}

.vpad16 {padding-top:16px; padding-bottom:16px;}

.mgr4 {margin-right:4px;}

.mgr8 {margin-right:8px;}

.mgr16 {margin-right:16px}

.mgl16 {margin-left:16px}

.waku1 {border:4px ridge #999900;}

.waku2 {border:4px ridge #0066ff;}

.waku3 {border:4px ridge #339900;}

.kage {border-top:none; border-left:none; border-right:solid 1px #999; border-bottom:solid 1px #999;}

.kage2 {border-top:none; border-left:none; border-right:solid 2px #999; border-bottom:solid 2px #999;}


.yr {font-size:70%;}

.f7 {font-size:70%;}

.f8 {font-size:80%;}

.f9 {font-size:90%;}

.f11 {font-size:110%;}

.f12 {font-size:120%;}

.hid {visibility: hidden;}


#page-top{
    background:#363;
    border-radius:5px;
    color:#fff;
    padding:6px 10px;
    position:fixed;
    bottom:10px;
    right:10px;
    }
#page-top:hover{
    background:#09f;
    }

#brief{
    display:none; color:#669; font-size:90%; line-height:140%;
    }

#brief b {
    color:#090;
    }


.btn{
    margin:10px 10px 10px 16px;
    display: inline-block;
    text-decoration: none;
    background: #87befd;
    color: #FFF;
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0px 0px 0px 5px #87befd;
    border: dashed 1px #FFF;
    transition: .4s;
}

.btn:hover{
    background: #668ad8;
     box-shadow: 0px 0px 0px 5px #668ad8;
}