@charset "UTF-8"; /* PublishCharset into mt-config.cgi */

/*
 * File      : styles-site.css
 * Version   : 1.00
 * Copyright (C) 2010 TATSUNORI.NET All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Hiragino Kaku Gothic Pro W3, ヒラギノ角ゴ Pro W3, メイリオ, Osaka, Verdana, Arial, sans-serif;
}

body {
    font-size: 100%;
    color: #F7F7F7;
    background-color: #F7F7F7;
}

html>body {
    font-size: 12pt;
    }

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
a,
a:link,
a:visited {
    color: #FF0099;
    text-decoration: none;
}
a:hover {
    color: #FF0099;
    text-decoration: underline;
}
a:active {}

a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}

#search-options,
input,
textarea {
    padding: 1px;
}

#search {
    width: 140px;
    height: 20px;
}

html > body #search {
    height: 15px;
}

ul li {
    list-style: none;
}

p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* ヘッダ */
#header {
    padding: 20px 0 12px 5px;
    color: #999;
    background: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/header-back.gif);
    background-repeat: repeat-x;
    text-align: left;
}
#header h1 {
    display: block;
    float: left;
}
#header h1 a {
    display: block;
    margin: 0 0 0 0;
    height: 25px;
    width: 250px;
    background:url(http://www.tatsunori.net/img/title.png);
    background-repeat:no-repeat;
}
#header h1 span {
    display: none;
}

/* メニューバー */
#menu_bar {
    margin: 0 0 16px 0;
    padding: 0 0 0 10px;
    color: #36414d;
    height: 35px;
    background: transparent;
    background-image: url(http://www.tatsunori.net/img/menu_bar.gif);
    background-repeat: no-repeat;
    text-align: center;
    font-size: 10px;
    letter-spacing: 2px;
}
#menu_bar ul li {
    height: 32px;
    list-style: none;
    float: left;
    display: block;
    text-align: center;
}
#menu_bar li a{
    padding: 10px 0 0 0;
    height: 22px;
    font-weight: bold;
    display: block;
    text-decoration: none;
}
#menu_bar li a:hover{
    padding: 10px 0 0 0;
    height: 22px;
    font-weight: bold;
    display: block;
    background: #7C7C7C;
}
.menu_bar_home {
    width: 130px;
}
.menu_bar_home a{
    color: #36414d;
}
.menu_bar_home a:hover{
    color: #f7f7f7;
}
.menu_bar_border {
    width: 140px;
    border-left: 1px solid #7C7C7C;
}
.menu_bar_border a{
    color: #36414d;
}
.menu_bar_border a:hover{
    color: #f7f7f7;
}
.menu_bar_end {
    width: 130px;
    border-left: 1px solid #7C7C7C;
}
.menu_bar_end a{
    color: #36414d;
}
.menu_bar_end a:hover{
    color: #f7f7f7;
}
.menu_bar_visit {
    width: 139px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    background: #727272;
}
.menu_bar_visit a{
    color: #f7f7f7;
}
.menu_bar_visit a:hover{
    color: #f7f7f7;
}
.menu_bar_end_visit {
    width: 130px;
    border-left: 1px solid #7C7C7C;
    background: #727272;
}
.menu_bar_end_visit a{
    color: #f7f7f7;
}
.menu_bar_end_visit a:hover{
    color: #f7f7f7;
}

/* パンくずリスト */
.pankuzu {
    margin: 0 2px 10px 2px;
    padding: 0 10px 8px 10px;
    color: #36414d;
    font-size: 10px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    letter-spacing: 1px;
}

.pankuzu ul li {
    margin: 0 8px 0 0;
    list-style: none;
    display: inline;
}

/* サイドバートップ画像 */
.entry_side-top {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    height: 10px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry_side-top.gif);
    overflow: hidden;
}
.entry_side-top2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    height: 30px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry_side-top2.gif);
    background-repeat: no-repeat;
}
.entry_side-top-text {
    margin: 0 0 0 0;
    padding: 8px 0 0 12px;
    width: 168px;
    height: 30px;
    color: #36414d;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}
.entry_side-bottom {
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
    width: 170px;
    height: 10px;
    background: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/entry_side-bottom.gif);
    background-repeat: no-repeat;
}

