/*----------------------------------------------------------------
　1. Reset
----------------------------------------------------------------*/

* {
padding:0;
margin:0;
border:0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

:focus { outline:0; }
a, a:link, a:visited, a:hover, a:active { text-decoration:none; }
table { border-collapse:separate; border-spacing:0; }
th, td { text-align:left; font-weight:normal; }
img, iframe { border:none; text-decoration:none; }
ol, ul { list-style:none;}
input, textarea, select, button { font-size:65%; font-family:inherit; }
select { margin:inherit; }
hr { margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px; }
html { overflow-y:scroll; }

input { margin:0; padding:0; }
dl, dt, dd { list-style:none; }


/*----------------------------------------------------------------
 2. CSS Hack
----------------------------------------------------------------*/

div.clearfix:after {
   content:".";
   display:block;
   clear:both;
   height:0;
   visibility: hidden;
}

div.clearfix { zoom:100%; }

.clearfix { display:inline-block; }

/* Hide from IE -mac \*/
*html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*----------------------------------------------------------------
　2. common
----------------------------------------------------------------*/

body {
font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#666;
text-align:center;
background:#2C0000;
}

/* safari only \*/
html:\66irst-child body { font-size:88%; }

a:link,
a:visited { text-decoration:underline; color:#FF9900; }
a:hover   { text-decoration:none; color:#FF9900; }
a:active  { text-decoration:none; }


/*----------------------------------------------------------------
　3. 基本構造
----------------------------------------------------------------*/

#Wrapper {
background:url(images/header01.jpg) no-repeat top right;
width:100%;
margin:0 auto;
text-align:center;
}

.Logo-area {
float: left;
margin: 5px 0 0 0;
padding: 0;
}

.sub-navi {
float:right;
width:258px;
}

.sub-navi li {
display:inline;
}


#header {
display: block;
min-width:860px;
height: 140px;
margin:0 auto;
background:url(../images/bg_header.gif) repeat-x;
}

#header .inner {
width:820px;
_width:860px;
height: 140px;
margin:0 auto;
padding: 0 20px;
}


#Container,
#Search-Container {
clear:both;
margin: 0 auto;
margin-top: 15px;
_margin-bottom: 20px;
width:860px;
text-align: left;
}

#Container{
background:url(images/bg_contents_01.gif) repeat-y center top;
}

#Search-Container{
background:url(images/bg_search.gif) no-repeat center top;
}

#Container .inner,
#Search-Container .inner{
padding: 0;
}

#Container .inner{
width: 820px;
margin: 0 20px;
}

#Search-Container .inner{
width: 700px;
margin: 0 80px;
}

#Container #Contents{
clear: both;
float: left;
width:417px;
_width:435px;
margin: 0;
_margin-left: 1px;
padding: 0 18px 0 0;
vertical-align: top;
}

#Search-Container #Contents{
vertical-align: top;
}

#Container #Contents,
#Search-Container #Contents {
font-size: 62.5%; /* IE */
}

html>/**/#Container #Contents,
html>/**/#Search-Container #Contents{
  font-size: 10px; /* Except IE */
}

#Container #Entry-list {
float:left;
width:160px;
_width:198px;
padding: 20px;
vertical-align: top;
}

#Container #Profile {
float:left;
width:145px;
_width:185px;
padding:20px;
vertical-align: top;
}

/*==================================================================
 5. Contents
==================================================================*/

#Contents .entry-title {
clear:both;
}

#Contents .entry-title span,
#Contents .entry-note {
color:#996633;
font-family:"Century";
font-style:normal;
font-weight:bold;
}

#Contents .entry-title h1,
#Contents .entry-title h2 {
font-size:2.4em;
color:#FFF;
line-height:135%;
}

#Contents .entry-note {
font-family:Century, Verdana, "ＭＳ Ｐゴシック" ;
}

#Contents .entry-note a { color:#FF9900; }

#Contents .entry {
margin:25px 0 30px 0;
font-size:1.5em;
}

#Search-Container #Contents .entry {
margin:5px 0 30px 0;
}

#Contents .entry p {
margin-bottom:1.8em;
color:#F1E6D8;
line-height:180%;
}

/* #Contents .entry img {
float:right;
margin:0 0 15px 15px;
} */

#Contents .archive-title {
display:block;
background: #885522;
margin-bottom: 15px;
padding: 6px 5px;
color: #FFF;
font-size: 100%;
font-weight: bold;
line-height: 100%;
}

