/*****************************************************************

インデックス

*****************************************************************/

@import url(base.css);

#contents {
padding: 2rem 0 0 0;
}


/*ポスト
────────────────────────────────*/
.post {
margin: 0 auto;
padding: 2rem;
width: 744px;
background: #FFF;
box-shadow: 1px 1px 7px rgba(204,204,204,0.7);
}
.post+.post {
margin: 2rem auto;
}
.date {
font-size: 0.75rem;
color: #BBBBBB;
}
.thumbnail {
margin: 0 1.5rem 0 0;
padding: 5px;
border: 1px solid #CCCCCC;
float: left;
}
.thumbnail:hover {
opacity :0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #FFF;
}
.post_title {
margin: 1rem 0;
font-size: 1.5rem;
line-height: 1.4;
font-weight: bold;
}
.post_title a:link {
color: #333333;
text-decoration: none;
}
.post_title a:visited {
color: #333333;
text-decoration: none;
}
.post_title a:active {
color: #333333;
text-decoration: none;
}
.post_title a:hover {
text-decoration: underline;
}


/*カテゴリー・タグ
────────────────────────────────*/
.post_category_tag {
margin: 0 0 -10px -10px;
}
.post_category_tag a {
display:inline-block;
margin: 0 0 10px 10px;
padding: 1px 10px 0 35px;
border: 1px solid #B9AD89;
border-radius: 5px;
font-size: 0.75rem;
font-weight: bold;
}
.category a {
background: url("img/folder.png") no-repeat 8px 3px;
text-decoration: none;
color: #333333;
}
.category a:hover {
background: #B9AD89 url("img/folder_hover.png") no-repeat 8px 3px;
border: 1px solid #B9AD89;
color: #FFF;
}
.tag a {
background: url("img/tag.png") no-repeat 8px 3px;
text-decoration: none;
color: #333333;
}
.tag a:hover {
background: #B9AD89 url("img/tag_hover.png") no-repeat 8px 3px;
border: 1px solid #B9AD89;
color: #FFF;
}


/*ページネーション
────────────────────────────────*/
.pagination {
margin: 3rem auto 0 auto;
display: table;
}
.pagination span.current{
margin: 0 5px;
padding: 8px 15px;
border: 1px solid #0C92E0;
border-radius: 3px;
background: #0C92E0;
color: #FFF;
}
.pagination a {
margin: 0 5px;
padding: 8px 15px;
border: 1px solid #0C92E0;
border-radius: 3px;
background: #FFF;
text-decoration:none;
}
.pagination a:hover{
background: #0C92E0;
color: #FFF;
}