@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://a-hitchcock.com/words/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://a-hitchcock.com/words/images/format/header.gif) no-repeat center top;
}

/* banner */

#banner {
margin: 0;
background: url(http://a-hitchcock.com/words/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;
}

/* 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 #pagebody {
width: 780px;
background: #fff url(http://a-hitchcock.com/words/images/format/two-column-left.gif);
}

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

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

.layout-two-column-left #beta {
margin: 0;
width: 580px;
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://a-hitchcock.com/words/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://a-hitchcock.com/words/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://a-hitchcock.com/words/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;
}

/* navi */

#navi {
clear: both;
font-size: 12px;
width: 780px;
float: left;
}

#navi .pad {
padding: 0;
}

#navi ul {
margin: 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #e0e0e0;
padding: 0;
}

#navi ul li {
display: inline;
}

#navi ul li a {
padding: 6px 20px 5px 20px;
background: #fff;
float: left;
border-right: 1px solid #e0e0e0;
}

#navi ul li a:hover {
background: #fff;
background-position: left center;
background-repeat: no-repeat;
}

/* banner-img */

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

/* navber */

#navber {
margin: 0;
width: 780px;
background: url(http://a-hitchcock.com/words/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://a-hitchcock.com/words/images/format/footer.gif);
}

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

.font {
display: none;
}

/* table */

#word ul,
#supple ul {
font-size: 10pt;
line-height: 120%;
list-style-type: none;
margin: 0 0 6px 0;
padding: 0
}

#word li,
#supple li {
width: 230px;
font-size: 10px;
float: left;
margin: 0 0 6px 0;
padding: 0 0 0 14px
}

#word .title,
#supple .title {
color: #633;
font-size: 10px;
margin: 0 0 10px 0;
padding: 5px 0 3px 0px;
clear: both;
width: 100%;
font-weight: bold;
}

.title a {
margin-left: 15px
}

#main_fix{
width: 760px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
text-align: left
}

#word table {
width: 100%;
border: 0
}

#word .title {
font-size: 10px;
}

/* 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-tate {
margin: 0;
width: 360px;
float: left;
}

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

.category-fs {
margin: 0;
font-size: 10px;
line-height: 16px;
padding: 8px 0 0 8px;
}

.img-box {
margin: 0 0 8px 0;
width: 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;
}

/* ads */

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

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

.ads-336x280xtate {
margin: 8px 0 8px 4px;
width: 340px;
float: right;
}

/* 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;
}

#word td {
background-color: #fcfbef;
}

#word ul {
background-color: #fcfbef;
}

#word .title {
background-color: #fcf7d2;
}

#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;
}