@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: 忍者ツールズ
  Created: 2011-11-11
  ------------------------------------------------------------------------------*/

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

Common - Contents

=============================================================================*/
/*------------------------------------------------------------
  div#container_block
  -------------------------------------------------------------*/
div#container_block {
    background: #b2b2b2;
}



/*------------------------------------------------------------
  div#header_block
  -------------------------------------------------------------*/
div#header_block {
    margin: 0 auto;
    width: 950px;
    background:#e9e9e9;
}

/*  ul.bread_crumb パンくずリスト
    -------------------------------------------------------------*/
div#header_block ul.bread_crumb {
    padding:8px 17px 7px;
    height:11px;
    line-height:13px;
    font-size:11px;
}

/* NINJA TOOLS トップページリンク */
ul.bread_crumb li.top {
    padding:0 5px 0 0;
    display:block;
    float:left;
}

/* 2個目以降 */
ul.bread_crumb li.plural {
    padding:0 0 0 17px;
    display:inline-block;
    float:left;
    background:url(/images/NS/header_bread_crumb_arrow.gif) no-repeat 0 2px;
}

/* 現在のページ */
ul.bread_crumb li.page_now {
    padding:0 0 0 17px;
    display:inline-block;
    float:left;
    font-weight:bold;
    background:url(/images/NS/header_bread_crumb_arrow.gif) no-repeat 0 2px;
}

/*  div.title_block
    -------------------------------------------------------------*/
div#header_block div.title_block {
    height:63px;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background:#ffffff;
}

div.title_block h1 {
    width:160px;
    height:63px;
    display:block;
    overflow:hidden;
    float:left;
}
div.title_block h1 a:hover img {
    margin-top:-63px;
}

div.title_block p.h1_description {
    padding:8px 0 0;
    width:479px;
    height:48px;
    display:block;
    float:left;
    line-height:16px;
    overflow:hidden;
}

div.title_block div.top_navi {
    padding:12px 17px 0;
    width:264px;
    height:51px;
    display:block;
    float:right;
    overflow:hidden;
    background:url(/images/NS/header_top_navi_bg.gif) no-repeat;
}

div.top_navi li.first {
    padding:0 0 14px 19px;
    background:url(/images/NS/header_top_navi_first.gif) no-repeat;
    line-height:1;
}

div.top_navi li.sitemap {
    padding:13px 0 0 19px;
    background:url(/images/NS/header_top_navi_sitemap.gif) no-repeat 0 13px;
    line-height:1;
}



/*------------------------------------------------------------
  div#contents_block
  -------------------------------------------------------------*/
div#contents_block {
    margin: 0 auto;
    width: 950px;
    background:url(/images/NS/contents_block_bg.gif) repeat-y #dedede;
}

/*  div#main_block
    -------------------------------------------------------------*/
div#main_block {
    padding-left:14px;
    width:621px;
    display:block;
    float:left;
}

div#main_block div.top_img {
    margin-top:10px;
}

/*  div.contents
    -------------------------------------------------------------*/
div#main_block div.contents {
    background:#ffffff;
    overflow:hidden;
}

/* 大タイトル（h2） */
div.contents h2.contents_ttl {
    padding:9px 5px 11px;
    font-size:16px;
    font-weight:bold;
    line-height:1;
    border-top:4px solid #555555;
    border-left:20px solid #555555;
}

div.contents div.contents_inner {
    padding:10px 25px;
    overflow:hidden;
}

/* 中タイトル（h3） */
div.contents_inner h3.contents_inner_ttl {
    padding:26px 0 3px 16px;
    border-bottom:2px solid #b0b0b0;
    line-height:1;
    font-size:14px;
    font-weight:bold;
}

div.contents_inner div.contents_inner_sub {
}

/* 小タイトル（h4） */
div.contents_inner_sub h4.contents_inner_sub_ttl {
    font-size:12px;
    font-weight:bold;
    line-height:1;
}

/* ブロックパーツ */
div.contents_inner div.contents_inner_block {
    margin-bottom:10px;
    padding:10px;
    border:1px solid #dedede;
}
div.contents_inner_block h3.contents_inner_ttl {
    padding:5px;
    border-left:10px solid #555555;
    border-bottom:none;
}
div.contents_inner_block div.contents_inner_in {
    padding:10px 10px 0;
}


/*  div.contents内共通パーツ
    -------------------------------------------------------------*/
/* テキストコンテンツ */
div.contents_inner p {
    padding:10px 0;
}

/* 画像左フロート用 */
div.contents_inner img.float_left {
    margin:0 11px 9px 0;
    vertical-align:top;
    float:left;
}

/* 画像右フロート用 */
div.contents_inner img.float_right {
    margin:0 0 9px 11px;
    vertical-align:top;
    float:right;
}

/* 説明（リンク）用 */
.guide_link {
    margin:4px 0 10px;
    padding-left:35px;
    background:url(/images/NS/main_guide_link_icon.gif) no-repeat 17px 2px;
    vertical-align:middle;
    line-height:18px;
}

