@charset "UTF-8";

body {
margin:0;
background:#FFF;
font-family:Meiryo,'メイリオ',verdana,'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',OSAKA,'ＭＳ Ｐゴシック','trebuchet MS',trebuchet,arial,sans-serif;
}

a,
a:link,
a:visited {
color:#7388A5;
text-decoration:none;
}

a:hover {
color:#A1B0BD;
text-decoration:underline;
}

a:active {
color:#7388A5;
text-decoration: none; 
}


h1, h2, h3, h4, h5{
padding: 0px;
margin: 0px;
}

#banner {
color:#FFF;
font-size: large;
font-weight:bold;
background:#FFF;
padding-left:15px;
}

#back-top {
background: #ffffff;
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url("http://www.iq7073.com/hattorinchi/img/back_line_top.jpg");
height:204px;
}

#back-top1 {
background: #ffffff;
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url("http://www.iq7073.com/hattorinchi/img/back_line_top.jpg");
height:230px;
}

#back-top1 h1{
font-size:1px;
font-weight:normal;
text-indent:-9999px;
background:transparent url(http://www.iq7073.com/hattorinchi/img/title_top.gif) no-repeat left top;
height:56px;
width:417px;
margin:0;
}

#back-top1 h1 a {
display:block;
height:56px;
width:417px;
border:none;
}

#back-main {
background: #ffffff;
background-position: center;
background-repeat: repeat-y;
background-image: url("http://www.iq7073.com/hattorinchi/img/back_line_main.jpg");
}

#back-bottom {
background: #ffffff;
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url("http://www.iq7073.com/hattorinchi/img/back_line_bottom.jpg");
}

.description {
color:#666;
font-size: small;
font-weight:bold;
background:#FFF;
}

#content {
float:left;
width:71%;
background:#FFF;
}

#links { 
float:right;
text-align:left;
width:27%;
margin-top:5px;
padding:0 5px 0 0;
}

.blog {
text-align:left;
padding-top:10px;
}

.blog-top {
background: #ffffff;
background-position: left top;
background-repeat: no-repeat;
background-image: url("http://www.iq7073.com/hattorinchi/img/blog_waku_top.gif");
height:40px;
text-align:left;
font-size: 14px;
color: #ffffff; 
font-weight:bold;
padding: 9px 0 0 35px;
margin-top:10px;
}

.blog-main {
background: #ffffff;
background-position: left top;
background-repeat: repeat-y;
background-image: url("http://www.iq7073.com/hattorinchi/img/blog_waku_main.gif");
line-height:150%;
padding: 0 15px 0 15px;
text-align:left;
}

.blog-main-honbun {
text-align:left;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
width:465px;
padding: 10px 0 5px 0;
}

.blog-bottom {
background: #ffffff;
background-position: left bottom;
background-repeat: no-repeat;
background-image: url("http://www.iq7073.com/hattorinchi/img/blog_waku_bottom.gif");
height:10px;
margin-bottom:15px;
}

.blogbody {
text-align:left;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
padding:5px;
margin-bottom:10px;
}

.title { 
font-size: medium;
color: #999; 
font-weight:bold;
}

#menu {
margin:10px 0 15px 0;
background:#FFF;
font-size: small;
font-weight:bold;
}

.date{ 
font-size: medium;
color: #FAA137; 
font-weight:bold;
padding: 0 0 3px 0;
margin:5px 0 5px 0;
border-bottom:2pt solid #FAA137;
}

.posted { 
font-size: x-small;
color: #666; 
text-align:right;
margin:0 0 15px 0;
width:100%;
}

.posted1 { 
font-size: x-small;
color: #666; 
text-align:right;
}

.category{ 
font-size: x-small;
color: #999; 
text-align:left;
}

.calendar {
color:#666;
font-size: x-small;
font-weight:normal;
padding:1px;
}

.calendarhead {
color:#CC9933;
font-size: x-small;
font-weight:bold;
background:#FFF;
line-height:150%;
}

.side {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
line-height:160%;
margin-top:10px;
margin-bottom: 20px;
padding:0 0 0 5px;
}

.side-calen {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
line-height:160%;
margin-top:10px;
margin-bottom:10px;
}

.side_entry {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
margin-top:8px;
margin-bottom: 15px;
padding: 0 0 0 5px;
}

.side_entry_list {
margin-bottom: 10px;
}

.side_comment {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
line-height:150%;
margin-top:10px;
margin-bottom: 15px;
padding: 0 0 0 5px;
}

.sidetitle {
color:#999;
font-size: small;
font-weight:bold;
background:#FFF;
line-height:150%;
padding:0px;
margin-top:10px;
border-bottom:1px solid #CCC;
text-transform:uppercase;
letter-spacing: .2em;
}

.side ul {
padding: 0px;
margin-bottom: 15px;
}