#Contents .archive-title em {
font-style: none;
}

#Contents .Ranking {
clear: both;
display: block;
border-top: 1px solid #815E4E;
margin: 30px 0 0 0;
padding: 15px 0 0 10px;
color: #FFF;
font-size: 0.8em;
line-height: 150%;
font-weight: bold;
}

#Contents .Ranking img {
margin: 10px 5px 0 0;
text-aling: left;
}


#Contents p.impression {
border-top: 1px solid #815E4E;
background: #572F27;
margin: 20px 0 0 0;
padding: 15px 10px;
color: #FFF;
font-size: 0.8em;
line-height: 150%;
}

#Contents .impression a { color:#FF9900; }
#Contents #pagetop {
display:block;
height:21px;
margin: 0 0 60px 0;
}

#Contents .archives h3 {
font-size:85%;
line-height:160%;
margin:20px 0 5px 0;
color:#FFF;
}

#Contents .archives li {
font-size:75%;
line-height:160&;
}

#Contents .archives li a {
color:#FF9900;
}


/*==================================================================
 6. Entry-list
==================================================================*/

#Entry-list h3 {
margin:0 0 15px 0;
color:#FFF;
font-size:85%;
font-family:"Century";
font-weight:bold;
}

#Entry-list ul {
margin:5px 0 35px 0;
}

#Entry-list li {
font-size:65%;
color:#F1E6D8;
line-height:135%;
margin:0 0 10px 0;
}

#Entry-list li span {
margin-bottom:5px;
color:#996633;
font-family:"Century";
font-weight:bold;
}

#Entry-list a {
color:#FF9900;
}

#Entry-list ul.list-arrow {
margin:8px 0 35px 0;
}

#Entry-list ul.list-arrow li {
margin: 0 0 8px 0;
padding: 0 0 0 15px;
background: url(images/icon_arrow_01.gif) no-repeat 2px 5px;
}



/*==================================================================
 7. Profile
==================================================================*/

#Profile h3 {
margin:0 0 18px 0;
color:#FFF;
font-size:75%;
font-family:"Century";
font-weight:bold;
}

#Profile dl {
color:#FFF;
margin: 5px 0 30px 0;
}

#Profile dt {
margin:0 0 5px 0;
font-size:75%;
}

#Profile dd {
font-size:65%;
line-height:150%;
}


#Profile ul.banner {
margin:0 0 30px 0;
}

#Profile ul.banner li {
height: 130px;
margin: 0 0 10px 0;
padding: 0;
}

#Profile ul.banner li.blog {
height: 60px;
margin: 0 0 10px 0;
padding: 0;
}

#Profile ul.links {
color:#FFF;
margin:0 0 30px 0;
}

#Profile ul.links li {
list-style-type:disc;
margin: 2px 0 5px 10px;
padding: 0 0 0 2px;
font-size:65%;
line-height:100%;
}



/*==================================================================
 8. pager
==================================================================*/

#pagemenu-01,
#pagemenu-02 {
display: block;
float: right;
margin: 0;
padding: 0;

}

#Container #pagemenu-01 { float: right; }
#Container #pagemenu-02 { float: left; }

#Search-Container #pagemenu-01 { float: right; }
#Search-Container #Container #pagemenu-02 { float: right; }

#pagemenu-01 li,
#pagemenu-02 li {
display: block;
float: left;
background: #3E251A;
color:#8C623C;
line-height: 100%;
border: 1px solid #4D301E;
}

#pagemenu-01 li {
margin: 0 3px 15px 0;
}

#pagemenu-02 li {
margin: 0 0 0 3px;
}

#pagemenu-01 a,
#pagemenu-01 span,
#pagemenu-02 a,
#pagemenu-02 span{
display:block;
padding: 5px;
}

#pagemenu-01 a.current_page,
#pagemenu-01 span.current_page,
#pagemenu-02 a.current_page,
#pagemenu-02 span.current_page{
color:#FFFFFF;
}

#pagemenu-01 li a:link,
#pagemenu-01 li a:visited,
#pagemenu-02 li a:link,
#pagemenu-02 li a:visited { text-decoration:none; color:#FF9900; }
#pagemenu-01 li a:hover,
#pagemenu-02 li a:hover { text-decoration:underline; color:#FF9900; }
#pagemenu-01 li a:active,
#pagemenu-02 li a:active { text-decoration:none; }


/*==================================================================
 9. trackback
==================================================================*/

