@charset "utf-8";
@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/**************************************************/
/* default */
/**************************************************/
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:"Arial","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","sans-serif";line-height:1.4;background: #f1f1f1;}
h1{font-size:150%;}
h2{font-size:130%;}
h3{font-size:115%;}
h4 {position: relative;padding: 0.4em;color: #424242;border: 1px solid #F0F0F0;background: #FAFAFA;text-shadow: 1px 1px 0 #fff, 1px 1px 0 #999;}
h5{color: #555;font-size:120%;}
h4,h6{font-size:100%;}
.head h2, .head h3.title, .head h3, .head h4, .head p{
padding: 2px 0 2px 0px;
font-size: 20px;
}
.head h2 a, .head h3.title a{color:#000;}
.head h2.title{margin-top:19px;}
ul, ol, li, dl, dt, dd{list-style: none;}
a img {border-style:none;}
a{color:#6f6f6f;text-decoration: none;}
a:hover, a:focus{text-decoration:underline;outline:none;}

/**************************************************/
/* main contents */
/**************************************************/
#container, .inner, #header p, #header h1{width:1080px;margin:0 auto;}
#content{float:left;width:728px;padding:20px 0;overflow:hidden;margin-bottom: 200px;}
#sidebar{float:right;width: 336px;padding:20px 0;overflow:hidden;margin-bottom: 200px;}
#toTop{clear:both;}
#footer{overflow:hidden;background:#fff;box-shadow:0 -1px 3px rgba(0,0,0,0.3);clear: both;}
#header{background: #FFFFFF;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
#title{border-bottom:1px solid #bdbcbd;padding: 15px;}
#title h1 a {color: #494949;font-weight: lighter;font-size: 35px;}
.content{padding:20px 0;}
.boxWrap {clear: both;width: 728px;background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.boxWrap a{color: #53BAFF;}
.box{padding: 10px 20px 15px 20px;overflow: hidden;margin-bottom: 10px;}
.box2{color: #666;}
.box2 a,
.box2 a::before,
.box2 a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.title{background:none;}

/* category and tag ---------------------------- */
.head p.cat,.head h3{border-color:#666;font-size: 24px;font-weight: lighter;float: left;}
.head p.cat a,.head h3 a{color:#535353;}
.head p.tag, .head h4{border-color:#6f6f6f;}
.head p.tag a, .head h4 a{color:#6f6f6f;}
/* ---------------------------- //category and tag */

/* read more ---------------------------- */
.readmore a {
padding: 10px 25px 10px 25px;
font-size: 18px;
color: #4E4E4E;
border-radius: 3px;
background: #3fa3a3;
transition: all .3s;
font-weight: bold;
background: #FCFCFC;
border: 1px solid #f1f1f1;
}
.readmore a:hover{
border-radius: 3px;
text-decoration:none;
box-shadow:none;
background-position:16px 50%;
color: #fff;
background: #111;
border: 1px solid #f1f1f1;
}
/* ---------------------------- //read more */

ul.footer {
padding: 30px 0 0 0;
float: right;
overflow: hidden;
height: 35px;
clear: both;
}
ul.footer li{display:inline;margin-right:10px;}
/* TB */
.tb a{
padding-left:20px;
}

ul.community{text-align:right;}
ul.community li{
display:inline;
margin-left:15px;
padding:5px 0 5px 20px;
background:url(http://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(http://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-theme.png);
}


/**************************************************/
/* form */
/**************************************************/
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 172px;width: 345px;}
#related .head{background-image:url(http://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-list.png);}
.pagenav {
position: relative;
padding: 10px;
background: #FCFCFC;
border-bottom: 1px solid #f1f1f1;
}
.pagenav a{color: #666;font-weight: bold;}
.pagenav p.home{text-align:center;}
.pagenav p.home a{color: #fff;}
.pagenav p.prev{position:absolute;top:10px;left:10px;}
.pagenav p.next{position:absolute;top:10px;right:10px;}
.fc2_footer{padding:10px 0;}


/**************************************************/
/* entry_body */
/**************************************************/
.entry_body {clear: both;margin-top: 20px;line-height: 25px;color: #666;}
.entry_body h1,.entry_body h2,.entry_body h3,.entry_body h4,.entry_body h5,.entry_body h6{margin: 50px 0 0 0;}
.entry_body h4:before {/* icon */
  content: "\f046";
  font-family: 'FontAwesome', sans-serif;
  margin-right: 10px;
}
.entry_body h1{font-size:160%;}
.entry_body h2{font-size:140%;}
.entry_body h3{font-size:120%;}
.entry_body h4{font-size:150%;}
.entry_body h5,.entry_body h6 {font-size:140%;}
.entry_body h5{font-size:120%!important;padding-left: 10px;}
.entry_body h5:before{
color: #ddd;
font-size: 15px;
content: "\f058";
font-family: 'FontAwesome', sans-serif;
margin-right: 10px;
}

.entry_body p {padding: 20px 25px 10px;font-size: 15px;color: #666;line-height: 27px;}
.entry_body ul,.entry_body ol{margin:20px 0 20px 20px;}
.entry_body ul{padding: 30px;}
.entry_body ul li {
list-style: disc outside;
font-size: 16px;
line-height: 2em;
font-weight: bold;
color: #4BABB8;
list-style: none;
}
.entry_body ul li:hover{cursor: pointer;color: #B9E3E9;}
.entry_body ul li:before{
  content: "\f058";
  font-family: 'FontAwesome', sans-serif;
  margin-right: 10px;
}
.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 img {max-width: 100%;height: auto;padding-bottom: 5px;padding-right: 10px;}
/* ---------------------------- //entry_body */


/**************************************************/
/* right contents */
/**************************************************/
#sidebar .boxWrap{clear:none;float:left;width: 336px;margin-bottom: 15px;}
#sidebar .head h2 {
padding: 12px 0 10px 15px;
font-size: 16px;
background: #FCFCFC;
border-bottom: 1px solid #f1f1f1;
}

#sidebar .head h2:before{/* icon */
color: #cacaca;
font-size: 15px;
content: "\f054";
font-family: 'FontAwesome', sans-serif;
margin-right: 10px;
}
.plBefore,#sidebar ul li{padding-bottom:5px;}
.plAfter{padding-top:5px;}
#sidebar ul li a{display:block;padding-left:15px;
background:url(http://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-arrowDarkGrey.png) no-repeat 0 6px;
}
#sidebar ul li a {
display: block;
padding-left: 0!important;
background: none!important;
}
#sidebar ul li a:hover{background-position:3px 6px;}
.C_count {
color: #333;
background: #eee;
float: right;
padding: 2px 15px;
margin-right: 5px;
border-radius: 3px;
}
/*
.Article_img{height: 170px;}
*/
.Article_img img{width: 200px;margin-right: 10px;}



/**************************************************/
/* footer  */
/**************************************************/

#pr{clear:both;text-align:center;background:#FFF;color: #aaa;padding: 20px 0 0 0;}
#pr a{color:#aaa;font-size:12px;}
#footertag{clear: both;}
#footertag span{
  float: left;
  font-size: 14px;
  margin-right: 5px;
  padding: 0px 6px 2px;
  background: #efefef;
  border: solid 1px #E1E5E6;
  border-radius: 5px;
  line-height: 2em;
  word-break: break-all;
}
#footerPlugin a{font-weight: bold;display:block;color:#666;}
#footerPlugin a:hover{background-position:3px 6px;color: #618CDA;}
#footerPlugin {width: 1056px;margin-right: -32px;padding: 20px 0;}
#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(http://blog-imgs-54.fc2.com/b/l/a/blackhatseo/ms-boxBgFooter.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;}
#footerinnertop{border-bottom: solid 1px #ccc;padding-bottom: 5px;margin-bottom: 5px;}

/* NEW Article images ---------------------------- */
.img_recent{
font-size: 13px;
padding: 20px;
}
.img_recent br {clear:left;}
.img_recent img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
margin-bottom:10px; /* 画像の下余白 */
width: 115px; /* 画像表示サイズ */
height: 75px; /* 画像表示サイズ縦　*/
}

.img_recent a{color: #666;}
.img_recent a:hover{color: #4F96FF;background: none;}
.Article{font-size: 25px;margin-bottom: -15px;color:#333;font-weight: bold;}
.Article a{text-decoration: none;color: #333;display: block;}
.Article a:hover{color: #43E4E4;}
.Article_min{font-size: 87.5%;}
.fl{float:left;}
.fr{float:right;}
.fr_two {float: right;margin-top: 15px;}
#year_tag_cat{padding: 7px 0;margin-left: 135px;}
#year_tag_cat li {
float: left;
background: #FFFFFF;
margin: 0 5px 0 0;
box-shadow: rgba(113, 135, 164, 0.0470588) 0px 0px 6px 1px;
-webkit-box-shadow: rgba(113, 135, 164, 0.0470588) 0px 0px 6px 1px;
-moz-box-shadow: rgba(113, 135, 164, 0.0470588) 0px 0px 6px 1px;
border-radius: 3px;
border: 1px solid #f2f2f2;
}
#year_tag_cat li a {
color: #202020;
font-weight: bold;
padding: 20px 30px;
}
/* ---------------------------- //NEW Article images */


/* form ---------------------------- */
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: 7px 150px;
text-align: center;
border: 0;
border-radius: 4px;
font-size: 150%;
color: #FAFAFA;
background: #106F81;
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;}
/* ---------------------------- //form */

/* パンくずリスト ---------------------------- */
.pankuzu {
font-size: 12px;
padding: 10px 0 10px 10px;
background: #fff;
color: #aaa;
background: #FCFCFC;
border-bottom: 1px solid #f1f1f1;
}
.pankuzu a {
color: #C1CEE2;
padding: 3px 10px;
}
/* ---------------------------- //パンくずリスト */


/* 関連記事 ---------------------------- */
.box_kanren {
width: 100%;
background: #fff;
margin: 10px 0;
}
.relate_dl {display: none;}
#relateDl {display: block;}
#relatePosition li{display: block;border-bottom: solid 1px #F1F1F1;}
#relatePosition li:hover{background: #F7F7F7;-webkit-transition: all .3s;transition: all .3s;}
.relate_dt {
padding: 12px 0 10px 15px;
font-size: 20px;
color: #333;
background: #FCFCFC;
border-bottom: 1px solid #f1f1f1;
font-weight: bold;
}
.relate_ul li a {
display: block;
text-decoration: none;
color: #7C90F5;
padding: 15px 20px 7px;
}
.relate_li_nolink{background: #F7F7F7;padding: 15px 20px 7px;}
.relate_dt:before {
content: "\f040";
font-family: 'FontAwesome', sans-serif;
font-size: 20px;
margin-right: 10px;
margin-left: 5px;
color: #333;
}
/* ---------------------------- //関連記事 */


/* 両サイド広告スタイル ---------------------------- */
.sideadleft{
background: #FFF;
width: 160px;
height: 600px;
top: 100px;
right: 50%;
position: absolute;
margin-right: 545px;
}

.sideadright{
display: block;
top: 100px;
z-index: 10000000000;
left: 50%;
position: absolute;
margin-left: 545px;
background: #333;
width: 160px;
height: 600px;
}
/* ---------------------------- //AD */


/* ????? Don't Delete area ????? */
.leadnews {background: #EBEBEB;display: block;text-align: right;font-size: 13px;padding: 5px 15px;}
.leadnews a{color: #7771FF!important;}
/* ????? Don't Delete area ????? */