@charset "UTF-8";
/*************************************************
　▼CSSリセット
*************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}

/*************************************************
　▼デフォルト
*************************************************/

html{overflow-y:scroll;word-wrap:break-word;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,li{list-style:none}
img{max-width:100%;height:auto;}
iframe{max-width:100%;}
input{max-width:100%;}

pre{
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
white-space:pre-wrap;
word-wrap:break-word;
}

a{text-decoration:none;}
a:link,
a:visited{color:#000;text-decoration:none;}
a:focus,
a:hover,
a:active{color:#e0143c;text-decoration:none;}

body{
min-width:1252px;
background-color:#110000;
background:url(https://blog-imgs-115.fc2.com/b/a/y/baychannel/bgcolor1.png) left top repeat;
text-align:left;
font-family:"メイリオ",Meiryo,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
line-height:1.5;
font-size:16px;
}

/*************************************************
　▼レイアウト
*************************************************/
#wrapper{
width:1252px;
margin:-280px auto -280px auto;
position:relative;
}

#container{
width:1252px;
height:100%;
padding:0px px;
overflow:hidden;
overflow /**/: hidden;
}

/*************************************************
　▼ヘッダー
*************************************************/
#h_background{
height:300px;
}

#header{
width:1252px;
height:330px;
position:relative;
}

#header_content{
width:1252px;
height:295px;
position:absolute;
bottom:55px;

text-align:right;
}

#header_content h1{
width:920px;
font-size:12px;
font-weight:normal;
position:absolute;
top:40px;
right:12px;
color:#000;
line-height:1.4;
}

#header_content h2{
width:920px;
font-size:18px;
position:absolute;
top:15px;
right:15px;
line-height:1;
}

/*************************************************
　▼フッター
*************************************************/
#b_background{
width:100%;
height:300px;
background: url(https://blog-imgs-45.fc2.com/o/r/e/oreshiten/wood_a.jpg);
}
#footer{
width:1020px;
height:280px;
clear:both;
}

#footer_content{
width:780px;
height:155px;
margin:0 auto;
padding:10px;
padding-left:235px;
color:#fff;
}


#footer_content p{padding:20px;}
#footer_content a:link,
#footer_content a:visited{color:#999;}
#footer_content a:focus,
#footer_content a:hover,
#footer_content a:active{color:#fff;}

/*************************************************
　▼メイン
*************************************************/
#main{
float:left;
width:700px;
margin:0 10px;

}

.content{
padding:20px;
margin-bottom:10px;
background:#ffffff;
border:solid 1px #b7b7b7;
}

.page_navi{text-align:center;}
.pagetop{text-align:right;padding:10px 10px 0 10px;}