#trackbacks {
padding:0 10px 0 0;
}

#trackbacks h2 {
font-size:85%;
color:#FFF;
margin:20px 0 5px 0;
}

.trackbacks-info p {
font-size:65%;
line-height:160%;
color:#F1E6D8;
}

.trackbacks-info p a {
color:#FF9900;
}

/*==================================================================
 00. Ranking
==================================================================*/



/*==================================================================
 10. comment
==================================================================*/

#comments {
padding:0 10px 0 0;
}

#comments-open h2 {
font-size:85%;
color:#FFF;
margin:20px 0 5px 0;
line-height:160&;
}

.comments-open-content {
font-size:65%;
line-height:160%;
color:#F1E6D8;
}

#comment-form-name {
vertical-align:middle;
}

#comment-author,
#comment-email,
#comment-url {
margin:0 0 5px 10px;
vertical-align:middle;
}

#comment-text {
width:360px;
margin:5px 0 10px 10px;
}

#comments-open-footer {
width:360px;
text-align:center;
margin:0 auto;
}


/*----------------------------------------------------------------
 copyright
----------------------------------------------------------------*/

.copyright {
clear:both;
min-width:900px;
background:#A54512 url(images/bg_footer01.jpg) no-repeat center top;
border-top: 1px solid #815E4E;
color:#FFF;
font-size:65%;
margin: 30px 0 0 0;
_margin: 0;
padding: 9px 0 7px 0;
z-index: 99;
}

.copyright .inner {
width:820px;
text-align:right;
margin:0 auto;
}

/* calendar */
#MTW_calendar {
min-height: 170px;
color:#FFF;
font-size:75%;
margin-left: -15px;
margin-bottom: 5px;
width: 190px;
}

.module-header {
font-size:105%;
}

.module-header .year_month {
display:block;
text-align:left;
color:#996633;
font-weight:bold;
}

.module-calendar .prev_month,
.module-calendar .next_month {
position: absolute;
top: 3px;
}

.module-calendar .prev_month {
left:auto;
right:40px;
}

.module-calendar .next_month {
left:auto;
right:8px;
}

.calendar {
clear:both;
margin:0;
}

.calendar table {
margin:5px 0 0 0;
width:100%;
}

.calendar th {
background:#470000;
font-size:90%;
padding:5px 2px;
width:14.2857%;
}

.calendar th,
.calendar td {
border:#1C0000 1px;
text-align: right;
}

.calendar td {
background:#572F27;
padding:3px 2px;
}

.calendar th.sunday,
.calendar span.sunday {
color:#FFBFBF;
}

.calendar th.saturday,
.calendar span.saturday {
color:#81DCF3;
}

/* search */
.widget-search {
margin-bottom:30px;
clear:both;
}

.widget-search .widget-content{
margin-left: -19px;
width:190px;
}

#Search-Container .search-input-top,
#Search-Container .search-input-bottom {
clear:both;
}

#Search-Container .widget-search .widget-content{
width:auto;
}

#Search-Container .widget-search{
margin: 0;
padding: 0;
}

#Search-Container .search-input-top {
padding-bottom:8px;
}

#Search-Container .search-input-bottom {
padding-top:1px;
}

#Contents .widget-search {
font-size:1.5em;
color:#FFF;
}

#Contents .widget-search h3.widget-header {
font-weight:bold;
margin-top:15px;
}

.widget-search img {
vertical-align:text-bottom;
}

.widget-search input,
.widget-search button{
font-size: 85%;
}

.widget-search .ti {
margin-left:5px;
width:125px;
padding: 2px;
}

#Btn-search {
vertical-align:-6px;
}

#Search-Container .widget-search input,
#Search-Container .widget-search button{
font-size: 100%;
}

#Search-Container .widget-search .ti {
width:500px;
}

h1.search-results-header {
font-size:1.5em;
color:#FFF;
margin-bottom:10px;
}

.search-result-list {
clear:both;
}

.search-result-entry h3.title em {
font-size:1.5em;
}

.search-result-entry .entry {
font-size:1.2em;
line-height:150%;
color:#FFF;
margin-top:15px;
}

#Contents p.search-body {
font-size:1.5em;
color:#FFF;
line-height:160%;
}

/* archive */
.archive-title a {
font-weight:normal;
color:#FFCC66;
}

.archive-title p {
padding-top:10px;
}

.archive-title img {
vertical-align:text-bottom;
margin-right:1px;
}