@charset "utf-8";

/* ------------------------------------------------
Theme Name: monochro-stripe
Author: blackhatseo
Author URI: blackhatseo.blog.fc2.com
Version: 0.1
------------------------------------------------- */


/* リセット
------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p{
margin:0;
padding:0;
}


/* ベースエレメント
------------------------------------------------- */
body {
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size  : 14px;
line-height: 1.2;
letter-spacing:0;
background:#f5f5f5 url() repeat;
}

h1{font-size:150%;}

h2{font-size:130%;}

h3{font-size:115%;}

h4,h5,h6{font-size:100%;}

ul, ol, li, dl, dt, dd{list-style: none;}

img, a img{border:none;}

.emoji{vertical-align:middle;}



/* リンク
------------------------------------------------- */
a{
color:#4682b4;
text-decoration: none;
}

a:hover, a:focus{
color:#b22222;
text-decoration:underline;
outline:none;
}


/* フォーム
------------------------------------------------- */
input[type="text"], input[type="password"],textarea{
vertical-align:middle;
max-width:90%;
line-height:18px;
height:18px;
margin:15px 0;
padding:1px 5px;
border:1px solid #ccc;
border-radius:3px;
font-size:100%;
background:#fcfcfc;
border-radius:4px;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
border:0;
border-radius:4px;
font-size:100%;
color:#fff;
background:#000;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{box-shadow:none;}


/* レイアウト
------------------------------------------------- */
#container, .inner, #header{
width:1051px;
margin:0 auto;
}

#title h1{float:left;}
#title headernavi{float:right;}

#container{clear:both;}

#content{
float:right;
width:730px;
padding:0 0 15px;
overflow:hidden;
}

#sidebar{
float:left;
width:302px;
padding:0 0 20px;
overflow:hidden;
}

#toTop{clear:both;}

#footer{
overflow:hidden;
background:#006400;
}


/*----------------------------------------------- */
/*
/* ヘッダー
/*
/*----------------------------------------------- */
#header{
height:50px;
margin-top:10px;
background:#fff url(https://blog-imgs-80.fc2.com/s/i/o/siokan5000/5Js020717.jpg);
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
}

#desc{background:url() repeat 50% 0;}
#desc p{
padding:5px 0;
font-size:12px;
color:#000;
}

#title{
height:48px;
}

#title h1{
color:#000;
padding:10px 0 10px 30px;
}
#title h1 a{
color:#000;
font-size:26px;
text-shadow:2px 2px 1px #888;
}
#title h1 a:hover, a:focus{
color:#fff;
background:#000;
text-decoration:none;
outline:none;
}

#title headernavi{
padding:0 30px 0 0;
}

#title hinfo a{
display:block;
width:32px;
height:32px;
background: url(https://blog-imgs-51.fc2.com/s/i/o/siokan5000/about789abg.png) no-repeat 0 0;
}
#title hinfo a:hover{
background-position: 0 bottom;
}

#title htwitter a{
display:block;
width:32px;
height:32px;
background: url(https://blog-imgs-51.fc2.com/s/i/o/siokan5000/twitter789abg.png) no-repeat 0 0;
}
#title htwitter a:hover{
background-position: 0 bottom;
}

#title hrss a{
display:block;
width:32px;
height:32px;
background: url(https://blog-imgs-51.fc2.com/s/i/o/siokan5000/rss789abg.png) no-repeat 0 0;
}
#title hrss a:hover{
background-position: 0 bottom;
}

#title hmail a{
display:block;
width:32px;
height:32px;
background: url(https://blog-imgs-51.fc2.com/s/i/o/siokan5000/mail789abg.png) no-repeat 0 0;
}
#title hmail a:hover{
background-position: 0 bottom;
}

#title hhatena a{
display:block;
width:32px;
height:32px;
background: url(https://blog-imgs-51.fc2.com/s/i/o/siokan5000/hatena789abg.png) no-repeat 0 0;
}
#title hhatena a:hover{
background-position: 0 bottom;
}

