@charset "EUC-JP";

/* --------------------------------------------------------------
	Template for SereneBach
	Theme Name: un
	Version: 1.00
	Author: yuz
	Author URI: http://www.webcitron.com/blog/
-------------------------------------------------------------- */

/* --------------------------------------------------------------
	UNIVERSAL SELECTOR
-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	word-break: break-all;
}

/* --------------------------------------------------------------
	STRUCTURE
-------------------------------------------------------------- */
body {
	padding: 2em 0;
	margin: 0;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/wall_asian07-01.jpg) #fff;
	text-align:center;
	color:#333;
	font-size : x-small !important;		/* 古いIEの文字サイズ */
	voice-family : "\"}\"";					/* おまじない */
	voice-family : inherit;					/* おまじない */
	font-size : x-small !important;			/* CSSを正しく解釈出来るブラウザ用の文字サイズ */
}
	html>body {
	font-size : 13px !important;			/* Opera用の文字サイズ */
	}

#wrap {
	margin:1em auto;
	width:700px;
	border:0px solid #7d7d7d;
	background:#fff;
}
#main {
	margin:0 50px;
	width: 600px;
	background: #fff;
}


/* --------------------------------------------------------------
	FACEBOOK
-------------------------------------------------------------- */
div#facebook {align:right;
              margin-top: 30px;
              margin-left: 0px;
              margin-right:0px;
              margin-bottom:10px;
}


/* --------------------------------------------------------------
	TEXT
-------------------------------------------------------------- */

p, 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;
}
p {
	margin: 0.5em 0;
	text-align:left;
	line-height: 1.5;
}
sup, sub {
	margin: 0;
	padding: 0;
}
strong {
	margin: 0 0.3em;
	font-weight: bold;
	font-style: normal;
}
em {
	padding:0 2px;
	margin: 0 0.3em;
	font-weight:bold;
	font-style: italic;
	color:#006699;
}
ins {
	text-decoration:none;
	border-bottom:1px solid #eee;
}
del {
	color: #808080;
	font-weight: normal;
	text-decoration: line-through;
}
h2, h3, h4, h5, h6 {
	text-align:left;
	margin:1em 0;
}
h3,h4 {
	font-size:100%;
	font-weight:bold;
}
h5,h6 {
	font-size:100%;
}
h3{
	padding:0.3em 0.5em;
	color:#7d7d7d;
	border:1px solid #ccc;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/wall_07-01.gif) #f5f5f5;
	text-align:right;
	text-transform: uppercase;
	letter-spacing:0.5em;
}

h4 {
	padding:0.3em 0.5em;
	color:#7d7d7d;
	border:1px solid #ccc;
	background:#f5f5f5;
	text-align:right;
	text-transform: uppercase;
	letter-spacing:0.5em;
}

/* ---------- blockquote */
blockquote {
	margin: 0.5em 1em;
	padding:0 0.5em;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_line.gif) #f5f5f5;
	color:#7c7470;
	border:1px solid #7d7d7d;
}
q {
	margin: 0 0.5em;
	padding: 0;
	font-style: italic;
	border-bottom:1px solid #7d7d7d;
	color:#7c7470;
}
p.source {
	text-align: right;
}
cite {
	font-style: normal;
	margin: 0 1em;
	padding: 0;
}
abbr {
	border-bottom: 1px dotted #ccc;
}

code {
	color:#5f5f5f;
}
pre {
	font-size:100%;
	width: auto;
	overflow: auto;
	color: #5f5f5f;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: 0.5em;
	line-height:1.5;
}
* html pre {
	_width: 90%;
}
pre[title]::before {
	display: block;
	color: black;
	content: attr(title);
	margin-bottom: 0.8em;
}
/* ---------- その他 */
img {
	border: none;
}
img.pict,img.thumb {
	border: none;
	float:left;
	clear:left;
	margin-right:10px;
}
br {
	letter-spacing: 0;
}
hr {
	display:none;
}

/* --------------------------------------------------------------
	HYPER TEXT
-------------------------------------------------------------- */

