@charset "utf-8";


/* general
----------------------------------------- */

* {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

body {
margin: 0;
padding: 0;
background: #ffffff;
color: #666666;
font-size: small;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.6;
}

table,
td,
th,
tr {
font-size: small;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
line-height:1.6;
}

p,
li,
dt,
dl {
line-height:1.6;
}

p {
margin:0 0 1em 0;
}

a img {
border: 0;
}

strong {
font-weight: bold;
}

.middle {
vertical-align: middle;
}


/* clearfix
----------------------------------------- */

.pkg:after {
content: "";
display: block;
clear: both;
}

.pkg {
display: inline-table;
min-height: 1%;
}

* html .pkg {
height: 1%;
}

.pkg {
display: block;
}


/* png
----------------------------------------- */

img,
div {
behavior: url(/common/htc/iepngfix.htc);
}


/* link
----------------------------------------- */

a {
color: #21aef4;
}

a:link,
a:visited {
text-decoration: none;
}

a:hover,
a:active {
color: #acacac;
text-decoration: underline;
}


/* container
----------------------------------------- */

#container {
width: 860px;
margin: 20px auto 0 auto;
padding: 0 10px;
}


/* left
----------------------------------------- */

#left {
float: left;
width: 160px;
margin: 0 20px 0 0;
}

#left h1 {
margin: 0 0 30px 0;
}

#left #left_inner {
width: 120px;
margin: 0 auto;
}

#left h2 {
color: #acacac;
font-size: small;
font-weight: bold;
margin: 0 0 10px 0;
}

#left ul {
list-style: none;
margin: 0 0 30px 0;
}


/* center
----------------------------------------- */

#center {
float: left;
position: relative;
width: 600px;
margin: 0 20px 0 0;
}

#center #header {
position: relative;
border-bottom: 1px #acacac dotted;
color: #acacac;
height: 90px;
}

#center #header #header_txt {
position: absolute;
right: 0;
bottom: 0;
text-align: right;
}

#center #header h2 {
color: #acacac;
font-size: small;
font-weight: bold;
margin: 0 0 2px 0;
}

#entry {
margin: 0 0 2px 0;
}

#entry .entry_inner {
border-bottom: 1px #acacac dotted;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
}

#entry .entry_inner .date {
color: #acacac;
font-size: small;
line-height: 1.3;
}

#entry .entry_inner .title,
#entry .entry_inner .title a {
font-size: medium;
font-weight: bold;
margin: 0 0 1em 0;
}

#entry .entry_inner .txt {
font-size: small;
}

#entry .entry_inner .txt .left {
float: left;
margin: 0 1em 1em 0;
}

#entry .entry_inner .txt .center {
text-align: center;
margin: 0 0 1em 0;
}

#entry .entry_inner .txt strong {
font-weight: bold;
}

#entry .entry_inner .txt em {
font-style: oblique;
}

#entry .entry_inner .txt blockquote {
color: #a0a0a0;
border-left: 2px #a0a0a0 solid;
background: #efefef;
margin: 0 0 1em 0;
padding: 5px 5px 5px 10px;
}

#entry .entry_inner .txt ul {
font-size: small;
list-style: inside circle;
margin: 0 0 1em 0;
}

#entry .entry_inner .txt ul li {
text-indent: -1em;
padding: 0 0 0 1em;
}

#entry .entry_inner .txt ol {
font-size: small;
list-style: inside decimal;
margin: 0 0 1em 0;
}

#entry .entry_inner .txt ol li {
text-indent: -1em;
padding: 0 0 0 1em;
}

#entry .entry_inner .posted {
font-size: 85%;
padding: 1em 0 0 0;
}

#center .preview {
position: absolute;
left: 0;
}

#center .next {
position: absolute;
right: 0;
}


/* comments
----------------------------------------- */

#comments {
border-bottom: 1px #acacac dotted;
margin: 20px 0 0 0;
padding: 0 0 20px 0;
}

#comments h2 {
font-size: medium;
font-weight: bold;
margin: 0 0 1em 0;
}

#comments .comments-content {
border-bottom: 1px #acacac dotted;
padding: 0 0 20px 0;
}

#comments .comment {
background: #f4fbfe;
margin: 0 0 5px 0;
_margin: 0;
padding: 10px 10px 5px 10px;
}

#comments .comment .name {
font-weight: bold;
}

#comments-open {
margin: 20px 0 0 0;
}

#comments-open-data .label01 {
margin: 0 0 2px 0;
}

#comments-open-data .label01 label {
float: left;
width: 210px;
margin: 0 20px 0 0;
}

#comments-open-data .label01 input,
#comments-open-data .label01 textarea {
float: right;
width: 350px;
}

#comments-open-footer .label02 {
float: left;
width: 210px;
margin: 0 20px 0 0;
}

#comments-open-footer .button {
float: right;
text-align: right;
width: 350px;
}

#comments-open-footer #comment-post {
width: 120px;
text-align: center;
}


/* comment_fix
----------------------------------------- */

#container_comment {
position: relative;
width: 600px;
margin: 50px auto 0 auto;
}

#txt_comment {
position: absolute;
top: 50%;
left: 180px;
margin-top: -3em;
}

#txt_comment h2 {
font-size: medium;
font-weight: bold;
line-height: 1;
margin: 0 0 1em 0;
}


/* right
----------------------------------------- */

#right {
float: left;
width: 60px;
margin: 50px 0 0 0;
}

#right #movable {
position: absolute;
top: 0;
}

#right #movable h2 {
margin: 0 0 8px 0;
}


/* footer
----------------------------------------- */

#footer {
text-align: center;
color: #acacac;
margin: 2em 0;
}