/**************************************************/
/*
/* コンテンツ（メインカラム）
/*
/**************************************************/
.content{padding:20px 0;}

.boxWrap{
clear:both;
width:728px;
margin:0 0 5px;
padding:0 0 10px;
background:url() no-repeat 50% 100%;
}

.box{
padding:15px 20px 10px;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
background:#fff;
}

/* 追記の表示位置 */
#more{margin-top:10px;}

/* 記事ヘッダー
---------------------------- */
.head{
width:100%;
margin-top:-30px;
padding-top:20px;
background:url() no-repeat 50% 0;
}

.title{background:none;}

.head h2, .head h3.title, .head h3, .head h4, .head p{
padding:2px 0 2px 30px;
border-left:7px solid #fff3cc;
font-size:12px;
font-weight:normal;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-calendar.png) no-repeat 10px 50%;
}

/* 記事タイトル + 検索見出し*/
.head h2, .head h3.title{
margin-top:10px;
padding:5px 0 5px 10px;
background:none;
font-size:16px;
font-weight:bold;
border-color:#ffd400;
}
.head h2 a:focus{
color:#fff;
background:#b22222;
}
.head h2 a, .head h3.title a{color:#000;}

/* カテゴリ + コメント見出し */
.head p.cat,.head h3{border-color:#ffdb66;background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-cat.png);}
.head p.cat a,.head h3 a{color:#535353;}

/* ユーザータグ + TBタイトル */
.head p.tag, .head h4{border-color:#ffe799;background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-tag.png);}
.head p.tag a, .head h4 a{color:#6f6f6f;}

.topsybutton{padding:10px 0 12px 10px;}


/* 記事本文
---------------------------- */
.entry_body{
font-size:15px;
line-height:1.4;
}


/* 記事フッター
---------------------------- */
ul.footer{padding:1px 0 0;}
ul.footer li{
display:inline;
}

/* 続きを読む */
.readmore a{
font-weight:bold;
font-size:150%;
margin:0 10px;
padding:2px 20px 2px 20px;
color:#fff;
border-radius:10px;
background:#b22222;
}
.readmore a:hover{
text-decoration:none;
box-shadow:none;
background:#789;
}
/* コメント */
.comment a{
padding-left:23px;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-comment.png) no-repeat 0 50%;
}
.comment a:focus{color:#b22222}
/* TB */
.tb a{
padding-left:20px;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-trackback.png) no-repeat 0 50%;
}


/* コミュニティスレッド
---------------------------- */
ul.community{text-align:right;}

ul.community li{
display:inline;
margin-left:15px;
padding:1px 0 5px 20px;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-genre.png) no-repeat 0 50%;
}

ul.community li.theme{
padding-left:18px;
background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-theme.png);
}


/* TrackBack 
---------------------------- */
.sub .head h3,.sub .head h4{
margin:10px 0;
padding-left:10px;
background:none;
font-size:14px;
}

#tb input{width:80%;}

#tb .head{background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-tb.png);}

#tb p{padding-top:5px;font-size:12px;}


/* コメント
---------------------------- */
#cm .head{background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-pen.png);}

form.form dt{
clear:both;
float:left;
width:8em;
padding:15px 0 5px;
}

form.form dd{
margin-left:8.5em;
padding:5px 0;
}

input#pass{width:80px;}

.private{padding-left:20px;}

p.footer{
padding-top:10px;
font-size:12px;
}

#cm input[type="submit"]{margin:10px 10px 0 0;}


/* 関連記事リスト
---------------------------- */
#related .head{background-image:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-list.png);}


/* ページナビゲーション
---------------------------- */
.pagenav{
position:relative;
padding:10px;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
background:#fff;
}

.pagenav p.home{text-align:center;}

.pagenav p.home a{
padding-left:18px;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-home.png) no-repeat 0 2px;
}

.pagenav p.prev{
position:absolute;
top:10px;
left:10px;
}

.pagenav p.next{
position:absolute;
top:10px;
right:10px;
}

.fc2_footer{padding:10px 0;}


/* リスト
---------------------------- */
ul.list li{padding-bottom:5px;}

ul.list a{
display:block;
padding-left:15px;
background:url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-arrowDarkGrey.png) no-repeat 0 6px;
}

