/*--------------------------------------

Template for SereneBach
Theme Name: mizutama
Version: 1.00
Author: Yuz
URI: http://www.webcitron.com/blog/

---------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}


/*--------------------------------------
	  reset
---------------------------------------*/

div, p, hr, blockquote, address, noscript {
	position: static;
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	position: static;
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
}

br {
	letter-spacing: 0;
}

ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

sup, sub {
	margin: 0;
	padding: 0;
}

/*--------------------------------------
	  body
---------------------------------------*/

* html body {
	font-size: 75%;
}

html>body {
	font-size: 13px;
}

body div {
	margin: 0 auto;
	text-align: left;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(http://le-petit-soleil.net/sb/template/bc014_body_bg.gif) #fff repeat-x fixed;
	font-family: Tahoma, Verdana, 'ＭＳ Ｐゴシック', sans-serif, 'Osaka';
}

/*--------------------------------------
	  レイアウト
---------------------------------------*/

#body {
	width: 700px;
	padding: 0 0;
	margin: 0 auto;
	border-left: 1px solid #A8D7DC;
	border-bottom: 1px solid #A8D7DC;
	border-right: 1px solid #A8D7DC;
	background: #fff;
}

#main {
	float: left;
	width: 480px;
	background: #fff;
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif, 'Osaka';
}

#navi {
	float: right;
	width: 200px;
	background: #fff;
}

#title {
	width: 700px;
	padding: 0x;
	margin: 30px auto 0;
	border-top: 1px solid #A8D7DC;
	border-right: 1px solid #A8D7DC;
	border-left: 1px solid #A8D7DC;
	background: url(http://le-petit-soleil.net/sb/template/bc014_polca.gif);
	font-family: Tahoma, Verdana, Arial, sans-serif;
	vertical-align:bottom;
}

#footer {
	width: 700px;
	padding: 10px 0;
	margin: 0 auto 30px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	border: 1px solid #A8D7DC;
	border-top: none;
	clear: left;
	background: url(http://le-petit-soleil.net/sb/template/bc014_polca.gif) 20% 80%;
}

/*--------------------------------------
	  リンク
---------------------------------------*/
	
