@charset "UTF-8";
/*
*  Template for SereneBach
*  Theme Name: SB_0001 (gray)
*  Version: 1.00
*  Author: 坂取
*  Author URI: http://az-store.nrym.org/
*
*  01. Universal selector
*  02. Structure Module
*  03. Text Module
*  04. Hypertext Module
*  05. List Module
*  06. Edit Module
*  07. Forms Module
*  08. Tables Module
*  09. Image Module
*  10. Object Module
*  11. Presentation Module
*  12. SereneBach styles
*/
/* ==================== */
/* 01. Universal selector */
/* ==================== */
*
	{
	margin: 0;
	padding: 0;
	font: normal normal normal 100.001%/1.6 Verdana,Tahoma,Helvetica,sans-serif;
	text-decoration: none;
	}
/* ==================== */
/* html（おまじない） */
/* ==================== */
html
	{
	height:100%;
	margin-bottom:1px;
	}
/* ==================== */
/* 02. Structure Module */
/* ==================== */
body
	{
	font-size: 84%;
	}
/* ======================================== */
/* 03. Text Module */
/* ======================================== */
/* ==================== */
/* 見出し3～6 */
/* ==================== */
h3
	{
	line-height: 1.2;
	background: url("http://mqdl.jpn.org/template/sb0001_gray_dot.gif") repeat-x bottom;
	font-size: 125%;
	margin: 0.5em 0;
	padding: 5px 0.5em;
	color: #708090;
	}
h4
	{
	line-height: 1.2;
	color: #483d8b;
	font-size: 110%;
	margin: 1em 0;
	padding: 0 0 0 5px;
	border-left:5px solid;
	}
h5
	{
	line-height: 1.2;
	font-weight: 700;
	margin: 1em 0;
	padding: 3px;
	color: #EE8000;
	display: inline;
	border: 1px solid #EE8000;
	}
h6
	{
	line-height: 1.2;
	margin: 0.5em 0;
	padding: 0.1em 0;
	color: #6666cc;
	}
h6:before
	{
	content: "\3010" /* Safari対策（以下contentプロパティはバックスラッシュを用いたエスケープを行う） */
	}
h6:after
	{
	content: "\3011"
	}
/* ==================== */
/* ブロックレベル要素 */
/* ==================== */
/* アドレス */
address
	{
	display: block;
	}
/* 引用 */
blockquote
	{
	margin: 2em 1em;
	padding: 10px 1em;
	border: 1px solid #828282;
	background: #fafafa;
	cursor: help;
	}
blockquote[title]:before
	{
	display: block;
	background: url("http://mqdl.jpn.org/template/sb0001_gray_blockquote-start.gif") no-repeat 0 30px;
	content: ""attr(title)"\3088\308a\5f15\7528";
	font-weight: 700;
	font-size: 120%;
	padding: 0 0 30px 0;
	}
blockquote[cite]:after
	{
	display: block;
	content: ""attr(cite)"";
	padding: 30px 0 0 0;
	text-align: right;
  }
.text blockquote p
	{
	margin: 0.5em 0.25em;
	padding: 0;
	}
/* 整形済みテキスト（MacIE対策） */
pre
	{
	width: 95%;
	overflow: scroll;
	margin: 2em auto;
	padding: 0.25em;
	background: #ffffff;
	border:1px solid #cccccc;
	/*\*//*/
	overflow: visible;
	/**/
	}
pre code
	{
	border: none;
	margin:0;
	padding:0;
	}
/* ==================== */
/* インライン要素 */
/* ==================== */
/* 略語 */
abbr
	{
	border-bottom: 1px dotted ;
	cursor: help;
	}
abbr:after
	{
	content: "\ff3b\ff1f\ff3d";
	}
/* 引用元 */
cite
	{
	font-weight: 700;
	}
/* コード */
code
	{
	font-family: monospace;
	border: 1px solid #cccccc;
	margin: 0 0.25em;
	padding: 1px 2px;
	}
/* 定義語 */
dfn
	{
	text-decoration: underline;
	}
dfn:before
	{
	content:"\3010";
	}
dfn:after
	{
	content:"\3011";
	}
/* 強調 */
em
	{
	font-weight: 700;
	}
/* キーボード */
kbd
	{
	margin: 0 0.25em;
	padding: 1px 2px;
	border-style: solid;
 	border-width: 1px 2px 2px 1px;
	background: #fafafa;
 	border-color: #eeeeee #cccccc #cccccc #eeeeee;
	}
/* 引用 */
q
	{
	quotes: "\300c" "\300d" "\300e" "\300f";
	background: #fafafa;
	padding: 1px 2px;
	}
q:before
	{
	content: open-quote;
	}
q:after
	{
	content: close-quote;
	}
