@charset "UTF-8";

/* ===== HTML ===== */
body { margin: 0; padding: 0; background: #fff; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 11pt; color: #333; line-height: 120%; border-top: solid 3px #012F13; }
a { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
hr.hidden { display: none; }
p { text-align: justify; }
a img { border: none; }
.x-small { font-size: x-small; }
.small { font-size: small; }
.medium { font-size: medium; }
.large { font-size: large; }
.x-large { font-size: x-large; }

.clear { width:100%; }
.clear:after { content: ""; display: block; clear: both; }


/* ===== ヘッダー ===== */
div#header { width: 880px; margin: 0 auto; padding: 0 10px; }
div#header h1 { width: 333px; height: 88px; }
div#header h1 a { width: 333px; height: 88px; display: block; }
div#header h2 { padding: 2px 0 5px 0; font-size: 9pt; color: #012F13; font-weight: bold; }


/* ===== メニュー ===== */
div#menu { height: 45px; background: url(./images/menu.png) repeat-x; overflow: hidden; }
div#menu div { width: 880px; margin: 0 auto; padding: 11px 10px; }
div#menu div ul { height: 21px; margin: 0; padding: 0; font-size: 11pt; line-height: 23px; border-left: solid 1px #999; border-right: solid 1px #555; list-style: none; float: left; }
div#menu div ul li { border-left: solid 1px #555; border-right: solid 1px #999; float: left; }
div#menu div ul li a { width: 120px; height: 21px; color: #fff; text-shadow: 1px 0 1px #000; text-decoration: none; text-align: center; display: block; }
div#menu div ul li a:hover { text-shadow: 0 0 15px #fff; }


/* ===== ボディー ===== */
div#body { width: 885px; margin: 0 auto; padding: 15px 10px 0 5px; clear: both; }
div#body div#contents { width: 660px; padding: 0; float: left; }
div#contents div.EntryDate { height: 2em; font-size: 9pt; text-align: right; line-height: 2em; vertical-align: middle; }
div#contents div.EntryBody a { color: #333; text-decoration: underline; }
div#contents div.EntryBody a:hover { color: #012F13; }
div#contents div.EntryBody h3 { margin-top: 30px; }
div#contents div.EntryMore h3 { margin-top: 30px; }

div#contents p.notice { margin: 5px; padding: 5px 10px; color: #f00; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #f00; clear: both; }
div#contents p.notice a { color: #f00; text-decoration: underline; }

div#contents div.box { width: 620px; margin: 30px auto 20px auto; padding: 10px 10px 0 10px; border: solid 1px #555; border-radius: 10px; overflow: hidden; }
div#contents div.box h3 { margin: 10px 0; padding-bottom: 5px; font-size: large; color: #555; border-bottom: dotted 1px #555; }
div#contents div.box a { color: #555; text-decoration: none; }
div#contents div.box a:hover { text-decoration: underline; }


/* News Shop */
ul#news_shop { margin: 0; padding: 0; list-style: none; }
ul#news_shop li { width: 201px; height: 160px; margin: 5px; border: solid 1px #ccc; text-align: center; float: left; }
ul#news_shop a { width: 195px; height: 154px; margin: 0; padding: 3px; font-size: 9pt; overflow: hidden; display: block; border: none; }
ul#news_shop a img { width: 195px; height: 130px; }


/* ===== ソーシャルボタン ===== */
div#contents ul.social_button { height: 35px; margin: 15px 0 0 0; padding: 0 0 0 300px; list-style: none; }
div#contents ul.social_button li { float: left; display: block; }
div#contents ul.social_button li.twitter { overflow: hidden; filter: alpha(opacity=5); -moz-opacity: 0.5; opacity: 0.5; }
div#contents ul.social_button li.twitter:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
div#contents ul.social_button li.facebook { margin-right: 30px; overflow: hidden; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
div#contents ul.social_button li.facebook:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
div#contents ul.social_button li.google { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
div#contents ul.social_button li.google:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }


/* ===== サイドバー ===== */
div#body div#sidebar { width: 210px; margin: 0 0 -20px 0; padding: 0; font-size: 10pt; float: right; }
div#body div#sidebar > div.content { margin: 0 0 15px 0; background: #f8f8f8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #888; }
div#body div#sidebar > div.content h3 { height: 23px; margin: 0; padding: 4px 10px 4px 35px; background:#ccc url(./images/sidebar_h3.png) top left no-repeat; font-size: 11pt; color: #111; font-weight: normal; line-height: 25px; vertical-align: middle; border-bottom: solid 1px #888; overflow: hidden; }
div#body div#sidebar > div.content div.center { padding: 10px; text-align: center; }
div#body div#sidebar > div.content div.left { padding: 10px; }
div#body div#sidebar > div.content div img { margin: 0; }
div#body div#sidebar > div.content p { padding: 0 10px; }
div#body div#sidebar > div.content a { color: #333; text-decoration: underline; }
div#body div#sidebar > div.content a:hover { color: #012F13; }
div#body div#sidebar > div.content ul.news { margin: 10px; padding: 0; border-bottom: dotted 1px #555; list-style: none; }
div#body div#sidebar > div.content ul.news li { padding: 3px 0; line-heihgt: 1.5em; vertical-align: middle; border-top: dotted 1px #888; }
div#body div#sidebar > div.content ul.news li:hover { background: #eee; }
div#body div#sidebar > div.content ul.news li a { color: #333; text-decoration: none; }
div#body div#sidebar > div.content ul.news li a:hover { color: #012F13; }
div#body div#sidebar > div.content form.search {}
div#body div#sidebar > div.content form.search input.text { width: 150px; height: 29px; margin: 0; padding: 0 0 0 29px; background: url(./images/search_background.png) left no-repeat; font-size: 12pt; color: #555; line-height: 29px; vertical-align: middle; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #888;  -moz-box-shadow: 1px 1px 1px #ccc inset; -webkit-box-shadow: 1px 1px 1px #ccc inset; }
div#body div#sidebar > div.content ol#catlist { margin: 10px; padding: 0; border-bottom: dotted 1px #555; list-style: none; }
div#body div#sidebar > div.content ol#catlist li { padding: 3px 0; border-top: dotted 1px #888; }
div#body div#sidebar > div.content ol#catlist li span { display: block; }
div#body div#sidebar > div.content ol#catlist li:hover { background: #eee; color: #012F13; }
div#body div#sidebar > div.content ol#catlist ul.sub { padding: 0; list-style: none; }
div#body div#sidebar > div.content ol#catlist ul.sub li { padding: 2px 0 2px 10px; }
div#body div#sidebar > div.content ol#catlist ul.sub li:hover { background: #eee; color: #012F13; }
div#body div#sidebar > div.content ol#catlist ul.sub li a { color: #333; text-decoration: none; display: block; }

/* Twitter */
div#body div#sidebar > div.content div.twtr-widget div { margin: 0; padding: 0; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-hd { display: none; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-hd h3 { display: none; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-doc { background: #fff; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-bd div.twtr-reference-tweet { display: none; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-bd div.twtr-tweet { padding: 5px 0; border-bottom: dotted 1px #888; }
div#body div#sidebar > div.content div.twtr-widget div.twtr-ft { display: none; }
div#body div#sidebar > div.content div.followlink { margin: 3px 0 -5px 0; padding: 3px 0 0 0; font-size: 8pt; text-align: right; }
div#body div#sidebar > div.content div.followlink a { color: #555; text-decoration: none; }
div#body div#sidebar > div.content div.followlink a:hover { text-decoration: underline; }


/* ===== ページの先頭へ ===== */
div#gotop { height: 25px; width: 900px; margin: 0 auto; padding: 10px 0 0 0; line-height: 20px; vertical-align: top; text-align: right; clear: both; }
div#gotop a { margin: 0 240px 0 0; font-size: 8pt; color: #012F13; text-decoration: none; }
div#gotop a:hover { text-decoration: underline; }


/* ===== フッター ===== */
div#footer { height: 36px; margin: 0; padding: 0; background: url(./images/footer.png) bottom repeat-x; overflow: hidden; clear: both; }
div#footer div.block { width: 880px; height: 36px; margin: 0 auto; padding: 0 10px; line-height: 36px; }
div#footer div.block ul { height: 18px; margin: 9px 0; padding: 0; border-left: solid 1px #777; border-right: solid 1px #333; list-style: none; float: left; }
div#footer div.block ul li { line-height: 19px; vertical-align: middle; border-left: solid 1px #333; border-right: solid 1px #777; float: left; }
div#footer div.block ul li a { width: 100px; height: 18px; font-size: 9pt; color: #fff; text-shadow: 1px 0px 1px #000; text-align: center; text-decoration: none; display: block; }
div#footer div.block ul li a:hover { text-shadow: 0 0 10px #fff; }
div#footer div.block h6 { width: 210px; height: 36px; margin: 0 10px 0 0; padding: 0; font-size: 9pt; color: #fff; text-shadow: 1px 0px 1px #000; font-weight: normal; text-align: right; line-height: 37px; vertical-align: middle; float: right; }

/* ===== ëöf ===== */