@charset "euc-jp";

/* blogtube_extra.css
 * Copyright (C) blogtube All rights reserved.
 * 削除不可部分の削除はしないようにお願いいたします。
 * このコメント部分も削除不可です。
 * カスタマイズや利用法に制限はありません。
 * サイトはこちらです。
 * http://templatetube.blog78.fc2.com/
*/


/*　　　　基本的な設定　　　　*/

* {
margin: 0;
padding: 0;
word-break: break-all;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
}

body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right{
text-align: center;
}

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

a img{
border: 0;
}

input{
padding: 1px;

}

blockquote {
width: auto;
margin: 16px 10px;
padding: 10px;

line-height: 150%;
background: #ebebeb;
border: solid 1px #000;
}

.section{
}

table{
font-size: 12px;
color: #000;
}

/*　　　　基本的な設定　　　　*/


/*　　　　　ヘッダ・バナー部分　　　　　*/

#banner{
width: 100%;
background: #000000;
border-bottom: solid 1px #000;
}

#banner a,
#banner a:link,
#banner a:visited{
color: #fff;
font-size: 24px;
text-decoration: none;
}
#banner a:hover{
color: #ff1493;
font-size: 24px;
text-decoration: underline;
}
#banner a:active{}

#bannerbox{
text-align: left;
color: #000;
padding: 6px 20px;
}

#banner h1,
#banner h1 a{
margin-bottom: 6px;
font-size: 24px;
font-weight: bold;
}

#banner h2{
color: #fff;

}

/*　　　　　ヘッダ・バナー部分　　　　　*/


/*　　　　提携サイト更新情報　　　　*/

#kousin{
width:1060px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#k-title{
padding: 3px;
text-align: center;

color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.kousincontent{
padding: 3px;
text-align: left;
color: #000;
line-height: 150%;
}

/*　　　　提携サイト更新情報　　　　*/


/*　　　　トップのフルバナー　　　　*/

.topadfull{
width: 900px;
margin: 10px auto 20px;
background: #fff;
}

.topadfullmain{
width: 100%;
margin: 0 auto;
text-align: center;
color: #000;
line-height: 150%;
}

/*　　　　トップのフルバナー　　　　*/


/*　　　　トップを2分割　　　　*/

.topbox{
width: 900px;
background: #fff;
margin: 10px auto 20px;
}

.topmargin{
margin: 0 10px;
}

.topleft{
float: left;
width: 445px;
}

.topright{
float: right;
width: 445px;
}

.topborder{
border: solid 1px #000;
}

.toptitle{
padding: 3px;
text-align: center;

color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.topcontent{
padding: 3px;
text-align: left;

color: #000;
line-height: 150%;
}

/*　　　　トップを2分割　　　　*/


/*　　　　　メイン全体　　　　　*/

.layout-three-column #bodyid,
.layout-two-column-left #bodyid,
.layout-two-column-right #bodyid{
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
background: #fff;
}

.layout-three-column #box,
.layout-two-column-left #box,
.layout-two-column-right #box{
width: 1080px;
margin-right: auto;
margin-left: auto;
border: solid 1px #000;
}

/*　　　　　メイン全体　　　　　*/


/*　　　　　ボックス全体　　　　　*/

.layout-three-column #box-margin,
.layout-two-column-left #box-margin,
.layout-two-column-right #box-margin{
margin: 0 15px;
}

.layout-three-column #box-left,
.layout-two-column-right #box-left{
float: left;
width: 775px;
}

.layout-two-column-left #box-left{
width: 900px;
}

.layout-three-column #box-right,
.layout-two-column-right #box-right{
float: right;
width: 265px;
}

#box-right h3{
font-weight: normal;
}

/* 右カラム */

/* 右カラム通常リスト設定 */
#box-right ul{
margin-left: 12px;
list-style-type: circle;
}

/* 右カラム */

.layout-three-column #box-main{
float: right;
width: 500px;
}

.layout-two-column-left #box-main,
.layout-two-column-right #box-main{
float: right;
width: 660px;
}

/* 
右カラムのリストに画像を使用する例
#box-right ul{
}
#box-right ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は右カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* メイン部分 */

#box-main h3{
color: #000;
font-weight: bold;
margin-top: 5px;
}

