/*------------------------------------------------------------
Base
------------------------------------------------------------*/
html,
body {
margin:0;
padding:0;
height:100%;
}


body {
font-family:sans-serif;
font-size:12px;
line-height:1;
background:#ffffff;
color:#666666;
font-family:Tahoma,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}


/*------------------------------------------------------------
Link
------------------------------------------------------------*/
a:link,
a:visited {color:#333; text-decoration:underline;}
a:active,
a:hover {color:#8f6b4f; text-decoration:none;}


#main a:link img,
#main a:visited img {}
#main a:hover img,
#main a:active img {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.7; /* Firefox CSS3以前 */
opacity:0.7; /* CSS3 */
}


/*------------------------------------------------------------
Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-size:12px;
line-height:1;
margin:0; 
padding:0; 
font-weight:normal;
}
ul {
margin:0; 
padding:0; 
list-style-type:none;
}
ul li {
display:block;
}
dl,dt, dd, ol {
margin:0; 
padding:0;
}
img {
border:0;
}
p {
margin:0; 
padding:0;
}
strong {
font-weight:bold;
}
em,
cite {
font-style:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
border:0;
}
table th {
font-weight:normal;
text-align:left;
padding:0;
}
table td {
padding:0;
}
form,
select,
input,
textarea {
margin:0;
padding:0;
}


/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#container {
margin:30px auto 0 auto;
overflow: hidden;
}
#container:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
* html #container {
height:1em;
overflow:visible;
}

/*------------------------------------------------------------
Main
------------------------------------------------------------*/
#main {
width:697px;
float:left;
}
#main-inner {}


/*------------------------------------------------------------
サイトタイトル
------------------------------------------------------------*/
#main .site-title {
margin:0 0 20px 0;
}


/*------------------------------------------------------------
カテゴリタイトル
------------------------------------------------------------*/
#main .category-title {
margin:0 0 20px 0;
font-size:18px;
font-weight:bold;
}

/*------------------------------------------------------------
コンテンツエリア
------------------------------------------------------------*/
#main #contents {margin:0 0 40px 0;}


/*===== エントリー =====*/
#main #contents .entry-date {
position:absolute;
z-index:100;
margin:20px 0 0 600px;
}
#main #contents .entry-hdr {
margin:0 0 12px 0;
}
#main #contents .entry-hdr .entry-ttl {
font-size:14px; 
line-height:18px;
padding:16px 120px 16px 16px;
}
#main #contents .entry-body {
width:655px;
margin:0 auto 20px;
font-size:12px; 
line-height:28px;
color:#333;
}

/*===== コメントエリア =====*/
#main #contents .commentArea {
width:613px;
margin:0 auto;
background:#ffffff;
border:1px solid #999;
padding:19px 20px;
}
#main #contents .commentArea .amount {
position:absolute;
margin:0 0 0 535px;
text-align:right;
z-index:101;
}
#main #contents .commentArea h2 {
color:#333;
}
#main #contents .commentArea .button {
text-align:center;
cursor:pointer;
}
#main #contents .commentArea .button a:hover img,
#main #contents .commentArea .button a:active img {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.7; /* Firefox CSS3以前 */
opacity:0.7; /* CSS3 */
}


/*===== コメントの投稿 =====*/
#main #contents #comments {
width:613px;
padding:20px 0 0 0;
margin:0 auto;
}
#main #contents #comments .input {
border:1px solid #CCC;
background:#fff;
padding:20px;
margin:0 0 10px 0;
}
#main #contents #comments .input h3 {
font-weight:bold;
line-height:14px;
color:#333;
margin:0 0 18px 0;
}
#main #contents #comments .input p {
margin:0 0 18px 0;
}

#comments-open-data{
margin-bottom:10px;
}
#comment-form-name{
}
#comment-form-name label {
color:#333;
padding:0 10px 0 0;
}
#comment-form-name input {
width:198px;
border:1px solid #666;
padding:2px;
}


#comments-open-text label {
display:block;
color:#333;
margin:0 0 8px 0;
}
#comments-open-text textarea {
display:block;
width:100%;
height:86px;
padding:2px;
border:1px solid #666;
}


#comments-open-footer {
padding:20px 0 0 0; 
text-align:center;
}
#comments-open-footer a:hover input,
#comments-open-footer a:active input {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.7; /* Firefox CSS3以前 */
opacity:0.7; /* CSS3 */
}


