@charset "UTF-8";

/* sb design template -Summer Breeze- Copyright 2005 Toshihiro Abe. All rights reserved. */
/* ++++ Contents Index ++++
  1. Reset
  2. Global Settings
  3. Layout
  4. Header
  5. Entry
  6. Comment
  7. Trackback
  8. Navigation
  9. Footer
  10. Typography
  ++++++++++++++++++++ */
/* [Global Settings] */
html + *, body + * {
 display: none!important;
}
html, body {
 font-size: 16px;
 color: #2f4f4f;
 line-height: 1.5;
 min-width: 700px;
}
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, table, caption, th, td, form, input, select, option, label, textarea, object, embed, iframe, div.sc-truncate {
 /* font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Noto Sans CJK JP', 'TakaoPGothic', 'Takao Pゴシック', 'VL PGothic', 'VL Pゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Meiryo UI', 'Meiryo', 'メイリオ', 'HGPGothicM', 'HGPｺﾞｼｯｸM', 'Kozuka Gothic Pr6N', '小塚ゴシック Pr6N', 'Droid Sans Japanese', 'MeiryoKe_UIGothic', 'ARISAKA', 'Osaka-UI', sans-serif; */
 font-family: 'Roboto', 'Helvetica Neue', 'Geneva', 'Helvetica', 'Arial', sans-serif;
 word-break: normal;
 line-break: strict;
}
address, cite, dfn, em, var, i {
 font-style: italic;
 /* font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Noto Sans CJK JP', 'TakaoPGothic', 'Takao Pゴシック', 'VL PGothic', 'VL Pゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'HGPGothicM', 'HGPｺﾞｼｯｸM', 'Kozuka Gothic Pr6N', '小塚ゴシック Pr6N', 'Droid Sans Japanese', 'MeiryoKe_UIGothic', 'ARISAKA', 'Osaka-UI', sans-serif; */
}
p, dt, dd, li, td, blockquote {
 text-align: justify;
}
center, caption, th {
 text-align: center;
}
blockquote, pre {
 background-color: #eee;
}
pre, .linenums li, code, kbd, samp, var, tt, pre.prittyprint li, pre.prittyprint span, .monospace {
 /* font-family: 'Noto Sans Mono CJK JP', 'MotoyaLCedar', 'モトヤLシーダ3等幅', 'VL Gothic', 'VL ゴシック', 'HGGothicM', 'HGｺﾞｼｯｸM', 'IPAMonaGothic', 'IPA モナー ゴシック', 'Osaka-Mono', 'Osaka－等幅', 'MeiryoKe_Gothic', 'ARISAKA-fix', 'ARISAKA-等幅', monospace; */
 font-family: monospace;
}
code, kbd, samp, var, tt {
 color: #000;
 background-color: #eee;
 word-break: break-all;
 line-break: anywhere;
}
code:before, kbd:before, samp:before, var:before,
code:after, kbd:after, samp:after, var:after {
 content: " ";
}
h1, h2, h3, h4, h5, h6, dt, caption, th, strong, b, #title p, #navigation dt, #footer address {
 font-weight: bold;
}
.aa {
 font-size: 16px;
 font-family: 'RobotoJAA', 'Mona-VLGothic', 'Monapo', 'Mona', 'Textar', 'IPAMonaPGothic', 'IPA モナー Pゴシック', 'Meiryo mod 12pt AA', 'MeiryoKe_PGothic', 'ARISAKA-AA', 'Osaka-AA', 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
 line-height: 18px;
}
body {
 text-align: center;
 background: #fff url(https://hirowa.freehostia.com/template/sb_body_bg.png) no-repeat fixed;
 width: 100%;
}
table {
 margin: 0 auto;
}
img, a img {
 border: 0 none;
 vertical-align: middle;
}
hr {
 height: 0;
 border-style: dotted none none none;
 border-width: 2px;
 border-color: #f90;
}
a {
 color: #b22222;
 text-decoration: none;
 overflow: hidden;
}
a:active, a:hover {
 color: #4093c2;
 text-decoration: underline;
}
iframe {
 overflow: hidden;
}
abbr, acronym {
 border-bottom: dotted 1px #000000;
}
del {
 text-decoration: line-through;
}
ins {
 text-decoration: underline;
}
q {
 background-color: #eee;
}
ul li {
 list-style: disc outside;
}
ol li {
 list-style: decimal outside;
}
.infoseek {
 background: url(http://www.infoseek.co.jp/images/isj00/content/inner/lkt/ic_is3a.gif) repeat-y;
}
#isweb-lite-common-header {
 position: absolute !important;
 top: 0px;
}
.aa, .tablestyle td {
 white-space: nowrap;
}
.hide {
 display: none;
}
/* [Layout] */
#wrapper {
 text-align: left;
 margin: 0 auto;
 padding: 0 10px 0 40px;
 overflow: hidden;
}
#header {
 height: 140px;
 background: url(https://hirowa.freehostia.com/template/sb_header_bg.png) no-repeat right;
 margin-bottom: 30px;
}
#container {
 margin-left: 20px;
 overflow: hidden;
}
#contents {
 width: 98%;
}
#pagenavi {
 font-size: 0.9em;
 text-align: center;
 padding-bottom: 1em;
}
#navigation {
 width: 200px;
 float: right;
 margin-left: 30px;
 overflow: hidden;
}
#footer {
 text-align: right;
 width: 100%;
 overflow: hidden;
}
/* [Header] */
#title {
 height: 140px;
 padding-top: 50px;
 overflow: hidden;
}
#title h1 {
 width: 100%;
 font-size: 1.6em;
 line-height: 1.5;
 background: url(https://hirowa.freehostia.com/template/sb_title_bg.png) no-repeat left;
 padding: 0 10px 5px 40px;
}
#title h1 a {
 color: #000;
}
#title h1 a:active, #title h1 a:hover {
 color: #4093c2;
}
#title p {
 color: #000;
 padding: 0 10px 5px 40px;
 font-size: 1.1em;
 line-height: 1;
}
#search dl {
 width: 200px;
 height: 140px;
 float: right;
 padding-top: 40px;
 overflow: hidden;
}
#search dt {
 text-align: center;
 width: 200px;
 height: 30px;
 background: url(https://hirowa.freehostia.com/template/sb_search_header.gif) no-repeat;
}
#search dd {
 text-align: center;
}
#search dd .form {
 width: 130px !important;
 width: 132px;
 background-color: #eee;
 border: 1px solid #ccc;
}
#search dd .button {
 margin-top: 10px;
}
/* [Entry] */
#contents p {
 margin-bottom: 1.75em;
}
#contents blockquote {
 margin: 0 auto 1.75em;
 padding: 10px;
 clear: left;
}
#contents pre {
 width: 98%;
 margin: 0 auto 25px;
 padding: 20px 5px;
 clear: left;
 overflow: auto;
 max-height: 230px;
}
#contents ul {
 margin-bottom: 1.75em;
 padding-left: 30px;
}
#contents ol {
 margin-bottom: 1.75em;
 padding-left: 30px;
}
#contents .prettyprint ol {
 margin-bottom: 0;
 padding-left: 40px;
}
#contents table {
 border-top: 1px solid #eee;
 border-left: 1px solid #eee;
 margin-bottom: 1.75em;
}
#contents th {
 border-bottom: 1px solid #f90;
 border-right: 1px solid #ddd;
 padding: 5px;
}
#contents td {
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 vertical-align: top;
 padding: 5px;
}
.entry {
 padding-bottom: 50px;
}
.entry h2 {
 font-size: 1.1em;
 height: 20px;
 background: url(https://hirowa.freehostia.com/template/sb_entry_header.png) no-repeat left bottom;
 border-bottom: 1px dotted #ffe6c0;
 padding-left: 30px;
 padding-bottom: 5px;
}
/*.entry h2 a {}
.entry h2 a:active,
.entry h2 a:hover {}*/
.entry dl {
 margin-bottom: 1.75em;
}
.entry_body, .entry_more {
 line-height: 1.5;
}
.entry dt {
 border-bottom: 1px dotted #bbb;
 margin-bottom: 10px;
 padding-bottom: 2px;
}
.entry dd {
 padding: 0 0 10px 0;
}
.entry_author {
 font-size: 0.9em;
 margin-top: 2em;
 text-align: right;
}
.entry_author abbr {
 border: 0 none;
 text-decoration: none;
}
.entry_body p:first-letter {
 font-size: 1.3em;
}
#contents .entry_state {
 font-size: 0.9em;
 text-align: right;
 clear: left;
}
.entry_state img {
 display: inline;
 margin: 0.5em 0;
}
.pict {
 display: block;
 margin: 0 auto 25px;
}
.thumb {
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}
.map {
 margin: 0 auto 25px;
 text-align: center;
}
.url {
 word-break: break-all;
 line-break: anywhere;
}
.linenums li.L0, .linenums li.L1, .linenums li.L2, .linenums li.L3,
.linenums li.L5, .linenums li.L6, .linenums li.L7, .linenums li.L8 {
 list-style-type: decimal !important;
}
/* [Comment] */
#comments {
 padding-bottom: 50px;
}
#comments h3 {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 font-size: 1.1em;
 height: 20px;
 background: url(https://hirowa.freehostia.com/template/sb_entry_header.png) no-repeat left bottom;
 border-bottom: 1px dotted #ffe6c0;
 margin-bottom: 5px;
 padding-left: 30px;
}
#comments .comment_body {
/* width: 98%;*/
 padding-bottom: 30px;
}
#comments .comment_body dt {
 font-size: 0.9em;
 line-height: 1.3;
 text-align: right;
 padding-bottom: 2px;
 margin-bottom: 5px;
 border-bottom: 1px solid #ffe6c0;
}
#comments .comment_body dd {
 font-size: 0.9em;
 line-height: 1.3;
}
#comment_box {
 width: 100%;
 min-width: 393px;
 max-width: 430px;
 margin: 0 auto;
}
#comments h4 {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 line-height: 1.8;
 color: #fff;
