@charset "UTF-8";

/* basic elements */

html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
line-height: 18px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin: 0;
}

table {
margin: 0;
}


/* standard helper classes */
.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container {
position: relative;
margin: 0 auto;
width: 780px;
text-align: left;

}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta, #footer
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
position: static;
}

/* content */
.content-nav {
margin: 10px;
text-align: center;
}

.date-header,
.entry-content {
position: static;
clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
clear: both;
margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
clear: both;
}

.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
clear: both;
margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
width: 240px;
}

#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}

#comment-post {
font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail {
float: left;
width: 115px;
margin: 0 10px 10px 0;
}

.image-thumbnail img {
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}

/* basic page elements */

body {
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}

a { color: #36414d; text-decoration: underline; }
a:hover { color: #a3b8cc; }

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }

h1, h2, h3, h4, h5, h6 {
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;

margin: 0;
border-left: 5px solid #36414d;
padding: 5px;
color: #fff;
background: #a3b8cc;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 11px;
}

.commenter-profile img { vertical-align: middle; }

/* page layout */

body {
min-width: 780px;
background: url(http://k-hokusai.com/images/format/body.gif);/* 背景 */
}

#container {
width: 780px;
margin-bottom: 20px;
background: #fff;
}

#container-inner {
margin: 0;
}

/* header */

#header {
margin: 0;
padding: 0;
background: url(http://k-hokusai.com/images/format/header.gif) no-repeat center top;
}

/* banner */

#banner {
margin: 0;
background: url(http://k-hokusai.com/images/format/banner.gif);
}

#banner-top {
margin: 0;
padding: 6px 0 0 8px;
font-size: 10px;
font-weight: bold;
}

#banner-header {
margin: 0;
font-size: 20px;
}

#banner-description {
margin: 0;
padding: 54px 0 0 8px;
font-size: 12px;
font-weight: bold;
}

/* banner-search */

#banner-search {
width: 780px;
}

#banner-search #banner-top {
margin: 0;
padding: 6px 0 0 8px;
font-size: 10px;
font-weight: bold;
}

#banner-search #banner-left {
width: 530px;
float: left;
background: url(http://k-hokusai.com/images/format/banner.gif);
}

#banner-search #searchbox {
text-align: right;
margin: 0;
padding:0;
width: 250px;
float: right;
}

#searchbox .pad {
padding-top: 10px;
padding-right: 20px;
}

#searchbox form {
margin: 0px;
padding: 0px;
}

#searchbox label {
display: none;
}

#searchbox input {
font-size: 75%;
}

#banner-search #banner-description {
margin: 0;
padding: 54px 0 0 8px;
font-size: 12px;
font-weight: bold;
}

/* one-column */

.layout-one-column body { min-width: 780px; }
.layout-one-column #container { width: 780px; }
.layout-one-column #banner { width: 780px; } /* necessary for ie win */
.layout-one-column #pagebody {
position: static;
width: 780px;
}

.layout-one-column #alpha {
margin: 0;
width: 780px;
background: none;
}

.layout-one-column #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

/* two-column-left */

.layout-two-column-left #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-two-column-left #beta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-two-column-left #pagebody {
width: 780px;
background: #fff url(http://k-hokusai.com/images/format/two-column-left.gif);
}

.layout-two-column-left #alpha {
margin: 0;
width: 580px;
background: none;
}

.layout-two-column-left #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-left #beta {
margin: 0;
width: 200px;
background: none;
}

.layout-two-column-left #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-left #gamma {
margin: 0;
width: 780px;
background: none;
}

.layout-two-column-left #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}

/* two-column-right */

.layout-two-column-right #pagebody {
width: 780px;
background: #fff url(http://k-hokusai.com/images/format/two-column-right.gif);
}

.layout-two-column-right #alpha {
margin: 0;
width: 580px;
background: none;
}

.layout-two-column-right #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-right #beta {
margin: 0;
width: 200px;
background: none;
}

.layout-two-column-right #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-right #gamma {
margin: 0;
width: 780px;
background: none;
}

.layout-two-column-right #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}

/* two-column-search */

.layout-two-column-search body { min-width: 780px; }

.layout-two-column-search #container {
width: 780px;
background: #fff;
}

.layout-two-column-search #banner {
width: 780px;
background: url(http://k-hokusai.com/images/format/banner.gif);
}