.side li {
color: #777777;
text-align: left;
line-height: 150%;
margin-bottom: 8px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.syndicate {
font-size:9px;
font-weight:bold;
line-height:150%;
padding:2px;
margin-top:10px;
text-align:center;
background:#FFF;
 }

.powered {
color:#666;
font-size:9px;
font-weight:bold;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
line-height:150%;
text-transform:uppercase; 
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing: .2em
}

.comments-body {
color:#666;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
padding:10px;
border-bottom:1px solid #CCC;
}

.comments-write {
color:#666;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
padding:10px;
}

.comments-post {
color:#666;
font-size: small;
font-weight:normal;
background:#FFF;
padding-left:15px;
margin-bottom:10px;
background-position: left top;
background-repeat: no-repeat;
background-image: url("http://www.iq7073.com/hattorinchi/img/blog_arr.gif");
}

.comments-postday {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
margin-bottom:10px;
}

.comments-head { 
font-size: small;
font-weight:bold;
color: #FAA137; 
padding: 0 0 3px 0;
margin:0 0 5px 0;
border-bottom:2pt solid #FAA137;
}

.trackback-main {
color:#666;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
padding-top:5px;
}

.trackback-body {
color:#666;
font-size: small;
font-weight:normal;
background:#FFF;
line-height:150%;
padding:15px 0 10px 0;
border-bottom:1px solid #CCC;
}

.trackback-url {
color:#666;
font-size: small;
font-weight:normal;
background:#E1E1E1;
line-height:150%;
padding:5px;
border:1px solid #CCC; 
}

.trackback-post {
color:#666;
font-size: x-small;
font-weight:normal;
background:#FFF;
margin:10px
margin-bottom:20px;
}

.trackback-posttitle {
color:#666;
font-size: x-small;
font-weight:bold;
background:#FFF;
padding-left:15px;
background-position: left top;
background-repeat: no-repeat;
background-image: url("http://www.iq7073.com/hattorinchi/img/blog_arr.gif");
}

#banner-commentspop {
color:#FFF;
font-size: large;
font-weight:bold;
background:#CCC;
padding:15px;
border:1px dotted #CCC; 
}

blockquote {
font-size: small;
line-height:150%;
border-left: 2px solid Silver;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
width: auto
}

.footer {
color:Silver; 
font-weight:14px;
font-size: 9px; 
padding:2px;
margin-top:10px;
text-align:center;
 }

.code{
font-size: small;
color: White;
line-height:150%;
background-color: #FFF;
border-left: 10px solid #CCC;
padding: 5px;
margin-left: 15px;
margin-right: 15px;
width: auto
}

.hot{
color:Lime;
}

.font14 {
font-size:15px;
line-height:150%;
font-weight:bold;
}

.font12 {
font-size: small;
line-height:150%;
font-weight: normal;
}

.font12normal {
font-size: 12px;
font-weight: normal;
}

.font10{
font-size: x-small;
line-height:150%;
font-weight: normal;
}

.green{
font-size: small;
color: green; 
line-height:150%;
font-weight: normal;
}

.greens{
font-size: x-small;
color: green; 
line-height:150%;
font-weight: normal;
}

hr{
height: 1px;
color: #cccccc;
width:95%;
}

form {
margin:0px;
}

select {
border-left:1px solid Dimgray;
border-right:1px solid Dimgray;
border-top:1px solid Dimgray;
border-bottom:1px solid Dimgray;
font-size: 12px;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',OSAKA,'ＭＳ Ｐゴシック',sans-serif;
width:90%;
background-color:#FFFFFF;
}

input {
border-left:1px solid Dimgray;
border-right:1px solid Dimgray;
border-top:1px solid Dimgray;
border-bottom:1px solid Dimgray;
font-size: 12px;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',OSAKA,'ＭＳ Ｐゴシック',sans-serif;
background-color:#FFFFFF;
}

textarea {
border-left:1px solid Dimgray;
border-right:1px solid Dimgray;
border-top:1px solid Dimgray;
border-bottom:1px solid Dimgray;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',OSAKA,'ＭＳ Ｐゴシック',sans-serif;
background-color:#FFFFFF;
font-size: 12px;
}

DIV.sotowaku {
background-color:"#DDDDDD";
text-align:left;
border:dotted 1pt #999;
padding:10px;
margin:4px;
}

DIV.tensen {
width:98%;
border-bottom:dotted 1pt #999;
}

img.pic {
border-top: solid 1px #DDDDDD;
border-left: solid 1px #DDDDDD;
border-bottom: solid 1px #AAAAAA;
border-right: solid 1px #AAAAAA;
background-color: white;
padding: 6px;
}

.p-top {
margin: 0 0 8px 0;
}

.img-borderline{
border: 1px solid #CCC;
color: #CCC;
padding: 0;
margin: 0;
}

.bottom-line {
border-top: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
font-size:10px;
color: #999999;
width:675px;
padding: 5px 0 5px 0;
text-align:center;
}

.keitai-VT {
background: url("http://www.iq7073.com/hattorinchi/img/mm_mobile.gif") no-repeat 0 0;
border-bottom: double 3px #cc3300;
color: #cc3300;
font-size: 100%;
font-weight:bold;
padding: 15px 0 2px 0;
}