/* 左サイドバー */

#entry_side_left {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    height: auto;
    float: left;
    background: #f7f7f7;
}

#entry_side_left a,
#entry_side_left a:link,
#entry_side_left a:visited {
    color: #777777;
    text-decoration: none;
}
#entry_side_left a:hover {
    color: #777777;
    text-decoration: none;
}
#entry_side_left a:active {}

.entry_side-body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    height: 440px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry_side.gif);
    background-repeat: repeat-y;
}

.entry_side-body2 {
    margin: 0 0 0 0;
    padding: 18px 0 0 0;
    width: 170px;
    height: 422px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry_side.gif);
    background-repeat: repeat-y;
    text-align: center;
}

ul.side_select {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ul.side_select li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}
ul.side_select li a{
    display: block;
}

.entry_side-img {
    padding: 18px 0 0 0;
    text-align: center;
}

.entry_side-text {
    margin: 0 10px 0 10px;
    padding: 5px 0 8px 0;
    color: #36414d;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    border-bottom: 1px solid #cccccc;
}

.wish_item_title {
    margin: 0 10px 18px 10px;
    padding: 5px 0 8px 0;
    color: #36414d;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    border-bottom: 1px solid #cccccc;
}

/* 右サイドバー */

#entry_side_right {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    height: auto;
    float: right;
    background: #f7f7f7;
}

#entry_side_right a,
#entry_side_right a:link,
#entry_side_right a:visited {
    color: #777777;
    text-decoration: none;
}
#entry_side_right a:hover {
    color: #777777;
    text-decoration: underline;
}
#entry_side_right a:active {}

/* サイドメニュータイトル */
.sidetitle {
    margin: 0 0 0 0;
    padding: 8px 0 3px 0;
    background: none;
    color: #36414d;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
}
/* サイドメニュー */
.side {
    margin: 0 0 0 0;
    background: none;
    color: #36414d;
    font-size: 10px;
    line-height: 16px;
    height: 173px;
    border-bottom: 1px solid #cccccc;
}

.side2 {
    margin: 0 0 0 0;
    background: none;
    color: #36414d;
    font-size: 10px;
    line-height: 16px;
    height: 202px;
    border-bottom: 1px solid #cccccc;
}

.side a,
.side2 a,
.side a:link,
.side2 a:link,
.side a:visited,
.side2 a:visited {
    color: #777777;
    text-decoration: none;
}

.side a:hover,
.side2 a:hover {
    color: #777777;
    text-decoration: underline;
}

.side a:active,
.side2 a:active {}