a:link    { color: #7d7d7d; text-decoration: none; }
a:visited { color: #7d7d7d; text-decoration: none; }
a:hover   { color: #F7CB33; text-decoration: none; }
a:active  { color: #7d7d7d; text-decoration: none; }

/* --------------------------------------------------------------
	FONT
-------------------------------------------------------------- */

h1 {
	font-family: "Century Gothic",verdana,helvetica,arial,sans-serif;
}
h2, h3, h4, h5, h6 {
	font-family: arial,verdana,"Lucida Sans Unicode","Lucida Grande",verdana,sans-serif;
}
body,#menu dt {
	font-family: "Lucida Sans Unicode","Lucida Grande",verdana,sans-serif;
}
div.entry_body, dl.body dd {
	font-family: verdana,helvetica,arial,"MS P Gothic",sans-serif;
}

/* ---------- MacIE 文字化け対策 */
textarea, select, input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka, sans-serif;
}

/* ---------- MACIE以外 */
@media screen {
textarea, select, input {
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
	}
}
code,tt,pre {
	font-family: "ＭＳ ゴシック","MS Gothic","Osaka†等幅",monospace;
}

/* --------------------------------------------------------------
	LIST
-------------------------------------------------------------- */

dl, dt, dd, ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.entry_body ol {
	list-style: decimal;
	margin: 0 0 0 1.7em;
	padding: 0px;
	line-height:1.5;
}
div.entry_body ul,
div.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	line-height:1.5;
}
div.entry_body ul li,
div.submenu ul li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_listmark.gif) no-repeat 0 0.3em;
	list-style: none;
}

/* --------------------------------------------------------------
	HEADER
-------------------------------------------------------------- */

#header {
	width: 700px;
	
}
h1 {
	margin: 5px 30px;
	padding:5px 0;
	border-bottom:2px solid #f5f5f5;
	font-size: 200%;
text-align: left;        
}

div.description {
	margin: 10px 30px;
	font-size:11px;
	color: #7d7d7d;
　　　　text-align: center;
}

/* --------------------------------------------------------------
	CALENDAR
-------------------------------------------------------------- */

div.calendar {
	margin:0;
	width:100%;
	text-align: center;
	padding: 5px 0;
	background: #fcfcfc;
	font-size: 11px;
	word-spacing:1px;
}
div.calendar a {
	text-decoration: none;
}

/* --------------------------------------------------------------
	ENTRY
-------------------------------------------------------------- */

div.entry {
	margin: 2em 0;
	font-size:100%;
}
div.entry h2 {
	font-weight:normal;
	font-size: 110%;
	padding:0.2em 0em;
	color:#7d7d7d;
	border-bottom:2px solid #7d7d7d;
}
div.entry_body {
	padding: 0;
	margin: 0;
	font-size:95%;
	text-align:left;
	line-height:1.5;
}

/* ---------- 日付やカテゴリ名 */
ul.entry_footer {
	margin:1em 0;
	text-align:right;
}
ul.entry_footer li {
	display:inline;
	font-size: 11px;
	text-transform: capitalize;
}
div.entry_navi {
	margin:0 0 20px;
	font-size:11px;
	padding:0.3em 0.5em;
	color:#7d7d7d;
	border:1px solid #ddd;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_line.gif) #f9f9f9;
	text-align:right;
}

/* --------------------------------------------------------------
	COMMENT
-------------------------------------------------------------- */

div.comment {
	margin: 20px 0;
	font-size:90%;
}

html>body #main div.comment {
	font-size:95%;
}

div.comment dl.body {
	margin:10px 0;
	text-align: left;
	border:1px solid #ccc;
	background:#fafafa;
}
div.comment dl.body dt {
	color:#7c7470;
	margin: 5px 10px;
}
div.comment dl.body dd {
	margin: 5px 10px 10px;
	padding:5px;
	background:#fff;
	border:1px dashed #eee;
	line-height:1.5;
}

/* --------------------------------------------------------------
	COMMENT FORM
-------------------------------------------------------------- */