#box-main p{
margin-top: 10px;
margin-bottom: 16px;
}

#box-main img{
margin-right: 16px;
margin-bottom: 16px;
}

#box-main ul{
margin: 10px 0 10px 16px;
line-height: 175%;
}

/* メイン部分 */

.layout-three-column #box-sub{
float: left;
width: 265px;
}

.layout-two-column-left #box-sub{
float: left;
width: 230px;
}

#box-sub h3{
font-weight: normal;
}

/* 左カラム */

/* 左カラム通常リスト設定 */
#box-sub ul{
margin-left: 12px;
list-style-type: circle;
}

/* 
左カラムのリストに画像を使用する例
#box-sub ul{
}
#box-sub ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は左カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* 左カラム */

/*　　　　　ボックス全体　　　　　*/


/*　　　　　RSS　　　　　*/

.rss{
margin: 0 auto 10px;
border: solid 1px #000;
background: #fff;
}

.rsstitle{
padding: 3px;
text-align: center;

color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.rssmain{
padding: 3px;
text-align: left;

color: #000;
line-height: 175%;
}

/*　　　　　RSS　　　　　*/


/*　　　　　メインボックス全体　　　　　*/

.mainbox{
width: 100%;
margin: 0 auto 10px;
border: solid 1px #000;
}

.maindate{
padding: 3px;
text-align: left;
background: #000;
border-bottom: solid 1px #000;
}

.maindate2{

font-weight: bold;
color: #000;
}

.maintime{
font-size: 10px;
font-weight: normal;
color: #000;
}

.mainentry{

margin-top: 6px;
padding: 3px;
text-align: left;
}

.maintitle{
margin-bottom: 16px;
color: #fff;
font-weight: bold;
}

.maincontent{
padding: 0 10px;
margin-bottom: 10px;
color: #000;
font-size: 14px;
line-height: 1.5;
}

.maintextarea{
line-height: 150%;
margin: 10px; 0 16px;
}

.mainmore{
text-align: right;
margin-bottom: 10px;
color: #000;

}

.mainnavi{
margin-top: 10px;
text-align: center;
}

.maintag{
margin-top: 14px;
text-align: right;
color: #000;
font-size: 10px;
}

.mainfooter{
margin-top: 4px;
text-align: right;
color: #000;
font-size: 10px;
}

/*　　　　　メインボックス全体　　　　　*/


/*　　　　　コメント・トラックバック　　　　　*/

.comment{
}

#comment-top,
#comment-post,
#comment-edit{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
background: #ebebeb;
border: solid 1px #000;
}

.comment-box{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;

line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.comment-title{
margin-bottom: 10px;
line-height: 125%;

}

.comment-titleb{
margin-bottom: 10px;
line-height: 125%;
font-weight: bold;
}

.comment-main{
padding: 0 10px;
}

.comment-footer{
margin-top: 10px;
text-align: right;
font-size: 10px;
}

.comment-entry{
color: #000;
}

.comment-form{
text-align: right;
margin: 0;
padding: 0;

line-height: 150%;
}

.comment-form dl{}
.comment-form dt{
float: left;
margin-bottom: 6px;
}
.comment-form dd{
margin-bottom: 6px;
}

.comment-button{
margin: 4px 0 10px;
}

.trackback{
}

#trackback-top,
#trackback-header{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
background: #ebebeb;
border: solid 1px #000;
}

.trackback-more{
text-align: right;
}

.comment-form2{
margin: 0 auto;
line-height: 150%;
word-break: break-all;
}

/*　　　　　コメント・トラックバック　　　　　*/


/*　　　　　カレンダー　　　　　*/

