/* ::::: common.css ::::: */

body { margin: -15px; padding: 0px; text-align: center; font-family: Verdana; background: url('/img/body_bg.gif') repeat scroll 0% 0% transparent; }
#container { margin: 0px auto; width: 900px; color: rgb(0, 0, 0); font-size: 12px; font-family: Verdana; background-color: rgb(255, 255, 255); }
a { color: rgb(51, 102, 204); text-decoration: none; }
h1 a { display: block; height: 450px; text-indent: -9999px; outline: 0px none; }
h2 { padding: 0px; font-weight: bold; text-align: left; }
h3 { font-size: 12px; font-weight: bolder; padding: 40px 0px 15px 40px; }
h3 a { text-decoration: none; color: rgb(51, 102, 204); }
#banner { height: 450px; background: url('/img/top_image.jpg') no-repeat scroll 0% 0% transparent; position: relative; margin-bottom: 50px; }
.description { font-family: Verdana; font-weight: bold; text-align: right; position: absolute; right: 30px; top: 465px; font-size: 18px; color: rgb(0, 0, 0); }
.navi { text-align: center; margin-bottom: 0px; margin-top: 15px; }
#content { margin: 0px 0px 10px 10px; float: left; width: 625px; }
.blog { padding: 0px 20px 0px 0px; text-align: left; margin-left: 0px; }
.blogbody { font-weight: normal; margin-bottom: 10px; padding-left: 0px; }
.date { clear: left; margin-top: 0px; margin-bottom: 5px; padding: 10px 0px 5px; font-family: Verdana; font-size: 30px; color: rgb(0, 0, 0); }
.title { margin-top: -5px; margin-bottom: 10px; font-weight: bold; font-size: 30px; color: rgb(51, 102, 204); font-family: 富士ポップ; }
.title a { border: medium none; }
.text { padding: 10px 30px 0px; margin-top: 0px; line-height: 180%; font-family: Verdana; font-size: 18px; }
.posted { text-align: right; margin-bottom: 5px; padding: 30px 40px 25px 0px; font-size: 15px; font-family: Verdana; }
.posted a { font-weight: bold; }
#links { font-weight: normal; float: left; width: 230px; padding-top: 0px; padding-bottom: 10px; margin: 0px 0px 0px 10px; font-size: 15px; text-align: center; }


.sidetitle { text-align: left; font-family: Verdana; font-weight: bold; font-size: 18px; color: rgb(0, 0, 0); }
.side { padding: 5px 10px 0px 0px; font-size: 15px; text-align: left; margin-bottom: 2px; font-family: Verdana; }
.side a { font-size: 15px; }
input { max-width: 200px; }
.input-submit {  }
.powered { padding: 20px 0px; text-align: center; }
.powered table { margin: 0px auto; text-align: center; }
.syndicate { margin-right: 10px; text-align: center; font-size: 10px; }
#footer { clear: left; }
.blog-top { height: 117px; background-image: url('/img/top.jpg'); background-repeat: no-repeat; }
.blog-middle { background-image: url('/img/middle.jpg'); background-repeat: repeat-y; }
.blog-bottom { height: 68px; background-image: url('/img/bottom.jpg'); background-repeat: no-repeat; }
/* ::::: common.css ::::: */

.bookmark { padding-top: 5px; }
.bookmark:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }
:first-child + html .bookmark {  }
table.gadget { background: none repeat scroll 0% 0% transparent; border-collapse: collapse; border: 0px none; clear: none; float: none; font-family: arial,sans-serif; font-style: normal; font-variant: normal; height: auto; letter-spacing: normal; line-height: normal; margin: 0px; padding: 0px; text-indent: 0px; text-transform: none; top: auto; vertical-align: middle; white-space: normal; width: auto; word-spacing: normal; }
table.gadget span.title a:hover, table.gadget span.title a:visited, table.gadget span.title a:active, table.gadget span.title { font-size: 12px; color: rgb(0, 0, 204); }
table.gadget span.powered a:hover, table.gadget span.powered a:visited, table.gadget span.powered a:active, table.gadget span.powered { font-size: 10px; color: rgb(0, 0, 204); }



/* calendar */
table.calendar {
	margin:0 0 1.5em 0;
	font-size: 14px;
}

table.calendar thead th,
table.calendar thead td {
	padding:0 0 2px;
	text-align:center;
}

table.calendar tbody th,
table.calendar tbody td {
	padding:5px;
	width:20px;
	text-align:center;
}

table.calendar tbody th {
	background-color:#eee;
}

table.calendar tbody td {
	color:#666;
}

table.calendar th.sun,
table.calendar td.sun {
	color:#d00;
}

table.calendar th.sat,
table.calendar td.sat {
	color:#00d;
}

table.calendar td.today {
	color:#000;
	background-color:#eee;
	font-weight:bold;
}

table.table_area {
	margin-bottom:1.5em;
	width:100%;
}

table.table_area thead th {
	line-height:1em;
}


#footerFloatingMenu {
    background: #666666 none repeat scroll 0 0;
    display: block;
    font-size: 36px;
    font-weight: bold;
    width: 100%;
    height: 60px;
    line-height: 60px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

#footerFloatingMenu a{
    color: #ffffff;
}

#footerSpace {
    display: block;
    height: 60px;
}

/* scroll top */
html {
  scroll-behavior: smooth;
}

.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 70px;
    background: #fff;
    border: solid 2px #007acc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #007acc;
    border-right: 3px solid #007acc;
    transform: translateY(20%) rotate(-45deg);
}