/* 説明（リスト）用 */
.guide_list {
    margin:4px 0 10px;
}
.guide_list ul li {
    padding-left:35px;
    background:url(/images/NS/main_guide_list_icon.gif) no-repeat 17px 2px;
    vertical-align:middle;
    line-height:18px;
}

/* 注意書き（番号リスト）用 */
.guide_list ol li {
    padding-left:20px;
    list-style:decimal inside;
    vertical-align:middle;
    line-height:18px;
    text-indent:-20px;
    margin-left:20px;
}

/* 説明（定義リスト）用 */
.guide_list dt {
    padding-left:35px;
    background:url(/images/NS/main_guide_list_icon.gif) no-repeat 17px 2px;
    vertical-align:middle;
    line-height:18px;
    font-weight: bold;
}

.guide_list dd {
    padding:0 0 0 35px;
    line-height:18px;
}

/* 説明（ヘルプ）用 */
.guide_help {
    margin:4px 0 10px;
    padding-left:35px;
    background:url(/images/NS/main_guide_help_icon.gif) no-repeat 17px 0;
    vertical-align:middle;
    line-height:18px;
}

/* ※注意書き用 */
div.guide_list_kome {
    margin:4px 0 10px;
}
div.guide_list_kome ul li{
    padding-left:35px;
    background: url(/images/NS/main_guide_kome.gif) no-repeat 17px 4px;
    vertical-align:middle;
    line-height:18px;
}

/* ご注意用 */
dl.contents_inner_attention dt {
    margin:4px 0 10px;
    padding:0 5px;
    font-weight: bold;
    color: #dd0010;
    border-bottom: 2px solid #e7a2a2;
    line-height:18px;
}

dl.contents_inner_attention dd {
    margin: 5px 0 0 0;
    padding:0 5px;
    line-height:18px;
}



/*  p.link_pagetop
    -------------------------------------------------------------*/
div#main_block p.link_pagetop {
    margin:15px 0;
    padding:2px;
    line-height:1;
    text-align:right;
}



/*  div#sub_block
    -------------------------------------------------------------*/
div#sub_block {
    padding:10px 0 25px;
    width:300px;
    display:block;
    float:right;
}

/* アド */
div#sub_block  div.ad {
    margin:15px 0;
}

/* トピックス */
div#sub_block dl.topics {
    margin-bottom:29px;
}
div#sub_block dl.topics dt.topics_ttl {
    height:39px;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}

div#sub_block dl.topics dl.topics_archive {
    padding:7px 10px 10px 30px;
    border-bottom:1px solid #cecece;
}

div#sub_block dl.topics dl.topics_archive dt {
    font-weight:bold;
    line-height:23px;
}

div#sub_block dl.topics dl.topics_archive dt span.new {
    padding-left:6px;
    display:inline-block;
    font-weight:normal;
    color:#ff0000;
}

div#sub_block dl.topics dl.topics_archive dd {
    line-height:17px;
}

div#sub_block dl.topics dd.topics_list {
    padding:10px 10px 29px 10px;
    text-align:right;
    line-height:1;
}

/* おしらせ */
div#sub_block dl.information dt.information_ttl {
    height:39px;
    border-top:1px solid #cecece;
    border-bottom:1px solid #cecece;
}

div#sub_block dl.information dl.information_archive {
    padding:7px 10px 10px 30px;
    border-bottom:1px solid #cecece;
}

div#sub_block dl.information dl.information_archive dt {
    font-weight:bold;
    line-height:23px;
}

div#sub_block dl.information dl.information_archive dt span.new {
    padding-left:6px;
    display:inline-block;
    font-weight:normal;
    color:#ff0000;
}

div#sub_block dl.information dl.information_archive dd {
    line-height:17px;
}

div#sub_block dl.information dd.information_list {
    padding:10px 10px 29px 10px;
    text-align:right;
    line-height:1;
}



/*------------------------------------------------------------
  div#footer_block
  -------------------------------------------------------------*/
div#footer_block {
    padding:16px 14px 41px 16px;
    border-top:1px solid #cdcdcd;
    background:#404040;
    color:#cacaca;
}

div#footer_block a:link,
div#footer_block a:visited {
    color:#cacaca;
}

div#footer_block a:hover,
div#footer_block a:active {
    color:#ffffff;
}

div#footer_block div.footer_inner {
    margin:0 auto;
    width:950px;
}

/* 区切り用ドットライン */
div.footer_inner div.horizon {
    padding:15px 0;
    height:1px;
    background:url(/images/NS/footer_line_dot.gif) no-repeat 0 15px;
    border:0;
    color:#404040;
}

/*  div.tools NINJA TOOLS
    -------------------------------------------------------------*/
div.footer_inner div.tools {}

