@charset "utf-8";
/*
Theme Name: inubiyori
Theme URI: http://www.wandesign.jp/
Description: wandeli
Version: 0.1b
Author: Kaon Kurata
Author URI: http://www.wandesign.jp/
Tags: blue, custom header, fixed width, two columns, widgets

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

@import "/commons/css/base.css";

#primary_area {
	float: left;
}

#secondary_area {
	float: right;
}

a:link {
	outline : 0 ;
	color: #C15857;
}

a:visited {
	color: #C15857;
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}


a img {
	border: 0 none;
}

a:hover img {
	border: 0 none;
}


body {
    font-size: small;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

#top_area {
    width: 9
	10px;
    height: 165px;
    padding: 60px 0 50px;
    background: url(image/blog_title.png) no-repeat 0 0;
}

#top_area .title a{
    display:block;
    margin: 0 0 0 520px;
    background: url(image/title.gif) no-repeat 0 0;
    text-indent: -9999px;
    width: 332px;
    height: 55px;
}

#top_area .description {
    margin: 0 0 0 530px;
    width: 332px;
}

/*
#primary_area {
float: right;
}

#secondary_area {
float:left;
}
*/

.shadow {
    display: inline-block;
    padding: 0 5px 5px 0;
    background: url(image/shadowAlpha.png) right bottom;
}

*html .shadow {
	display: block;
	width: 1%;
}

*:first-child+html .shadow {
	display: inline;
	width: auto;
}

.shadow img {
    border: none;
    display: block;
}

.shadow a:hover img {
    border: none;
}

.shadow a img.caption {
    margin: 10px auto 0;
}

*:first-child+html .shadow a{
	display: block;
}

.shadow a {
    display: inline-block;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #C5C1B2;
    text-align: center;
}

#primary_area {
}

.hentry h2 {
    font-size: 130%;
    font-weight: bold;
	background-color:#FFFFFF;
	border-left: #BDB181 5px solid;
	padding: 10px;
}

/*
    background: url(image/text_line.gif) repeat-x left bottom;*/
ul.post-categories {
	display: block;
}

ul.post-categories li {
	float: right;
	font-size: 90%;
	text-align: 20px;
	padding: 10px 5px 20px 20px;
	background: url(image/folder.png) no-repeat 0 10px;
	display: block;
}

* html ul.post-categories li {
	margin: 10px 0 10px 10px;
	line-height: 16px;
	text-indent: 20px;
	padding: 0;
}

.entry_date {
	float: left;
	padding: 10px 5px 20px 0;

	font-size: 90%;
}

/* ソーシャルブックマークスタイル */

.bookmark {
	float: right;	padding: 10px 5px 20px 20px;
}

.hentry, #related_posts{
    padding: 20px;
	margin: 0 0 40px 0;
	border: #BDB78E 1px dashed;
	clear: both;
	line-height: normal;
}

div.line{
	margin: 20px 0;
	width: auto;             
	height: 3px;
	background: url(image/text_line.gif) repeat-x left top;
	display: block;
}

div.line_green{
	margin: 30px 10px;
	width: auto;             
	height: 3px;
	background: url(image/text_line_green.png) repeat-x left top;
	display: block;
}

.entry {
    line-height: 1.8em;
    font-size: 95%;
	clear: both;
	margin: 20px 0 0 0;
}

.entry .center {
    text-align: center;
}

.entry .left {
    float: left;
    margin: 0 15px 10px 0;
}

.entry .right {
    float: right;
    margin: 0 0 10px 15px;
}

.entry p{
	margin: 1em 0 0 0;
}

.postmetadata {
   /* background:url(http://wandesign.heteml.jp/sites/wandeli/blog/image/content_bg_bottom.gif) no-repeat bottom center;*/
    margin: 10px 0 0;
    padding: 10px 0 0;
    text-align: right;
    font-size: 85%;
    clear: both;
	border-top:#BDB181 1px solid;
}

#primary_area hr {
    display:none;
}

#secondary_area {
    width: 230px;
	font-size: 90%;
}

#secondary_area h2 {
	display: block;
    padding: 5px 10px;
	background:#FFFFFF;
	border-left: #BDB181 3px solid;
}

#secondary_area ul li.widget {
    display: block;
    padding: 20px 0;
	border-bottom: #BDB181 dotted 1px;
}

#secondary_area ul li ul {
    margin: 15px 0 5px;
    display: block;
}

#secondary_area ul li ul li {
    margin: 0 0 5px;
    display: block;
}

#secondary_area ul li ul li ul {
    margin: 0 0 5px;
    display: block;
}

