@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: 忍者ツールズ
  ------------------------------------------------------------------------------*/

/*============================================================================

Blog

=============================================================================*/
/*------------------------------------------------------------
  Hypertext
  -------------------------------------------------------------*/
div#main_block div.rollover_main_large {
    display: block;
    width: 210px;
    height: 41px;
    overflow: hidden;
    margin: 15px 0 5px;
}

div#main_block div.rollover_main_large:hover img {
    margin-top: -41px;
}

/* 新規作成ボタン（共通） */
.make_blog {
    text-align: center;
    margin: 10px auto 30px auto;
}

.make_blog p a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    padding: 20px 85px;
    background: url(/images/blog/make_botton.png) no-repeat;
    width: 356px;
    height: 61px;
}

/*  トップ index.html
    -------------------------------------------------------------*/
/* スライダー */
div#main_block div.top_img {
    margin-bottom:15px;
    width:620px;
    height:210px;
    background:url(/images/blog/top-slide/bg_bar.gif) repeat-x;
}
div.top_img ol.navi {
    padding:0 5px;
    line-height: 1;
}
div.top_img ol.navi li {
    display:inline-block;
    float:left;
}
div.top_img ol.navi li a {
    display:inline-block;
    padding:3px;
    color:#ffffff;
    text-decoration:none;
    line-height: 15px;
}
div.top_img ol.navi li a img {
    margin:0 5px 0 0;
    vertical-align:middle;
}
div.top_img ol.navi li a.active {
    color:#01cafb;
    background:none;
}
div.top_img ol.navi li a:hover,
div.top_img ol.navi li a.hover {
    background:url(/images/blog/top-slide/bg_hover_slide.png);
    color:#ffffff !important;
}
div.top_img .navi-image {
    clear:both;
    height:186px;
    overflow:hidden;
    position:relative;
}

div.top_img .navi-image a { display:block; }
div.top_img .navi-image a { position:absolute; top:0; left:0; z-index:8; }
div.top_img .navi-image a.active { z-index:10; }
div.top_img .navi-image a.last-active { z-index:9; }

/* ブログの特徴 */
#main_block .blog_feature {
    background:#ffffff;
    padding:0 21px 15px;
    margin-bottom:30px;
}
#main_block .blog_feature .ttl_feature {
    padding:15px 0 5px;
}
#main_block .top_feature_area li,
#main_block .top_feature_area li a {
    display:block;
    width:188px;
    height:103px;
    overflow:hidden;
}
#main_block .top_feature_area li {
    margin-bottom:10px;
    margin-right:5px;
    float:left;
}
#main_block .top_feature_area li .list-last {
    margin-right:0;
}
#main_block .top_feature_area li a:hover img {
    margin-top:-103px;
}
/* 新規作成ボタン */
.btn_topMakeTool {
    display:block;
    margin:10px auto 20px;
    width:356px;
    height: 60px;
    overflow:hidden;
}
.btn_topMakeTool:hover img {
    margin-top:-60px;
}

/* ブログ新着情報 */
/* 新着画像 */
.contents_inner .list-newImage li {
    margin:5px 20px 0;
    float:left;
    width: 150px;
    height:200px;
    overflow:visible;
    line-height:1.4;
    text-align:center;
}
.contents_inner .list-newImage li img {
    margin-bottom:5px;
    padding:5px;
    max-width:150px;
    max-height:150px;
    border-radius:5px;
    background:#ebebeb;
}

/* 新着ブログ */
.contents_inner .list-newEntry {
    clear:both;
}
.contents_inner .list-newEntry li {
    min-height:14px;
    padding-left:1.5em;
    padding-bottom:1em;
    background:url(/images/blog/ico_memo.gif) no-repeat left 2px;
    line-height:1.4;
}
.contents_inner .list-newEntry li a.blogName {
    text-decoration: none;
    color:#8b8b8b;
}

/* ランキング */
div#main_block div.blog_ranking{
    padding-bottom: 30px;
}
div#main_block div.blog_ranking .rankingtitle{
    padding:5px 5px 5px 15px;
    margin-bottom:4px;
    font-weight: bold;
    background:#f0f0f0;
}
div#main_block div.blog_ranking .entrytitle{
    float:left;
}
div#main_block div.blog_ranking .claptitle{
    float: right;
    color: #FB7000;
    font-weight:normal;
}

div#main_block div.blog_ranking .article{
    float: left;
    width: 280px;
}

