@charset "UTF-8";
/**/
html {
background-image: url(http://www.haeckel.jp/images/dot.png); }
body {
color: #3e3e48;
font-size: 1em;
font-family: "A-OTF 新ゴ Pro R", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", 平成角ゴシック, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Osaka-等幅, Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
line-height: 1.7em;
background-image: url(images/dot.png);
text-align: left;
-webkit-transform: rotate(-0.6deg);
-moz-transform: rotate(-0.5deg); }
p { margin: 0; padding: 0; }
a { color: #ffb2b8; text-decoration: none }
a h2 { color: black; text-decoration: none; }
a h2:hover { color: #ff4141; text-decoration: none; }
a:hover { color: #ff4141; text-decoration: none b; -webkit-transform: rotate(-0.2deg); -moz-transform: rotate(-0.2deg);}
h1, h2, h3 { color: #3e3e48; font-size: 1em; font-weight: bold; text-decoration: none; text-transform: none; text-align: left; margin: 0; padding: 0 }
h1 {
font-size: 1.5em;
margin-top: 0.2em;
margin-bottom: 0.2em; }
.h1_index {
font-size: 2em;
background-color: transparent;
background-repeat: no-repeat;
vertical-align: middle;
height: 100px; }
h2 { font-size:1.2em; font-weight:bold; background-color: transparent; letter-spacing:-0.05em; position: relative; margin-top: 2px; margin-bottom: 5px; /* use top padding to adjust the start of the gradient */
width:100%; }
h1 span{ font-size: 1.2em; font-weight: bold; position:absolute; display:block; top:0; left:10px; height:40px; width:230px; background:url(images/gradient_1.png); }
h2 span { font-size: 1.2em; font-weight: bold; background: url(images/gradient_1.png) repeat-x; display: block; position: absolute; top: -4px; left: 0; width: 100%; height: 100%; }
img { border-width: 0; }
form { color: #7f7f7f; font-size: 0.9em; text-align: left; width: auto; float: left; margin: 0; padding: 0; display: inline; }
/**/
/**/
h2m { font-weight: bold; background-color: transparent; position: relative; margin-top: 2px; margin-bottom: 5px; }
.h3_area_line { font-size: 0.7em; line-height: 1em; text-align: left; width: 100%; clear: left; margin: 0 0 5px; padding: 0; border-top: 1px dashed #888; border-left: 1px dashed #888; display: block; }
.cate_label { color: #707070; font-size: 0.9em; line-height: 1em; width: 100%; height: 0.9em; margin: 0; }
.content { line-height: 1.6em; background-image: url(images/content_bkgnd.gif); background-repeat: no-repeat; background-position: 0 5px; margin: 0 7px 10px; -webkit-transform: rotate(0.0deg); -moz-transform: rotate(0.0deg); }
.content a {
color: #ff4141; }
.content img { margin: 0 2px 5px; }
.content p { }
.posted { font-size: 0.8em; clear: both; margin-top: 1em; margin-bottom: 5px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; border-left-color: #c9c9c9; border-left-width: 1px; display: block; }
.font_strong { font-weight: bold; }
/**/
#container_body { margin: 0; padding: 0; }
#container {
width: 90%;
clear: left;
margin: 32px 0 0 32px;
padding: 0; }
/**/
.container_tag { font-size: 0.8em; line-height: 1em; background-color: transparent; text-align: left; margin-right: 32px; margin-bottom: 0; }
.container_tag a { color: #ffb2b8; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; line-height: 1em; }
.container_tag a:hover {
color: #ff4141;
font-size: 2em;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
font-weight: bold; }
.container_tag img { line-height: 0; width: 60%; height: 60%; margin: 0; padding: 0; }
.container_tag table { margin: 0 10px 0 0; padding: 0; }
.container_tag td { text-align: right; width: auto; }
.tag_counter { font-size: 0.7em; position: relative; top: -5px; }
.img_tag { font-size: 0.8em; margin-left: 30px; }
/**/
/**/
#mainentry { font-size: 0.8em; line-height: 1.2em; background-color: transparent; text-align: left; width: 80%; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0; }
#mainentry h3 { line-height: 1.5em; }
#mainentry h2 {
font-size: 1.2em; }
#mainentry_archives { height: auto; float: left ; }
.mainentry_archives_content {
font-size: 1em;
background-color: transparent;
background-image: url(images/dot.png);
background-repeat: repeat;
width: 450px;
float: left;
min-height: 200px; }
.memo_line { background-image: url(images/memo_bkgnd.gif); background-repeat: no-repeat; background-position: 570px 0; width: 850px; }
/**/
/**/
.ping { color: #757999; font-size: 0.9em; }
.ping a { color: #757999; margin-right: 2px; padding-right: 2px; border-right-style: dashed; border-right-width: 1px; }
/**/
/**/
.h1_okanoarchives { color: #00c; position: relative; top: -10px; clear: both; margin: 0; padding: 0; display: block; }
.content_okanoarchives { color: #6e6771; font-size: 0.9em; font-family: "A-OTF リュウミン Pro M-KL", "A-OTF 教科書ICA Pro M", "小塚明朝 Pro M", "ヒラギノ明朝 Pro W3", 平成明朝, 細明朝体, "ＭＳ 明朝", "ＭＳ Ｐ明朝"; margin-bottom: 1em; }
.h2_okano_archives { font-size: 1.2em; font-family: "A-OTF 新ゴ Pro H"; line-height: 1.5em; display: inline; }
.okano_archives_link { width: 490px; }
/**/
/**/
#container_info { text-align: left; position: relative; top: -1117px; width: 100%; clear: both; }
#container_info table { float: left; }
#container_info h3 { float: left; margin: auto 0; padding: 0; display: inline; }
.td_google { width: 32px; }
/**/
#container_link { text-align: center; position: relative; top: -1117px; width: 100%; height: auto; clear: both; margin-right: auto; margin-left: auto; padding-top: 20px; display: block; }
.link_entry { font-size: 0.9em; line-height: 1.4em; margin: 0; padding: 0; width: 240px; height: auto; float: left; }
#curl { color: #f5f5f5; background-image: url(images/curl.gif); background-repeat: no-repeat; position: relative; left: 80%; width: 250px; height: 150px; clear: both; display: block; }
/**/
.archive_title { }
.archive_title_td { text-align: right; }
/**/
.tweet_btn {
margin-top: 0.2em; }