#searchform {
    margin: 0 0 20px 0;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar td {
    text-align: center;
}

#wp-calendar #today {
    background-color:#FFFFFF;
    border: #CCCCCC solid 1px;
}

#wp-calendar a {
    color:#009999;
    font-weight: bold;
}

.meta {
    font-size: 85%;
	margin: 5px 0 5px 20px;
	color:#BAB187;
}

#recent-posts a{
    display: block;
}

.navigation {
    margin: -40px 0 0 0;
    text-align: center;
}

.navigation .next {
    margin: 0 20px;
}
.navigation .prev {
    margin: 0 20px;
}


/* IE�n�b�N�@*/

*:first-child+html .shadow a img.caption {
    margin: 10px 0 0;
}

* html .shadow a img.caption {
    margin: 10px auto 0 auto;
}


#secondary_area ul li ul li {
	margin:0 0 10px 0;
}

#secondary_area ul li ul li a{
	display: inline-block;
	background: url(/commons/images/menu_icon.png) no-repeat left top;
	padding-left: 15px;
	line-height: 16px;
}

ul.children li {
	padding: 5px 0 0 20px;
}



#calendar_wrap {
    margin: 15px 0 5px;
}

/* 関連投稿 */

#related_posts h4 {
    font-weight: bold;
	background-color:#FFFFFF;
	border-left: #BDB181 5px solid;
	padding: 5px;
}

#related_posts ul.st-related-posts {
	margin: 5px 0 0;
}

#related_posts ul.st-related-posts li{
	line-height: 16px;
	background: url(/commons/images/menu_icon.png) no-repeat left top;
	padding-left: 15px;
	margin:0 0 10px 0;
}

#related_posts ul.st-related-posts li .comments {
	font-size: 80%;
	margin: 0 0 0 1em;
}


/* コメント欄 */

#comment_area {
	background-color: #FFFFFF;
	padding: 20px;
}

#comment_area h3 {
	border-left: #BDB181 3px solid;
	padding: 0 0 0 5px;
}

#comment_area .navigation{
	margin: 0;
}

.commentlist {
    font-size: 90%;
}

#comment_area ol {
	margin: 10px 0 0;
	display: block;
}

.commentlist li { 
	padding: 20px 10px;
	width: 585px;
	display: block;
}

.commentlist li.even {
	background-color: #F0EDE0;
}

.commentlist .comment-meta {
}

.commentlist .comment-author {
}

.commentlist li .avatar { 
    border: 1px solid #eee;	
    padding: 2px;
    background: #fff;
}

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
}

.commentlist p {
	margin: 20px 0 0;
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
	display: block;
}

#respond_area {
	margin: 20px 0 0;
}

.st-related-posts {
	margin:  0 0 20px;
}

#comment_form {
	
}

*:first-child+html #comment_form_author {
	margin: 5px 5px 0 0;
}

#comment_form_author {
	float: left;
	width: 205px;
	margin: 5px 10px 0 0;
}

* html #comment_form_author {
	margin: 0;
	width: 219px;
}

#comment_form_email {
	float: left;
	width: 205px;
	margin: 5px 5px 0 5px;
}

* html #comment_form_email {
	width: 219px;
	margin: 0;
}

*:first-child+html #comment_form_url {
	margin: 5px 0 0 5px;
}

#comment_form_url {
	float: left;
	width: 205px;
	margin: 5px 0 0 10px;
}

* html #comment_form_url {
	width: 205px;
	margin: 0;
}

*:first-child+html #comment_form input {
	width: 201px;
}

#comment_form input{
	width: 100%;
	padding: 4px 0;
	border: #BDB181 1px solid;
	margin: 5px 0;
}

* html #comment_form input{
	width: 197px;
	padding: 4px;
	border: #BDB181 1px solid;
	margin: 5px 0;
}

#comment_form_text {
	clear: both;
	width: 100%;
}

#comment_form textarea {
	width: 641px;
	margin: 10px 0 0 0;
	border: #BDB181 1px solid;
}

.label {
	font-size: 90%;
	border-left: #BDB181 3px solid;
	display: block;
	padding: 0 0 0 3px;
}

#comment_form #submit {
	display: block;
	float: right;
	width: 100px;
	margin: 10px 0 0;
	background-color: #BDB181;
	color: #FFFFFF;
	border: #FFFFFF 1px solid;
	cursor: pointer;
	cursor: hand;
}

#comment_form .whisper {
	float: left;
	margin: 10px 0 0;
	font-size: 90%;
}

#comment_form .whisper input{
	width: auto;
	padding: 0 4px;
	border: none;
	margin: 0;
}

#comment_form .whisper label {
	line-height:1;
}