/* ブログ記事トップ画像 */
.entry-top {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 630px;
    height: 10px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry-top.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

.entry-top2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 630px;
    height: 30px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry-top2.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

.entry-top2-text {
    margin: 0 0 0 0;
    padding: 8px 0 0 12px;
    width: 630px;
    height: 30px;
    color: #36414d;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
}

/* ブログ記事ボトム画像 */
.entry-bottom {
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    width: 630px;
    height: 10px;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entry-bottom.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

/* ブログ記事日付 */
.date {
    margin: 0;
    text-align: left;
}

/* ブログ記事日付・各タイトル */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
    padding-left: 0;
    color: #36414d;
    background: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

/* ブログ記事タイトル */
.entry-header {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #36414d;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

/* ブログ記事 */

.entry-body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    min-height: 440px;
    background: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/entrybody-back1.gif);
    background-repeat: repeat-y;
    overflow: hidden;
 }

.entry {
    margin: 0 0 0 0;
    padding: 10px 22px 15px 22px;
    min-height: 390px;
    color: #36414d;
    font-size: 12px;
    line-height:24px;
    word-break: break-all;
    text-align: left;
    overflow: hidden;
 }

.entry2 {
    margin: 0 0 0 0;
    padding: 10px 22px 0 22px;
    color: #36414d;
    font-size: 12px;
    line-height:24px;
    word-break: break-all;
    text-align: left;
    overflow: hidden;
 }

/* 段落 */
.entry p,
.entry2 p {
    margin: 15px 0 0 0;
}

/* 順序なしリスト */
.entry ul,
.entry ol,
.entry2 ul,
.entry2 ol {
    margin: 10px 0 -5px 0;
    padding: 0 0 0 16px;
    line-height: 24px;
}
.entry ul li,
.entry2 ul li {
    margin: 0 0 0 0;
    list-style-type: square;
    line-height: 24px;
}

/* 定義リスト */
.entry dl,
.entry2 dl {}
.entry dt,
.entry2 dt {}
.entry dd,
.entry2 dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea,
.entry2 textarea {
    width: 97%;
}

/* エントリー画像 */
.entry img,
.entry2 img {
    margin: 0 0 0 0;
}

/* 引用 */
.entry blockquote,
.entry2 blockquote {
    width: auto;
    margin: 10px 0 -5px 0;
    padding: 0 0 0 0;
    border: 1px solid #C0C0C0;
    background: #F7F7F7 url(http://www.tatsunori.net/img/blockquote_start.gif)
    no-repeat; scroll top left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.entry blockquote p,
.entry2 blockquote p {
    width: auto;
    margin: 0 0 0 0;
    padding: 15px 30px;
    background: url(http://www.tatsunori.net/img/blockquote_end.gif)
    no-repeat scroll bottom right;
    font-size: 12px;
    line-height: 24px;
}

.quotetitle { /* 引用文タイトル */
    font-size: 12px;
    border-bottom: 1px solid #C0C0C0;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #fff;
    border: none;
    font-size: 83.3%;
    line-height: 16px;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */

li.entry-more {
    list-style-type: none;
    margin: 10px 0 0 -5px;
    height: 23px;
    width: 164px;
    background-image: url(http://www.tatsunori.net/img/continue.gif);
    background-repeat: no-repeat;
}

li.entry-more a,
li.entry-more a:link,
li.entry-more a:visited{
    margin: 0 0 0 12px;
    display: block;
    color: #f2f2f2;
    font-size: 10px;
    font-weight: bold;
}

li.entry-more a:hover {
    color: #36414d;
    text-decoration: none;
}

.entry.extended {}

/* 投稿者 */
.entry-footer {
    margin: 0 0 0 0;
    padding: 0 15px 8px 0;
    height: auto;
    color: #36414d;
    font-size: 10px;
    text-align: right;
}

.entry-footer-search {
    margin: 0 0 0 0;
    padding: 0 0 8px 0;
    height: auto;
    color: #36414d;
    font-size: 10px;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin: 0 0 0 0;
    height: auto;
    padding: 20px 22px 20px 22px;
    color: #36414d;
    font-size: 10px;
    text-align: left;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 10px;
    margin-right: 5px;
}
.entry-tags-list { 
    list-style: none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* ブックマークエントリー */
.entry_bookmarks {
    margin: 0 0 0 0;
    padding: 8px 22px 0 22px;
    min-height: 397px;
    color: #36414d;
    font-size: 12px;
    line-height:28px;
    word-break: break-all;
    text-align: left;
    overflow: hidden;
}
.entry_bookmarks ul li {
    margin: 0 15px 0 0;
    list-style: none;
    display: inline;
}

/* アーカイブテンプレートの前後リンク */

.content-nav {
    margin: 0 0 0 0;
    padding: 20px 3px 8px 3px;
    width: auto;
    text-align: left;
    background-image: url(http://www.tatsunori.net/img/entrybody-back1.gif);
    background-repeat: repeat-y;
}
.content-nav-left {
    width: 210px;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    text-align: left;
    font-size: 10px;
    float: left;
}
.content-nav-center {
    width: auto;
    margin: 0 210px 0 210px;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 10px;
}
.content-nav-right {
    width: 210px;
    margin: 0 0 0 0;
    padding: 0 17px 0 0;
    text-align: right;
    font-size: 10px;
    float: right;
}
.content-nav2 {
    margin: 0 0 14px 0;
    padding: 10px 0 10px 0;
    height: 35px
    width: auto;
    background-image: url(http://www.tatsunori.net/img/content-nav-back.gif);
    background-repeat: no-repeat ;
    color: #36414d;
    text-align: center;
    font-size: 12px;
    word-spacing: 10px;
    clear: both;
}

/* フォト表示欄 */
#thumb-bar {
    height: 114px;
    background-color: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/photo-back.jpg);
    background-repeat: no-repeat;
    margin: 0 0 8px 0;
    padding: 7px 15px 0 15px;
    text-align: center;
    clear: both;
} 

#thumb-bar p {
    margin: 0 0 5px 0;
    color: #f7f7f7;
    text-align: left;
    font-size: 10px;
}

#thumb-bar ul li {
    margin: 0 -1px 0 -1px;
    list-style: none;
    display: inline;
}

#thumb-bar img {
    height: 60px;
    width: 60px;
    border: solid 1px #F7F7F7;
    margin: 0 0 0 0;
} 

/* フッター上表示欄 */
#footer-entry {
    height: 154px;
    background-color: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/footer-entry_back1.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    clear: both;
} 

.footer-entry-1 {
    padding: 0 0 0 0;
    color: #36414d;
    float: left;
    display:inline ;
}

.footer-entry-2 {
    padding: 0 0 0 0;
    float: left;
    display:inline ;
}

.news1 {
    margin: 0 8px 0 0 ;
    padding: 0 0 0 5px;
    color: #36414d;
    text-align: left;
    font-size: 12px;
    float: left;
    display:inline ;
}

.touch_link {
    width: 315px;
    padding: 0 0 0 15px;
    color: #36414d;
    text-align: left;
    font-size: 12px;
    float: left;
    display:inline ;
}

.footer-entry-3 {
    padding: 0 0 0 0;
    float: right;
    display:inline ;
}

.twitter {
    height: 154px;
    width: 326px;
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    color: #36414d;
    line-height:20px;
    text-align: left;
    font-size: 12px;
}
.twitter img{
    margin: 0 0 0 15px;
}

#twitter_div {
    width: 310;
    margin: 0 0 0 0;
    padding: 18px 12px 0 18px;
    color: #36414d;
    text-align: left;
    font-size: 12px;
    float: none;
}

ul#twitter_update_list {
    height: 100px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul#twitter_update_list li {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    clear: both;
    list-style-type: none;
}