div.comment form dl {
	margin: 20px 0;
	border:1px solid #ccc;
	background:#fafafa;
	padding: 20px 20px;
	text-align:left;
	font-size:100%;
}
div.comment form dl dt {
	display: block;
	margin: 0;
	padding: 0;
	clear: left;
	float: left;
	width: 80px;
}
div.comment form dl dt label {
	font-size:11px;
	padding: 0px 0px 0px 12px;
	background: url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_listmark.gif) no-repeat 0 0.3em;
}

div.comment form dl dt label#labelsubmit {
	display: none;
}
div.comment form dl dd {
	margin: 0 0 0 85px;
	padding: 0 0;
}
div.comment form input,
div.comment form textarea {
	margin:1px;
	padding:1px;
	width:400px;
	color:#7d7d7d;
	font-size:100%;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_formbg.gif);
	border:1px solid #ccc;
	vertical-align: middle;
}

input#set_cookie {
	border:none;
	background:#fff;
	width:2em;
}
div.comment form input.sub {
	margin:15px 10px 0 0;
	color: #fff;
	width: 80px;
	height:21px;
	border:none;
	line-height:21px;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_sub.gif) no-repeat #fff;
}

/* --------------------------------------------------------------
	TRACKBACK
-------------------------------------------------------------- */
div.trackback {
	margin: 20px 0;
	font-size:90%;
}

html>body #main div.trackback {
	font-size:95%;
}
div.trackback p.link {
	margin: 10px 0 20px;
	font-size: 11px;
	text-align: left;
}
div.trackback input {
	border:none;
	border-bottom:1px dashed #ccc;
	background: #fff;
	color:#7d7d7d;
}
div.trackback dl.body {
	margin:10px 0;
	text-align: left;
	border:1px solid #ccc;
	background:#f5f5f5;
	line-height:1.5;
	font-size:100%;
}
div.trackback dl.body dt {
	color:#7c7470;
	margin: 5px 5px;
}
div.trackback dl.body dd {
	margin: 5px;
	padding:5px;
	border-top:1px dashed #ccc;
	background:#fff;
}

/* --------------------------------------------------------------
	PAGE NAVIGATION
-------------------------------------------------------------- */
div.page {
	padding: 10px 0;
	color: #666;
	font-size: 11px;
	text-align: center;
}
p#link2top {
	font-size: 11px;
	text-align: center;
}

/* --------------------------------------------------------------
	FOOTER
-------------------------------------------------------------- */
#footer {
	width:700px;
	border-top:1px dotted #000;
	padding:10px 0;
	text-align: left;
	background:#f5f5f5;
}
#footer ul {
	margin: 3px 15px;
}
#footer ul li {
	margin:0 5px 0 0;
	display: inline;
	font-size: 11px;
}

/* ---------- 検索フォーム */
#footer form {
	width:230px;
	float:right;
}
input#search {
	margin-right:5px;
	padding:2px;
	height:17px;
	color:#7d7d7d;
	line-height:21px;
	background:url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_formbg.gif);
	border:1px solid #ccc;
	vertical-align: middle;
}
.button {
	width: 29px;
	height: 21px;
	border: 0;
	background: url(http://www.kimono-shop.co.jp/blog/sb/template/bc013_search.gif) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	vertical-align: middle;
}
/*\*//*/
.button {
	letter-spacing: -9999px;
}
/**/

div.accesslog{
	margin:0;
	padding:0;
	width:1px;
	height:1px;
}
/* --------------------------------------------------------------
	PULLDOWN MENU
-------------------------------------------------------------- */
/*
  カスタマイズに失敗するとメニューの動作に不具合が起きる場合が
  あります。必ず事前にバックアップをとって、失敗したら元に戻し
  て最初からやり直すようにして下さい。
*/

#menulist { 
	margin:0 auto;
	width:700px;
	background:#fff;
}
#menulist ul {
	list-style-type: none;
}
#menulist li {
	 display: inline;
}
#menulist a {
	display: block;
	position: relative;
}
	
