div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,th,td{ margin:0; padding:0; }

html,body{height:100%;}
body{ overflow-wrap:break-word; word-break:break-all; margin:0; padding:0; font-size:16px; line-height:18px; background:#f7f5ec url(/images/bk1627.png) repeat; font-family:IPAMonaPGothic,'IPA モナー Pゴシック',Monapo,Mona,'MS PGothic','ＭＳ Ｐゴシック',sans-serif; -webkit-text-size-adjust: 100%;}
img{ border:0; vertical-align: bottom; }
table { border-collapse:collapse; border-spacing:0; }
a{color:#2457C3; text-decoration:none;}
a:visited{color:#7154D9;}
a:hover{color:#54A9F3;text-decoration:underline;}

h1 {font-size:1.3em; font-weight:bold; margin:5px; padding:7px; background:#F5F3F3; border-bottom:1px solid #CCCCCC; border-left:5px solid #C3A3A3; }
h2 {font-size:1.2em; font-weight:bold; margin:5px; padding:7px; background:#F5F3F3; border-bottom:1px solid #CCCCCC; border-left:5px solid #C3A3A3; }
h3 {font-size:1.1em; font-weight:bold; margin:5px; padding:7px; background:#F5F3F3; border-bottom:1px solid #CCCCCC; border-left:5px solid #C3A3A3; }

.clearfix { zoom: 1; }
.clearfix:after { content: "."; clear: both; display: block; line-height: 0; height: 0; visibility: hidden; }

div#container{ position:relative; min-height:100%; }
* html div#container{ height:100%; }

#header{ margin-bottom: 10px; text-align:center; background:#fefefe url(/images/1130.png) repeat; border-bottom: 1px solid #ACACAC; }
#header .headerarea{ width:1046px; margin:0 auto; text-align:left; position: relative; }
#header .home{ }
#header .home a{ width:180px; padding:10px 15px; color:#fff; font-size:20px; font-weight:bold; white-space:nowrap; display:block; text-decoration: none; }
#header .home a:hover{ text-decoration: underline; }
#header .menu{ position: absolute; bottom:3px; right:3px; white-space:nowrap; }
#header .menu a{ padding:0px 10px; color:#fff; font-size:14px; font-weight:bold; white-space:nowrap; text-decoration: none; }
#header .menu a:hover{ text-decoration: underline; }

#main{ text-align:center; padding-bottom:120px;}
#main .mainarea{ width:1046px; margin:0 auto; text-align:left; }

#footer {text-align:center; background:#fefefe url(/images/1130.png) repeat; border-top: 1px solid #ACACAC; position:absolute; bottom:0; width:100%; height:100px; }
#footer .copyright{padding: 10px 0 0; color:#fff;}
#footer a{color:#fff;}

#headline_area { margin-bottom: 10px; }
#headline_banner {float:left; width:300px; height:250px; position: relative; z-index: 1; background:#FAF9F0;}
#headline_bannersp { float:none;  margin:0 auto;  text-align:center; }
#headline_rss_wrap {float:right; margin-left:-316px; position: relative; width: 100%; min-width: 300px; z-index: 0;}
#headline_rss {margin-left:316px; border: 1px solid #ACACAC; overflow:hidden;}
#headline_area iframe {width:100%;height:250px;}
#headline { height:250px; overflow:auto; background:#FAf9f0; margin-bottom: 50px; }
#headline ul { margin: 0; padding: 0; list-style-type: none; font-size:14px; line-height: 1.7; }
#headline li { margin: 0; padding: 0px 10px; border-bottom: 1px dotted #D2DEE4; }
#headline a{color:#2457C3; text-decoration:none;}
#headline a:visited{color:#91C4D9;}
#headline a:hover{color:#54A9F3;text-decoration:underline;}

#antenna_wrap {float:left; margin-right:-316px; position: relative; width: 100%; min-width: 300px; z-index: 0;}
#antenna {margin-right:316px;}
#sub {width:300px; float:right; position: relative; z-index: 1;}
.subads {margin-bottom:10px;}

.threads{ background:#FAF9F0; margin:15px 0; padding:5px 0; border:5px #E3D3C3 solid;}
.threads ul{margin:0 0 5px; padding:0; font-size:16px;list-style:none;}
.threads li{margin:0; padding:7px; border-top:dotted 1px #D2DEE4;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.threads li:nth-child(even){background:#FAF9F0;}
.threads li:nth-child(odd){background:#EEEBE7;}
.threads a{color:#2457C3; text-decoration:none;}
.threads a:hover{color:#54A9F3;text-decoration:underline;}

table.kakolog { background:#FAF9F0; border:1px #A3A3A3 solid; border-collapse: collapse; border-spacing: 0; }
table.kakolog th { padding:5px; border:1px #A3A3A3 solid; border-width: 0 0 1px 1px; background: #E5E5E5; font-weight: bold; line-height: 120%; text-align: center; }
table.kakolog td { padding:5px; border:1px #A3A3A3 solid; border-width: 0 0 1px 1px; text-align: center; }

.radiusbox{ -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 3px 3px 3px #777; -webkit-box-shadow: 3px 3px 3px #777; box-shadow: 3px 3px 3px #777; behavior: url(/ie-css3.htc); }
.bbsmenubox{ background:#EEFFE5; margin:15px 0; padding:10px; border:5px #C3D3A3 solid; }
.bbsboxa{ background:#FAF9F0; margin:15px 0; padding:10px; border:5px #E3D3C3 solid; }
.threadbox{ background:#FAF9F0; margin:15px 0; padding:10px; border:5px #E3D3C3 solid; }
dl.thread{ background:#FAF9F0; padding:5px; width:100%;}

textarea { width:80%; height:7em; }

.blogbox{ background:#FAF9F0; margin:0 0 15px 0; padding:0px; border:5px #E3D3C3 solid;}
.blogbox .blogname{padding: 0 10px; font-size: 16px; font-weight:bold; height:40px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.blogbox .blogname a{color:#2489b3;}
.blogbox .blogname a:visited{color:#2489b3;}
.blogbox .star0 {background:url(/images/star0.png) no-repeat 99% 50%;}
.blogbox .star1 {background:url(/images/star1.png) no-repeat 99% 50%;}
.blogbox .star2 {background:url(/images/star2.png) no-repeat 99% 50%;}
.blogbox .star3 {background:url(/images/star3.png) no-repeat 99% 50%;}
.blogbox .star5 {background:url(/images/star5.png) no-repeat 99% 50%;}
.blogbox .star7 {background:url(/images/star7.png) no-repeat 99% 50%;}
.blogbox ul{margin:0 0 5px; padding:0; font-size:16px;line-height:1.3;list-style:none;}
.blogbox li{margin:0; padding:7px 10px; border-top:dotted 1px #D2DEE4;}
.blogbox li:nth-child(even){background:#FAF9F0;}
.blogbox li:nth-child(odd){background:#EEEBE7;}
.blogbox a{color:#2457C3; text-decoration:none;}
.blogbox a:visited{color:#91C4D9;}
.blogbox a:hover{color:#54A9F3;text-decoration:underline;}
.blogbox .linktitle a{color:#E35754; font-weight:bold;}
.blogbox .linktitle a:hover{color:#F43973;text-decoration:underline;}

.latest_box{ background:#FAF9F0; margin:0 0 15px 0; padding:10px; border:5px #E3D3C3 solid; }
.latest_subject{ font-size:12px; }
.latest_info{ }
.latest_name{ color:green; }
.latest_content{ padding:10px 10px 10px 20px; }
#sub .latest_content {max-height:10em;overflow:hidden;}

.pagenav {margin:20px 0 100px;}
.pagenav ul {margin:0; padding:0; list-style:none; text-align:center;}
.pagenav li {margin: 1px 3px 1px 1px; padding:0; display:inline;}
.pagenav a {text-align:center; font-size 12px; padding: 3px 7px; border:1px solid #616161; background:#FAF9F0; }
.pagenav a.selected {background:#D0D0FF; }


@media screen and (max-width: 996px) {

#header .headerarea{ width:100%; }
#main .mainarea{ width:100%; }

}

@media screen and (max-device-width: 996px) {

#header .headerarea{ width:100%; }
#main .mainarea{ width:100%; }

}

@media screen and (max-width: 640px) {

body { background:#F3F3F0; }
#header .headerarea{ height: 70px; }
#headline_banner {float:none; margin:0 auto;}
#headline_rss {float:none; display: none;}
#antenna_wrap {margin:0; float:none;}
#antenna {margin:0}
#sub {width:100%; float:none; }
textarea {width:100%;}
dl.thread dd { margin-left: 1em; }

}

@media screen and (max-device-width: 640px) {

body { background:#F3F3F0; }
#header .headerarea{ height: 70px; }
#headline_banner {float:none; margin:0 auto;}
#headline_rss {float:none; display: none;}
#antenna_wrap {margin:0; float:none;}
#antenna {margin:0}
#sub {width:100%; float:none; }
textarea {width:100%;}
dl.thread dd { margin-left: 1em; }
.pconly_menu {display: none;}

}