ul#twitter_update_list li span {
    display:block;
}

.twitter_bottom {
    height: 25px;
    width: 300px;
    margin: 0 0 0 0;
    padding: 0 12px 0 0;
    color: #36414d;
    line-height:20px;
    text-align: right;
    font-size: 12px;
}

/* フッターメニュー */
.footer_menu {
    margin: 0 2px 20px 2px;
    padding: 8px 5px 12px 5px;
    width: auto;
    text-align: right;
    color: #999999;
    font-size: 10px;
    word-spacing: 5px;
    background: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    clear: both;
}

/* ナビゲート */
.navigate {
    height: 175px;
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    border-bottom: 1px solid #C0C0C0;
}

/* 検索 */
fieldset {
    border: none;
}

/* クレジットバナー */
.powered {
    margin: -5px 0 0 0;
    padding: 0 8px 0 8px;
    text-align: center;
}

.powered img {
    margin: 8px 0 0 0;
}
.powered ul,
.powered li {
    list-style: none;
}
.powered-text {
    margin: 0 0 5px 0;
    padding: 0 0 8px 0;
    color: #36414d;
    font-size: 10px;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}

.powered-its {
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    color: #36414d;
    font-size: 10px;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}

.powered-google {
    margin: 0 0 0 0;
    padding: 8px 0 0 0;
    color: #36414d;
}

/* Google Adsense */
.google-adsense {
    margin: 0 0 0 0;
    padding: 15px 0 0 0;
    color: #36414d;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.google-adsense2 {
    margin: 0 0 0 0;
    padding: 25px 0 10px 0;
    color: #36414d;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

.google-adsense3 {
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    color: #36414d;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

/* コメント・トラックバック */
#comments {
    margin: 0 0 0 0;
    padding: 3px 20px 10px 20px;
    text-align: left;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entrybody-back1.gif);
    background-repeat: repeat-y;
}

.comments-body {
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #cccccc;
}