ul.list a:hover{background-position:3px 6px;}


/* カレンダー（プラグイン）
---------------------------- */
table.calender {
width: 90%;
margin:0 auto;
}

table.calender caption{
margin:0 auto 10px;
}

table.calender th, table.calender td{
padding:5px;
text-align:center;
}

table.calender td a{
display: block;padding:5px 0;
color: #fff;
background:#666;
}

table.calender td a:hover{
text-decoration:none;
background:#333;
}


table.calender th#sun{color:#75000d;}

table.calender th#sat{color:#00128c;}


/**************************************************/
/*
/* タイポグラフィ
/*
/**************************************************/
.entry_body h1,.entry_body h2,.entry_body h3,.entry_body h4,.entry_body h5,.entry_body h6{margin:20px 0 5px;}

.entry_body h1{font-size:160%;}
.entry_body h2{font-size:140%;}
.entry_body h3{font-size:120%;}
.entry_body h4,.entry_body h5,.entry_body h6 {font-size:100%;}

.entry_body p{padding:0 0 10px;}

.entry_body ul,.entry_body ol{margin:20px 0 20px 20px;}

.entry_body ul li{list-style: disc outside;}

.entry_body ol li{list-style: decimal outside;}

.entry_body dl{margin: 20px 0;}

.entry_body dt{font-weight: bold;}

.entry_body dd{margin:0 0 5px 5px;}

.entry_body blockquote{
margin:10px 10px;
padding: 0 0 0 10px;
color:#333;
border-left:5px solid #ccc;
}

.entry_body blockquote p{padding:0;}

.entry_body table{
border-collapse:collapse;
border-spacing: 0;
border-spacing: 0;
margin:20px 0;
}

.entry_body table th{
padding:7px 10px 7px 5px;
font-weight:bold;
color:#fff;
background:#666;
}

.entry_body table td{
padding:7px 5px;
background:#fff;
}

.entry_body img{max-width:95%;height:auto;}


/**************************************************/
/*
/* サイドバー
/*
/**************************************************/
#sidebar .boxWrap{
clear:none;
float:left;
width:302px;
padding:12px 0 0;
}
#sidebar .box{padding:12px 10px;}

#sidebar .head{
background-image:url();
}

#sidebar .head h2{
margin:10px 0 15px;
padding:3px 0 3px 10px;
font-size:14px;
font-weight:bold;
border-width:6px;
background:none;
}

.plBefore,#sidebar ul li{padding-bottom:5px;}

.plAfter{padding-top:5px;}

#sidebar ul li a{
display:block;
padding-left:15px;
}

#sidebar ul li a:hover{background-position:3px 6px;}



/* ページ上部へ戻る
------------------------------------------------- */
#pagetop{
clear:both;
display:block;
overflow:hidden;
padding-top:30px;
}

#pagetop a{
float:right;
display:block;
position:relative;
padding:8px 15px 5px 35px;
font-size:90%;
font-weight:bold;
border-radius:10px 10px 0 0;
color:#fff;
background:#006400 url(https://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-plane.png) no-repeat 10px 50%;
}

#pagetop a:hover{
background-position:10px 3px;
text-decoration:none;
}

/* フッター
------------------------------------------------------------ */
#footerPlugin a{
padding:0 10px 5px 0;
}

#footerPlugin a:hover{background-position:3px 6px;}

#footerPlugin{
width:1083px;
margin-right:-32px;
padding:20px 0;
line-height:1.3;
}

#footer .boxWrap{
clear:none;
float:left;
width:328px;
margin:0 32px 0 0;
}

#footer .box{
border:0;
border-radius:10px;
}

#footer .head{
background-image:url();
}

#footer .head p{
text-indent:-9000px;
border:0;
background:none;
}

#footer h2, .head h2.title{
padding-left:10px;
border-left:5px solid #ffd400;
font-size:14px;
font-weight:bold;
color:#000;
}

.head h2.title{
margin-top:10px;
}

.plInner{padding:10px 0 20px;}

#pr{
clear:both;
padding:8px 0 5px;
text-align:center;
color:#fff;
font-size:12px;
background:#000;  
}

#pr a{
color:#fff;
font-size:12px;
}

.blogroll_content {
width:98%;
height:335px;
background-color: #fff;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
padding:10px 0;
margin-bottom:15px;
}
.blogroll_wrapper {
width:98%;
height:330px;
overflow-y:scroll;
}
.blogroll_innner {
width:50%;
height:330px;
float: left;
}

.blogroll_content1 {
width:98%;
height:230px;
overflow: hidden;
background-color: #fff;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
font-weight: bold;
padding-bottom:14px;
margin:0 0 15px;
}
#headline1 a {
width:98%;
font-size: 130%;
color: #000;
}
#headline1 a:focus{
color:#fff;
background:#b22222;
}

/* カテゴリバー
------------------------------------------------------------ */
ul#cate_bar {
font-size:90%; /* 文字サイズ */
font-weight:bold;
height:60px; /* 高さ */
background-color:#f5f5f5; /* 背景色 */
margin:10px 0 12px;
}
#cate_bar li {
list-style-type:none;
float:left;
line-height:23px; /* 高さ */
margin:2px;
padding:0px;
}
#cate_bar li a {
display:block;
text-align:center;
width:142px; /* １つのメニューボタンの幅 */
border:2px solid #006400; /* 区切り線 */
border-radius:5px;
color:#fff; /* リンク文字の色 */
background-color:#006400; /* メニューボタンの背景 */
text-decoration:none;
}
#cate_bar li a:hover{
color:#006400; /* マウスが乗ったときのリンク文字の色 */
background-color:#fff; /* マウスが乗ったときの背景色 */
text-decoration:none;
}

/* リンクバー
------------------------------------------------------------ */
ul#link_bar {
font-size:90%; /* 文字サイズ */
font-weight:bold;
height:30px; /* 高さ */
background-color:#f5f5f5; /* 背景色 */
margin:0px 0 5px;
}
#link_bar li {
list-style-type:none;
float:left;
line-height:23px; /* 高さ */
margin:2px;
padding:0px;
}
#link_bar a {
display:block;
text-align:center;
width:113px; /* １つのメニューボタンの幅 */
border:2px solid #000; /* 区切り線 */
border-radius:5px;
color:#fff; /* リンク文字の色 */
background-color:#000; /* メニューボタンの背景 */
text-decoration:none;
}
#link_bar li a:hover{
color:#000; /* マウスが乗ったときのリンク文字の色 */
background-color:#fff; /* マウスが乗ったときの背景色 */
text-decoration:none;
}

.blogroll_content2 {
width:98%;
height:268px;
overflow: hidden;
background-color: #fff;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
font-weight: bold;
margin:0 0 10px;
}
#headline2 a {
font-size: 120%;
}

#amab{margin:20px 0 0;}
#amaprop{
margin:10px 0 15px;
padding:10px 0;
border-top:5px solid #b22222;
border-right:5px solid #b22222;
border-left:5px solid #789;
border-bottom:5px solid #789;
border-radius:0 20px 0 20px;
}

.toolALinkOver a{
color:#fff;
text-decoration: none;
}

.am1 {
margin-left:20px;
font-weight:bold;
}

.am2 {
margin-left:20px;
}

#antennash1{
align:center;
margin-bottom:10px;
}