/* プログラムの出力例 */
samp
	{
	margin: 0 0.25em;
	padding: 1px 2px;
	border: 1px dotted #cccccc;
	
	}
/* より強調 */
strong
	{
	font-weight: 700;
	color: #990000;
	}
/* 変数 */
var
	{
	font-family: monospace;
	}
/* ==================== */
/* 04. Hypertext Module */
/* ==================== */
a
	{
	text-decoration: none;
	}
a:link
	{
	color: #828282;
	}
a:visited
	{
	color: #c0c0c0;
	}
a:hover,
a:active
	{
	color: #f386ce;
	}
/* ==================== */
/* 05. List Module */
/* ==================== */
/* 定義リスト */
.text dl
	{
	margin: 0.25em 0;
	padding: 1em 0;
	}
.text dt
	{
	font-weight: bold;
	}
.text dt a
	{
	font-weight: bold;
	}
.text dd
	{
	padding: 0.1em 0 0.1em 1em;
	background: url("http://mqdl.jpn.org/template/sb0001_gray_slash.gif") repeat-y left;
	}
/* 定義リストの中のリスト（余白調整） */
.text dd ul,
.text dd ol
	{
	margin: 0.25em 0;
	display: inline;
	}
.text dd li,
.text dd oi
	{
	list-style-position: inside;
	margin: 0 0 0 0.5em;
	}
/* 番号つきリスト */
.text ol
	{
	margin: 0.25em 0 0.25em 2em;
	padding: 1em 0;
	}
/* 同不順リスト */
.text ul
	{
	margin: 0.25em 0 0.25em 2em;
	padding: 1em 0;
	}
.text ul li
	{
	list-style-type: disc;
	}
/* ==================== */
/* 06. Edit Module */
/* ==================== */
/* 削除 */
del
	{
	text-decoration: line-through;
	color: #999999;
	}
del[datetime]:before
	{
	content: "\ff08"attr(datetime)"\524a\9664\ff09";
	}
/* 追加 */
ins
	{
	color: #999999;
	}
ins[datetime]:before
	{
	content: "\ff08"attr(datetime)"\4fee\6b63\ff09";
	}
/* ==================== */
/* 07. Forms Modules */
/* ==================== */
fieldset
	{
	border: none;
	}
legend
	{
	margin: 1em;
	padding: 0 1em;
	border: 1px solid #eeeeee;
	}
input,
textarea,
select
	{
	padding: 0.1em;
	color: #333333;
	border: 1px solid;
	line-height: 1.2; /* ↓MacIE対策 */
	/*\*//*/
	font-family: Osaka, sans-serif;
	/**/
	}
input:hover,
textarea:hover,
select:hover
	{
	background: #fafafa;
	border: 1px solid #828282;
	}
input[type="submit"]
	{
	background: #828282;
	color: #ffffff;
	border: 1px solid #333333;
	padding: 2px 3px;
	}
/* ==================== */
/* 08. Table Modules */
/* ==================== */
table
	{
	font-size: 100%;
	margin: 2em 0.5em;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}
caption
	{
	font-size: 120%;
	font-weight: 700;
	text-align: center;
	}
th,
td
	{
	padding: 0.25em;
	border: 1px solid #cccccc;
	}
th
	{
	font-weight: 700;
	background-color: #fafafa;
	}
td
	{
	border: 1px solid #cccccc;
	background-color: #ffffff;
	text-align: center;
	}
/* ==================== */
/* 09. Image Module */
/* ==================== */
img
	{
	margin: 1px;
	padding: 0;
	}
a img
	{
	border: none;
	}
/* ==================== */
/* 10. Object Module */
/* ==================== */
object,
embed
	{
	margin: 1em 2em;
	}
/* ==================== */
/* 11. Presentation Module */
/* ==================== */
/* 太字 */
b
	{
	font-weight:bold;
	}
/* 文字(大) */
big
	{
	font-size:120%;
	}
/* 水平線 */
hr
	{
	display: none;
	}
/* 斜体 */
i
	{
	font-style:oblique;
	}
/* 文字(小) */
small
	{
	font-size:80%;
	}
/* 上つき文字 */
sup
	{
	font-size: 84%;
	vertical-align: super;
	}
/* 下つき文字 */
sub
	{
	font-size: 84%;
	vertical-align: sub;
	}
/* 等幅 */
tt
	{
	font-family:monospace;
	}
/* ======================================== */
/* 12. SereneBach styles */
/* ======================================== */
/* ==================== */
/* wrap */
/* ==================== */
#wrap
	{

	}
/* ==================== */
/* header */
/* ==================== */
#header
	{
	padding: 4em 2em 0.5em 2em;
	}
#header h1
	{
	padding:0.5em;
	}
#header h1 a
	{
	color: #828282;
	line-height: 1.0;
	font-family: "Arial Black",Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	font-size: 150%;
	}
