@charset "euc-jp";
/* 
Title:qualm
Author: 186
Access: http://d.hatena.ne.jp/smoking186/
	  http://186.bz/
License: GPL
Comment: 2005/07/26 Ver.01
 どこが不安なのか知りませんがqualmという名前になりました。calmと音が似てるよな。
 tDiaryで使う場合はlayout中の for tDiaryという箇所のコメントを外して、for HatenaDiary, Groupの方にコメントを。
*/

/* -------------------- all reset -------------------- */
* {
 margin: 0px;
 padding: 0px;
 background-color: transparent;
 font-size: 100%;
 line-height: 1.4;
}

* {
 box-sizing: box-model; /* CSS3, Opera */
}

/* ==================== center ==================== */
body {
 width: 750px;
 margin: 0px auto 0px auto;
 padding-bottom: 20px;
 text-align: center; /* IE Bug */
 background: white url("back.png") center repeat-y fixed;
}

table, h1, .hatena-body {
 width: 700px;
 margin: 0px auto 0px auto; /* Gecko, Opera, Safari */
 text-align: left;
}

table {
 margin: 10px auto 10px auto;
}

table div font {
 font-size: 85%;
}

table div font font {
 font-size: 100%;
}

.hatena-body table {
 width: auto;
 margin: 0px;
}

/* -------------------- layout -------------------- */
/* for tDiary
body {
 position: relative;
 top: 0px; left: 0px;
 text-align: left;
 background: white url("back.png") left repeat-y fixed;
 padding:20px;
}

.main {
 position: relative;
 top: 0px; left: 0px;
 width: 500px;
 background: white url("main.png") left top repeat-y;
 z-index: 1;
 text-align: left;
 border-bottom: 1px solid black;
}

.sidebar {
 position: absolute;
 top: 120px; left: 515px;
 width: 210px;
 font-size: 85%;
 background-color: transparent;
 z-index: 10;
 text-align: left;
}

html > body {
 position: relative;
 top: 0px; left: 0px;
 background: white url("back.png") center repeat-y fixed;
}

html > body .main {
 position: relative;
 top: 0px; left: 25px;
 width: 500px;
 font-size: 90%;
 background: white url("main.png") left top repeat-y;
 z-index: 1;
 text-align: left;
}

html > body .sidebar {
 position: absolute;
 top: 120px; left: 515px;
 width: 210px;
 font-size: 85%;
 background-color: transparent;
 z-index: 10;
 text-align: left;
}
*/

/* for HatenaDiary, Group */
.hatena-body {
 position: relative;
 top: 0px; left: 0px;
}

.hatena-body .main {
 position: relative;
 top: 0px; left: 0px;
 width: 500px;
 font-size: 90%;
 border-bottom: 1px solid black;
 background: white url("main.png") left top repeat-y;
 z-index: 1;
}

.hatena-body .sidebar {
 position: absolute;
 top: 20px; left: 490px;
 width: 210px;
 font-size: 85%;
 background-color: transparent;
 z-index: 10;
}

/* ==================== basic items ==================== */
h1 {
 margin-top: 30px;
 margin-bottom: -5px;
 padding-bottom: 60px;
 font-size: 170%;
 text-align: center;
 letter-spacing: 0.4em;
 background: white url("h1.png") left bottom no-repeat;
 z-index: 5;
 color: teal;
}

h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 115%;}
h5 {font-size: 110%;}
h6 {font-size: 105%;}

.section h4,
.section h5,
.section h6 {
 margin: 10px 0px;
}

div.calendar {
 margin: 5px;
}

img {
 border: none;
}