/*************************************************
　▼記事
*************************************************/
.entry_header0 {border-top:solid 0px #999;padding:0 5px;text-align:left;}
.entry_header0 li{display:inline;}
.entry_header{padding:10px;background-color:#e8e8e8;border-bottom:solid 1px #999;margin-top:5px;margin-bottom:15px;font-size:24px;line-height:1.4}
.entry_body{margin-bottom:10px;overflow:hidden;}
.entry_body blockquote{margin:5px 0 !important;padding:10px !important;border:solid 1px #999;background:#e7e7e7;color:#000;}
.entry_body pre{margin:5px !important;padding:10px !important;border:solid 1px #999;color:#000;}
.entry_more{margin-top:30px;}
.fc2_footer{margin:30px 0;}/* 拍手など */
/*************************************************
　▼関連記事
*************************************************/
.relate_box{border:solid 1px #999;padding:5px 10px 10px 10px;margin:0 20px 30px 20px;}
.relate_box_title{border-bottom:solid 1px #999;padding:3px 5px;}
.relate_box ul li{border-bottom:dotted 1px #999;padding:3px 5px;}

/*************************************************
　▼テーマ・ジャンル・ユーザータグ
*************************************************/
.entry_community{padding:0 5px;text-align:right;}
.entry_community ul{display:inline;margin-left:-5px;}
.entry_community li{display:inline;margin-left:5px;}

/*************************************************
　▼記事情報
*************************************************/

.entry_footer{border-top:dotted 0px #999;padding:0 5px;text-align:right;}
.entry_footer li{display:inline;}

/*************************************************
　▼コメント・トラックバック共通
*************************************************/

.sub_header{
border-bottom:solid 1px #999; 
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

.sub_title{margin-bottom:5px;color:#000;font-weight:;}
.sub_body{margin:0px 10px;
          font-size:18px;
          font-weight:bold;
          margin-bottom:36px;}

.sub_footer{
border-top:dotted 0px #999;
margin:10px 0 55px;
text-align:right;
padding-right:5px;
}

.sub_footer li{display:inline;}

/*************************************************
　▼コメント編集
*************************************************/
.form dl{margin-right:10px;margin-left:10px;}
.form dl dd{margin-bottom:5px;}
.form dl dd textarea{width:400px;height:150px;}
.form input#himitu{margin-right:8px;}
.form .form_btn{margin:15px 10px;}
.form .form_btn input{margin-right:3px;}

/*************************************************
　▼コメント入力欄幅設定
*************************************************/



/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

/* コメント本文の入力欄の幅 */
#comment {
width: 98%;
}

/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}

img { border-style:none; }


.social-button {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.social-button li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.social-button li div {
	display: inline;
}

.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}

.social-button:after {
	clear: both;
}

.social-button {
	*zoom: 1;
}

.social-button iframe.twitter-share-button {
    width: 90px !important;
}




#navi{
margin-top:2px;
text-align:center;
font-size:17px;
width:100%;
left:0px;
position:absolute;
background-color:#000000;
}

#navi ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

#navi li{
float:left;
margin:0;
padding:0;
width:100px; 

}

#navi li a{
padding:5px;
text-decoration:none;
color:#ffffff;
background-color:#1c3782;
display:block;
position:relative;
border-right:1px solid #ffffff;
}
#navi li a:hover{
color:#ffffff;
background-color:#1c3782;
text-decoration:none;
}



.floating {
top: 0px;
position: fixed;
z-index: 1;
}


/*************************************************
　▼トラックバック
*************************************************/
.trackback_url{margin:15px 10px 10px 10px;}
.trackback_url input{padding: 3px;width: 90%;}

/*************************************************
　▼全記事・検索結果ページ
*************************************************/
.t_b {font-weight:bold;
      font-size:16px;
      line-height:24px;
       margin-bottom:60px;
       margin-top:5px}

.list_header{
border-bottom:solid 1px #999;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

.list_body{margin:0 10px 10px 10px;}
.list_body li{border-bottom:dotted 1px #999;}

/*************************************************
　▼サイド▼プラグイン１・２
*************************************************/
#sidemenu_left{
float:left;
width:230px;
line-height:1.4;
}

#sidemenu_right{
float:left;
width:300px;
line-height:1.4;
}

.sidemenu_body{
margin-bottom:10px;
padding:0px;
background:#ffffff;
border:solid 1px #b7b7b7;
}

.plg_title{color:#f1f1f1;height:23px;padding-top:6px;padding-bottom:6px;
background:#232f3e;font-weight:bold }

.plg_body{padding:10px}



/*************************************************
　▼プラグイン３
*************************************************/
#plg3{
margin:0 0 10px 0;
width:918px;
}

.plg3_body{margin-bottom:20px;}
.plg3_header{
border-bottom:solid 1px #999;
margin-bottom:10px;
font-size:14px;
color:#000;
}

/*************************************************
　▼プラグイン共通
*************************************************/
.plg_header_description,
.plg_footer_description{font-weight:bold;color:#999;}
.sidemenu_body li,
.plg3_body li{
border-bottom: 1px dotted #999;
padding: 4px 0px 2px 0px;
}

/*************************************************
　▼カレンダー
*************************************************/
table.calender{width:100%;margin:0px auto;font-size: 100%;}
table.calender caption{margin:0px auto;}
table.calender th,
table.calender td{text-align:center;}
table.calender td a{display:block;color:#fff;background-color:#900;font-weight:bold;}
table.calender td a:hover{background-color:#000;color:#fff;}
table.calender th#sun{color:#f00;}
table.calender th#sat{color:#00f;}


/* ----------------------------------------------- */
/*

      横メニューバー
*/
/* ----------------------------------------------- */




#naviyoko{
border-top:solid 2px #dbc6b3;
margin-top:-5px;
margin-bottom:0px;
text-align:center;
font-size:17px;
width:1252px;
left:0px;
position:absolute;
background-color:#232f3e;
}

#naviyoko ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

#naviyoko li{
float:left;
margin:0;
padding:0;
width:100px; 

}

#naviyoko li a{

padding:5px;
text-decoration:none;
color:#ffffff;
background-color:##232f3e;
display:block;
position:relative;
border-right:1px solid #ffffff;
}
#naviyoko li a:hover{
color:#ffffff;
background-color:#2077da;
text-decoration:none;
}



.floating {
top: 0px;
position: fixed;
z-index: 1;
}






/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 13px;
    padding: 10px;
   
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    border-bottom-style:dotted;
    border-color:#aaaaaa;
    border-width:1px;
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 1.8;
}

.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: 0px;
    color: #666;
    font-size: 12px;
}

.blogroll_wrapper_honbun { 
                margin-top:0px;
                margin-bottom:10px;
		width: 100%; 
                overflow-y:hidden;
		background-color:#ffffff; 
                border:0px solid #999999;

	} 


.blogroll_wrapper { 
                margin-top:0px;
                margin-bottom:10px;
		width: 100%; 
		overflow-y:scroll; 
		background-color:#ffffff; 
                border:1px solid #999999;
height: 280px; 
	} 

.blogroll_innner { 
		width: 33%; 
		
		float: left; 
	}

.blogroll_wrapper_kijisita { 
                margin-top:0px;
                margin-bottom:10px;
		width: 100%; 
		background-color: #f1f1f1; 
                border:0px;
                
height: 280px; 
	} 

.blogroll_innner_kijisita { 
		width: 33%; 
		font-size:18px;
		float: left; 
	}




.blogroll-channel a{
text-decoration:none;
color:#000;

}

.blogroll-channel a:link{color:#000000;text-decoration:none;}

.blogroll-channel a:visited{color:#0000;text-decoration:none;}


.blogroll-channel a:hover{
color:#e0143c;
}

.blogroll-channel a:active{color:#e0143c;text-decoration:none;}








/* 新着記事サムネイル画像表示 */
.img_recent br {
clear:left;
}
.img_recent img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
margin-bottom:10px; /* 画像の下余白 */
width: 100px; /* 画像表示サイズ */
height: 100px; /* 画像表示サイズ縦　*/
}





/* アンテナシェア コメント投票de文字装飾 www.antennash.com */
/* 投票数が0、又は+と-の評価が同数の場合はあなたのブログのデフォルト文字装飾になります */

/* 人気レベル 1～7 */
.antennash_comvote_lv1 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv2 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv3 {
	color: #0000cd;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv4 {
	color: #0000cd;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv5 {
	color:#0000cd;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv6 {
	color: #0000cd;
	font-size: 18px;
	font-weight: bold;
}
.antennash_comvote_lv7 {
	color: #e0143c;
	font-size: 18px;
	font-weight: bold;
}

/* 人気レベル -1～-3(マイナス) */
.antennash_comvote_lv-1 {
	font-size: 18px;
        
}
.antennash_comvote_lv-2 {
	font-size: 18px;

}
.antennash_comvote_lv-3 {
	font-size: 18px;
        color:#800080;
}

/* 投票数表示、バー、投票ボタン全体 */
.antennash_comvote_form {
	padding: 2px 4px;
	overflow: hidden;
}
/* 投票数表示(Good) */
.antennash_comvote_rate_g {
	color: #4D983B;
	float :left;
	margin-left: 1px;
	height: 16px;
	font-size: 12px;
}
/* 投票数表示(Bad) */
.antennash_comvote_rate_b {
	float :left;
	margin-left: 1px;
	height: 16px;
	font-size: 12px;
}
/* 投票数バー(Good) */
.antennash_comvote_bar_g {
	float :left;
	margin-left: 2px;
	height: 16px;
	background: #8DC67E;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC67E), to(#4E993B));
	background: -webkit-linear-gradient(top, #8DC67E, #4E993B);
	background: -moz-linear-gradient(top, #8DC67E, #4E993B);
	background: -ms-linear-gradient(top, #8DC67E, #4E993B);
	background: -o-linear-gradient(top, #8DC67E, #4E993B);
	background-image: -ms-linear-gradient(top, #8DC67E 0%, #4E993B 100%);
}
/* 投票数バー(Bad) */
.antennash_comvote_bar_b {
	float :left;
	margin-left: 2px;
	height: 16px;
	background: #dddddd;
}
/* 投票ボタンエリア */
.antennash_comvote_btbox {
	float :left;
	margin: 0;
}

/* 投票ボタンデザイン */
.antennash_comvote_button {
	width: 100px;
	height: 22px;
	border: 1px solid #1c3782;
	background: #1066a3;
	color: #ffffff;
	padding: auto;
	font-size: 14px;
        font-weight:bold;
	text-decoration: none;
	vertical-align: middle;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.antennash_comvote_button:hover {
	background: #e0143c;
	color: #fff;
}
.antennash_comvote_button:active {
	background: #EDF5EC;
	color: #4D983B;
}

/* ポップアップレス(超高速版のみ) */
.popstyle {
display: none;
position: absolute;
}
a:hover {
position:relative;
text-decoration:none;
}
a:hover .popstyle {
top: 2em;
left: 2em;
display: block;
width: 600px;
padding: 4px 0 10px 20px;
border: #333 1px solid;
background-color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#333 !important;
font-size:12pt !important;
font-weight:normal !important;
}





/*--------------------------
サイドナビ
----------------------------*/

#side_nav {
position:fixed;
right:5px;
bottom:75px;
z-index:500;

}


#side_navi_ul{
list-style:none;
text-align:center;
}




#side_navi_li a{
display:block;
padding-top:10px;
padding-bottom:10px;
width:45px;

font-size:11px;
color:#ffffff;
text-decoration:none;
background:#000000;
border:solid #f0f0f0;
border-width:0 1px 1px 1px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}


#side_navi_li a:hover{
background-color:#e0143c;
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}



#side_navi_ul li:first-child a{
border:1px solid #f0f0f0;
border-radius:5px 5px 0 0;
ver-tical-align:middle;


}


#side_navi_ul li:last-child a{
border-radius:0 0 5px 5px;

}


#side_navi_li_top_bottom{


}
#side_navi_li_comentomirukaku{
}





/*--------------------------
海外の反応コメント
----------------------------*/
.gc {font-size:18px;
     color:#000000;
     font-weight:bold}

.fixed { position: fixed; 
	top: 20px; }


/*--------------------------
電光掲示板
----------------------------*/


.ledText {
    overflow: hidden;
    position: relative;
    color: #FFB400;
    font-size: 20px;
    font-weight: bold;
    background: #333333;
}

/* CSS3グラデーションでドット感を出す */
.ledText:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#0a0600 1px, transparent 0px), linear-gradient(0, #0a0600 1px, transparent 1px);
	background-image: -webkit-linear-gradient(#0a0600 1px, transparent 0px), -webkit-linear-gradient(0, #0a0600 1px, transparent 1px);
	background-size: 2px 2px;
    z-index: 10;
}

/* CSS3アニメーションでスクロール */
.ledText span {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 30s;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 30s;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 30s;
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
