@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: 忍者ツールズ トップページ
  Copyright: (C) Samurai Factory Inc.
  ------------------------------------------------------------------------------*/

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

Index - トップページ用

=============================================================================*/
#container_block.push.index { /* footer下固定用 */
/*    margin-bottom:-159px;*/
}
.contents {
    width:950px;
    margin: 0 auto;
    padding-top:30px;
    padding-bottom:30px;
}

/*------------------------------------------------------------
  div.article
  -------------------------------------------------------------*/
.article {
    width:719px;
    float:left;
}

.header {
    margin-bottom:26px;
}

/*  ul.listService
    -------------------------------------------------------------*/
.article .listService {
    padding-left:10px;
}

.article .listService li {
    margin-bottom:23px;
    margin-right:10px;
    float:left;
    width:224px;
    height:51px;
    padding-left:2px;
    -moz-box-shadow:0 0 1px 2px rgba(224,224,224,0.75) inset;
    -webkit-box-shadow:0 0 1px 2px rgba(224,224,224,0.75) inset;
    -ms-box-shadow:0 0 1px 2px rgba(224,224,224,0.75) inset;
    box-shadow:0 0 1px 2px rgba(224,224,224,0.75) inset;
    background:#f1f1f1;
    overflow:visible;
}
.article .listService li:hover {
    -moz-box-shadow:0 0 1px 2px #4184de inset;
    -webkit-box-shadow:0 0 1px 2px #4184de inset;
    -ms-box-shadow:0 0 1px 2px #4184de inset;
    box-shadow:0 0 1px 2px #4184de inset;
    background:#4791f3;
}
.article .listService li a {
    display:block;
    background:#ffffff;
    padding:0 0 0 12px;
    text-decoration:none;
}
.article .listService .txt {
    display:block;
    padding-top:2px;
    font-size:11px;
    color:#8c8c8c;
    line-height:1em;
}

/*  div.aside
    -------------------------------------------------------------*/
.aside {
    width:231px;
    float:right;
}

.aside .btnRegist {
    margin-bottom:10px;
    display:block;
    width:231px;
    height:32px;
    overflow:hidden;
}
.aside .btnRegist:hover img {
    margin-top:-32px;
}

.aside .login {
    padding:15px 10px 10px;
    margin-bottom:10px;
    background:#FDF8EA;
    text-align:center;
}

.aside .login .btnLogin {
    display:block;
    margin:10px auto 0;
    width:140px;
    height:51px;
    overflow:hidden;
}
.aside .login .btnLogin:hover img {
    margin-top:-51px;
}

.aside .info {
    padding:20px 10px 50px;
    background:#EFEFEF;
}

.aside .info .listTopics {
    margin-bottom:20px;
}
.aside .info .listTopics li {
    margin-bottom:10px;
}
.aside .info .listTopics li a {
    display:inline-block;
    padding-left:14px;
    background:url(/images/common/ninja/ico-guideListDark.gif) left 1px no-repeat;
    font-size:12px;
    line-height:16px;
    color:#404040;
}

.aside .info .listTopics .infoAll {
    margin-top:16px;
    height:13px;
}
.aside .info .listTopics .infoAll a {
    display:inline-block;
    padding-left:14px;
    background:url(/images/common/ninja/ico-guideList.gif) left 1px no-repeat;
    font-size:12px;
    line-height:12px;
    color:#404040;
    float:right;
}

.aside .info .listSocial li a {
    display:inline-block;
    line-height:22px;
    height:22px;
    padding-left:30px;
}

.aside .info .listSocial .twitter {
    margin-bottom:10px;
    background:url(/images/index/iconTwitter.gif) no-repeat left top;
}

.aside .info .listSocial .facebook {
    background:url(/images/index/iconFacebook.gif) no-repeat left top;
}

.aside .info .listSocial li a:hover {
    background-position:left -22px;
}

.aside .listCampaign {
    padding-bottom:10px;
}
.aside .listCampaign li {
    margin-top:10px;
}
.aside .listCampaign a {
    display:block;
    height:102px;
    overflow:hidden;
}
.aside .listCampaign a:hover img {
    margin-top:-102px;
}

 /*  div.addBottom
     -------------------------------------------------------------*/
 .addBottom {
     text-align: center;
     margin: 30px auto 10px;
}

/*  div.indexFooter
    -------------------------------------------------------------*/
#footer_block.push { /* footer_s下固定用 */
    height:159px;
    padding:0;
}
div.indexFooter {
    text-align:center;
    font-size:11px;
}

div.indexFooter div.company {
    margin:10px 0;
    text-align:center;
}
div.indexFooter div.company ul {
    display:inline-block;
    margin:0 auto;
}
div.indexFooter div.company li {
    display:inline-block;
}
div.indexFooter div.company li +li:before {
    content:"|";
    padding-left:10px;
    padding-right:10px;
}
div.indexFooter div.ad {
    margin:15px 0;
}
div.indexFooter div.ad dl {
    display:inline-block;
    margin:0 auto;
}
div.indexFooter div.ad dt,
div.indexFooter div.ad dd {
    display:inline-block;
}
div.indexFooter div.ad dt {
    padding-right:15px;
}
div.indexFooter div.ad dd +dd:before {
    content:"|";
    padding-left:10px;
    padding-right:10px;
}
div.indexFooter div.ad dd a:link,
div.indexFooter div.ad dd a:visited {
    color:#8b8b8b;
}
div.indexFooter p.copyright {
    margin:30px 0 0;
    font-size:12px;
    color:#8b8b8b;
}
div.indexFooter p.copyright a:link,
div.indexFooter p.copyright a:visited {
    text-decoration:none;
    color:#8b8b8b;
}
div.indexFooter p.copyright a:hover {
    text-decoration:underline;
}