@charset "UTF-8";

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

Template for SereneBach
Theme Name: mademoiselle
Version: 1.10
Author: Yuz
Author 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: #fff url(http://www.petitaria.com/blog/template/bc010_body.gif);
	font-family: Tahoma, Verdana, 'ＭＳ Ｐゴシック', sans-serif, 'Osaka';
}

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

#body {
	width: 700px;
	padding: 0 0;
	margin: 0 auto;
	border-left: 1px solid #4c2f2f;
	border-bottom: 1px solid #4c2f2f;
	border-right: 1px solid #4c2f2f;
	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: 25px 0 60px;
	margin: 30px auto 0;
	border-top: 1px solid #4c2f2f;
	border-right: 1px solid #4c2f2f;
	border-left: 1px solid #4c2f2f;
	background: url(http://www.petitaria.com/blog/template/bc010_flower.jpg);
	font-family: Tahoma, Verdana, Arial, sans-serif;
	clear:left;
}

#footer {
	width: 700px;
	padding: 10px 0;
	margin: 0 auto 30px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	border: 1px solid #4c2f2f;
	border-top: none;
	clear: left;
	background: url(http://www.petitaria.com/blog/template/bc010_flower.jpg) 20% 80%;
}

/*--------------------------------------
	  リンク
---------------------------------------*/
	
a {
	text-decoration: none;
}

a, a:link, a:visited {
	color: #2E8889;
}

a:hover, a:active {
	color: #C86647;
}

#title a  { color:#C8C131; }
#title a:hover { color:#fff; }

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

div.description {
	padding: 5px;
	font-size: 10px;
	color: #fff;
}

h1 {
	float:left;
	display: block;
	padding: 5px 15px;
	font-size: 11px;
	color: #ffe4c4;
}

div.head {
	margin: 0;
	padding: 0;
	background: #4C2F2F;
}

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

div.calendar {
	width: 700px;
	margin: auto;
	padding: 7px 0;
	text-align: center;
	color: #917C6B;
	border-top: 1px dashed #4c2f2f;
	border-bottom: 1px dashed #4c2f2f;
	border-right: 1px solid #4c2f2f;
	border-left: 1px solid #4c2f2f;
	background: #fffff0;
	font: 10px "Verdana", "Arial" , sans-serif;
}

div.calendar a {
	text-decoration: none;
}

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

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

div.entry_author {
	border-top: 1px dashed #B3A793;
	padding: 5px 5px 15px;
	margin: 0 10px;
	color: #B3A793;
	font-size: 10px;
	text-align: right;
}

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

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

div.entry_navi {
	border: 1px dashed #ccc;
	padding: 5px;
	margin: 10px 15px 20px;
	color: #B3A793;
	font-size: 10px;
	text-align: center;
}

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

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

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

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


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

h2 {	
	margin: 10px 10px 5px;
	padding: 3px 0 2px 25px;
	color: #778b43;
	font-size: 120%;
	background:url(http://www.petitaria.com/blog/template/bc010_button.gif) no-repeat left center;
}

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

h3#comments, h3#trackback, h4.com_title {
	border-top:1px solid #4c2f2f;
	border-right:1px solid #4c2f2f;
	border-bottom:1px solid #4c2f2f;
	margin: 20px 0px;
	padding: 5px 0 5px 50px;
	color: #47341C;
	font: bold 12px arial;
	letter-spacing:1px;
	background: url(http://www.petitaria.com/blog/template/bc010_wide.jpg);
}


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

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

div.comment dl.body {
	margin:10px 15px;
	border: 1px dashed #B3A793;
}

div.comment dl.body dt {
	padding: 0 5px;
	margin: 5px;
	color: #74993A;
	border-bottom:1px dotted #B3A793;
}

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: 1px dashed #B3A793;
	padding: 5px;
	margin: 15px;
	font-size: 10px;
}

div.trackback dl.body dt {
	margin: 0;
	padding: 2px 5px 0 15px;
	background:url(http://www.petitaria.com/blog/template/bc010_point.gif) no-repeat left center;
	color: #B3A793;
}

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: #666;
	font-size: 10px;
	text-align: center;
}


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

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

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

div.navigation dl dt {
	border-top: 1px solid #4c2f2f;
	border-bottom: 1px solid #4c2f2f;
	border-left: 1px solid #4c2f2f;
	padding: 5px 5px 5px 45px;
	color: #47341C;
	font: bold 11px Arial,Century gothic;
	background: url(http://www.petitaria.com/blog/template/bc010_navibg.jpg);
}

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

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 li {
	margin-left:15px;
	border-top: 1px dashed #D4CEC3;
	border-bottom:none;
}

div.navigation dl dd ul li ul li a {
	padding:0 0 0 15px;
	background:url(http://www.petitaria.com/blog/template/bc010_point.gif) no-repeat left center;
}


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

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

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

div.comment form dl {
	padding: 0 20px;
	color: #74993A;
	font-size: 13px;
}

div.comment form dl dt {
	display: block;
	margin: 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, textarea, select {
	border: 1px solid #9A8D78;
	margin: 1px;
	color: #74993A;
	font-size:90%;
	background: #fff;
	font-family: 'Hiragino Kaku Gothic Pro W3', 'ヒラギノ角ゴ Pro W3', Osaka, Tahoma, sans-serif;
}

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

textarea {
	width:250px;
}

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

input.sub {
	color: #fff;
	padding:0 0.5em;
	background: #9A8D78;
	font: bold 10px "Verdana", "Arial", sans-serif;
}

div.comment input.sub {
	width:80px;
}

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


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

strong {
	font-weight: bold;
}

em {
	color:#C86647;
	font-style: normal;
	font-weight: bold;
}

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

ins {
	color:#8d7c41 ;
}

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

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

pre {
	margin:0.5em 0;
	font-size:90%;
	width: 90%;
	overflow: auto;
	background-color: #f8f8f8;
	border: 1px solid #d9cdbd;
	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: #778b43;
}

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 {
	border: 1px solid #7F6E58;
	margin: 5px 0;
	padding: 7px;
	color:#566365;
	background: url(http://www.petitaria.com/blog/template/bc010_bq.gif);
}

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;
}


/*--------------------------------------
	  Moblog 
---------------------------------------*/

img.pict_mb {
padding: 10px 9px 9px; /* 画像から外枠までの余白 */
float: left;
clear: left;
background: #fff url(背景画像のURL) no-repeat;
}