#trackbacks {
    margin: 0 0 0 0;
    padding: 20px 20px 10px 20px;
    text-align: left;
    background: #fff;
    background-image: url(http://www.tatsunori.net/img/entrybody-back1.gif);
    background-repeat: repeat-y;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

.comment-content,
.comments-open-content {
    margin: 0 0 0 0;
    padding: 12px 0 0 0;
    color: #36414d;
    font-size: 12px;
    line-height: 24px;
    word-break: break-all;
}

#trackbacks-info {
    margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
    color: #36414d;
    font-size: 12px;
    line-height: 24px;
    word-break: break-all;
}

.trackback-content {
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    color: #36414d;
    font-size: 12px;
    line-height: 24px;
    word-break: break-all;
}

.trackback-content p {
    margin: 10px 0 0 12px;
}

.trackback-content span {
    font-size: 10px;
}

.comment-content p {
    margin: 0 0 0 0;
}

.comment-footer {
    margin: 3px 0 20px 0;
    padding: 10px 0 10px 0;
    color: #36414d;
    font-size: 10px;
    text-align: right;
    border-bottom: 1px solid #cccccc;
}

.trackback-footer {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    color: #36414d;
    font-size: 10px;
    text-align: right;
    border-bottom: 1px solid #cccccc;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 250px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 560px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}
.comments-open label {
    display: block;
}

/* 検索結果画面 */

#search {
    width: 300px;
}
#search-form {
    font-size: 12px;
   }
#search-options {
    margin: 10px 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #C0C0C0;
}
.search-header {
    margin: 10px 0 20px 0;
    text-align: left;
}
.search-result-header {
    margin: 20px 0 20px 0;
    font-size: 12px;
}

.search-body {
    margin: 0 0 0 0;
    padding: 10px 22px 0 22px;
    background: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/entrybody-back1.gif);
    background-repeat: repeat-y;
    overflow: hidden;
 }

.search-body2 {
    margin: 0 0 0 0;
    padding: 50px 0 40px 0;
    color: #36414d;
    font-size: 12px;
    line-height:24px;
    word-break: break-all;
    text-align: center;
    overflow: hidden;
}

.search-body3 {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    color: #36414d;
    font-size: 12px;
    line-height:24px;
    word-break: break-all;
    text-align: left;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
}

.entry-header-search {
    margin: 8px 0 8px 0;
    padding: 0 0 0 0;
    color: #36414d;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.entry-tags-search {
    margin: 0 0 0 0;
    height: auto;
    padding: 20px 0 20px 22px;
    color: #36414d;
    font-size: 10px;
    text-align: left;
}

#searchform4 {
     width: 200px;
     background: url(http://www.tatsunori.net/img/input4.gif) left top no-repeat;
     display: block;
     height: 24px;
     position: relative;
}
#keywords4 {
     width: 156px;
     position: absolute;
     top: 3px;
     left: 12px;
     border: 1px solid #FFF;
}

#searchBtn4 {
     position: absolute;
     top: 3px;
     left: 174px;
}

/* カラム切り替え */
body.layout-three-column {
    text-align: center;
    background: #f7f7f7;
    background-image: url(http://www.tatsunori.net/img/header-back.gif);
    background-repeat: repeat-x;
}
.layout-three-column #container {
    margin-bottom: 10px;
}

/* 固定レイアウト共通 */
.layout-three-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    text-align: center;
    background-color: #f7f7f7;
}

/* 3カラム固定レイアウト幅 */
.layout-three-column #box {
    width: 986px;
    text-align: left;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
    width: 630px;
    margin: 0 178px 0 178px;
    text-align: center;
 }

.layout-three-column #links-left-box {
    margin: 0 0 0 0;
    width: 178px;
    float: left;
    display:inline ;
}

.layout-three-column #links-right-box {
    margin: 0 0 0 0;
    width: 178px;
    float: right;
    display:inline ;
}

.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 0 10px 0 10px;
}

/* 3カラム固定レイアウト(ブログ記事全体) */
.layout-three-column .blog {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    height: auto;
}

/* フッタ */
.layout-three-column #footer {
    margin-right: auto;
    margin-left: auto;
    padding: 5px 0 5px 0;
    color: #36414d;
    background: #f7f7f7;
    font-size: 12px;
    text-align: center;
}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac *