@charset "utf-8";

iframe {
  max-width: 100%;
}

/* ------------------------------------------------
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:14px "Lucida Sans Unicode", "Lucida Grande", "ヒラギノ丸ゴ Pro W3", "Hiragino Maru Gothic Pro","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
line-height:1.4;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-wall.png) 50% 0;
}

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:#0000ff;
text-decoration: none;
}

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

a:visited { color: #0000ff; }


/* フォーム
------------------------------------------------- */
input[type="text"], input[type="password"],textarea{
vertical-align:middle;
max-width:90%;
line-height:24px;
height:24px;
margin:5px 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;
box-shadow:0 0 3px rgba(0,0,0,0.5);
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{box-shadow:none;}


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

#content{
float:left;
width:720px;
padding:20px 0;
overflow:hidden;
}

#sidebar{
float:right;
width:380px;
padding:20px 0;
overflow:hidden;
}

#toTop{clear:both;}

#footer{
overflow:hidden;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-footerBg.png) repeat 50% 0;
box-shadow:0 -1px 3px rgba(0,0,0,0.3);
}


/*----------------------------------------------- */
/*
/* ヘッダー
/*
/*----------------------------------------------- */
#header{border-bottom:1px solid #fff;}

#desc{background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-h1Bg.png) repeat 50% 0;}

#desc p{
padding:5px 0;
font-size:12px;
color:#fff;
}

#title{
border-bottom:1px solid #bdbcbd;
background:#ebebeb url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-h2Bg.png) repeat-x 50% 0;
}

#title h1{padding:20px 0;}

#title h1 a{
color:#000;
font-size:20px;
text-shadow:#787878 1px 1px 1px;
}



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

.boxWrap{
clear:both;
width:720px;
margin:0 0 15px;
padding:0 0 25px;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-shadow1.png) no-repeat 50% 100%;
}

.box{
padding:20px;
border-radius:6px;
border:1px solid #d7d7d7;
background:#ffffff
}

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

/* 記事ヘッダー
---------------------------- */
.head{
width:100%;
margin-top:-30px;
padding-top:20px;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-pin.png) 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 #919191;
font-size:12px;
font-weight:normal;
background:url(https://blog-imgs-54-origin.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:17px;
border-color:#000;
text-shadow:#787878 1px 1px 1px;
}

.head h2 a, .head h3.title a{color:#000;}

/* カテゴリ + コメント見出し */
.head p.cat,.head h3{border-color:#535353;background-image:url(https://blog-imgs-54-origin.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:#6f6f6f;background-image:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-tag.png);}
.head p.tag a, .head h4 a{color:#6f6f6f;}


/* 記事フッター
---------------------------- */
ul.footer{padding:20px 0 0;}

ul.footer li{
display:inline;
margin-right:10px;
}

/* 続きを読む */
.readmore a{
padding:3px 13px 3px 24px;
color:#fff;
border-radius:6px;
box-shadow:0 0 3px rgba(0,0,0,0.5);
background:#0c0c0c url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-arrowWhite.png) no-repeat 13px 50%;
}

.readmore a:hover{
text-decoration:none;
box-shadow:none;
background-position:16px 50%;
}

/* コメント */
.comment a{
padding-left:23px;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-comment.png) no-repeat 0 50%;
}

/* TB */
.tb a{
padding-left:20px;
background:url(https://blog-imgs-54-origin.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:5px 0 5px 20px;
background:url(https://blog-imgs-54-origin.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-origin.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-origin.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-origin.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-origin.fc2.com/b/l/a/blackhatseo/ms-list.png);}


/* ページナビゲーション
---------------------------- */
.pagenav{
position:relative;
padding:10px;
border-radius:6px;
border:1px solid #d7d7d7;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-boxBg.png) 50% 0;
}

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

.pagenav p.home a{
padding-left:18px;
background:url(https://blog-imgs-54-origin.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-origin.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:20px;
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: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:20px 0;
}

.entry_body table th{
padding:7px 10px 7px 5px;
border: #ccc solid;
border-width: 0 0 1px 1px;
font-weight:bold;
color:#fff;
background:#666;
}

.entry_body table td{
padding:7px 5px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

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


/**************************************************/
/*
/* サイドバー（右カラム）
/*
/**************************************************/
#sidebar .boxWrap{
clear:none;
float:left;
width:380px;
padding:0 0 20px;
background-image:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-shadow2.png);
}

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

#sidebar .head h2{
margin:10px 0 15px;
padding:3px 0 3px 10px;
font-size:14px;
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;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-arrowDarkGrey.png) no-repeat 0 6px;
}

#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%;
border-bottom:0;
border-radius:5px 5px 0 0;
color:#fff;
background:#000 url(https://blog-imgs-54-origin.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{
display:block;
padding-left:15px;
color:#cacaca;
background:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-arrowLightGrey.png) no-repeat 0 6px;
}

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

#footerPlugin{
width:1056px;
margin-right:-32px;
padding-top:40px;
}

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

#footer .box{
color:#f0f0f0;
border-color:#4f4f4f;
background-image:url(https://blog-imgs-54-origin.fc2.com/b/l/a/blackhatseo/ms-boxBgFooter.png);
}

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

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

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

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

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

#pr{
clear:both;
padding:8px 0 5px;
text-align:center;
background:#000;  
}

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