@charset "utf-8";
/*
Theme Name: Melody Life
Theme URI: http://wordpress.org/
Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした Melody Lifeオリジナルテーマ
Version: 1.6
Author: SEELA
Author URI: http://seela.jp/
Tags: green, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	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

*/



/* Begin Typography & Colors */
*html { font-size: 90%;}
*html p {
	line-height: 140%;
}

.clear {
	clear: both;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #72B2A4;
	text-decoration: none;
}
a:active {
	color: #666666;
}

body {
	background-color: #C8DDD8;
	text-align: center;
	margin: 0px;
	background-image: url(/wordpress/wp-content/themes/melody_life/images/bg_2.jpg);
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#page {
	text-align: left;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}
h1 {
	padding: 0px;
	margin-top: 16px;
	margin-bottom: 11px;
	height: 60px;
	width: 239px;
	background-image: url(/wordpress/wp-content/themes/melody_life/images/melodylife_logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	float: left;
	display: block;
}
h1 a {
	text-decoration: none;
	display: block;
}
p.desc {
	float: left;
	font-size: 11px;
	margin-top: 40px;
	margin-bottom: 0px;
	color: #FFFFFF;
}

/* レイアウト */

#head {
	background-image: url(/wordpress/wp-content/themes/melody_life/images/content_head.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
}
#main {
	background-image: url(/wordpress/wp-content/themes/melody_life/images/content_bg.gif);
	background-repeat: repeat-y;
}
#bottom {
	background-image: url(/wordpress/wp-content/themes/melody_life/images/contents_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	clear: both;
}

/* コンテンツ */

#contents {
	clear: both;
	width: 510px;
	padding-right: 45px;
	float: right;
	padding-top: 30px;
}
#contents h2 {
	font-size: 18px;
	color: #511F20;
	margin: 0px;
	padding: 0px;
}
#contents .entryarea a:link {
	background-color: #B3ECDF;
}
#contents .entryarea a:visited {
	background-color: #B3ECDF;
}
#contents .entryarea img a {
	background-color: #FFFFFF;
}

/* サイドバー */

#navi {
	float: left;
	width: 230px;
	margin-left: 0px;
	margin-top: 25px;
	padding-left: 20px;
}
#navi p {
	font-size: 11px;
	color: #333333;
	margin: 0px;
	line-height: 150%;
}
#navi p.bottomline {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#navi  div.machacoprofimg {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #A4CFC4;
	margin-top: 10px;
}
#navi div.machacoprofimg p {
	margin: 0px;
	padding: 0px;
}
img.rline {
	margin-right: 3px;
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#categoriearea {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#navi #categoriearea ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navi #categoriearea ul li {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 21px;
}
#navi #categoriearea ul li a {
	background-image: url(/wordpress/wp-content/themes/melody_life/images/cat_bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 220px;
	display: block;
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	text-decoration: none;
}
#navi #categoriearea ul li a:hover {
	background-image: url(/wordpress/wp-content/themes/melody_life/images/cat_bg_mo.gif);
	display: block;
}
#navi  .naviarea {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.naviarea h2 {
	font-size: 12px;
	color: #5B2925;
	margin: 0px;
}
#navi .naviarea ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#navi .naviarea ul li {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	background-image: url(/wordpress/wp-content/themes/melody_life/images/pt2.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#navi #release {
	background-color: #FFFFFF;
	width: 230px;
}
p.releasetit {
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 7px;
	padding-left: 10px;
}
#release table.releaselist {
	margin-left: 20px;
	margin-top: 20px;
	border-bottom-color: #999999;
	font-size: 11px;
	line-height: 130%;
	color: #333333;
}
#release table.releaselist td {
	padding-bottom: 20px;
}
#release p.bottomlink {
	padding: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
#navi input.area {
	background-color: #FFFFFF;
	height: 22px;
	width: 163px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#navi input {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

/* エントリー、ページ */

p.pagetitle {
	font-size: 16px;
	line-height: 130%;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 40px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 0px;
}
.deta {
	font-family: Verdana, sans-serif;
	background-color: #542021;
	background-image: url(images/date_bg.gif);
	background-position: top;
	text-align: center;
	width: 52px;
	line-height: 10px;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;
	background-repeat: no-repeat;
	float: left;
}
.deta  span {
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
}
.titlearea {
	float: right;
	width: 450px;
	padding-top: 5px;
}
.titlearea h2 a {
	color: #5D2F30;
}
.titlearea p {
	margin: 0px;
	font-size: 10px;
	color: #999999;
}
#gocomment {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: right;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.entryarea {
	clear: both;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 160%;
	font-size: 12px;
	color: #333333;
}
.entryarea img {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.entryarea p {
	margin-bottom: 10px;
}
.pagearea {
	clear: both;
	margin-bottom: 30px;
	padding-top: 0;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 160%;
	font-size: 12px;
	color: #333333;
}
.pagearea p {
	margin-bottom: 10px;
}

/* ボトムナビ */

#bottomnavi {
	background-color: #F2F2F2;
	font-size: 11px;
}
.oldbtn a {
	display: block;
	width: 200px;
	float: left;
	padding: 5px;
}
.newbtn a {
	text-align: right;
	display: block;
	float: right;
	width: 200px;
	padding: 5px;
}

/* フッター */

#footer {
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
#footer p.cop {
	float: left;
	padding-left: 30px;
}
#footer p.gotop {
	float: right;
	margin-right: 10px;
}

/* コメント */

h3#respond {
	font-size: 12px;
	color: #511F20;
	background-color: #C8DDD8;
	margin: 0px;
	padding: 5px;
}
h3#comments {
	font-size: 12px;
	color: #511F20;
	background-color: #C8DDD8;
	margin: 0px;
	padding: 5px;
}
ol.commentlist  li {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ol.commentlist li p {
	margin: 0px;
}

/* ソーシャルブックマークエリア */

.bookmarkarea {
	background-color: #f2f2f2;
	padding: 5px;
	margin-bottom: 20px;
	font-size: 11px;
}

/* タグエリア */

.tagarea {
	background-color: #f2f2f2;
	padding: 5px;
	margin-top: 20px;
	font-size: 11px;
}

/* Artwork by SEELA */


#artwork {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* カレンダー */

#calendar {
	margin-top: 0px;
	margin-bottom: 10px;
}
#calendar table#wp-calendar {
	width: 100%;
	background-color: #FFF4C1;
	border: 1px solid #FFFFFF;
}
#calendar caption {
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 5px;
	font-weight: bold;
	color: #7C2F30;
}
#calendar #wp-calendar thead {
	margin: 0px;
	padding: 0px;
}
#calendar #wp-calendar th {
	font-size: 10px;
	background-color: #FFFFFF;
	padding: 4px;
	text-align: center;
	color: #7C2F30;
}
#calendar #wp-calendar td {
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: center;
	padding: 3px;
	color: #7C2F30;
}
#calendar #wp-calendar .pad {
	background-color: #FFFFFF;
}
#calendar #wp-calendar td a {
	font-size: 10px;
	background-color: #F6CF83;
	text-align: center;
	padding: 3px;
	display: block;
}
#calendar #wp-calendar th.saturday {
	color : #006699;
}
#calendar #wp-calendar th.sunday {
	color : #CC0000;
}

/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */