@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
Name   : blogmedia/2ch_cobaltblue_3c
==================================================
*/

/* Table of Contents
==================================================
    01. Text - フォント・リンク
    02. Layout - 全体の枠組み
    03. Title - ブログタイトルエリア
    04. SubTitle - アーカイブタイトルエリア
    05. Pager - ページャ
    06. Main - 記事エリア
    07. Option - トラックバック・コメントエリア
    08. Sub & Extra - プラグインエリア
    09. Header & Footer - ヘッダー・フッター
    10. Others - ADエリア etc.
==================================================
*/




/* =============================================== */
/** とっぷへ */
/* ----------------------------------------------- */
.page-back {
 position: fixed;
 bottom: 10px;
 left: 10px;
}


/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */

html,body,div,h1,.h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,b,i {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
body {
    color: #333;
    font-family: Verdana ,sans-serif;
    font-size: .8em;
    word-wrap: break-word;
}
img {
    border: 1;
}

a:hover {
    text-decoration: none;
}
table#header a{
    color: #eee;
}
#blog-title a {
    color:  	#67e47e;
    font-size: 500%;
    text-shadow: 8px 08px #000;
    text-decoration: none;
}

blog-title img {
                  border:none;
}

#blog-title a:hover {
    text-decoration: underline;
    color: #66FF00;
}
#blog-description {
    color: #66cbff;
}
.archives-title {
    color: #333;
}

#main a:link,
#main a:active {
    color: #000;
}
#main a:visited {
    color: #727b69;
}
#main a:hover {
color:#f92500;
text-decoration:underline;
}

#sub a:link,
#sub a:active,
#extra a:link,
#extra a:active {
    color: #000;
}
#sub a:visited,
#extra a:visited {
    color: #727b69;
}
#sub a:hover,
#extra a:hover {
color:#f92500;
text-decoration:underline;
}

#main .article-title a:link,
#main .article-title a:active,
#main .article-title a:visited {
    color: #242424;
    text-decoration: none;
}

#main .article-title a:hover {
    text-decoration: underline;
}

#main ul.article-post li a {
    color: #777;
}

.article-date-outer {
    color: #999;
}

ul.ping-info li.ping-date,
ul.comment-info li.comment-date {
    color: #8d8d8d;
}

.sidetitle {
    color: #fff;
}

#sub .sidetitle a,
#extra .sidetitle a {
    color: #fff;
}

#sub table.caltblday a:visited,
#extra table.caltblday a:visited {
    color: #777;
}

.footer-outer,
.footer-outer a {
}


/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    background-color: #fffacd;
}

#container {
    width: 1280px;
    margin: 0 auto;

    background-color: #fff;
}

* html #container {
    position: relative;
    top: -1px;
}
*:first-child+html #container {
    position: relative;
    top: -1px;
}


#content {
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}

#main,
#sub,
#extra {
    overflow: hidden;
}


/* 3col */
.message-board-outer {
    margin: 0 215px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/3c_headline_btm.gif) repeat-y;
}
.message-board-outer-2 {
    padding: 10px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/3c_headline_top.gif) no-repeat;
}
#main {
    float: left;
    display: inline;
    width: 955px;
}
#main > .column-inner {
    float: right;
    width: 770px;
    padding-top: 2px;
}
#sub {
    float: left;
    display: inline;
    width: 172px;
    background: url(http://blog.livedoor.jp/i6469/parts/bg_sub_middle.gif) repeat-y left top;
}
#sub .column-inner {
    background: url(http://blog.livedoor.jp/i6469/parts/bg_sub_bottom.gif) no-repeat left bottom;
}
#sub .column-inner-2 {
    padding: 7px 6px;
    background: url(http://blog.livedoor.jp/i6469/parts/bg_sub_top.gif) no-repeat left top;
}
#extra {
    float: right;
    display: inline;
    width: 310px;
    background: url(http://blog.livedoor.jp/i6469/parts/bg_extra_middle.gif) repeat-y left top;
}
#extra .column-inner {
    background: url(http://blog.livedoor.jp/i6469/parts/bg_extra_bottom.gif) no-repeat left bottom;
}
#extra .column-inner-2 {
    padding: 7px 5px;
    background: url(http://blog.livedoor.jp/i6469/parts/bg_extra_top.gif) no-repeat left top;
}
.calendarheadbody,
.sidetitlebody {
    margin-bottom: 10px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/3c_ttl_btm.gif) no-repeat left bottom;
    color: #fff;
}
.calendarheadbody .calendarhead,
.sidetitle {
    padding: 5px 0 7px 15px;
    text-align: left;
    background: #90ee90;
border-left: 7px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
no-repeat left top;
    font-weight: bold;
color: #000!important;
}
.side {
    margin: 0 0 30px 0;
    text-align: left;
}


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

#container:after,
#content:after,
ul.article-navigator:after,
ul.archives-navigator:after,
.article-body:after,
.article-body .article-body-more:after,
#trackback-form ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/** hasLayout */
.blog-title-outer,
.archives-title,
.article-body,
.article-footer,
.article-title,
.pager,
ul,
.index-navigator-outer {
    height: 1%;
}

/** peek-a-boo bug */
#trackback-form,
#trackbacks-list,
#comments-list,
#comment-form {
    height: 1%;
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

.blog-title-outer {
    min-height: 122px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/header.gif) repeat-x top;
    text-align: left;
}

.blog-title-outer-2 {
    width: 996px;
    margin: 0 auto;
}

.blog-title-outer-3 {
    padding: 20px 10px 15px;
}


h1#blog-title {
    font-size: 120%;
    font-weight: bold;
}

.blog-description-outer {}

p#blog-description {
    margin: 0;
    padding: 4px 0 0 0;
    line-height: 135%;
}

/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */

.archives-title-outer {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    text-align: center;
    font-size: 1.2em;
}
.archives-title-outer-2 {}

.archives-title-outer-3 {}

.archives-title {
    padding: 10px;
    background: #f0f0f0;
    text-align: center;
    font-size: 1.2em;
}


/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */

.pager {
    margin-bottom: 10px;
    text-align: left;
}

.pager-inner {
    padding-bottom: 15px;
}

.index-navigator-outer,
.archives-pager-outer,
.article-pager-outer {}

/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

ul.index-navigator {
    padding-top: 15px;
    height: 36px;
    text-align: center;
}
ul.index-navigator li,
ul.index-navigator li ol {
    display: inline-block;*display: inline;*zoom: 1;
    margin: 0!important;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
    display: inline-block;*display: inline;*zoom: 1;
    font-weight: bold;
    line-height: 28px;
    margin: 0 2px;
    padding: 0 10px;
    text-decoration: none;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
}
ul.index-navigator li.current span {
    background-color: #D8D8D8;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:hover {
    background-color: #eee;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
ul.index-navigator a:visited {
    color: #555;
}

/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

ul.archives-pager {
    padding-top: 15px;
    font-size: 1em;
}

ul.archives-pager li {
    padding: 2px 5px;
}

ul.archives-pager li a {
    padding: 0 5px;
}

ul.archives-pager li.both {
    border-left: 1px solid #575e69;
}

/* ----------------------------------------------- */
/** ArticlePager - 個別記事ページ */

ul.article-pager {
    padding-top: 15px;
    font-size: 1em;
}

ul.article-pager li {
    float: left;
    width: 49%;
    line-height: 1.25;
}

/* = special tech ... borderの高さを揃えるため */
ul.article-pager {
    overflow: hidden;
}

ul.article-pager li {
    padding-top: 1px;/* 1px余白（上部） */
    padding-bottom: 100px;
    margin-bottom: -99px;/* 1px余白（下部） */
}

ul.article-pager li a {
    display: block;
    margin: 0 10px;
}

ul.article-pager li.prev {
    text-align: right;
}

ul.article-pager li.next {
    text-align: left;
}

ul.article-pager li.both {
    border-left: 1px solid #8d8d8d;
}


/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

.article-outer {
    margin-bottom: 35px;
    text-align: left;
}

/* ----------------------------------------------- */
/** 記事ヘッダー */

.article-header {
    padding: 8px 0;
    border-top: solid 4px #90ee90;
}

/*** 日付 */
.article-date-outer {
    float: left;
    font-size: 108%;
    font-weight: bold;
}

.article-date-outer span.article-date {
    margin-right: 3px;
    margin-right: 0.25em;
}

.article-date-outer span.article-time {}

/*** カテゴリ */
.article-category-outer {
    float: left;
}

.article-category-outer dl.article-category {
    padding-left: 20px;
    line-height: 1.25;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_categry.gif) no-repeat 0 0;
}

.article-category-outer dl.article-category dt,
.article-category-outer dl.article-category dd {
    display: inline;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    font-size: 1em;
}

.article-category-outer dl.article-category dt {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

/*** カテゴリアーカイブページではカテゴリを非表示にする */
body.category .article-category-outer {
    display: none;
}

/** 記事タイトル */
.article-title-outer {
    margin-bottom: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/title_line.gif) repeat-x left bottom;
}

.article-title {
    clear: left;
    margin: 0;
    font-size: 150%;
    font-weight: bold;
    padding: 3px 0;
}

.article-tool-box-header .article-meta {
    text-align: right;
}
.article-tool-box-header .article-meta li {
    list-style: none;
    min-height: 16px;
    font-size: 82%;
    display:inline-block;*display:inline;*zoom:1;
}
.article-tool-box-header .article-meta li.article-comment-count {
    padding: 3px 5px 3px 20px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_comment.gif) no-repeat 0 1px;
}
.article-tool-box-header .article-meta li.article-trackback-count {
    padding: 3px 5px 3px 20px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tracback.gif) no-repeat 0 0;
}
.article-tool-box-header .article-meta li.article-author img {
    vertical-align: middle;
    margin: 0 4px 2px 0;
}
.article-tool-box-header .article-meta li.article-author {
    margin-left: 10px;
}


/* ----------------------------------------------- */
/** 記事本文 */

.article-body {
    clear: both;
    background-color: transparent;
    padding: 10px 10px 5px;
    line-height: 170%;
}

.article-body-inner {
    overflow: hidden;
}

/*** 続きを読む */
.article-body span.article-continue {
    display: block;
    margin-top: 1em;
}

.article-body .article-body-more,
.article-body .article-body-private {
    clear: both;
    margin-top: 1em;
}


.article-body h1 {
    padding: 5px 0 5px 5px;
    border-bottom: solid 1px #878787;
    border-left: solid 7px #878787;
    margin: 10px 0;
    font-size: 180%;
}
.article-body .{
    padding: 5px 0 5px 5px;
    margin: 10px 0;
    border-bottom: solid 1px #878787;
    border-left: solid 7px #878787;
    font-size: 150%;
}
.article-body h3 {
    margin: 10px 0;
    font-size: 130%;
}
.article-body h4 {
    font-size: 120%;
    margin: 10px 0;
}
.article-body h5 {
    font-size: 110%;
    margin: 10px 0;
}
.article-body h6 {
    font-size: 105%;
    margin: 10px 0;
}

.article-body ol {
    margin: 10px 20px;
}
.article-body ul {
    margin: 10px 15px;
}

.article-body dt {
    font-weight: bold;
}

.article-body dd {
    margin-left: 1em;
}

/*** blockquote & pre */
.article-body pre {
    background-color: #f2f1c1;
    margin: 5px 0;
    padding: 5px 15px;
}

.article-body blockquote {
    padding: 5px 15px;
    margin: 5px 10px;
    border: solid 1px #cc9;
}


/*** img */
.article-body img.pict {
    margin: 0 5px 5px 0;
}

/*** 共通テーマ */
body.default_2008 dl.common-theme {
    margin: 0 10px 25px;
}

/*** 記事タグ */
body.default_2008 dl.article-tags {
    margin: 25px 0 0;
}

dl.article-tags {
    background-image: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/common/icon_tag.gif)!important;
}

dl.article-tags dt {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}


/*** プライベートモード */
.private-mode-announcement {
    border-color: #858585;
    line-height: 135%;
    font-size: 1em;
}

/* ----------------------------------------------- */
/** 記事フッター */

.article-footer {
    margin: 15px 0 0 0;
    border: solid 1px #d1d1d1;
    padding: 1px;
    background-color: #fff;
}
.article-post {
    padding: 5px 6px 3px;
    background: #fff;
    text-align: left;
    overflow: hidden;
}


/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

#article-options {
    background-color: #ffffff;
    padding: 10px 20px;
}

.article-option {
    padding: 15px 0;
}

.article-option h3 {
    margin: 0 10px 15px 10px;
    padding: 0 0 5px 0;
    font-size: 100%;
    border-bottom: 1px solid #ddd;
}

/*** 指定しやすいようstyleReset */
    h4.ping-title
    , ul.ping-info
    , ul.ping-info li
    , ul.comment-info
    , ul.comment-info li {
        padding: 0;
        margin: 0;
    }

    ul.ping-info li
    , ul.comment-info li {
        list-style-type: none;
    }

/* ----------------------------------------------- */
/** トラックバックURL */

#trackback-form ul {
    margin: 0 30px;
    padding: 0;
}

#trackback-form ul li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
}

#trackback-form ul li.trackback-form-url {
    width: 100%;
    margin-right: -90px;
}

#trackback-form ul li.trackback-form-url span input {
    width: 100%;
}

#trackback-form ul li.trackback-form-url span {
    display: block;
    padding-right: 100px;
    /* >> trackbackURL とsubmitボタンとの余白 100px-90px=10px となる */
}

#trackback-form ul li.trackback-form-submit {
    width: 80px;
}

#trackback-form ul li.trackback-form-submit input {}

/* ----------------------------------------------- */
/** トラックバック一覧 */

.trackback-set {
    padding: 0 0 10px 20px;
    font-size: 1em;
}

h4.ping-title {
    display: inline;
    font-size: 100%;
    font-weight: normal;
}

ul.ping-info {
    display: inline;
}

ul.ping-info li.ping-blog-name {
    display: inline;
    margin-left: 20px;
}

ul.ping-info li.ping-blog-name span {
    margin: 0 10px;
}

ul.ping-info li.ping-date {
    display: inline;
    margin-left: 10px;
}

ul.ping-info li.ping-excerpt {
    display: block;
    margin-top: 5px;
    margin-left: 10px;
}

ul.ping-info li.ping-excerpt img.trackback-rating {}

/* ----------------------------------------------- */
/** コメント一覧 */

li.comment-set {
    padding: 0 0 10px 20px;
    font-size: 1em;
}

ul.comment-info li.comment-author {
    display: inline;
}

ul.comment-info li.comment-date {
    display: inline;
    margin-left: 10px;
}

ul.comment-info li {
    display: inline;
}

ul.comment-info li.comment-body {
    display: block;
    margin-top: 5px;
    margin-left: 10px;
font-size:25px;
}

ul.comment-info li.comment-body img.trackback-rating {}

/* ----------------------------------------------- */
/** コメントフォーム */

#comment-form-body {
    padding: 15px 0 15px 50px;
}

#comment-form-body table {
    border: 0;
    width: 90%;
    line-height: 25px;
    font-size: 1em;
}

#comment-form-body table th {
    width: 4em;
    padding-right: 5px;
    text-align: right;
    font-weight: normal;
}

input#author {
    width: 65%;
}

input#email {
    width: 65%;
}

input#url {
    width: 85%;
}

input#bake {
    margin: 0 0 0 5px;
}

textarea#text {
    width: 90%;
    height: 250px;
}




input.button {
    margin-top: 10px;
    width: 80px;
}

label.input-rating {
    margin-left: 20px;
}

label.input-rating select {
    margin-left: 3px;
}

label.input-rating-face {
    margin-left: 5px;
}

label.input-rating-star {}





#comment-form-body table tr.input-etc td {
    padding-top: 6px;
}

#comment-form-body table tr.submit td {
    text-align: center;
}


/*** コメント認証 */
.comment-auth-announcement {
    margin: 10px 0;
    border-color: #858585;
    font-size: 1em;
}

.comment-auth-announcement p a {
    margin: 0 3px;
}


/* ----------------------------------------------- */
/** 関連記事 */

.related-articles{
    padding: 15px 0 0;
    clear: none;
   font-size: 22px;
}
.related-articles h2{
    margin: 0 0 10px;
    padding: 0;
    font-size: 100%;
}
.related-articles ul{
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.related-articles ul li{
    background: url(http://parts.blog.livedoor.jp/img/cmn/dot.gif) no-repeat -3px 3px;
    padding: 0 0 5px 9px;
    margin-left: 5px;
}
.related-articles-wrap {
    overflow: hidden;
    clear: both;
}
.related-articles-wrap.related-articles-double .related-articles {
    width: 350px;
    float: left;
    margin-right: 10px;
}


/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */


.sidetop,
.sidebottom {
    display: none;
}


.sidebody {
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
}

.sidebody {
    margin-bottom: 5px;
    padding-left: 15px;
    background: url(http://parts.blog.livedoor.jp/img/usr/blogmedia/2ch/cobaltblue/arrow.gif) no-repeat 0 4px;
    font-size: 95%;
}


.sidewrapper {}

/* ----------------------------------------------- */
/** カレンダー */

.calendarheadbody {}
.calendarheadbody .calendarhead {
    text-align: center;
    color: #fff;
    font-weight: bold;
}

#sub .calendarheadbody .calendarhead a,
#extra .calendarheadbody .calendarhead a {
    color: #fff;
}

.caltop,
.calbottom {
    display: none;
}

.calbody {}

table.caltbl {
    width: 180px;
    margin: 0 auto;
    border: 0;
}
.calbody table.calendartable {}
td.caltblwkbg {}
td.calendarwd {}
td table.caltblwk td {
    _font-size: 1em;
    font-weight: bold;
    height: 20px;
}

td table.caltblwk td.weekday {}
td table.caltblwk td.sat {}
td table.caltblwk td.sun {}
td table.caltblwk td span.calendarweek {}
td.caltbldaybg {}
td table.caltblday {
    margin: 0 auto 25px;
    width: 180px;
    color: #8d8d8d;
    _font-size: 82%;
}
td table.caltblday td {
    width: 20px;
    height: 24px;
    padding: 0;
    text-align: center;
}
td table.caltblday td.caloff {}
td table.caltblday td.calendard {}
td table.caltblday td.calon {}
td table.caltblday td.calon a {}
td table.caltblday td.calendardbg {}
td table.caltblday td span.calendar {}

/* ----------------------------------------------- */
/** プロフィール（プラグイン） */

.nickname {
    font-weight: bold;
    margin: 10px 0;
}

.message {
    text-align: left;
    line-height: 125%;
}

ul.galleryThumbnail {
    text-align: center;
}


/* ----------------------------------------------- */
/** LDServices */

ul#ld-services {
    padding-top: 20px;
}

/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */

table#header {
    border-bottom: solid 1px #4988bb;
    font-size: 12px;
    background: #1b6aa8;
    color: #eee;
}

/* ----------------------------------------------- */
/** Footer */

.footer-outer {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background: #fffacd;
    text-align: center;
}

.footer-outer-2 {}

#footer {}

#footer p {}

/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

#ad {
    overflow: hidden;
    text-align: center;
}

#ad iframe {
    margin: 10px auto;
}

.gAdsense {
    padding: 10px 0;
}

body.ad {
    background: transparent;
    text-align: left;
}

a.adtitle {
    color: #0000ff!important;
    font-weight: bold;
}

a.adtitle span {
    font-size: 14px!important;
}

a.addescription {
    color: #000000!important;
}

a.addescription span {
    font-size: 13px!important;
}

a.adurl {
    color: #1b8d1c!important;
    text-decoration: none;
}

a.adurl span {
    font-size: 13px!important;
}

a.adld {
    color: #666666!important;
    text-decoration: underline;
    font-size: 110%;
}

.ads-become a {
    color: #0000ff !important;
}

.ads-become .adsbybecome a {
    color: #666666!important;
}



/* かんたんタイトル画像 */
.blog-title-outer.show-image {
    background: transparent;
    height: auto;
    position: relative;
}
.blog-title-outer.show-image .blog-title-outer-2 {
    position: absolute;
}
.blog-title-outer.show-image #blog-header-image {
    width: 100%;
}
.blog-title-outer.hide-text .blog-title-outer,
.blog-title-outer.hide-text .blog-title-outer-2,
.blog-title-outer.hide-text .blog-title-outer-3,
.blog-title-outer.hide-text #blog-title,
.blog-title-outer.hide-text #blog-title a {
    display: block;
    height: 100%;
    padding: 0;
    width: 100%;
}
.blog-title-outer.hide-text #blog-title a,
.blog-title-outer.hide-text #blog-description {
    text-indent: -99999px;
    line-height: 0;
}
.blog-title-outer.hide-text #blog-title a {
    background-color:#fff;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 0.1s linear;
       -moz-transition: opacity 0.1s linear;
        -ms-transition: opacity 0.1s linear;
         -o-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
}
.blog-title-outer.hide-text #blog-title a:hover {
    opacity: 0.15;
}

/* 記事下ソーシャルボタン */
.article-social-btn > a,
.article-social-btn > span,
.article-social-btn > div,
.article-social-btn > iframe {
    margin: 4px 0;
}

/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 250px;
width: 340px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #999;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
    width: 16px;
    height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}








/* ----------------------------------------------- */
/*

     book mark bar

*/
/* ----------------------------------------------- */





div.add-hatena-bookmark {
        width:330px;
        height:40px;
        background:url(http://livedoor.4.blogimg.jp/life_goes_on5474-fashion_news/imgs/d/6/d6fa1f4b.gif) no-repeat;
        float:left;
        margin-left:11px;
        margin-top:20px;
 margin-bottom:20px;
}
div.add-twitter {
        width:330px;
        height:40px;
        background:url(http://livedoor.4.blogimg.jp/i6469/imgs/2/9/2962fce9.gif) no-repeat;
        float:left;
        margin-top:20px;
        margin-left:19px;
 margin-bottom:20px;
}
div.add-hatena-bookmark p{
        font-weight:bold;
        color:#fff;
        font-size:120%;
        padding:8px 0px 0 88px;
}
div.add-twitter p{
        font-weight:bold;
        color:#fff;
        font-size:120%;
        padding:8px 0px 0 76px;
}
div.add-hatena-bookmark a{
        text-decoration:none;
        display:block;
        width:100%
}
div.add-twitter a{
        text-decoration:none;
        display:block;
        width:100%
}
div.add-hatena-bookmark a:hover{
        text-decoration:underline;
        color:#fff!important;
}
div.add-twitter a:hover{
        text-decoration:underline;
        color:#fff!important;
}










/* ----------------------------------------------- */
/*

      menu bar

*/
/* ----------------------------------------------- */





#globalnavi{
margin: 0;
padding: 0;
width: 1280px;
height:25px;
font-size:12px;
*font-size:12px;
background:black; repeat-x scroll 0 0;
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
}

#globalnavi ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#globalnavi li{
float: left;
margin: 0;
padding: 0;

}

#globalnavi a{
text-align: center;
display:block;
padding: 3px 10px 3px 10px;
color: white;
font-weight: bold;
text-decoration: none;
border-right:1px solid #008000;
margin:2px 0px 0px 0px;
}

#globalnavi a:hover{
background-color:#008000;
color: white;
font-weight: bold;
text-decoration: none;
border-right:1px solid #008000;
}


    /* subContents要素
    ----------------------------------------------------------- */
    div#subContents {
        width: 200px;
        background: #F7F7F7;
        padding: 10px;
        position: relative;
        top: 100px;
        z-index: 20;
    }
    * html div#subContents    {
        position: relative;
        top: expression(eval(document.documentElement.scrollTop+100));
    }

/** ---------- Google AdSense ---------- **/
.google-user-ad { margin:10px; }
.google-user-ad-728 { margin:0px 0px 10px; }
.google-user-ad-top { margin:0px 15px 10px; }
.ad-center { text-align:center; }

div.google-2ad {
 margin:50px 0px 10px; 
 height:250px;
}
div.g-ad1 {
 float:left;
 margin-left:0px; 
}
div.g-ad2 {
 float:left;
 margin-left:50px; 
}

/** ---------- comment popup ---------- **/
#mypopup {
    border:1px solid #bbb;
    padding:5px 8px 8px;
    font-size:18px;
    color:#111;
    background-color:#f5fffa;
    display: none;
    position: absolute;
    list-style-type:none;
    line-height:1.2;
    max-width:750px;
    min-width:250px;
    box-shadow: 3px 3px 3px #ccc;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    text-align: left;
}

#mypopup li.comment-date {
    display: inline;
    color:#777;
}
#mypopup li.comment-author {
    display: inline;
}

#mypopup img{
    max-width:250px;
    height:auto;
}

#mypopup .ellip{
    margin-bottom:4px;
    font-size:12px !important
}

.plugin-categorize .side,
.plugin-link .side {
    height: 200px;
    overflow: auto;
}

// added by k.miyoshi

.top-box {
	overflow: hidden;
	zoom: 1;
}
.top-box .google-user-ad-728 {
	float: left;
	width: 728px;
}
.top-box .top-nav {
	float: right;
	width: 212px;
	border: solid 2px #ccc;
	list-style-type: none;
}
.top-box .top-nav li {
	border-top: solid 1px #ccc;
	list-style-type: none;
}
.top-box .top-nav li:first-child {
	border: none;
}
.top-box .top-nav li a {
	display: block;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 28px;
	text-decoration: none;
}
.top-box .top-nav li ul {
	height: 24px;
	padding: 5px 0 0 5px;
	overflow: hidden;
	zoom: 1;
}
.top-box .top-nav li ul li {
	float: left;
	margin-right: 5px;
	border: none;
}