#header p
	{
	padding:0.25em 0.5em;
	}
/* ==================== */
/* メニュー */
/* ==================== */
#menu
	{
	float: left;
	width: 18em;
	margin-bottom: 1.5em;
	padding: 3em 0;
	}
#menu h2
	{
	display: none;
	}
#menu dl
	{
	padding: 0 1em 0 2em;
	}
#menu dt
	{
	font-weight: 700;
	padding: 0.1em 0.5em;
	}
dt:first-letter /* MacIE対策 */
	{
	/*\*/
	color: #828282;
	font-size: 120%;
	font-weight: 700;
	/**/
	}
#menu dd
	{
	background: url("http://mqdl.jpn.org/template/sb0001_gray_slash.gif") repeat-x top;
	}
#menu ul
	{
	padding: 0.5em 0 0.5em 0.75em;
	}
#menu ul ul
	{
	padding: 0 0 0 0.75em;
	}
#menu ul li
	{
	list-style: none;
	}
/* サイドバーのリストに罫線をつける */
#menu dl.recententry li,
#menu dl.category li,
#menu dl.archive li,
#menu dl.recentcomment li,
#menu dl.recenttrackback li,
#menu dl.profile li,
#menu dl.link li,
#menu dl.extra li
	{
	background: url("http://mqdl.jpn.org/template/sb0001_gray_dot.gif") repeat-x bottom;
	}
#menu ul ul
	{
	padding: 0 0 5px 0.75em;
	}
#menu dl.category li li
	{
	background: url("http://mqdl.jpn.org/template/sb0001_gray_nest.gif") repeat-x bottom;
	}
/* amazon画像に枠をつける */
dl.recommend a:link img.affiliate
	{
	border: 1px solid #828282;
	}
dl.recommend a:visited img.affiliate
	{
	border: 1px solid #c0c0c0;
	}
dl.recommend a:hover img.affiliate,
dl.recommend a:active img.affiliate
	{
	border: 1px solid #f386ce;
	}
#menu dd p
	{
	padding: 1em 0 0.5em 0.75em;
	}
/* ==================== */
/* メイン */
/* ==================== */
#main
	{
	margin-left:19em;
	margin-bottom: 1.5em;
	padding: 3em 2em 3em 1em;
	}
/* 見出し2（記事のタイトル） */
h2
	{
	font-size: 150%;
	line-height: 1.0;
	padding: 0 0.25em 5px 0.25em;
	color: #EE8000;
	background: url("http://mqdl.jpn.org/template/sb0001_gray_slash.gif") repeat-x bottom;
	}
/* 本文 */
.text
	{
	margin: 0.25em 0;
	padding: 0 0.75em 2em 0.75em;
	}
.text a
	{
	text-decoration: underline;
	}
.text p
	{
	padding: 1em 0;
	}
/* 記事のカテゴリー・投稿日 */
ul.about
	{
	text-align: right;
	}
.text ul.about li
	{
	list-style-type: none;
	display: inline;
	margin: 0 0 0 6px;
	padding: 0 0 0 10px;
	}
.text ul.about li+li
	{
	border-left: #333333 solid 1px;
	}
/* 記事のコメント・トラックバックリスト */
ul.state
	{
	text-align: left;
	margin-left: 0;
	}
.text ul.state li
	{
	display: inline;
	}
.text ul.state li a
	{
	padding: 2px 3px;
	margin: 0 0.25em 0 0;
	border: 1px solid;
	text-decoration: none;
	}
/* ナビゲーション（Page top） */
#main ul.navigation
	{
	margin: 0.5em 0;
	padding: 1.5em 0.5em;
	text-align: right;
	}
#main ul.navigation li
	{
	list-style: none;
	display: inline;
	}
#main ul.navigation li a
	{
	padding: 0 0 0 0.5em;
	}
#main ul.navigation li a:before
	{
	content:"\25b2";
	}
/* コメントフォーム */
fieldset dl#form dt
	{
	width:5.5em;
	}
	fieldset dl#form dd
	{
	margin: -1.6em 0 0 6em;
	border: none;
	}
/* ページナビ */
p.page
	{
	text-align: center;
	padding: 1.5em 0;
	}
p.page a
	{
	padding: 2px 3px;
	margin: 1em 0.25em;
	border: 1px solid;
	text-decoration: none;
	}
p.page strong
	{
	padding: 2px 3px;
	margin: 1em 0.25em;
	border: 1px solid;
	color: #333333;
	}
/* ==================== */
/* footer */
/* ==================== */
#footer
	{
	clear:both;
	}
#footer h2
	{
	display: none;
	}
#footer address
	{
	text-align: center;
	padding: 1.5em 0.5em;
	font-size: 120%;
	font-weight: 700;
	}
#footer address a
	{
	color: #828282;
	margin-left: 1em;
	font-weight: 700;
	}
