@font-face { font-family: 'entypo'; src: url('http://nar.k-ba.net/entypo.eot'); }
/* Firefox, Opera, Safari */
@font-face { font-family: 'entypo'; src: url('http://nar.k-ba.net/entypo.ttf') format("truetype"); }

body { font-size: small; font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; width: 768px; margin: 0 auto; -webkit-text-size-adjust: none; }
input, select { font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif; }
header { width: 768px; }
main aside { width: 120px; float: left; text-align: center; }
main article { width: 468px; float: left; margin: 10px; }
main nav { width: 160px; float: left; text-align: center; }
footer { width: 768px; clear: both; }

h1 { font-size: 2.5em; font-weight: bold; margin: 0.67em 0; text-align: center; white-space: nowrap; }
h2 { font-weight: normal; }
h3 { font-size: 1.17em; font-style: normal; font-weight: normal; margin: 1em 0; }
h3 a, p a { font-weight: bold; }
p { margin: 1em 0; }
a:link, a:visited { color: #369; text-decoration: none; }
a:hover { color: #936; text-decoration: underline; }
img { padding: 0; border: 0; margin: 0; }
header img, nav img { vertical-align: middle; }
form { margin: 0; }

.h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0; }
.h6 { font-size: x-small; text-align: center; }
.center { text-align: center; }
.right { text-align: right; }
.nowrap { white-space: nowrap; }
.red { color: #F00; font-size: small; font-weight: bold; }
.blue { color: #00F; font-weight: bold; }
.green { color: #0C0; font-weight: bold; }
.bgred { background-color: #FCC; text-align: center; }
.bgblue { background-color: #CFF; text-align: center; }
.bggreen { background-color: #CFC; text-align: center; }
.bggray { background-color: #CCC; text-align: center; }
.ads { width: 300px; height: 250px; margin: 0; }
.ads-l { float: left; width: 300px; margin: 10px 10px 10px 0; }
.ads-r { float: right; width: 300px; margin: 10px 0 10px 10px; }
.ads-title { color: #369; font-size: 28px; margin:10px; }
.ads-url { font-size: 16px; margin: 10px; }
.ads-url a:link, .ads-url a:hover, .ads-url a:visited { color: #008000; }
.ads-body { font-size: 16px; margin: 10px; }
.ads-c { background-color: #369; border: 1px solid #036; border-top: 1px solid #69C; border-left: 1px solid #69C; color:#FFF; width: 120px; height: 600px; margin: 0 0 10px 0; text-align: left; }
.ads-c a:link, .ads-c a:hover, .ads-c a:visited { color: #FFF; }
.ads-titlec { font-size: 28px; margin: 40px 0 10px 0; }
.ads-urlc { font-size: 16px; margin: 10px 0; }
.ads-bodyc { font-size: 16px; margin: 10px 0; }
.clear { clear: both; }
.bread { font-size: small; display: inline-block; _display: inline; }
.form { border: 1px solid #CCC; background-color: #EEE; padding: 2px; }

#___plusone_0 { width: 32px !important; }

table#table { border: 1px solid #CCC; border-collapse:collapse; margin: auto; width: 100%; }
table#table th { border: 2px; border-bottom: 1px solid #CCC; font-weight: bold; text-align: center; padding: 2px; }
table#table td { border: 2px; border-bottom: 1px solid #CCC; padding: 2px; }
table#manba { display: table; margin: auto; width: 100% }
table#manba td { border: 1px solid #CCC; }

#banner { position: fixed; z-index: 100; width: 498px; right: 0px; bottom: 0px; }
#banner .button { position:fixed; right: 0px; bottom: 0px; width: 30px; height: 60px; line-height: 60px; text-align: center; background: #369; color: #FFF; font-weight: bold; cursor: pointer; }
#banner .button:hover { background: #69C; color: #FFF; }
#banner .content { text-align: center; background: #666; }
#banner .content a { color: #FFF; }
ul#banner-images { float: right; right: 30px; width: 468px; height: 60px; overflow: hidden; position: relative; list-style: none; margin: 0; }
ul#banner-images li { position: absolute; }

ul#nav { list-style: none; margin: 30px 0; }
ul#nav li h3, ul#nav li a { display: block; width: 120px; padding: 5px 15px; margin: 0; margin-bottom: 5px; }
ul#nav li h3 { color: #FFF; background: #69C; border: 1px solid #111; font-weight: normal; }
ul#nav li a { color: #AAA; background: #369; border: 1px solid #111; text-decoration: none; }
ul#nav li a:hover { color: #FFF; }

.scroll { color: #FFF; position: relative; width: 160px; height: 400px; background-color:#369; overflow: auto; text-align: left; }
.scroll::-webkit-scrollbar { width: 5px; height: 5px; }
.scroll::-webkit-scrollbar-track { background: #FFF; }
.scroll::-webkit-scrollbar-thumb { background: #CDE; }
.scroll p { padding: 4px 7px 3px 7px; margin: 0; }
.scroll a { color: #AAA; font-size: 8px; }
.scroll hr { border: none; border-top: 1px dotted #CDE; height: 0; color: #369; margin: 0; }