a:link    { color: #d58716; text-decoration: none; }
a:visited { color: #b3a48f; text-decoration: none; }
a:hover   { color: #A8D7DC; text-decoration: none; }
a:active  { color: #d58716; text-decoration: none; }

#title a  { color:#5F3D11; }
#title a:hover { color:#d58716; }

/*--------------------------------------
	  ヘッダー
---------------------------------------*/

div.description {
	border-top:6px double #fff;
	border-bottom:6px double #fff;
	padding: 5px;
	font-size: 10px;
	color: #fff;
	background:#A8D7DC;
}

h1 {
	text-align:right;
	display: block;
	height:75px;
	padding-top:20px;
	background:url(http://le-petit-soleil.net/sb/template/bc014_bird.gif) right center no-repeat;
}
h1 a {
	margin-right:140px;
	text-align:right;
	font-size: 110%;
	font-family: "Century Gothic",Verdana,sans-serif;
	background:#fff;
}

/*--------------------------------------
	  カレンダー
---------------------------------------*/

dl.calendar dd {
	margin: 0;
	padding: 0;
	text-align: center;
}
dl.calendar dd table {
	width: 170px;
	border: 0 none;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
dl.calendar dd table td.cell {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background:#f5f5f5;
	width:23px;
	padding: 1px;
	color: #A8D7DC;
	text-align: center;
	font: 10px "tahoma", sans-serif;
}

dl.calendar dd table td.weekday {
	padding: 1px;
	color: #A8D7DC;
	text-align: center;
	font: 10px "Lucida Sans Unicode","Lucida Grande","tahoma", sans-serif;
}

dl.calendar dd table td.cell a {
	display: block;
	margin: -1px;
	padding: 1px;
	text-decoration: none;
}

dl.calendar table td.cell a span.today {
	font-weight: bold;
}

dl.calendar dd td.calendar_month {
	padding: 0;
	text-align: center;
	font: 11px "Lucida Sans Unicode","Lucida Grande","Verdana", sans-serif;
}
dl.calendar dd td.calendar_month a {
	text-decoration: none;
}

/*--------------------------------------
	  エントリー
---------------------------------------*/

div.entry {
	padding: 5px 0 10px;
	margin: 0;
}

div.entry_author {
	border-left: 5px solid #A8D7DC;
	padding: 0 5px 5px 5px;
	margin: 0 10px 10px;
	color: #7AADB3;
	font-size: 10px;
	text-align: left;
}

div.entry_body,div.entry_more {
	margin: 0;
	padding: 0 15px;
	color: #674f4c;
	line-height: 1.6;
}

div.entry_state {
	padding: 5px;
	margin: 10px;
	color: #7AADB3;
	font-size: 10px;
	text-align: right;
	clear: both;
	background: #fff;
	border-top: 1px solid #A8D7DC;
	border-bottom: 1px solid #A8D7DC;
}

div.entry_navi {
	border-bottom: 3px double #A8D7DC;
	padding: 5px;
	margin: 10px 15px 20px;
	color: #A8D7DC;
	font-size: 10px;
	text-align: left;
}

/*--------------------------------------
	  見出し
---------------------------------------*/

h3,h4,h5,h6 {
	margin: 1em 0;
	color: #7AADB3;
	font-size:100%;
}

h3 {
	border-bottom:1px solid #A8D7DC;
	font-size:120%;
}

h4 {
	border-bottom:1px dotted #A8D7DC;
	font-size:110%;
}


/* エントリー、プロフィール */

h2 {	
	border-left: 5px solid #A8D7DC;
	margin: 10px 10px 0;
	padding: 5px 5px 2px 5px;
	color: #7AADB3;
	font-size: 120%;
}

/* コメント、トラックバック */

h3#comments, h3#trackback, h4.com_title {
	border-top:1px solid #A8D7DC;
	border-right:1px solid #A8D7DC;
	border-bottom:1px solid #A8D7DC;
	margin: 20px 0px;
	padding: 5px 0 5px 10px;
	color: #674f4c;
	font: bold 12px arial;
	letter-spacing:1px;
	background: url(http://le-petit-soleil.net/sb/template/bc014_polca.gif);
}


/*--------------------------------------
	  コメント
---------------------------------------*/

div.comment {
	padding: 0 0 20px;
}

div.comment dl.body {
	margin:10px 15px;
	border: 3px double #A8D7DC;
}

div.comment dl.body dt {
	padding: 0 5px;
	margin: 5px;
	color: #7AADB3;
	border-bottom:1px dashed #A8D7DC;
}

div.comment dl.body dd {
	margin: 10px;
	color: #674f4c;
}

/*--------------------------------------
	  トラックバック
---------------------------------------*/

div.trackback {
	margin: 0;
	padding: 0 0 15px;
}

div.trackback p.link {
	padding: 5px 5px 5px 30px;
	display: block;
	color: #9A8D78;
	font-size: 10px;
}

div.trackback dl.body {
	border: 3px double #A8D7DC;
	padding: 5px;
	margin: 15px;
	font-size: 10px;
}

div.trackback dl.body dt {
	margin: 0;
	padding: 2px 5px 0 15px;
	background:url(http://le-petit-soleil.net/sb/template/bc014_bullet.gif) no-repeat left center;
	color: #7AADB3;
}

div.trackback dl.body dd {
	margin: 5px 0 0 15px;
	color: #674f4c;
}


/*--------------------------------------
	  プロフィール 
---------------------------------------*/

div.profile {
	margin: 0;
	padding: 0;
}

div.profile_body {
	margin: 0;
	padding: 10px 20px 5px;
	color: #674f4c;
	font-size: small;
}

/*--------------------------------------
	  ページナビ
---------------------------------------*/

div.page {
	padding: 10px 0;
	color: #7AADB3;
	font-size: 10px;
	text-align: center;
}


/*--------------------------------------
	  サイドバー
---------------------------------------*/

div.navigation {
	padding: 10px 0 30px;
}

div.navigation dl {
	margin: 0 0 15px;
}

div.navigation dl dt {
	border-left: 7px solid #A8D7DC;
	padding: 2px 2px 2px 5px;
	color: #A8D7DC;
	font: bold 11px verdana, tahoma, sans-serif;
	text-transform : uppercase ; 
}

div.navigation dl dd {
	padding: 5px 5px;
	color: #674f4c;
	font-size: 10px;
	font-family: Tahoma, Verdana, sans-serif;
}

div.navigation dl dd ul {
	margin:5px 0;
	border-top: 1px dashed #D4CEC3;
}

div.navigation dl dd ul li {
	padding: 2px;
	color: #674f4c;
	font-size: 10px;
	border-bottom: 1px dashed #D4CEC3;
}
div.navigation dl dd ul li ul {
	border-top: none;
	margin:0 0 0 1em;
}
div.navigation dl dd ul li ul li {
	border-top: 1px dashed #D4CEC3;
	border-bottom:none;
}

div.navigation dl dd ul li ul li a {
	padding:0 0 0 12px;
	background:url(http://le-petit-soleil.net/sb/template/bc014_bullet.gif) no-repeat 0 0.2em;
}


/*--------------------------------------
	  Footer
---------------------------------------*/

div#footer p {
	font-weight:bold;
	padding:5px;
}

/*--------------------------------------
	  フォーム
---------------------------------------*/

div.comment form dl {
	padding: 0 20px;
	color: #7AADB3;
	font-size: 11px;
}

div.comment form dl dt {
	display: block;
	margin: 2px 0;
	padding: 0;
	clear: left;
	float: left;
	width: 80px;
	font-family: "Verdana", sans-serif;
}

div.comment form dl dt label#labelsubmit {
	display: none;
}

div.comment form dl dd {
	margin: 0 0 0 8.6em;
	padding: 0;
}

input#email,input#url,input#name {
	width:180px;
}

textarea {
	width:250px;
}

input#set_cookie {
	margin:0.5em 0;
	border:none;
	vertical-align:middle;
}

input,textarea,select {
	margin:2px;
	color: #674f4c;
	border: 3px double #A8D7DC;
	background:#fff;
	font-family: 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Osaka, Tahoma, sans-serif;
}
input.sub {
	padding:0 0.5em;
	border: solid 3px #A8D7DC;
	background:#A8D7DC;
	color:#fff;
	font: bold 100% "Verdana", "Arial", sans-serif;
	text-transform : uppercase ; 
}
div.comment input.sub {
	width:80px;
}

input.tb_url {
	font: bold 10px Tahoma,Verdana,sans-serif;
}


/*--------------------------------------
	  inline
---------------------------------------*/

strong {
	font-weight: bold;
}

em {
	font-style: italic;
	font-weight: bold;
}

del {
	color: #dad0c7;
	text-decoration: line-through;
}

ins {
	color:#8d7c41 ;
}

abbr {
	border-bottom:1px dotted #A8D7DC;
}

code {
	color: #9E815A;
	font-family:'ＭＳ ゴシック', monospace;;
}

pre {
	margin:0.5em 0;
	font-size:90%;
	width: 90%;
	overflow: auto;
	background-color: #f8f8f8;
	border: 1px solid #A8D7DC;
	padding: 0.5em;
	font-family:'ＭＳ ゴシック', monospace;;
}


/* リスト */

div.entry_body dl,
div.entry_more dl {
	margin:0.5em;
}

div.entry_body dt,
div.entry_more dt {
	color: #7AADB3;
}

div.entry_body dd,
div.entry_more dd {
	margin-left:1em;
}

div.entry_body ul,
div.entry_more ul  {
	margin: 0.7em 0 0.7em 2.5em;
	list-style:disc;
}
div.entry_body ol,
div.entry_more ol  {
	margin: 0.7em 0 0.7em 2.5em;
	list-style:decimal;
}

/* 引用 */

blockquote {
	margin: 0.5em 1em;
	color:#9E815A;
}

blockquote ul li   {
	margin: 0 0 0 15px;
	list-style:circle;
}

div.entry_body p.source {
	text-align: right;
}

cite {
	font-style: normal;
	margin: 0 5px 0 0;
	padding: 0;
}

/*--------------------------------------
	  画像 
---------------------------------------*/

img {	border: none; }

/* 記事内の画像の左右にマージン設定 */
div.entry_body img,
div.entry_more img { margin:0 5px; }

/* class名がpictとthumbの画像にテキストの回り込み */

img.pict,img.thumb {
	float:left;
	clear:left;
}

/*
本文中で回り込みを解除したい場合は、解除したい位置で
<br style="clear:left;" />と書いて下さい。
PCの辞書に単語登録しておくと便利です。
*/

/*--------------------------------------
	  Amazon 
---------------------------------------*/

#recomlist {
	text-align:center;
}

#recomlist p {
	padding: 5px 0;
	text-align:left;
}

div.amazon img {
	float:left;
	clear:left;
}