@charset "utf-8"; 

/*   
Theme Name:croquis
Theme URI:http://croquis.cc/
Description:Soil
Author:croquis
Author URI:http://croquis.cc/
Version:1.0
*/

@import url("/css/add.css");
@import url("/css/common.css");

#all {
	background: url(/images/side-bg2.png) no-repeat 0 top;
}
/* ================================================= header-menu */
#header .header-area ul.header-menu li a {
	width: 100%;
	height: 100%;
	display: block;
}
#header .header-area ul.header-menu li a:hover {
	height: 100%;
}	
#header .header-area ul.header-menu li a:hover img {
	visibility: hidden;
}
#header .header-area ul.header-menu li.menu-1 a {
	background: url(/images/header-menu01_on.png) no-repeat;
}
#header .header-area ul.header-menu li.menu-2 a {
	background: url(/images/header-menu02_on.png) no-repeat;
}
#header .header-area ul.header-menu li.menu-3 a {
	background: url(/images/header-menu03_on.png) no-repeat;
}
#header .header-area ul.header-menu li.menu-4 a {
	background: url(/images/header-menu04_on.png) no-repeat;
}
#header .header-area ul.header-menu li.menu-5 a {
	background: url(/images/header-menu05_on.png) no-repeat;
}

/* ============================================================ contents */

#contents .img-area {
	height: 130px;
}
#contents .contents-area {
	width: 610px;
	padding-bottom: 50px;
}
#contents .contents-area .diary-area{
	width: 400px;
	float: left;
	padding-left: 26px;
	padding-top: 26px;
}
#contents .contents-area .diary-area .post {
	width: 400px;
	float: left;
	margin-bottom: 1em;
	border-bottom: 1px solid #6fb9b9;
}
#contents .contents-area .diary-area .post h2 {
	font-size:16px;
	color: #7D7656;
	margin-bottom: 12px;
	margin-top: 6px;
	padding-left: 6px;
	vertical-align: middle;
	border-left: 3px solid #F60;
}
#contents .contents-area .diary-area .post h2 a {
	color: #7D7656;
}
#contents .contents-area .diary-area .post p {
	padding-bottom: 1em;
	line-height: 2;
}
#contents .contents-area .diary-area .post p a {
	color: #09F;
}
#contents .contents-area .diary-area .post span {
	font-size: 65%;
}
#contents .contents-area .diary-area .post .metadata {
	padding-bottom: 18px;
}
#contents .contents-area .sidearea-middle {
	width: 130px;
	float: right;
	padding-right: 26px;
}
#contents .contents-area .sidearea-middle li {
	font-size: 12px;
	margin-bottom: 0.3em;
}
#contents .contents-area .sidearea-middle h3 {
	font-size: 12px;
	color: #440D00;
	padding-top: 10px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	border-bottom: 2px solid #A3BB8F;
}
dl.metadata dt,
dl.metadata dd {
	font-size: 10px;
	color:#666;
	display:inline;
}
dl.metadata dd {
	border-right:1px solid #ccc;
	padding-right:0.5em;
	margin-right:0.5em;
}
dl.metadata dd.last {
	border-right:none;
}

/* ============================================================ sidebar */
table#wp-calendar {
	margin-bottom: 1em;
	font-size: 11px;
	width: 100%;
}
table#wp-calendar th,
table#wp-calendar td {
	padding: 2px;
	text-align: center;
	color: #333;
}
table#wp-calendar td a {
	color: #09F;
	text-decoration: underline;
}
table#wp-calendar td a:hover {
	text-decoration: none;
}
table#wp-calendar td#prev {
	padding:14px 0 0 0;
	text-align:left;
}
table#wp-calendar td#next {
	padding:14px 0 0 0;
	text-align:right;
}
table#wp-calendar td#prev a,
table#wp-calendar td#next a {
	text-decoration: none;
}
table#wp-calendar caption {
	padding-bottom:4px;
}

/* ============================================================ comments */
#comments h3 {
	font-size: 80%;
}
#comments h4 {
	font-size: 80%;
}
#comments #commentlist {
	margin-bottom: 2em;
}
#comments p {
	margin-top: 1em;
	margin-bottom: 1em;
}

#comments .submitbutton {
	margin-top: 1em;
}
#comments p label,
#comments p textarea {
	font-size: 80%;
}