/* --------------------------------------------------------------
	PULLDOWN MENU - HEADER MENU
-------------------------------------------------------------- */
/*
  ★カスタマイズのヒント★
  HdMenu1のheight = HdMenu1 li aの上下paddingとline-heightの合計値以下にすること!!
  padding:3px 0なら上下で6pxなのでline-heightの20pxと足して、height:26pxとなる
  この場合、27px以上にするとサブメニューが閉じてしまいます。
  
  1箇所変えると他にも影響が出やすいのはwidth,margin,paddingです。変更は慎重に。
  position,display,floatなどは触らないのがベター。
*/

#HdMenu1 {
	margin:0;
	background: #7d7d7d; /* ヘッダーメニューの色 */
	width: 700px;
	height: 26px; /* 変更注意 */
	overflow: visible;
}
#HdMenu1 li a {
	float: left;
	padding: 3px 0px; /* 変更注意 */
	width: 100px; /* 幅 */
	font-size: 11px;
	line-height: 20px; /* 変更注意 */
	text-decoration: none;
	text-align:center;
}
#HdMenu1 li a:link,
#HdMenu1 li a:visited {
	color: #FFF; /* ヘッダーメニューの文字色 */
}
#HdMenu1 li a:hover {
	color: #F7CB33; /* オンマウス時の文字色 */
	background: #eee; /* オンマウス時の背景色 */
}

/* --------------------------------------------------------------
	PULLDOWN MENU - SUBMENU
-------------------------------------------------------------- */
 /*
  ★カスタマイズのヒント★
  ヘッダーメニューとの間に隙間が出来るとサブメニューが閉じてしまうため、
  サブメニューでのmargin-topとborder-topの使用は避けること。
 */
.smenu {
	margin:0 auto;
	width:700px;
	position: relative;
}
.submenu {
	position: absolute;
	visibility: hidden;
	padding: 10px 0;
	background:#fff;
	text-align: left;
	color: #666;
	font-size:11px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.submenu ul,
div.submenu p,
div.submenu dl {
	margin-right:10px;
	margin-left:10px;
}

/* ---------- サブメニュー位置指定 */
#submenu_1 {
	width: 200px; /*  幅 */
	left: 0; /* 左からの位置 */
}
#submenu_2 {
	width: 200px;
	left: 100px;
}
#submenu_3 {
	width: 200px;
	left: 200px;
}
#submenu_4 {
	width: 400px;
	left: 300px;
}
/* ---------- 左に向かって展開 */
#submenu_5 {
	width: 200px;
	right: 200px;
}
#submenu_6 {
	width: 200px;
	right: 100px;
}
#submenu_7 {
	width: 250px;
	right: 0px;
}

/* ---------- コメント・TBリストを2列に */
dl#comlist {
	margin-right:0;
	width:180px; /*幅やマージン変えると崩れやすいので注意*/
	float: left;
	display:inline;
	overflow:hidden;
}
dl#tblist {
	margin-left:0;
	width:180px;
	float:right;
	display:inline;
	overflow:hidden;
}
dl#comlist dt,
dl#tblist dt {
	padding:2px 5px;
	color:#7d7d7d;
	text-align:right;
	border-bottom:1px solid #fff;
	background:#eee;
}
dl#comlist dd,
dl#tblist dd {
	padding:5px 0;
	background:#fcfcfc;
}

/* ---------- おすすめ商品 */
p.recommend {
	margin-bottom:10px;
}
p.recommend img {
	float:left;
	margin-right:10px;
}

/* --------------------------------------------------------------
	CLEAR
-------------------------------------------------------------- */

#menulist:after,
div.entry_body:after,
#footer form:after,
p.recommend:after { 
	content:"."; 
	display:block; 
	height:0;
	clear:both; 
	visibility:hidden; 
}
/* for MAC IE */
#menulist,
div.entry_body,
#footer form,
p.recommend { 
	display:inline-block; 
} 
/* for WIN IE */ 
* html #menulist,
* html div.entry_body,
* html #footer form,
* html p.recommend { 
	height:1%; 
} 
#menulist,
div.entry_body,
#footer form,
p.recommend  { 
	display:block; 
}
/**/

/* ---------- ここまで消さないこと */