.layout-two-column-search #banner-left {
width: 530px;
float: left;
}

.layout-two-column-search #searchbox {
text-align: right;
margin: 0;
padding:0;
width: 250px;
float: right;
}

#searchbox .pad {
padding-top: 10px;
padding-right: 20px;
}

#searchbox form {
margin: 0px;
padding: 0px;
}

#searchbox label {
display: none;
}

#searchbox input {
font-size: 75%;
}

.layout-two-column-search #pagebody {
position: static;
width: 780px;
clear: both;
}

.layout-two-column-search #pagebody {
width: 780px;
background: #fff url(http://k-hokusai.com/images/format/two-column-left.gif);
}

.layout-two-column-search #alpha {
margin: 0;
width: 200px;
background: none;
}

.layout-two-column-search #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-search #beta {
margin: 0;
width: 580px;
background: none;
}

.layout-two-column-search #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-two-column-search #gamma {
margin: 0;
width: 780px;
background: none;
}

.layout-two-column-search #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: center;
}

/* three-column */
.layout-three-column #beta,
.layout-three-column #delta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column #alpha {
display: inline; /* ie win bugfix */
position: relative;
float: right;
min-height: 1px;
}

.layout-three-column #gamma {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

.layout-three-column #pagebody {
width: 780px;
background: none;
}

.layout-three-column #delta {
margin: 0;
width: 630px;
}

.layout-three-column #alpha {
margin: 6px 0 4px 0;
width: 480px;
background: none;
text-align: center;
}

.layout-three-column #alpha-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column #beta {
margin: 0;
width: 150px;
background: none;
}

.layout-three-column #beta-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

.layout-three-column #gamma {
margin: 0;
width: 150px;
background: none;
}

.layout-three-column #gamma-inner {
padding: 10px 10px 10px 10px;
text-align: left;
}

/* navi */

#navi {
clear: both;
width: 780px;
float: left;
background: #fff url(http://k-hokusai.com/images/format/navi.gif);
border-bottom-width: 1px;
border-bottom-style: solid;
}

#navi .pad {
padding: 0;
}

#navi ul {
margin: 0;
padding: 0;
font-size: 12px;
border-top-width: 1px;
border-top-style: solid;
}

#navi ul li {
display: inline;
}

#navi ul li a {
padding: 6px 20px 5px 20px;
float: left;
background: #fff url(http://k-hokusai.com/images/format/navi-ul.gif);
}

#navi ul li a:hover {
background: #fff url(http://k-hokusai.com/images/format/navi_hover.gif);
}

/* banner-img */

#banner-img {
width: 780px;
height: 120px;
background: #fff url(http://k-hokusai.com/images/format/banner-img.jpg);
clear: both;
}

/* navber */

#navber {
margin: 0;
width: 780px;
background: url(http://k-hokusai.com/images/format/navber.gif);
clear: both;
}

#navber-inner {
padding: 8px 8px 4px 20px;
text-align: left;
font-size: 12px;
}

/* footer */

#footer {
margin: 0;
padding: 8px 0 8px 0;
width: 780px;
background: url(http://k-hokusai.com/images/format/footer.gif);
}

#footer-inner {
text-align: center;
font-size: 12px;
}

.font {
display: none;
}

/* side */

#side {
margin: 0 0 10px 0;
font-size: 80%;
line-height: 140%;
width: 100%;
float: left;
}

#side .pad {
padding: 5px 0 0 0;
}

#side .tit {
font-family: Arial, Tahoma, "Trebuchet MS", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-size: 100%;
background-color: #000;
background-image: url(http://k-hokusai.com/images/format/side.jpg);
background-repeat: repeat-x;
padding-top: 2px;
padding-left: 10px;
margin-bottom: 0;
padding-bottom: 2px;
clear: both;
}

#side ul {
font-size: 80%;
margin-top: 0;
margin-left: 0;
padding-left: 0;
margin-right: 0;
margin-bottom: 10px;
list-style-type: none;
}

#side ul.li2 {
font-size: 80%;
margin-top: 0;
margin-left: 0;
padding-left: 0;
margin-right: 0;
margin-bottom: 10px;
list-style-type: none;
}

#side li a {
font-size: 120%;
text-align: left;
line-height: 120%;
padding-top: 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-bottom: 5px;
display: block;
}