div#main_block div.blog_ranking .blog{
    float: right;
    width: 280px;
}

div#main_block div.blog_ranking .article li,
div#main_block div.blog_ranking .blog li{
    clear:both;
    padding:6px 10px 6px 0;
    min-height:30px;
    border-top:1px dotted;
}
div#main_block div.blog_ranking .article li:first-child,
div#main_block div.blog_ranking .blog li:first-child {
    clear:none;
    border-top: 0;
}

.commu_rank {
    padding: 0px 10px 0 0;
    width:40px;
    float: left;
}

.commu_rank a{
    display:block;
    width:40px;
    max-height:30px;
    overflow:hidden;
}

.commu_text {
    float: left;
    width:165px;
    min-height:30px;
}

.commu_articletitle {
    padding-bottom:2px;
}
.commu_articletitle a {
    text-decoration: none;
    line-height:1.4;
}

.commu_category,
.commu_category a:link {
    font-size: 11px;
    text-decoration: none;
    color:#666666;
}

div#main_block div.blog_ranking .clap{
    float: right;
    font-weight: bold;
    max-width: 50px;
    text-align: right;
    overflow:visible;
    line-height:1.4;
}

/* カテゴリー */
div#main_block div.blog_category{
    padding-bottom: 8px;
    overflow: auto;
    font-size: 11px;
    color: #a3a3a3;
}
div#main_block div.blog_category a{
    font-weight: bold;
    padding-right: 4px;
    font-size: 11px;
}
div#main_block div.blog_category li{
    width: 175px;
    padding: 0px  0px 6px 15px;
    background:url(/images/common/main_guide_list_icon.gif) no-repeat 2px 4px;
    vertical-align:middle;
    line-height:18px;
    float: left;
    margin: 0px 0px 4px 0px;
}

/*  特徴（無料ブログ比較） point_conpare.html
    -------------------------------------------------------------*/
/* 無料ブログ機能比較表 */
/*------------------------------------------------------------
  他社との比較ページ用 - 主にテーブル
  -------------------------------------------------------------*/
div#main_block div.comparison table {
    margin: 0px;
    width: 570px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #b0b4c0;
}

div#main_block div.comparison table th {
    padding: 10px 6px 10px 4px;
    line-height: 130%;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    width: 95px;
    background: url(/images/blog/comparison/bg_th.gif) top left no-repeat;
    word-break: break-all;
}

div#main_block div.comparison table th.table_first {
    width: 95px;
    background: url(/images/blog/comparison/bg_top_th_first.gif) repeat-y;
}

div#main_block div.comparison table th.table_top_no_border {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    padding: 10px;
    background: url(/images/blog/comparison/bg_th_no_border.gif);
    }

div#main_block div.comparison table th.table_top {
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    width: 85px;
    padding: 10px;
    background: url(/images/blog/comparison/bg_top_th.gif) repeat-y;
    }

div#main_block div.comparison table td {
    padding: 5px 10px;
    line-height: 150%;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    background: url(/images/blog/comparison/bg_td.gif) top left no-repeat;
}

div#main_block div.comparison table td.no_border_top {
    background: url(/images/blog/comparison/bg_td_no_border_top.gif) top left no-repeat;
    padding: 5px 5px 5px 15px;
}

div#main_block div.comparison table td.no_border {
    background: url(/images/blog/comparison/bg_td_no_border.gif) top left no-repeat;
    padding: 5px 5px 5px 15px;
}

div#main_block div.comparison table td p {
    margin: 3px 3px 0 3px;
    text-align: left;
    font-size:12px;
    color:#333333;
}

div#main_block div.comparison table td p a {
    color: #2e6bc7;
    margin: 3px 3px 0 3px;
    text-align: left;
}

div#main_block div.comparison table td.nt {
    background: url(/images/blog/comparison/bg_admax.gif) top left no-repeat;
    padding: 5px;
    width: 140px;
    word-break: break-all;
    font-weight:bold;
    font-size:140%;
    color:#48ACDD;
}

div#main_block div.comparison table td.nt_top {
    background: none;
    padding: 5px;
    width: 140px;
    border-width: 0;
    word-break: break-all;
}
div#main_block div.comparison table td.nt_top p {
    text-align:center;
}

div#main_block div.comparison table td.nt .showcase {
    font-size:150%;
}
div#main_block div.comparison table td .detail {
    font-size:75%;
}
div#main_block div.comparison table th .attention {
    color:#333333;
    font-size:12px;
    font-weight:normal;
}