div.tools ul {}
div.tools li {
    margin-right:15px;
    width:178px;
    display:block;
    float:left;
}
div.tools li.last {
    margin-right:0;
}
div.tools li a {
    width:178px;
    height:78px;
    display:block;
    overflow:hidden;
}
div.tools li a:hover img {
    margin-top:-78px;
}

div.tools li p.txt {
    padding-bottom:20px;
    height:30px;
    overflow:hidden;
    font-size:11px;
    line-height:14px;
}

/*  div.service 関連サービス・ビジネス向け
    -------------------------------------------------------------*/
div.footer_inner div.service {
    padding:7px 0;
    font-size:11px;
    line-height:13px;
}

/* 関連サービス */
div.footer_inner div.service dl.connect {}

div.footer_inner div.service dl.connect dt {
    padding-bottom:16px;
    width:100px;
    display:block;
    float:left;
    font-weight:bold;
}

div.footer_inner div.service dl.connect dd {
    padding-bottom:16px;
    display:inline-block;
    float:left;
}

div.service dl.connect dd.plural {
    padding-left:18px;
    background:url(/images/NS/footer_plural_bg.gif) no-repeat;
}

/* ビジネス向け */
div.footer_inner div.service dl.business {
    clear:both;
}

div.footer_inner div.service dl.business dt {
    width:100px;
    display:block;
    float:left;
    font-weight:bold;
}

div.footer_inner div.service dl.business dd {
    display:inline-block;
    float:left;
}

div.footer_inner div.service dl.business dd.plural {
    padding-left:18px;
    background:url(/images/NS/footer_plural_bg.gif) no-repeat;
}

/*  div.social_account 公式アカウント
    -------------------------------------------------------------*/
div.footer_inner div.social_account {}

div.footer_inner div.social_account ul {}

div.footer_inner div.social_account ul li {
    display:inline;
    flaot:left;
    line-height:1;
}
div.footer_inner div.social_account ul li a.twitter {
    padding-top:5px;
    padding-right:20px;
    padding-left:27px;
    height:17px;
    display:block;
    float:left;
    background:url(/images/NS/ico_footer_twitter.gif) no-repeat 0 0;
}
div.footer_inner div.social_account ul li a.twitter:hover {
    background:url(/images/NS/ico_footer_twitter.gif) no-repeat 0 -22px;
}

div.footer_inner div.social_account ul li a.facebook {
    padding-top:5px;
    padding-right:20px;
    padding-left:27px;
    height:17px;
    display:block;
    float:left;
    background:url(/images/NS/ico_footer_facebook.gif) no-repeat 0 0;
}
div.footer_inner div.social_account ul li a.facebook:hover {
    background:url(/images/NS/ico_footer_facebook.gif) no-repeat 0 -22px;
}

/*  div.company 企業情報
    -------------------------------------------------------------*/
div.footer_inner div.company {
    padding-top:16px;
    text-align:center;
}

div.footer_inner div.company ul li {
    display:inline;
    line-height:1;
    font-size:11px;
}

div.footer_inner div.company ul li.plural {
    padding-left:18px;
    background:url(/images/NS/footer_plural_bg.gif) no-repeat;
}

/* PR */
div.footer_inner div.company div.ad {
    width:950px;
    margin:15px 0;
    line-height:1.6;
}
div.footer_inner div.company div.ad dt {
    display:inline;
    color:#8b8b8b;
}
div.footer_inner div.company div.ad dd {
    padding-left:18px;
    display:inline;
    color:#8b8b8b;
}
div.footer_inner div.company div.ad dd.plural {
    background:url(/images/NS/footer_plural_bg_dark.gif) no-repeat 0 1px;
    white-space: nowrap;
}
div.footer_inner div.company div.ad dd a:link,
div.footer_inner div.company div.ad dd a:visited {
    color:#8b8b8b;
}

/* コピーライト */
div.footer_inner p.copyright {
    line-height:1;
    color:#8b8b8b;
    text-align:center;
}

div.footer_inner div.company p.copyright a:link,
div.footer_inner div.company p.copyright a:visited {
    color:#8b8b8b;
    text-decoration:none;
}

div.footer_inner div.company p.copyright img {
    margin-right:10px;
    vertical-align:top;
}
div.footer_inner div.company p.copyright span.copy {
    display:inline-block;
    margin-top:16px;
}




/*------------------------------------------------------------
  11/07/05 右ブロック　キャンペーンバナー　div.bnr_campaign
  -------------------------------------------------------------*/
div#sub_block div.bnr_campaign {
    margin:10px 0;
}

/*------------------------------------------------------------
  11/07/15 HP/ブログ/アクセス解析/アナライズトップ
  キャンペーンバナー　div.bnr_cmp_initial
  -------------------------------------------------------------*/
div#main_block div.bnr_cmp_initial {
    padding-top:10px;
}
div#main_block div.bnr_cmp_initial a {
    display:block;
    height:95px;
    overflow:hidden;
}
div#main_block div.bnr_cmp_initial a:hover img {
    margin-top:-95px;
}