.li a, .li a:link {
font-size: 100%;
background: #fff;
text-align: left;
line-height: 120%;
border-width: 1px;
border-top-style: none;
border-color: #CCCCCC;
padding-top: 5px;
border-left-style: solid;
padding-left: 10px;
border-right-style: solid;
border-bottom-style: solid;
padding-bottom: 5px;
display: block;
}

.li2 {
font-size: 100%;
text-decoration: none;
background: #fff;
text-align: left;
line-height: 120%;
border-width: 1px;
border-top-style: none;
border-color: #CCCCCC;
padding-top: 5px;
border-left-style: solid;
padding-left: 10px;
border-right-style: solid;
border-bottom-style: solid;
padding-bottom: 5px;
display: block;
}

#side img {
margin-top: 3px;
border-style: none;
margin-bottom: 3px;
}

#newinfo{
font-size: 100%;
background: #fff;
text-align: left;
border-width: 1px;
border-top-style: none;
border-color: #CCCCCC;
padding-top: 5px;
border-left-style: solid;
padding-left: 10px;
border-right-style: solid;
padding-right: 10px;
border-bottom-style: solid;
padding-bottom: 5px;
}

#feeds {
font-size: 100%;
background: #fff;
text-align: left;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border: 1px none #CCCCCC;
}

#feeds a,
#feeds a:link,
#feeds a:visited,
#feeds a:hover,
#feeds a:active {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #335588;
}

/* category style */

#main {
margin: 8px 0 10px 0;
clear: both;
}

#main-inner {
padding: 12px 0 0 0;
clear: both;
}

.main-tit {
margin: 0 0 4px 0;
padding: 4px 4px 2px 8px;
}

.main-entry-tit {
margin: 0;
padding: 0 0 2px 0;
}

.description-box {
margin: 0;
padding: 4px 0 8px 0;
}

.tit-box {
margin: 0;
padding: 4px 0 4px 0;
}

.category-box {
margin: 8px 0 0 0;
width: 100%;
}

.category-img {
margin: 0 0 0 8px;
width: 130px;
float: left;
}

.category-fs {
margin: 0;
padding: 8px 0 0 8px;
}

.img-box {
margin: 0 0 8px 0;
width: 130px;
height: 130px;
float: left;
}

.img-box a,
.img-box a:link,
.img-box a:visited,
.img-box a:hover,
.img-box a:active {
text-decoration: none;
}

.img-tit {
margin: 0;
padding: 6px 0 0 0;
}

/* entry style */

.entry-box {
margin: 0 0 8px 0;
width: 285px;
float: left;
}

.entry-box img {
margin: 0 8px 8px 0;
width: 130px;
float: left;
}

.entry-img {
margin: 0 8px 8px 0;
float: left;
}

/* sitemap */

#sitemap {
margin: 0;
padding: 2px 0 18px 0;
clear: both;
width: 100%;
}

#sitemap ul {
margin: 0;
padding: 0 0 18px 0;
font-size: 12px;
line-height: 120%;
list-style-type: none;
}

#sitemap li {
margin: 0;
padding: 0 0 6px 15px;
width: 230px;
font-size: 10px;
float: left;
}

#sitemap .title {
margin: 0;
padding: 5px 0 8px 8px;
font-size: 12px;
clear: both;
width: 100%;
font-weight: bold;
}

/* news style */

.news-box {
width: 100%;
margin-bottom: 2px;
clear: both;
}

.topics-box-data {
margin: 0 0 0 14px;
width: 80px;
float: left;
}

.news-box-fs {
margin: 0;
padding: 0 0 0 8px;
}

.news-box-fs a,
.news-box-fs a:link,
.news-box-fs a:visited,
.news-box-fs a:hover,
.news-box-fs a:active {
text-decoration: none;
}

/* ads */

.ads-336x280 {
margin: 8px 0 8px 0;
clear: both;
}

.ads-468x60 {
margin: 8px 0 8px 0;
text-align: center;
clear: both;
}

.ads-250x250x2 {
margin: 8px 0 8px 0;
text-align: center;
clear: both;
}

.ads-250x250x2-box {
width: 250px;
height: 250px;
float: left;
}

/* amazon */