a:link {color: #008080;}
a:visited {color: #408080;}
a:active {color: red;}
a:hover {color: #00c0c0;}

/* ==================== in .day ==================== */
.day {
 margin: 0px 20px 40px 10px;
}

img.photo {
 float: right;
 margin: 5px;
 padding: 3px;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #9b9b9b;
 border-bottom: 1px solid #9b9b9b;
 border-left: 1px solid #eeeeee;
}

.section .photo {
 float: none;
}

.section {
 margin: 15px 0px 1em;
}

/* -------------------- basic items in .section -------------------- */
.section p {
 margin-top: 0.2em;
 margin-bottom: 0.5em;
 text-indent: 1em;
}

.section ul,
.section ol,
.section dl {
 margin-left: 2em;
}

.aa,
.bbs2ch {
 font-family: "ＭＳ Ｐゴシック", "Mona","mona-gothic-jisx0208.1990-0";
}

blockquote {
 margin: 1em;
 padding: 10px;
 border: 1px solid black;
 background: transparent url("bq.png") 1px 1px no-repeat;
}

html > body blockquote {
 background-position: 0px 0px;
}

blockquote > cite { /* for Gecko, Opera, Safari */
 display: block;
 padding-top: 5px;
 font-size: 90%;
 border-top: 1px dashed silver;
 text-align: right;
}

blockquote blockquote {
 margin: 1em 0.5em;
}

* html blockquote cite { /* for IE */
 display: block;
 padding-top: 5px;
 font-size: 90%;
 border-top: 1px dashed silver;
 text-align: right;
}

* html blockquote * cite { /* for IE */
 display: inline;
 padding: auto;
 font-size: auto;
 border: none;
 text-align: left;
}

pre {
 margin: 1em;
 padding: 10px 10px 10px 15px;
 font-family: monospace;
 border: 1px solid black;
 background: white url("pre.png") 1px 1px no-repeat;
 white-space: -moz-pre-wrap; /* Mozilla */
 white-space: -pre-wrap;     /* Opera 4-6 */
 white-space: -o-pre-wrap;   /* Opera 7 */
 white-space: pre-wrap;      /* CSS3 */
 word-wrap: break-word;      /* IE 5.5+ */
}

html > body pre {
 background-position: 0px 0px;
}

q cite {
 font-size: 80%;
 vertical-align: super; /* sup */
}

q cite:before { /* for Gecko, Opera, Safari */
 content: "[";
}

q cite:after { /* for Gecko, Opera, Safari */
 content: "]";
}

ins:after { /* for Gecko, Opera, Safari */
 font-size: 90%;
 content: "(inserted at " attr(datetime) ")";
}

del:after { /* for Gecko, Opera, Safari */
 font-size: 90%;
 content: "(deleted at " attr(datetime) ")";
}

.main table {
 width: auto;
 margin: 1em;
 padding: auto;
}

.section table {
 border-collapse: collapse;
}

.section td,
.section th {
 border: 1px solid black;
 padding: 3px;
 background-color: #e0f0f0;
}

.section thead td,
.section thead th,
.section tfoot td,
.section tfoot th {
 background-color: #c0eaea;
}

/* -------------------- comment and refer -------------------- */
div.footnote {
 font-size: 90%;
}

span.footnote {
 font-size: 80%;
 vertical-align: super; /* sup */
}

span.footnote:before { /* for Gecko, Opera, Safari */
 content: "[";
}

span.footnote:after { /* for Gecko, Opera, Safari */
 content: "]";
}

/* -------------------- comment and refer -------------------- */
.comment,
.refererlist {
 margin-top: 10px;
}

.refererlist ul {
 list-style-type: none;
}

/* ==================== for hatena-module ==================== */
.sidebar * {
 background-color: transparent;
}

.hatena-module {
 position: relative;
 top: 0px; left: 0px;
 margin: 20px 0px 40px;
 padding: 0px;
 width: 210px;
 background: white url("hatena-module.png") 0px 0px repeat-y;
}

.hatena-moduletitle {
 position: relative;
 top: -12px; left: 0px;
 margin: 0px;
 padding: 15px 5px 5px;
 background: transparent url("hatena-moduletitle.png") 0px 2px no-repeat;
}

html > body .hatena-moduletitle {
 background-position: 0px 0px;
}

.hatena-modulebody {
 position: relative;
 bottom: -10px; left: 0px;
 margin: 0px;
 padding: 0px 5px 12px;
 background: transparent url("hatena-modulebody.png") center bottom no-repeat;
}

.hatena-module ul {
 list-style-type: none;
}

/* -------------------- calendar2 -------------------- */
table.calendar {
 border: 1px solid black;
 padding: 0px;
 margin-bottom: 10px;
 background-color: white;
 width: 210px;
}

table.calendar td {
 text-align: center;
}

td.calendar-sunday {color: red;}
td.calendar-saturday {color: blue;}

/* -------------------- rss-module -------------------- */
.hatena-modulebody dt,
.hatena-modulebody dd {
 overflow: auto;
}

/* -------------------- rss-module -------------------- */
p.hatena-profile-image img {
 margin: 0px;
 padding: 3px;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #9b9b9b;
 border-bottom: 1px solid #9b9b9b;
 border-left: 1px solid #eeeeee;
}

/* -------------------- asin-detail -------------------- */
div.hatena-asin-detail {
 margin: 10px 0px;
 border: 1px solid black;
 background: transparent url("asin.png") 1px 1px no-repeat;
}

html > body div.hatena-asin-detail {
 background-position: 0px 0px;
}

img.hatena-asin-detail-image {
 float: left;
 margin: 5px 5px 5px 10px;
 padding: 3px;
 border-top: 1px solid #eeeeee;
 border-right: 1px solid #9b9b9b;
 border-bottom: 1px solid #9b9b9b;
 border-left: 1px solid #eeeeee;
}

div.hatena-asin-detail-info {
 float: left;
}

p.hatena-asin-detail-title {
 text-indent: 0em;
 margin: 5px 5px 10px 0px;
}

div.hatena-asin-detail-info ul {
 list-style-type: none;
 margin: 0px 5px 5px 0px;
 padding: 0px;
}

div.hatena-asin-detail-foot {
 clear: both;
}

/* -------------------- clock -------------------- */
div.hatena-clock {text-align: center;}

/* -------------------- rss description -------------------- */
div.hatena-modulebody dt,
div.hatena-modulebody dd,
div.hatena-modulebody li {
 margin-left: 0px;
 /* for MacIE5 start */
 overflow: visible;
 /* for MacIE5 end */
 /* for others start \*/
 overflow: auto;
 /* for others end */
 }

div.hatena-modulebody {
 /* for MacIE5 start */
 overflow: auto;
 /* for MacIE5 end */
 /* for others start \*/
 overflow: visible;
 /* for others end */
}

/* -------------------- question detail -------------------- */
table.hatena-question-detail th,
table.hatena-question-detail td {
 text-align: left;
 background-color: white;
}
td.hatena-question-detail-label {
 width: 40%;
}
td.hatena-question-detail-value {
 width: 59%;
}
img.hatena-question-image {
 border: 0px;
}

/* ==================== clear all ==================== */
blockquote, pre, table,
.comment, .refererlist, .day {
 clear: both;
}