.calendarbox{
width: 146px;
text-align: center;
color: #000;
font-size: 11px;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.calendar{
width: 100%;
border-collapse: collapse;
font-size: 11px;
}

.calendarmy{
border: solid 1px #ebebeb;
}

.calendar caption{
margin-bottom: 5px;
background: #ebebeb;
}

.calendar th{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td a{
display: block;
color: #1785e5;
background: #fff;
border: solid 1px #ebebeb;
}

.sun{
color: #e51717;
}

.sat{
color: #1785e5;
}

/*　　　　　カレンダー　　　　　*/


/*　　　　　左ボックス　　　　　*/

.lefttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.leftmain{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.leftiframe{
margin-bottom: 10px;
text-align: left;
color: #000;

line-height: 150%;
background: #f6f6f6;
}

.leftp{
margin-bottom: 10px;
}

.leftcalendar{
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

/*　　　　　左ボックス　　　　　*/


/*　　　　　右ボックス　　　　　*/

.righttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.rightmain{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.rightiframe{
margin-bottom: 10px;
text-align: left;
color: #000;
line-height: 150%;
background: #f6f6f6;
}

.rightmargin{
margin-bottom: 10px;
}

/*　　　　　右ボックス　　　　　*/


/*　　　　下部エリア広告　　　　*/

#bottombox{
width: 1060px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#bottomtitle{
padding: 3px;
text-align: center;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.bottomcontent{
padding: 3px;
margin: 0 auto;
text-align: center;
color: #000;
line-height: 150%;
}

/*
テーブルをセンタリングする場合に
.bottomcontent table{
margin: 0 auto;
}
*/

/*　　　　下部エリア広告　　　　*/


/*　　　　　フッター　　　　　*/

#footer{
width: 100%;
margin-top: 18px;
background: #000;
}

#footer-box{
text-align:center;
line-height: 125%;
color: #fff;
border-top: solid 1px #ebebeb;
}

/*　　　　　フッター　　　　　*/


/*　　　　　文字装飾　　　　　*/

.tubered{
color: #e51717;
}

.tubeblue{
color: #1785e5;
}

.tubespan1{
color: #000;
background: #ffb2d4;
}

.tubemargin1{
margin-top: 10px;
}

.mainindent{
text-indent: 12px;
}

/*　　　　　文字装飾　　　　　*/
/* ▼メニューバー▼ */
ul#menu_bar {
font-size:80%; /* 文字サイズ */
height:50px; /* 高さ */
background-color:#000000; /* 背景色 */
padding-left:0 auto;
margin-left:0 auto;
margin-top:0px; /* 上の間隔 */
margin-bottom:px;0 /* 下の間隔 */
}

#menu_bar li {
list-style-type:none;
float:left;
line-height:45px; /* 高さ */
margin:0 auto;
padding:0 auto;
}

#menu_bar li a {
display:block;
text-align:center;
width:213px; /* １つのメニューボタンの幅 */
color:#ffffff; /* リンク文字の色 */
background-color:#000000; /* メニューボタンの背景 */
text-decoration:none;
}
#menu_bar li a:hover{
color:#FFC0CB; /* マウスが乗ったときのリンク文字の色 */
background-color:#222222; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */

/*アイキャッチ画像付関連記事 */
#fc2relate_entry_thumbnail_area {
 margin: 25px 0px 0px 0px !important;
 padding: 15px 0px 5px 0px !important;
 border: 1px #dddddd solid !important; /* 枠線の色 */
 background: #fafafa !important; /* リスト背景色 */
 -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}
 
#fc2relate_entry_thumbnail_area .relate_dt {
 margin: 0 !important;
 padding: 0px 20px 10px 20px !important;
 border: 0 none !important;
 border-bottom:1px solid #dddddd !important;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
 line-height: 1.1 !important;
 background: none !important;
}
 
#fc2relate_entry_thumbnail_area .relate_dd {
 margin-left:0px;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
 margin: 10px !important;
 padding: 0 !important;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
 width: 50%;/* 2列は50%　3列は33.3% */
 height: 107px;
 float: left;
 list-style: none;
 border-bottom:1px solid #dddddd;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
}
 
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image img {
 padding: 2px !important;
 margin: 5px !important;
 width: 90px !important;/* 画像の大きさ */
 height: 90px !important;/* 画像の大きさ */
 border: 1px #dddddd solid !important;/* 画像の枠線 */
}
 
.thumbnail_wrapper {
 display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: center;
}
 
.thumbnail_wrapper> *{
 flex:1 1 auto;
}
 
.relate_entry_String {
 word-break: break-all;
 line-height: 1.2em;
 padding:1em;
}
 
#fc2relate_entry_thumbnail_area .relate_li a{
 text-decoration: none !important;/* テキスト下線なし */
}
 
#fc2relate_entry_thumbnail_area .relate_li a:hover{
 text-decoration: underline !important;/* マウスホバーでテキスト下線あり */