/*  特徴（ドメイン） point_domain.html
    -------------------------------------------------------------*/
div#main_block div.blog_domain {
    padding:10px 0;
}
div#main_block div.blog_domain li{
    width: 230px;
    padding: 0px  0px 6px 25px;
    background:url(/images/common/main_guide_list_icon.gif) no-repeat 2px 4px;
    vertical-align:middle;
    line-height:18px;
    float: left;
    margin: 0px 0px 4px 20px;
}


/*  特徴（スマートフォン） point_smartphone.html
    -------------------------------------------------------------*/
#main_block .smartphone {
    margin: 10px 0px 4px 20px;
}

#main_block .smartphone dt {
    font-size: 110%;
    font-weight: bold;
    margin: 10px;
}

#main_block .smartphone li {
    margin: 5px 0px 10px 30px;
    list-style: disc;
}

/*  特徴（SEO対策） point/seo
    -------------------------------------------------------------*/
div#main_block div.img-seo {
    margin:30px 0;
    text-align:center;
}

/*  特徴（CMS） point/cms
    -------------------------------------------------------------*/
div#main_block div.img-cms {
    margin:30px 0;
    text-align:center;
}

/*  特徴（お引越し） point/moving
    -------------------------------------------------------------*/
div#main_block .blog-moving {
  padding-top: 102px;
  padding-bottom: 30px;
  background: url(/images/blog/img-moving.png) no-repeat center 10px;
}
div#main_block .blog-moving-ttl {
  text-align: center;
}
div#main_block .blog-moving-list {
  counter-reset: blog-moving-step;
}
div#main_block .blog-moving-list > li:before {
  counter-increment: blog-moving-step;
  content: counter(blog-moving-step);
  display: inline-block;
  padding: 3px;
  margin-right: 5px;
  margin-top: 0;
  background: #096B12;
  color: #fff;
  width: 18px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  overflow: visible;
  border-radius: 50%;
}
div#main_block .blog-moving-list > li {
  line-height: 1;
  margin-top: 13px;
  padding-bottom: 10px;
}
div#main_block .blog-moving-list-ttl {
  color: #096b12;
  display: inline-block;
  font-size:16px;
  font-weight: bold;
}
div#main_block .blog-moving-list p {
  margin-left: 32px;
  padding: 5px 0;
}


/*  もっと楽しむ /enjoy/
    -------------------------------------------------------------*/
div#main_block div.btn_make_blog.enjoy {
    margin:15px auto 30px;
    width:347px;
    height:51px;
    overflow:hidden;
}
div#main_block div.btn_make_blog.enjoy:hover img {
    margin-top:-51px;
}
div#main_block .guide_link.right {
    margin:10px 0;
    display:inline-block;
    float:right;
}

/* 扉ページ */
div#main_block div.list_enjoy_top_tool {
    padding:10px 0;
    text-align:left;
}
div#main_block div.list_enjoy_top_tool li {
    display:block;
    width:187px;
    float:left;
}
div#main_block div.list_enjoy_top_tool li.plural {
    padding-left:5px;
}
div#main_block div.list_enjoy_top_tool li a.grey-block {
    display:block;
    min-height:100px;
    padding:15px 10px;
    text-align:center;
    background:#f6f6f6;
    text-decoration:none;
    color:#333333;
}
div#main_block div.list_enjoy_top_tool li a.grey-block:hover {
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    filter: alpha( opacity=60 );
    -ms-filter: "alpha( opacity=60 )";
}
div#main_block div.list_enjoy_top_tool span.txt {
    display:block;
    padding:10px 0 70px;
    line-height:1.5;
    position:relative;
}
div#main_block div.list_enjoy_top_tool li a.grey-block:hover span.txt {
    color:#848484;
}

div#main_block div.list_enjoy_top_tool span.txt.analyze {
    background:url(/images/blog/enjoy/top/bg-analyze.png) no-repeat bottom left;
}
div#main_block div.list_enjoy_top_tool li a.grey-block:hover span.txt.analyze {
    background:url(/images/blog/enjoy/top/bg-analyze.png) no-repeat bottom right;
}

div#main_block div.list_enjoy_top_tool span.txt.admaxfriends {
    background:url(/images/blog/enjoy/top/bg-admaxfriends.png) no-repeat bottom left;
}
div#main_block div.list_enjoy_top_tool li a.grey-block:hover span.txt.admaxfriends {
    background:url(/images/blog/enjoy/top/bg-admaxfriends.png) no-repeat bottom right;
}

div#main_block div.list_enjoy_top_tool span.txt-detail {
    display:block;
    text-align:right;
    padding: 10px 10px 0 0;
    color: #2e6bc7;
    font-weight: bold;
    background: url(/images/blog/top_link.png) no-repeat right 12px;
}

/* アクセス解析・アナライズ /enjoy/analyze */
div#main_block p.txt-onebutton.analyze {
    padding-right:176px;
    min-height:141px;
    background:url(/images/blog/enjoy/analyze/bg-analyze-onebutton.jpg) no-repeat right;
}

div#main_block p.txt-analysis {
    padding:10px 0 10px 280px;
    min-height:202px;
    background:url(/images/blog/enjoy/analyze/bg-analysis.jpg) no-repeat left 15px;
}
div#main_block p.txt-analyze {
    padding:10px 0 10px 280px;
    min-height:56px;
    background:url(/images/blog/enjoy/analyze/bg-analyze.jpg) no-repeat left 15px;
}

/* 忍者AdMaxFriends /enjoy/admaxfriends */
div#main_block p.txt-onebutton.admaxfriends {
    padding-right:176px;
    min-height:141px;
    background:url(/images/blog/enjoy/admaxfriends/bg-admaxfriends.png) no-repeat right;
}
div#main_block p.mechanism img + img {
  margin-left: 7px;
}


/*  テンプレート一覧 templates.html
    -------------------------------------------------------------*/
/* テンプレートトップ /new_templates/ */
div#main_block div.blog_template_samples{
}
div#main_block div.blog_template_samples .blogsubtitle {
    padding-top:0.5em;
    padding-left:16px;
    font-weight:bold;
}
div#main_block div.blog_template_samples .block{
    margin-top: 3px;
}
div#main_block div.blog_template_samples .block:after{
    content:"";
    height: 30px;
    display: table;
    clear: both;
}
div#main_block div.blog_template_samples li{
    overflow: hidden;
    float: left;
    padding: 2px 5px 2px 5px;
    margin: 5px 20px 6px 5px;
}
div#main_block div.blog_template_samples li:hover{
    background: #ededed;
}
div#main_block div.blog_template_samples .title{
    font-size: 11px;
    font-weight: normal;
    display: block;
    width: 100px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
}
div#main_block div.blog_template_samples .block img{
    border: 1px solid #b1b1b1;
    width: 98px;
    -moz-box-shadow: 2px 2px 3px #d0d0d0;
    -webkit-box-shadow: 2px 2px 3px #d0d0d0;
    box-shadow: 2px 2px 3px #d0d0d0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#d0d0d0')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#d0d0d0');
    z-index: 0;
}

/* テンプレート詳細 /templates/ */
div#main_block div.btn_template_format{
    padding-left: 2px;
}
div#main_block div.btn_template_format img{
    margin-left: 1px;
}

div#main_block div.blog_search_menu {
    padding: 10px;
    margin: 0px 5px 5px 0px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f2f2f2;
    -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.7);
    box-shadow:0 3px 3px rgba(0, 0, 0, 0.7);
}
div#main_block div.blog_search_menu .block{
    padding: 2px 0px 10px 0px;
}
div#main_block div.blog_search_menu .title{
    font-weight: bold;
    padding: 0px 16px 0px 0px;
    width: 130px;
    float: left;
    clear: both;
}
div#main_block div.blog_search_menu .title_category{
    font-weight: bold;
    padding: 0px 2px 0px 0px;
    margin: 0px 10px 6px 0px;
    width: 150px;
    float: left;
    border-bottom: 1px solid #d1d1d1;
    clear: both;
}
div#main_block div.blog_search_menu .search_details{
    clear: both;
    margin: 4px 0px 6px 0px;
    padding: 6px 6px 12px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    overflow: auto;
    background: #fcfcfc;
}
div#main_block div.blog_search_menu .search_details .ttl_search_details{
    padding: 0px 0px 6px 0px;
}
div#main_block div.blog_search_menu .search_details_title{
    background: url(/images/blog/bullet_arrow.gif) no-repeat center left;
    padding: 2px 0px 2px 16px;
    margin: 0px 0px 0px 6px;
}
div#main_block div.blog_search_menu .search_details_block{
    float: left;
    width: 165px;
    padding: 10px 2px 0px 2px;
}
div#main_block div.blog_search_menu .btn_search{
    text-align: center;
    padding: 6px;
    font-size: 14px;
    font-weight: bold;
}

div#main_block div.blog_search_results{
    padding: 12px 5px 12px 5px;
}
div#main_block div.contents div.contents_inner div.blog_search_results p.disclaimer{
    padding:0;
    color: #ff2b6e;
    font-weight: bold;
}
div#main_block div.results_ttl{
    padding: 30px 0px 2px 0px;
    height: 30px;
    border-bottom: 2px solid #B0B0B0;
    line-height: 30px;
    font-weight: bold;
}
div#main_block div.results_ttl div.results_ttltxt {
    font-weight:bold;
    display:inline-block;
    float:left;
}
div#main_block div.results_ttl .count{
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 16px;
}
div#main_block div.results_ttl form.display_number {
    display:inline-block;
    float:right;
}

div#main_block div.blog_search_dynamicmenu{
    background: #ededed;
    clear: both;
}
div#main_block div.blog_search_dynamicmenu .sort{
    font-size: 11px;
    text-align: center;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 10px 0px;
}
div#main_block div.blog_search_dynamicmenu .sort_title{
    font-weight: bold;
    font-size: 11px;
    padding: 0px 0px 0px 2px;
    color: #6b8bbe;
}

div#main_block div.results_page_flip{
    text-align: center;
}
div#main_block div.results_page_flip a{
    padding: 0px 3px 0px 3px;
}

div#main_block div.view_blogtemplates{
    overflow: auto;
    padding: 20px 0px 20px 0px;
}
div#main_block div.view_blogtemplates .view_template_block{
    float: left;
    width: 150px;
    margin: 0px 0px 30px 30px;
    height:270px;
    overflow:visible;
}
div#main_block div.view_blogtemplates .view_template_block .recommend{
    text-align: center;
    height: 15px;
}
div#main_block div.view_blogtemplates .view_template_block .templatetitle{
    font-weight: bold;
    padding: 3px 0px 6px 0px;
    text-align: center;
}
div#main_block div.view_blogtemplates .view_template_block .templateauthor{
    padding: 3px 0px 3px 6px;
    border-bottom: 1px solid #dadada;
    margin: 2px 4px 0 4px;
    clear: both;
    background: #fff;
}
div#main_block div.view_blogtemplates .view_template_block .templateauthortxt{
    font-weight: bold;
    padding: 0px 0px 0px 4px;
}
div#main_block div.view_blogtemplates .view_template_block .templateimg{
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 0px 0px 3px 0px;
}
div#main_block div.view_blogtemplates .view_template_block .templateimg img{
    border: 1px solid #cdcdcd;
    padding: 2px;
}
div#main_block div.view_blogtemplates .view_template_block .templateimg img:hover{
    padding: 0px 4px 4px 0px;
    border: 1px solid #8e8e8e;
    -moz-box-shadow: 3px 3px 4px #9d9d9d;
    -webkit-box-shadow: 3px 3px 4px #9d9d9d;
    box-shadow: 3px 3px 4px #9d9d9d;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9d9d9d')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#9d9d9d');
}
div#main_block div.view_blogtemplates .view_template_block .templateupdate{
    font-size: 11px;
    color: #a8a8a8;
    padding: 2px 2px 0px 4px;
    float: left;
}
div#main_block div.view_blogtemplates .view_template_block .templaterules{
    float: right;
    font-size: 11px;
    padding: 2px 4px 0px 0px;
}
div#main_block div.view_blogtemplates .view_template_block .templatedl{
    float: left;
    width: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    color: #9d9d9d;
}
div#main_block div.view_blogtemplates .view_template_block .templatefav{
    float: right;
    width: 50%;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    color: #9d9d9d;
}
div#main_block div.view_blogtemplates .view_template_block .dlnum{
    font-weight: bold;
    font-size: 16px;
    color: #8d8d8d;
}
div#main_block div.view_blogtemplates .view_template_block .favnum{
    font-weight: bold;
    font-size: 16px;
    color: #ff8c12;
}

.more_templates {
    text-align: center;
    padding: 0 0 30px;
}
.more_templates .guide_link {
    display: inline-block;
}


/*  カテゴリー一覧 /category/
    -------------------------------------------------------------*/