.amz-468x60 {
margin: 8px 0 8px 0;
text-align: center;
clear: both;
}

.amz-728x90 {
margin: 8px 0 8px 0;
text-align: center;
clear: both;
}

.amz-300x250 {
margin: 8px 0 8px 0;
text-align: left;
clear: both;
}

.amazon {
margin: 4px 0 4px 0;
padding: 8px 8px 8px 8px;
text-align: center;
border: 1px #BCC3CC dotted;
}

.amz-box {
margin: 0 1px 8px 1px;
width: 180px;
height: 140px;
float: left;
}

.amz-box-inner {
height: 120px;
padding: 8px 8px 8px 8px;
font-size: 80%;
line-height: 140%;
text-align: center;
border: 1px #BCC3CC dotted;
}

.amz-box img {
margin-top: 3px;
border-style: none;
margin-bottom: 3px;
}

/* color style */

body {
color: #666;
}

#banner-top,
#banner-top a,
#banner-top a:link,
#banner-top a:visited,
#banner-top a:hover,
#banner-top a:active {
color: #666;
text-decoration: none;
}

#banner-header,
#banner-header a,
#banner-header a:link,
#banner-header a:visited,
#banner-header a:hover,
#banner-header a:active {
color: #666;
text-decoration: none;
display: none;
}

#banner-description,
#banner-description a,
#banner-description a:link,
#banner-description a:visited,
#banner-description a:hover,
#banner-description a:active {
color: #666;
text-decoration: none;
}

#navi ul li,
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited {
color: #333;
text-decoration: none;
}

#navi ul li a:hover,
#navi ul li a:active {
color: #ff0000;
text-decoration: none;
}

#navber-inner,
#navber-inner a,
#navber-inner a:link,
#navber-inner a:visited {
color: #333;
text-decoration: none;
}

#navber-inner a:hover,
#navber-inner a:active {
color: #ff0000;
text-decoration: none;
}

#footer-inner,
#footer-inner a,
#footer-inner a:link,
#footer-inner a:visited {
color: #fff;
text-decoration: none;
}

#footer-inner a:hover,
#footer-inner a:active {
color: #fff;
text-decoration: none;
}

#navi {
border-top-color: #999999;
border-bottom-color: #999999;

}

#navi ul {
border-top-color: #999999;
}

#navi ul li a {
border-right: 1px solid #999999;
}

.li,
.li a,
.li a:link,
.li a:visited,
.li2,
.li2 a,
.li2 a:link,
.li2 a:visited,
#side,
#side a,
#side a:link,
#side a:visited {
color: #003366;
text-decoration: none;
}

.li a:hover,
.li a:active,
.li2 a:hover,
.li2 a:active,
#side a:hover,
#side a:active {
color: #ff0000;
text-decoration: none;
}

#side .tit {
color: #fff;
}

#newinfo{
color: #333;
}

.main-tit {
border-left: 8px solid #99CCCC;
border-bottom: 1px solid #99CCCC;
}

.main-entry-tit {
border-bottom: 1px solid #99CCCC;
}

.tit-box a,
.tit-box a:link,
.tit-box a:visited {
color: #335588;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #335588;
}

.tit-box a:hover,
.tit-box a:active {
color: #ff0000;
text-decoration: none;
}

.img-tit a,
.img-tit a:link,
.img-tit a:visited {
color: #335588;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #335588;
}

.img-tit a:hover,
.img-tit a:active {
color: #ff0000;
text-decoration: none;
}

.category-fs a,
.category-fs a:link,
.category-fs a:visited {
color: #335588;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #335588;
}

.category-fs a:hover,
.category-fs a:active {
color: #ff0000;
text-decoration: none;
}

.title a,
.title a:link,
.title a:visited,
#sitemap ul a,
#sitemap ul a:link,
#sitemap ul a:visited {
color: #335588;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #335588;
}

.title a:hover,
.title a:active,
#sitemap ul a:hover,
#sitemap ul a:active {
color: #ff0000;
text-decoration: none;
}

/* news style */
.news-box {
border-bottom: 1px dotted #99CCCC;
}

/* amazon style */

.amz-box,
.amz-box a:link,
.amz-box a:visited {
color: #003366;
text-decoration: none;
}

.amz-box a:hover,
.amz-box a:active {
color: #ff0000;
text-decoration: none;
}