/*
 * File      : styles-site.css
 * Version   : 5.02_REV1.0
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 * 3.00 2006.06.27: Update for Movable Type 3.3.
 * 3.01 2006.07.07: correct class selector.
 * 4.00 2007.05.11: XHTML 1.0 Strict.
 * 4.01 2007.06.16: Update for Movable Type 4.
 * 4.02 2007.11.12: add div.page class selector.
 * 5.00 2008.02.01: Update for Movable Type 4.1.
 * 5.01 2008.08.18: Update for Movable Type 4.2.
 * 5.02 2008.09.17: change footer height. 
 *
 * Copyright (C) 2005-2008 www.koikikukan.com All rights reserved.
 *
 * 2012.10.30 Media Queries 導入
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
    color: #ffffff;
}
html>body {
    font-size: medium;
}

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

/* リンク */
a {
    color: #ccccff;
    text-decoration: none;
}
a:link,
a:visited {
    color: #ccccff;
}
a:hover {
    color: #ccccff;
    text-decoration: underline;
}
a:active {}
.speciallink a,
.speciallink a:link,
.speciallink a:visited,
.speciallink a:hover {
    color: #87ceeb;
}

/* リンクつき画像 */
a img {
    border: none;
}

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

/* dummy div */
p .hidediv {
    display: none;
}

/* ヘッダ */
#header {
    background-color: #222222;
    background-image: url("http://www.mizunara.com/top-banner-iwakagami.JPG");
    background-position: 1px top;
    background-repeat: no-repeat;
    height: 80PX;    
    border-bottom: 2px solid #666600;
    text-align: left;
    line-height: 1.0;
}
#blog-name {
    margin-top: 0px;
    text-align: left;
    margin-left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}
#blog-name a {
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
}
#blog-name a:link,
#blog-name a:visited {
    color: #ffffff;
}
#blog-name a:hover {}
#blog-name a:active {}

/* ブログ説明　*/
.blog-description {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 20px;
    text-align: left;
    color: #eeeeee;
    font-size: 13px;
}

#search-options,
input,
textarea {
    padding: 1px;
    background: #cccccc;
}
#search-options {
    margin-bottom: 20px;
}
.kensaku {    
    padding-top: 5px;
    text-align: right;
}
#search {
    width: 140px;
    height: 20px;
    padding-right: 1px;
    font-size: 10pt;
    background: #cccccc;
}
.buttom {
    height: 20px;
    vertical-align: bottom;
    font-size: 9pt;
    margin-left: -5px;
    margin-right: 15px;
    padding-right: 0px;
}
html > body #search {
    height: 15px;
}

/* ナビゲーションバー */
.topnavi,
.topnavi2 {
    width: 100%;
    height: auto; /*23px;*/
    background: #000000;
}
.topnavi2 {
    font-size: medium;
}

/* ブログ記事日付 */
.date {
    margin: 8px 0 0;
}

/* ブログ記事日付・各タイトル */
.date,
.trackbacks-header,
.lastyearentry-header,
.zenbackfield-header,
.comments-header,
.comments-open-header,
.mail-header,
.search-result-header,
.search-header {
    padding-left: 8px;
    color: #ffffff;
    background: #666666;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 1.5;
}
.heading-bar {
    margin: 10px 0 0 0;
    padding-left: 8px;
    color: #ffffff;
    background: #666666;
    font-weight: bold;
    line-height: 1.5;
}
.date span.jpholiday {
    padding-left: 10px;
    color: red;
    font-weight: normal;
}
/* ブログ記事タイトル */
.entry-header {
    margin: 15px 0 15px 0;
    font-size: 100%;
    font-weight: bold;
    padding-left: 7px;
    border-left: 5px solid #9999ff;
}
.entry-header-gallery {
    margin: 8px 0 0 0;
}

/* ブログ記事 */
.entry {
    width: auto;
    margin: 0 3px 15px;
    color: #ffffff;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
}
.entry-body {
}
.entry-more {
    clear: both;
}
/*.entry-body > p:nth-child(2):first-letter,*/
p.dropcap:first-letter {
    float: left;
    font-size: 180%;
    line-height: 1.0;
    background-color: #6b0082;
    border-radius: 0.2em;
    color: #ffffff;
    padding: 3px;
    margin-right: 1px;
}

/* 段落 */
.entry p {
    margin: 15px 0;
}
.line-spacing {
    height: 15px;
}

/* お薦め広告 */
.pr-block {
    font-size: 75%;
    text-align: center;
    margin-bottom: 15px;
}

/* 順序なしリスト */
.entry ul {
    padding-left: 16px;
}
.entry ol {
    margin-left: -6px;
    padding-left: 32px;
}
.entry ul li {
    list-style-type: circle;
}
.entry ol li {
    list-style-type: decimal;
}
.entry ul li ul {
    padding-left: 16px;
}
.entry ol li ul {
    padding-left: 16px;
}
.entru ol li ol {
    margin-left: -5px;
    padding-left: 16px;
}
.entry ol li ul li {
    list-style-type: circle;
}

/* 昨年の今日の記事 */
.lastyearentry {
    margin-top: 5px;
    margin-bottom: 15px;
}
.lastyearentry-header {
    margin-top: 15px;
    margin-bottom: 15px;
}    
.lastyearentry ul {
    padding-left: 16px;
}
.lastyearentry ul li {
    list-style-image: url("http://www.mizunara.com/list-style-page.gif");
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {}

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

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    border: 1px solid #999999;
    background: #444444;
    color: #ffffff;
/*    font-size: 83.3%; */
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
/*    font-size: 105%; */
    border-bottom: 1px solid #999999;
    padding: 3px 8px 3px 8px;
}
.quotedescription { /* カスタマイズ引用文概要 */
    padding: 5px 8px;
}
blockquote p { /* カスタマイズ以前の引用文概要 */
    padding: 0 8px 0 8px;
}

/* カスタマイズ リスト */
.customizelist,
.customizeitem {
    background-color: #444444;
    padding: 10px;
    border-radius: 0.5em;
}
.customizelist ol {
    counter-reset: olcount 0;
    margin-left: -30px;
}
.customizelist ol li {
    list-style-type: none;
}
.customizelist ol li:before {
    content: "第 " counter(olcount,upper-roman) " 章 ";
    counter-increment: olcount 1;
}
.customizelist .customizeitemlist {
    margin: 5px 0 5px 35px;
}
.customizeitemlist ol li {
    list-style-type: decimal;
    margin-left: 0;
}
.customizeitemlist ol li:before {
    content: "";
}
.customizeitem ol li {
    margin-left: -4px;
    list-style-type: decimal;
}

/* コーディングリスト */
pre {
    margin: 15px 0 10px 5px;
    padding: 0 10px 15px 15px;
    background: #444444;
    color: #ffffff;
    border: 1px solid #999;
    font-size: 90%;
    line-height: 1.5;
    width: 90%;
    overflow: auto;
}
/*html>body pre {
    width: 87%;
}*/

/* 追記 */
.entry.extended {}

/* 脚注 */
.footnotes {
    margin: 5px 0 10px 0;
    padding: 5px 0;
}
div.footnotes:before {
    content: "脚注";
}
.footnotes ul {
    border-top: 1px dotted #eeeeee;
}
.footnotes ul li {
    margin-left: -13px;
    list-style: none;
}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #888888;
    font-size: 83.3%;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header {
    font-size: 95%;
    float: left;
}
.entry-tags-list {
    list-style: none;
    margin-left: 20px;
}
.entry-tag {
    display: inline;
    list-style: none;
    padding-right: 5px;
}

/* ブックマーク */
.entry-bookmarks {
    margin: 5px 0 5px 0;
    height: 25px;
    font-size: 83.3%;
    text-align: right;
    vertical-align: bottom;
}
.hatenabutton {
    margin-left: -3px;
    width: 30px;
}
.pocketbutton {
    display: inline-block;
    margin-left: 0;
    width: 100px;
}
.yahoobutton {
}
.followbutton {
}
.blogmura {
    margin-left: 10px;
    width: 60px;
}

/* シェアー・ボタン類 */
.share-button {
    margin: 15px 0 5px 0;
    height: 25px;
    font-size: 83.3%;
    text-align: right;
    vertical-align: bottom;
}
.twitterbutton {
    margin-right: 0;
    width: 90px;
}
.mixibutton {
    margin-left: -29px;
    width: 70px;
    vertical-align: middle;
}
.fbbutton {
    margin-left: 10px;
    width: 100px;
/*    vertical-align: 10%;*/
}
.google-plus {
    margin-left: -15px;
    width: 40px;
}

/* Zenback */
.zenbackfield { /* zenbackフィールド */
    margin: 30px 0 0 0;
    text-align: left;
}
#zenback {
    margin: 0;
    padding: 0;
    font-size: 11pt;
}
#zenback-widget .zenback-module {
    margin: 0;
}
#zenback-widget .zenback-module-label {
    font-size: 90%;
}
#zenback-widget .zenback-module-content {
    font-size: 90%;
}
#zenback-widget #zenback-related-keywords {
    font-size: 90%;
}
#zenback-widget .zenback-module-message {
    font-size: 85%;
}

/* ランキング */
.entry-ranks {
    margin-top: 10px;
    margin-bottom: 5px;
}
.entry-ranks-header {
    padding: 0;
    font-size: 100%;
}
.entry-ranks-list,
.entry-rank {
    display: inline;
    font-size: 75%;
}
.entry-rank { 
    list-style: none;
    padding-right: 5px;
}

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

/* ウェブページ */
div.page {
    margin-top: 8px;
}
.gallery-end {
    clear: both;
    padding: 0 0 10px 0;
}
/* ギャラリー */
.season-header {
    clear: both;
    margin: 15px 0 15px 0;
    padding-left: 8px;
    color: #ffffff;
    background: #666666;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}

/* 閲覧環境 */
.validator {
    padding-left: 0;
}
.validhtml,
.validcss {
    width: 88px;
    height: 31px;
}
.validcss {
    padding-left: 5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px 0 15px;
    text-align: center;
    font-size: 83.3%;
    color: #ffffff;
    word-break: break-all;
}
.content-nav2 {
    margin: 15px 0;
    text-align: center;
    font-size: 83.3%;
    color: #ffffff;
    word-break: break-all;
}
.content-nav2-header {
    margin-top: 20px;
    padding-left: 8px;
    color: #ffffff;
    background: #666666;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 1.5;
}
/* アーカイブテンプレートのパンくずリスト */
.breadcrumb {
    margin: 10px 0 20px 0;
    font-size: 83.3%;
    text-align: left;
}
.breadcrumb2 {
    margin: -10px 0 10px;
    font-size: 83.3%;
    text-align: left;
}
/* アーカイブテンプレートのページ分割リスト */
.pagenate_hr {
    margin: 30px auto 30px auto;
    height: 5px;
    background-color: #666666;
    border: none;
}    
.pagenate {
    margin: -10px auto 20px auto;
    font-size: 83.3%;
    text-align: center;
}
.pagenate ul {
    list-style-type: none;
}
.pagenate ul li {
    display: inline-block;
    margin: 0 1px;
    list-style-type: none;
}
.pagenate ul li .link_before {
    padding: 2px 3px;
    background-color: #165e83;
    border-radius: 0.3em;
}
.pagenate ul li span {
    padding: 2px 3px;
    font-weight: bold;
/*    background-color: #165ebf;*/
    border: 1px solid #165ebf;
}
.pagenate ul li .link_next {
    padding: 2px 3px;
    background-color: #165e83;
    border-radius: 0.3em;
}

/* 写真集 */
.booksbreadcrumb {
    margin: 10px 0 15px;
    font-size: 100%;
    text-align: left;
}
.bookstitlelist {
    list-style: none;
    margin-left: 0;
}
.bookstitle {
    display: inline;
    list-style: none;
    padding-right: 5px;
}

/* カレンダー */
#calendar {
    margin: 5px auto 15px auto;
    text-align: center;
    color: #ffffff;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 11px;
    letter-spacing: 0.2em;
}
#calendar table {
    margin: 0 auto 0 auto;
    padding: 0;
    table-layout: fixed;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 8px;
    width: 25px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 11px;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #cccccc;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0088ff;
}

/* POPカレンダー・リンク */
.oldcalendar {
    margin: 5px auto 15px auto;
    width: auto;
    text-align: center;   
}
.oldcalendar div {
    margin: 0 auto;
    width: 100px;
    height: 16px;
    background-color: #165e83;
    border: 1px solid #666666;
    border-radius: 0.5em;
    text-align: center;
    font-weight: bold;
}

/* サイド・バー　*/
#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

.side dt,
.side dd {
    margin: 0;
    padding: 0;
}

/* サイドメニュータイトル */
.sidetitle {
    display: inline-block;
    margin-top: 3px;
    width: 185px;
    height: 25px;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    border-radius: 0.5em;   
    color: #ffffff;
    font-size: 77%;
    font-weight: bold;
    line-height: 2.0;
    overflow: hidden;
    background: #666666;
    background: linear-gradient(to bottom,#474747,#999999);
    background: -moz-linear-gradient(#474747, #999999);
    background: -webkit-linear-gradient(#474747,#999999);
    /*background: -ms-linear-gradient(#474747,#999999);*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#999999', GradientType=0)";*/
}
.sidetitle a,
.sidetitle a:hover {
    color: #ffffff;
}
.sidetitle span {
    padding-left: 16px;
}
.sidetitle img {
    padding-left: 2px;
    vertical-align: text-top;
}

/* サイドメニュー */
.side,
.side-site,
.sidecat,
.side-blogpeople,
.monthly {
    margin: 3px 0 20px 3px;
    background: none;
    color: #ffffff;
    font-size: 75%;
    line-height: 1.5;
    word-break: break-all;
}
.side ul,
.side-site ul,
.sidecat ul,
.side ol {
    padding-left: 0;
}
.side ul li {
    list-style-type: none;
    padding: 0 0 0 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/entry.gif") no-repeat left 0.25em;
}
.side ul li ul,
.side-site ul li ul,
.sidecat ul li ul {
    padding-left: 0;
}
/* .side ul li ul li {
    list-style-type: none;
}
.side li li {
    list-style-type: none;
} */
.side ul li ul .side-comment {
    list-style-type: none;
    padding: 0 0 0 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/comments.gif") no-repeat left 0.3em;
}
.side ul li ul .side-trackback {
    list-style-type: none;
    padding: 0 0 0 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/trackbacks.gif") no-repeat left 0.3em;
}
.sidecat ul li { /* カテゴリ・月別アーカイブで使用 */
    list-style-type: none;
    padding: 0 0 0 16px;
    line-height: 1.5em;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/categories.gif") no-repeat -2px 0.15em;
}
/*.sidecat ul li ul li {
    list-style-type: none;
    padding: 0 0 0 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/categories.gif") no-repeat left 0.15em;
}*/
.sidecat .nonsubcat {
    line-height: 1.5em;
    padding-left: 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/categories.gif") no-repeat left 0.15em;
}
.sidecat .havesubcat {
    line-height: 1.5em;
}
.sidecat .havesubcat img {
    margin-left: 0;
    vertical-align: text-bottom;
    padding-right: 4px;
}
.sidecat ul li.tree {
    list-style: none;
    margin-left: 30px;
    padding-left: 12px;
    background: url(tree_lst.gif) no-repeat;
}
.sidecat ul li.tree_end {
    list-style: none;
    margin-left: 30px;
    padding-left: 12px;
    background: url(tree_end.gif) no-repeat;
}
.side-site ul li {
    list-style-type: none;
    padding: 0 0 0 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/weblogs.gif") no-repeat left 0.1em;
}
.side-site ul li ul li {
    list-style-type: none;
    padding: 0 0 0 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/entry.gif") no-repeat left 0.25em;
}

/* サイドメニュー(サブカテゴリー用) */
/* .side #categories ul {
    padding-left: 0;
}
.side #categories ul ul {
    padding-left: 10px;
}
.side #categories li {
    list-style-type: none;
    padding: 0 0 0 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/categories.gif") no-repeat left 0.3em;
} */

/* サイドメニュー（月別アーカイブ年別ツリー化折りたたみ用）　*/
.monthly img {
    vertical-align: text-bottom;
    padding-right: 4px;
}
.monthly ul {
    padding-left: 16px;
    list-style: none;
}
.monthly ul li.tree {
    margin-left: 16px;
    padding-left: 12px;
    background-image: url(tree_lst.gif);
    background-repeat: no-repeat;
    list-style: none;
}
.monthly ul li.tree_end {
    margin-left: 16px;
    padding-left: 12px;
    background-image: url(tree_end.gif);
    background-repeat: no-repeat;
    list-style: none;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 300%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 250%;
    font-weight: bold;
}
ul#tags li.taglevel3 {
    font-size: 210%;
}
ul#tags li.taglevel4 {
    font-size: 160%;
}
ul#tags li.taglevel5 {
    font-size: 120%;
}
ul#tags li.taglevel6 {
    font-size: 80%;
}

/* 一部折りたたみ　*/
.list_more {
    margin:5px 0;
}
.morebooktitle {
    margin: -10px 0 10px;
    font-size: 75%;
}
.morebooktitle span {
}
.morebooktitle img {
    padding: 0;
    vertical-align: text-top;
}

/* Newマーク挿入 */
span.new {
    display: none;
    color: red;
    font-weight: bold;
}

/* 最近のブログ記事 hover画像 */
span.hoverimg a img {
    position: absolute; /* img は a を基準にした絶対位置指定 */
    top: 25px;
    left: 10px;
    display: none; /* 最初は不可視状態 */
    border: 2px solid #555555;
}
span.hoverimg a:hover {
    position: relative;
}
span.hoverimg a:hover img {
    display: block;
}

/* 写真集サムネイル・インデックス */
.photo-index-table {
    margin: 0 0 10px 0;
    float: left;
    border-collapse: separate;
    border-spacing: 7px 5px;
    border: none;
}
.photo-index-thumb {
    width: 99px;
    height: 66px;
    text-align: center;
    border: 2px solid #000000;
}
.photo-index-rating {
    width: 99px;
    text-align: center;
    border: none;
}
.photo-index-rating input {
    padding: 0;
    border: none;
    background: #333333;
    color: #cccccc;
}
.photo-index-spacing {
    height: 10px;
}
.index-photo {
    display: inline;
    float: left;
    margin: 0 5px 5px 0;
    width: 99px;
    height: 66px;
    text-align: center;
    border: 2px solid #000000;
}

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

/* カウンター */
.counter {
    margin: 8px 0 20px;
    border: 1px solid #000000;
    padding: 5px;
    text-align: center;
    background: none;
}
.footer-counter {
    margin: 0 0 5px 15px;
    border: 1px solid #333333;
    padding: 5px;
    text-align: left;
}

/* RSSフィード */
.field-credit {
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
    background: #444444;
    border: 1px solid #999999;
}
.syndicate {
    margin: 0 auto 0 auto;
    padding: 15px 0 10px 0;
    width: 128px;
    text-align: left;
}
.syndicate img {
    border: none;
}
/* クレジットバナー */
.powered {
    margin-bottom: 10px;
    width: 185px;
    height: auto;
    text-align: left;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    text-align: center;
}
/*.module-powered img {
    border: 2px solid #222222;
}*/

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackback,
.comment-parent {
    margin-bottom: 5px;
    border: 1px solid #666666;
}
.comment-child {
    margin-left: 20px;
    margin-bottom: 5px;
    border: 1px solid #666666;
}

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

#trackbacks-info,
.trackback-content,
.lastyearentry-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0 3px 0 3px;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 15px;
    padding: 3px;
    border-top: 1px dotted #999999;
    font-size: 66.6%;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    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;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

/* 検索結果画面 */
#search-results {
}
#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-results-header {
    margin: 8px 0 20px;
    font-size: 100%;
}

/* メール・モジュール　*/
.mails {
    margin: 10px 0;
    font-size: 75%;
    line-height: 1.5;
}
.mail-header {
    margin: 15px 0;
}
.mail-content {
    margin: 0 2px;
}
.mail-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

/* スライド・ショー　*/
.top-space {
    margin: 15px 0 15px 0;
    width: auto;
    text-align: center; /* for ie */
}
.top-frame {
    width: 360px;
    height: 240px;
    margin: 0 auto; /* for FF,other */
    border: 3px solid #666666;
    padding: 3px;
    /*border-left: 3px solid #666666;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;*/
    text-align: center;
}
.top-photo {
    /*margin: 0 auto 0 auto;
    width: 360px;
    height: 240px;
    padding: 3px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #666666;
    border-bottom: 2px solid #666666;
    text-align: center;*/
}

/* トップ・メッセージ　*/
.top-message {
    margin: 8px auto 20px auto;
    width: auto;
    text-align: center;
}
.top-message p {
    margin: 0 auto;
    width: 400px;
    background: #444455;/*#44617b;*/
    border: none;
    border-radius: 0.5em;
    padding: 8px;
    color: #dddddd;
    font-size: 83.3%;
    font-weight: bold;
    line-height:1.5;
    text-align: left;
}

/* トピックス表示　*/
.top-attention {
    margin: 20px 8px 25px 8px;
    padding: 3px;
    background: #444444;
    border: 1px solid #666666;
    color: #cccccc;
    font-size: 75%;
    line-height:1.5;
}
.top-attention p {
    margin: 3px 0;
}
.top-attention ul {
    padding-top: 5px;
    padding-left: 16px;
}
.top-attention ul li {
    list-style-type: circle;
}
.topic-header {
    color: #ffff00;
}
.top-footer {
    margin: 20px 8px 20px 8px;
    text-align: center;
}
.jishin-border {
    margin: 0 20px 0 15px;
    border: 1px solid #999999;
    padding-left: 20px;
}
.jishin {
    margin: 5px 0 5px 5px;
    font-size: 80%;
}
.rss-jwa-column {
    margin: 0 auto 25px auto;
    padding: 5px 10px;
    width: 400px;
    background: #474747;
    border: none;
    border-radius: 0.5em;
    text-align: left;
}
.rss-jwa-column-title {
    padding: 5px 0 5px 0;
    font-size: 80%;
}
.rss-jwa-column .rss-box,
.rss-jwa-column .rssFeed .rssBody {
    margin: 0;
}
.rss-jwa-column .rss-box ul,
.rss-jwa-column .rssFeed .rssBody ul {
    list-style-type: none;
    font-size: 75%;
}
.rss-jwa-column .rss-box ul li,
.rss-jwa-column .rssFeed .rssBody ul li {
    list-style-type: none;
    padding: 0 0 5px 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/entry.gif") no-repeat left 0.25em;
}
.rss-date {
    padding-left: 10px;
    color: #90ee90;
}
.rss-jwa-column .rssFeed .rssBody ul li div {
    clear: both;
    color: #90ee90;
}

/* 写真家バッチ　*/
.photographer {
    margin-top: 16px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #444444;
    border: 1px solid #999999;
}

/* アマゾン */
.favarite-article {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background: #444444;
    border: 1px solid #999999;
}
.amazon {
    padding: 10px;
    text-align: center;
}
.amazon-nosub {
    margin: 5px 0 0 0;
    width: 120px;
    text-align: left;
    font-size: 80%;
}

/* モニター調整画面 */
.monitor-image {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

/* 回線スピード測定ページ */
.speedmeter {
    padding: 15px;
}

/* イメージ・リスト */
.image-list {
    border-spacing: 10px;
}
.image-list-item {
    width: 170px;
    font-size: 10px;
}

/* ブログツール */
.blogtool {
    margin: 3px 0 0 0;
    width: 185px;
}

/* ブログツール ページランキング*/
.weeklypagerank {
    margin: 15px auto 15px auto;
    width: 180px;
    padding: 0 0 5px 0;
    border: 2px solid #666666;
    border-radius: 0.5em;
}
.weeklypagerank p {
    margin: 5px auto 5px auto;
    text-align: center;
    color: #ffffff;
    font-size: 100%;
}
.weeklypagerank-viewer {
    margin: 0 auto 5px auto;
    line-height: 1.5;
}
#pagerank_viewer {
    width: 170px;
    margin: 5px 0 5px 5px;
    padding: 0;
    text-align: left;
    border: none;
}
ul#page_rank {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
}
ul#page_rank a {
    text-decoration: none;
}
ul#page_rank a:link,
ul#page_rank a:visited,
ul#page_rank a:active {
}
ul#page_rank a:hover {
    text-decoration: underline;
}
ul#page_rank li {
    margin: 0;
    padding: 0 0 2px 0;
    line-height: 1.5;
    list-style-type: none;
    padding: 0 0 0 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/entry.gif") no-repeat left 0.2em;
}
ul#page_rank li a {
}
ul#page_rank li a span.right {
    margin-right: 0;
    float: right;
    font-weight: normal;
}
ul#page_rank li a span.desc {
    display: block;
    font-size: 100%;
    font-weight: normal;
}
ul#page_rank li.rank_list_odd a {
}
ul#page_rank li.rank_list_eve a {
}
ul#page_rank li a:hover {
}
.rank_info {
    margin: 5px 0 0 0;
    width: 100%;
    padding: 5px 0 0 2px;
    font-size: 83.3%;
    color: #cccccc;
    font-weight: normal;
    border-top: 1px solid #cccccc;
}

/* 写真ランキング */
/*.photo-ranking {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 5px 0 10px 0;
    border: 2px solid #666666;
}*/

/* ACR WEB アクセスランキング */
.weeklyaccessrank {
    margin: 15px auto 5px auto;
    width: 178px;
    padding-left: 0;
    text-align: left;
    border: 2px solid #666666;
    border-radius: 0.5em;
}
.weeklyaccessrank p {
    margin: 5px 0 10px 0;
    text-align: center;
}
.weeklyaccessrank-viewer {
    width: auto;
    margin: 10px auto 5px auto;
    line-height: 1.5;
}
.weeklyaccessrank-logo {
    text-align: right;
    margin-right: 3px;
    padding-bottom: 5px;
}
/* ACR WEB ページランキング */
.acr-pagerank {
    float: right;
    padding: 0 3px 5px 0;
} 
  
/* ゲーム */
.game {
    margin: 15px 0 20px 0;
    text-align: center;
}
.gameselector {
    margin: 5px 0 5px 0;
    font-size: 83.3%;
}
.gamebody {
    margin: 0;
    vertical-align: top;
    overflow: hidden;
}
.gamelink {
    margin: 5px 10px 20px 0;
    text-align: right;
    color: #999999;
    font-size: 80%;
}
/* ツイッター */
.twitter {
    margin: 10px auto 15px auto;
    text-align: center;
    width: 175px;
    overflow: hidden;
    border: 2px solid #aaaaaa;
    border-radius: 0.5em;
}
.twitter .twitter-header {
    height: 30px;
    background-color: #2a2a2a;
    padding-top: 10px;
    text-align: center;
}
.twitter .twitter-footer {
    height: 45px;
    background-color: #2a2a2a;
    padding-top: 20px;
    text-align: center;
}

/* 憲法改正問題 */
.kyujyo {
    margin: 10px auto 18px auto;
    text-align: center;
    width: 180px;
    height: 250px;
    background-color: #444444;
    border: 1px solid #aaaaaa;
    border-radius: 0.5em;
}
.kenpo96jyo {
    margin: 10px auto 18px auto;
    text-align: center;
    width: 180px;
    background-color: #444444;
    border: 1px solid #aaaaaa;
    border-radius: 0.5em;
}
.kenpo96jyo span img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
/*    filter: grayscale(100%);*/
}
.kenpo96jyo span img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
/*    filter: grayscale(0%);*/
}

/* フッター */
.copyright {
    padding-top: 5px;
    text-align: center;
}
.uniquecount {
    margin: 3px auto 0 auto;
    width: 102px;
    height: 19px;
}
.uniquecount img {
    width: 102px;
    height: 19px;
}
.pv-analytics {
/*    margin: 0 auto 0 auto;*/
}
.pvcount {
    margin-top: 0;
}
.pvcount img {
    vertical-align: middle;
}
.analytics {
/*    position: absolute;*/
    margin: -5px 0 0 20px;
    vertical-align: middle;
}
.analytics img {
    width: 55px;
    height: 20px;
    vertical-align: baseline;
}
.acrweb {
    padding-left: 10px;
    vertical-align: middle;
}

/* トップに戻るボタン */
.aquatop {
    position: fixed;
    background-color: transparent;
    bottom: 10px;
    right: 10px;
}

/* リンク集 */
.linkpanel {
    margin: 8px 0 12px 0;
    border: 3px solid #708090;
    border-radius: 8px;
    padding: 0 15px 10px 15px;
}
.link-title {
    margin: 8px auto 15px auto;
    text-align: center;
    font-size: 110%;
}
/*.linksitetitle ul li {
    list-style-type: none;
    padding-left: 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/weblogs.gif") no-repeat 0 0.1em;
    margin-left: 0;
}*/

/* リンクリストのNewマーク挿入 */
.rssfeedlink ul li {
    list-style-type: none;
    padding-left: 16px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/categories.gif") no-repeat 0 0.1em;
}
.rssfeedlink ul li ul li,
.linksitetitle ul li {
    list-style-type: none;
    padding-left: 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/weblogs.gif") no-repeat 0 0.1em;
    margin-left: -16px;        
}
.linklist-remark {
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #999999;
}

/* ポータルサイト */
.portalsite {
    margin: 8px auto 20px auto;
    width: 450px;
    font-size: 83.3%;
}
.portphoto {
    margin-left: 15px;
    width: 170px;
    float: left;
    padding: 8px;
    border: 3px solid #708090;
    border-radius: 1em;
}
.portwall {
    margin-left: 235px;
    width: 170px;
    padding: 8px;
    border: 3px solid #708090;
    border-radius: 1em;
}
.portphoto .porttitle,
.portwall .porttitle {
    text-align: center;
    margin-bottom: 8px;
    font-size: 100%;
    background-color: #165e83;
    /*border: 1px solid #165e83;*/
    border-radius: 0.5em;
}
.portphoto ul li,
.portwall ul li {
    list-style-type: none;
    padding-left: 20px;
    background: transparent url("http://www.mizunara.com/cgi-bin/mt/mt-static/images/nav_icons/color/weblogs.gif") no-repeat 0 0;
    margin-left: 0;        
}

/* 脱原発ページ */
.nonukes {
    margin: 16px auto 20px auto;
    padding: 10px 0 10px 0;
    text-align: center;
    background: #444444;
    border: 1px solid #999999;
    border-radius: 0.5em;
}
.nonukes-logo {
    margin: 0 auto 0 auto;
    width: 128px;
    height: 128px;
    background: url(http://www.mizunara.com/919poster-grey.gif) no-repeat center;
}
.nonukes-logo:hover {
    background: url(http://www.mizunara.com/919poster.gif) no-repeat center;
}
.twit-nonukes {
    margin: 8px auto 15px auto;
    border: 2px solid #aaaaaa;
    border-radius: 0.5em;
}
.web-nonukes {
    margin: 25px 0 15px 0;
    font-size: 83.3%;
    padding-left: 16px;
}
.web-nonukes-header {
    margin-bottom: 10px;
    font-size: 110%;
}
.nonukes-link {
    margin-top: 10px;
}

/* カラム切り替え　*/
body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    text-align: center;
    background: #00007d;
}
.layout-three-column #container,
.layout-three-column-right #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-one-column #container {
    margin-bottom: 0;
}

/* 固定レイアウト共通 */
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-one-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    text-align: left;
    background-color: #333333;
}

/* 3カラム固定レイアウト幅 */
.layout-three-column-right #box,
.layout-three-column #box {
    width: 920px;
}

/* 2カラム固定レイアウト幅 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
}

/* 1カラム固定レイアウト幅 */
.layout-one-column #box {
    width: 920px;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
    float: left;
    width: 490px; /*488px;*/
/*    border-bottom: 1px solid #666600;
    border-left: 1px solid #666600;
    border-right: 1px solid #666600; */
    background-color: #2a2a2a;
    margin-left: 215px;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 215px;
}
.layout-three-column #links-left-box {
    margin-left: -920px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 15px 0 15px;
}
/* 3カラム固定レイアウト（右サイドバー） */
.layout-three-column-right #content {
    float: left;
    width: 483px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-right #links-left-box {
    float: left;
    width: 180px;
}
.layout-three-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column-right #links-left {
    padding: 15px 5px 0 15px;
}
.layout-three-column-right #links-right {
    padding: 15px 15px 0 15px;
}

/* 2カラム固定レイアウト(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}

/* 2カラム固定レイアウト(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
}

/* 1カラム固定レイアウト */
.layout-one-column #content {}

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

/* 2カラム固定レイアウト(左サイドバー:ブログ記事全体) */
.layout-two-column-left .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(右サイドバー:ブログ記事全体) */
.layout-two-column-right .blog {
    padding: 10px 15px;
}

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

/* リキッドレイアウト(ブログ記事全体) */
.layout-three-column-liquid .blog,
.layout-two-column-liquid-left .blog,
.layout-two-column-liquid-right .blog,
.layout-one-column-liquid .blog {
    padding: 15px;
}

/* 3カラムリキッドレイアウト */
.layout-three-column-liquid #content {
    margin: 0 185px 20px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-liquid #links-left{
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
}
.layout-three-column-liquid #links-right{
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
}

/* 2カラムリキッドレイアウト(右サイドバー) */
.layout-two-column-liquid-right #content {
    margin: 0 185px 10px 0;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-liquid-right #links-right {
    position: absolute;
    width: 155px;
    top: 95px;
    right: 15px;
}

/* 2カラムリキッドレイアウト(左サイドバー) */
.layout-two-column-liquid-left #content {
    margin: 0 0 10px 185px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-liquid-left #links-left {
    position: absolute;
    width: 155px;
    top: 95px;
    left: 15px;
}

/* 1カラムリキッドレイアウト */
.layout-one-column-liquid #content {
    margin: 0 100px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    background: #fff;
}
/* 1カラムリキッドレイアウト用 */
/* タイトルバナー */
.layout-one-column-liquid #header {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}

/* 1カラム用 */
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer,
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column-liquid #footer {
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #669;
    height: 80px;
    color: #999999;
    background: #000000;
    font-size: 9pt;
    text-align: center;
    line-height: 1.5em;
}
.layout-three-column #footer,
.layout-three-column-right #footer {
    width: 920px;
}
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 665px;
}
.layout-one-column #footer {
    width: 920px;
}
.layout-three-column-liquid #footer {
    font-size: 12px;
    text-align: center;
    padding-bottom: 15px;
}
.layout-two-column-liquid-left #footer,
.layout-two-column-liquid-right #footer {
    font-size: 12px;
    text-align: center;
    padding-bottom: 15px;
}
.layout-one-column-liquid #footer {
    margin-right: 100px;
    margin-left : 100px;
}


/* ------------------ media queries 定義 ------------------ */
/* 中版メディア */
@media only screen and (min-width:725px) and (max-width:940px) {

.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    text-align: left;
    background-color: #333333;
}
/* 2カラム固定レイアウト（左、右サイドバー） */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 478px;
}
.layout-two-column-left #content,
.layout-two-column-right #content {
    float: none;
    border-bottom: 1px solid #666666;
    border-left: none;
    border-right: none;
    width: 478px;
    margin-left: 0;
}
.layout-two-column-left #links-left-box,
.layout-two-column-right #links-right-box {
    float: left;
    width: 478px;
    margin-left: 0;
    margin-left: 0;
}
.layout-two-column-left #links-left,
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 478px;
}
/* 3カラム固定レイアウト(右サイドバー) */
.layout-three-column #box,
.layout-three-column-right #box {
    width: 705px;
}
.layout-three-column #content,
.layout-three-column-right #content {
    /*float: left;*/
    width: 488px;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: none;
    margin-left: 0px;
}
.layout-three-column #links-right-box,
.layout-three-column-right #links-right-box {
    float: left;
    width: 215px;
    margin-left: 0;
}
.layout-three-column #links-right,
.layout-three-column-right #links-right {
    padding: 15px 15px 0;
}
.layout-three-column #links-left-box,
.layout-three-column-right #links-left-box {
    float: right;
    width: 215px;
    margin-left: 0;
}
.layout-three-column #links-left,
.layout-three-column-right #links-left {
    padding: 15px 15px 0;
}
.layout-three-column #footer,
.layout-three-column-right #footer {
    width: 705px;
}
/* 3カラムリキッド(右サイドバー) */
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content {
    margin-left: -200px;
    width: 100%;
}
.layout-three-column-liquid-right #content {
    margin-right: 0px;
}
.layout-three-column-liquid #links-left-box,
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-left-box,
.layout-three-column-liquid-right #links-right-box {
    float: none;
}
.layout-three-column-liquid .blog,
.layout-three-column-liquid-right .blog {
    margin: 0 0 0 200px;
}
.layout-three-column-liquid #links-left-box,
.layout-three-column-liquid-right #links-left-box {
    margin-right: -200px;
    top: 0;
    width: 200px;
}
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right {
    padding: 0 15px;
    height: 95%; /* for IE6 */
}
.layout-three-column-liquid-right #links-left-box {
    top: 15px;
}
}
/* ------------------------------------------------------ */
/* スモール　メディア */
@media only screen and (max-width:724px) {

body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-three-column-liquid,
body.layout-three-column-liquid-right {
    background: #00007d;
}
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-three-column-liquid #box,
.layout-three-column-liquid-right #box {
    width: 470px; /*100%;*/
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    text-align: left;
    background-color: #333333;
}
.layout-three-column #content,
.layout-three-column-right #content,
.layout-two-column-left #content,
.layout-two-column-right #content,
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content {
    width: 100%;
    float: none;
    border-bottom: 1px solid #666666;
    border-left: none;
    border-right: none;
    margin-left: 0;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box,
.layout-three-column-right #links-left-box,
.layout-three-column-right #links-right-box,
.layout-two-column-left #links-left-box,
.layout-two-column-right #links-right-box,
.layout-three-column-liquid #links-left-box,
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-left-box,
.layout-three-column-liquid-right #links-right-box {
    float: none;
    width: 215px;
    margin: 0 auto 0 auto;
/*    margin-left: 0;
    margin-left: 0; */
}
.layout-three-column #links-left,
.layout-three-column #links-right,
.layout-three-column-right #links-left,
.layout-three-column-right #links-right,
.layout-two-column-left #links-left,
.layout-two-column-right #links-right,
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right {
    padding: 15px 15px 0 15px;
}
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-three-column-liquid #footer,
.layout-three-column-liquid-right #footer {
    width: 470px; /*100%;*/
}
.layout-three-column-liquid .blog,
.layout-three-column-liquid-right .blog {
    margin: 0;
}
html>body {
    font-size: medium;
}
}
/* media queries 定義　終了 */

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 */

/* Top Navigation Chromestyle */
.chromestyle{
    width: 100%;
    font-size: 75%;
    font-weight: normal;
    border-bottom: 1px solid #666600;
}
/*.chromestyle:after{ */ /*Add margin between menu and rest of content in Firefox*/
/*    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/
.chromestyle ul{
    border: none;
    width: 100%;
    color: #cccccc;
    background: #000000; /*THEME CHANGE HERE*/
    padding: 3px 0px 3px 0px;
    margin: 0;
    text-align: center; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
    display: inline;
}
.chromestyle ul li a,
.chromestyle ul li a:visited{
    color: #cccccc;
    padding: 2px;
    margin: 0 15px 0 0;
    text-decoration: none;
    border-right: none;
}
.chromestyle ul li a:hover, 
.chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    background: #cccccc; /*THEME CHANGE HERE*/
    border-radius: 0.3em;
}
/* CHROME NAVI Style for Drop Down Menu */
.dropmenudiv{
    position:absolute;
    top: 0;
    border: 2px solid #bbb; /*THEME CHANGE HERE*/
    border-bottom-width: 1px;
    border-radius: 0.3em;
    font: normal 83.3% Verdana;
    line-height:18px;
    z-index:1000;
    color: #cccccc;
    background-color: #444444;
    width: 230px;
    visibility: hidden;
}
.dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 2px 0 2px 5px;
    text-decoration: none;
    font-weight: normal;
    color: #cccccc;
}
* html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #cccccc;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}