/*===== コメント一覧 =====*/
#comments-content01 {
width:613px;
margin:0 auto;
}
#comments-content02 {
width:613px;
padding:0 0 1px 0;
}
#comments-content03 {
width:573px;
background:#fff;
padding:20px;
}
#comments-content03 .comments-header {
margin:0 0 10px;
font-weight:bold;
}
#comments-content03 .comment {
margin:0 0 10px;
}
#comments-content03 .comment .comment-num {
font-weight:bold;
color:#333;
padding:0 0 8px 0;
}
#comments-content03 .comment .comment-body {
color:#333;
line-height:1.5;
padding:0 0 18px 0;
}
#comments-content03 .comment .comment-footer {
font-size:10px;
color:#666;
text-align:right;
}


/*===== カテゴリー別指定：staff =====*/
#main .contents-box01 {
width:697px;
}
#main .contents-box02 {
width:695px;
border:1px dotted #eee;
}
#main .contents-box03 {
width:687px;
padding:4px 4px 38px 4px;
}
#main #contents-box .entry-hdr {
padding:0 0 4px 0;
border-bottom:1px dotted #666;
}
#main #contents-box .entry-date {color:#666;}
#main #contents-box .entry-hdr .entry-ttl{
color:#333;
}
#main #contents-box .entry-body h2 {color:#333;}
#main #contents-box .entry-body .aida {color:#333;}


/*------------------------------------------------------------
ページナビ
------------------------------------------------------------*/
#main #page-navi {
clear:both;
background:#eee;
padding:14px;
margin:0 auto 20px auto;
text-align:center;
line-height:1.0;
}
#main #page-navi table {
width:221px;
margin:0 auto;
}
#main #page-navi table td.prev {
width:100px;
text-align:right;
}
#main #page-navi .prev a {
padding:0 0 0 16px;
}
#main #page-navi table td.next {
width:100px;
text-align:left;
}
#main #page-navi .next a {
padding:0 16px 0 0;
}
#main #page-navi table td.center-line {
width:21px;
text-align:center;
color:#8f6b4f;
}
#main #page-navi a:link,
#main #page-navi a:visited {color:#; text-decoration:underline;}
#main #page-navi a:hover,
#main #page-navi a:active {color:#; text-decoration:none;}


/*------------------------------------------------------------
記事一覧へ戻る
------------------------------------------------------------*/
#main #back {
text-align:right;
margin:0 0 38px 0;
}
#main #back a {
}

/*------------------------------------------------------------
記事リスト
------------------------------------------------------------*/
#main .entry-list {
margin:0 0 12px 0;
}

#main .entry-bg {
overflow:hidden;
}
#main .entry-bg:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/**/
* html #main .entry-bg {
height:1em;
overflow:visible;
}
/**/

#main .date {
margin-bottom:10px;
padding:10px;
border-bottom:1px dotted #666;
text-align:right;
font-size:10px;
color:#666;
}

#main .left h2 {
clear:both;
color:#333;
font-size:14px;
line-height:1.3;
margin:0 0 10px 0;
}
#main .left h2 a:link,
#main .left h2 a:visited {color:#333; text-decoration:underline;}
#main .left h2 a:hover,
#main .left h2 a:active {color:#333; text-decoration:none;}
#main .left p {
padding:0 0 10px 0;
color:#333;
font-size:12px;
line-height:1.4;
}
#main .left .btn-more {
text-align:right;
padding:0;
}
#main .left .btn-more a:link,
#main .left .btn-more a:visited {color:#333; text-decoration:underline;}
#main .left .btn-more a:hover,
#main .left .btn-more a:active {color:#333; text-decoration:none;}


/*===== カテゴリー別指定 =====*/
#main .entry-box {
padding:8px 0 0 0;
}
#main .bg-box {
padding:10px;
border:1px solid #666;
}
#main .bg-box .category {
color:#666;
}

/*------------------------------------------------------------
Sidebar
------------------------------------------------------------*/
#sidebar {
width:251px;
float:right;
}
#sidebar a:link,
#sidebar a:visited {color:#333; text-decoration:underline;}
#sidebar a:hover,
#sidebar a:active {color:#333; text-decoration:none;}
#sidebar a:link img,
#sidebar a:visited img {}
#sidebar a:hover img,
#sidebar a:active img {
filter:alpha(opacity= 70);
-moz-opacity:0.7;
opacity:0.7;
}

/*=== Side Navi ===*/
.side-navi {
padding:0 0 28px 0;
}
.side-navi ul li {
display:block;
margin:0 0 10px 0;
}
.side-navi ul li a {
display:block;
}