/* サブカテゴリー一覧 */
div.contents_inner div.blog_category_detail {
    border: 1px dotted #CCCCCC;
    padding:10px 21px;
    line-height:18px;
}
div.contents_inner div.blog_category_detail li {
    padding-left:18px;
    display:block;
    float:left;
    width:152px;
    background:url(/images/common/main_guide_list_icon.gif) no-repeat 0 4px;
    line-height:21px;
}
div.contents_inner div.blog_category_detail li a.on_page {
    font-weight:bold;
}

/* 新着一覧 */
div.contents_inner div.blog_category_paging {
    text-align: center;
    width: 360px;
    margin: 10px auto 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #CCCCCC;
}

div.contents_inner div.blog_category_paging li {
    display: inline;
    border: 1px dotted #CCCCCC;
    padding: 3px;
    margin: 0 2px 0 0;
}

div.contents_inner div.blog_category_paging li.on_page {
    font-weight: bold;
}

div#main_block div.blog_recent img{
    border: 1px solid #6a6a6a;
}
div#main_block div.blog_recent img:hover{
    border: 1px solid #b1b1b1;
}
div#main_block div.blog_recent li{
    clear: both;
    border-bottom: 1px solid #dadada;
    padding: 6px 0px 6px 0px;
    margin: 6px 0px 0px 12px;
    overflow: auto;
}
div#main_block div.blog_recent .blog_img{
    float: left;
}
div#main_block div.blog_recent .title{
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
}
div#main_block div.blog_recent .from{
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
}
div#main_block div.blog_recent .preview{
    display: block;
    font-size: 12px;
    color: #6e6e6e;
    overflow: hidden;
    line-height: 16px;
    padding: 0px 0px 6px 6px;
}


/* カテゴリー一覧 */
div.contents_inner div.blog_category_small_list {
    border: 1px dotted #CCCCCC;
    padding:10px 21px;
    line-height:18px;
}
div.contents_inner div.blog_category_small_list li.category {
    padding-left:18px;
    display:block;
    float:left;
    width:152px;
    background:url(/images/common/main_guide_list_icon.gif) no-repeat 0 4px;
    line-height:21px;
}
div#main_block div.contents_inner div.blog_category_small_list li a.on_page {
    font-weight:bold;
}



/*  有料プラン /blog/plan
    -------------------------------------------------------------*/
.table_blog_planCompare {
    margin:10px 0;
    width:100%;
    border-top:1px solid #b6b6b6;
    border-left:1px solid #b6b6b6;
}

.table_blog_planCompare th,
.table_blog_planCompare td {
    vertical-align: middle;
    border-bottom:1px solid #b6b6b6;
    border-right:1px solid #b6b6b6;
    line-height:1.4;
}
.table_blog_planCompare th {
    padding:5px;
    font-weight:bold;
    white-space:nowrap;
    background: #edf9ff;
}
.table_blog_planCompare thead th {
    text-align:center;
}
.table_blog_planCompare td {
    text-align:center;
    width:30%;
    padding:10px;
    white-space: nowrap;
}
.table_blog_planCompare th .charge {
    display:block;
    padding:3px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background:#48ACDD;
    font-size:150%;
    font-weight:bold;
    color:#ffffff;
}
.table_blog_planCompare td.charge {
    font-size:150%;
    font-weight:bold;
    color:#48ACDD;
}
.table_blog_planCompare.initial,
.table_blog_planCompare.plan {
    width:90%;
    margin:20px auto 30px;
}
.table_blog_planCompare.initial {
    margin-bottom:0;
}
.table_blog_planCompare.initial th,
.table_blog_planCompare.plan th {
    width:35%;
    font-size:120%;
}
.table_blog_planCompare.initial td,
.table_blog_planCompare.plan td {
    width:65%;
    text-align:left;
}
.table_blog_planCompare.initial th {
    background:#efefef;
}
.table_blog_planCompare.initial + .guide_list_kome {
    width:90%;
}
.table_blog_planCompare.plan th {
    background:#FFEA96;
}
.table_blog_planCompare.plan th span {
    font-size:83%;
}
.table_blog_planCompare td .price {
    font-size:150%;
    font-weight: bold;
}
.table_blog_planCompare .listKome li {
    text-indent:-1em;
    margin-left:1em;
}
.table_blog_planCompare .listKome li:before {
    content:"※";
}

dl.contents_inner_attention div.list_disc ul li {
    margin-left: 30px;
    list-style-type: disc;
    line-height: 18px;
}
dl.contents_inner_attention div.list_disc ul li .guide_list_kome li {
    list-style-type:none;
    margin-left:0;
}

.bb_text {
    font-size: 140%;
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}