/* width: 98%;*/
 height: 30px;
 border-top: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-left: 1px solid #ddd;
 background: url(https://hirowa.freehostia.com/template/sb_comment_form_bg.jpg) no-repeat;
 margin: 20px auto 0;
 padding-left: 10px;
}
#comment_form {
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 border-left: 1px solid #ddd;
 margin-top: 0;
 padding: 20px 20px 10px;
}
#comment_form dt {
 padding-bottom: 5px;
}
#comment_form dd {
 margin: 0 auto;
 padding-bottom: 15px;
}
#comment_form dd label {
 padding: 0 10px;
}
#comment_form dt label#labelsubmit {
 display: none;
}
#comment_form dd input.form {
 width: 200px !important;
 width: 202px;
 background-color: #eee;
 border: 1px solid #ccc;
}
#comment_form dd textarea {
 background-color: #eee;
 border: 1px solid #ccc;
}
#comment_form dd .button {
 padding: 2px 5px;
 margin-right: 10px;
}
#name, #email, #url, #description {
/* width: 380px !important;
 width: 382px; */
 width: 100%;
}
/* [Trackback] */
#trackback {
 padding-bottom: 50px;
}
#trackback h3 {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 font-size: 1.1em;
 height: 20px;
 background: url(https://hirowa.freehostia.com/template/sb_entry_header.png) no-repeat left bottom;
 border-bottom: 1px dotted #ffe6c0;
 margin-bottom: 5px;
 padding-left: 30px;
}
#trackback .tb_link {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 font-size: 0.9em;
 width: 420px;
 background-color: #fafafa;
 padding: 0.5em 0;
 margin: 1em auto;
 border: 1px dashed #ffe6c0;
 text-align: center;
}
/*#trackback .tb_body {
 padding-bottom: 30px;
}
#trackback .tb_body dt {
 font-size: 0.9em;
 line-height: 1.3;
 text-align: right;
 padding-bottom: 2px;
 margin-bottom: 5px;
 border-bottom: 1px dotted #ffe6c0;
}
#trackback .tb_body dd {
 font-size: 0.9em;
 line-height: 1.3;
}*/
/* [Profile] */
#profile {
 padding-bottom: 50px;
}
#profile h2 {
 font-size: 1.1em;
 height: 20px;
 background: url(https://hirowa.freehostia.com/template/sb_entry_header.png) no-repeat left bottom;
 border-bottom: 1px dotted #ffe6c0;
 margin-bottom: 5px;
 padding-left: 30px;
}
#profile dl {
 margin-bottom: 1.75em;
}
#profile dt {
 border-bottom: 1px dotted #bbb;
 padding-bottom: 2px;
}
#profile dd {
 padding: 0 0 10px 0;
}
.profile_body {
 line-height: 1.5;
 margin-bottom: 18px;
}
.profile_body .infoseek {
 width: 420px;
}
/* [Navigation] */
#navigation dl, .links {
 margin-bottom: 30px;
}
#navigation dt, .links p {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 width: 200px;
 height: 20px;
 border-bottom: 1px dotted #f90;
 background: url(https://hirowa.freehostia.com/template/sb_navi_dt.gif) no-repeat bottom left;
 margin-bottom: 10px;
 padding-left: 20px;
}
#navigation dt a, .links p a {
 color: #2f4f4f;
}
#navigation dd {
 font-size: 0.9em;
 margin: 0 0 0 10px;
}
#navigation ul {
 padding-left: 15px;
}
/* for IE5Mac */
/*\*//*/
#navigation ul {
 padding: 0 0 0 17px;
}
/**/
#navigation li {
 font-size: 0.9em;
 text-align: left;
 padding-bottom: 0px;
 list-style-position: outside;
 list-style-image: url(https://hirowa.freehostia.com/template/sb_ul_arrow.gif);
}
#navigation .infoseek {
 width: 135px;
}
#navigation a img {
 margin-top: 2px;
}
#archivelist select, #archivelist option, #archivelist input {
 font-size: 0.9em;
 line-height: 1;
}
#link2top {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 height: 16px;
 background: url(https://hirowa.freehostia.com/template/sb_pagetop_arrow.gif) no-repeat left center;
 margin-top: 20px;
 padding: 0 0 2px 10px;
}
/* ++++ Calendar ++++ */
#calendar table {
/* width: 200px;*/
 margin: 0 auto;
}
#calendar table th,
#calendar table td {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 text-align: center;
 padding: 2px 3px;
}
#calendar table th {
 padding-bottom: 5px;
}
#calendar table td .today {
 color: #f90;
}
#calendar table td .today a {
 color: #f90;
}
#calendar table td .today a:active,
#calendar table td .today a:hover {
 color: #f30;
}
#calendar .calendar_month {
 font-size: 0.9em;
}
#calendar .weekday {
 font-size: 0.65em;
 width: 28px;
}
#calendar .cell {
 font-size: 0.9em;
 width: 28px;
}
/* ++++ Extra ++++ */
#extra {
 width: 178px !important;
 width: 200px;
 padding: 10px;
 border: 1px solid #CCC;
 background: url(https://hirowa.freehostia.com/template/sb_extra_bg.jpg) no-repeat bottom;
}
dd#extralist {
 margin: 0 auto;
}
#extra dt {
 display: none;
}
#extra ul {
 padding: 0;
}
#extra li {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 font-size: 0.8em;
 list-style: none;
 list-style-image: none;
}
/* [Footer] */
#footer address {
 font-family: 'Georgia', 'Palatino', 'Palatino Linotype', serif;
 font-size: 0.7em;
 line-height: 1.5;
 width: 690px;
 height: 20px;
 background: url(https://hirowa.freehostia.com/template/sb_footer_bg.gif) no-repeat right;
 margin: 30px 0 0 auto;
 color: #fff;
 font-style: normal;
 text-align: right;
 padding-right: 200px;
}
#footer address a {
 color: #fff;
}
#footer address a:active, #footer address a:hover {
 color: #4093c2;
}
/* [Typography] */
/*#pagenavi,
#title p,
.entry_author,
#navigation dt,
#calendar table th,
#calendar table td,
#extra ul,
#comments .comment_body dt,
#comments #comment_form dt,
#comment_form dd,
#footer address {}*/
.mj-articles, .mj-articles * {
 margin: 0;
 padding: 0;
}
.mj-articles p {
 font-size: 12px;
 line-height: 1;
}
.mj-articles p:first-letter {
 font-size: 12px;
}
#zorg a img {
 width: 35px;
}
#zorg a:hover img, #zorg a:active img {
 width: 100px;
}
.youtube {
 position: relative;
 width: 100%;
 margin: 0 auto;
 padding-top: 56.25%;
}
.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
}