@charset "utf-8";
/* CSS Document */

/*ID CLASS検索用
 ************************************************

BODY        全般設定
LOGIN       ヘッダーログイン部分
LAYOUT      レイアウト処理
HEADER      ヘッダー処理
FOOTER      フッター部分全体

************************************************
*/


/*全般設定 -BODY
 ************************************************/
body {
    font-family: arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
    color: #333333;
    font-size:80%;
    margin:0;
    padding:0;
    background-color:#222222;
    line-height:130%;
}

a:link {
    text-decoration: underline;
}
a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}

img {
    border:0;
}

form {
    margin:0;
    padding:0;
}

p {
    margin:0 0 20px 0;
    padding:0;
}

/************************************************
                                                 -リンクイメージはボーダーが出ない処理です
                                                 -フォームは全てのマージンと余白を取り払ってます
                                                 -基本テキストカラーは#333
                                                 ************************************************/


/*ログイン部分の処理 -LOGIN
 ************************************************/
#login {
    padding:6px 5px;
    text-align:right;
    color:#FFFFFF;
    font-size:10px;
    border-bottom:solid 1px #FFFFFF;
}
#login .line {
    vertical-align:middle;
    margin-left:5px;
}
#login .point {
    color:#E2041B;
    font-weight:bold;
}
#login a {
    color:#FFFFFF;
}
#login a.regist {
    margin-left: 10px;
}

/*レイアウトの設定 -LAYOUT
 ************************************************/
/*白背景全体*/
#wrapper {
    background-color:#FFFFFF;
    border-top:solid 1px #222222;
    padding-bottom:50px;
    text-align:center;
}
/*コンテンツ幅　950px固定*/
#layout{
    width:950px;
    margin-left:auto;
    margin-right:auto;
}
/*メインコンテンツエリア　565px固定*/
#main_area{
    width:620px;
    float:left;
    text-align:left;
}

/*右メニューエリア　200px固定*/
#right_area{
    width:300px;
    float:right;
    text-align:left;
}

/*ヘッダー -HEADER
 ************************************************/
#logo {
    width:213px;
    float:left;
}

/*NINJA TOOLSトップ、お知らせ、ヘルプエリア*/
#header {
    width:567px;
    float:right;
    padding:5px 0 0 0;
    font-size:10px;
    text-align:right;
}
#header ul {
    margin:0;
    padding:0;
}
#header li {
    display:inline;
    color:#333333;
}

/*ナビゲーションメニューエリア*/
#navi{
    margin:20px 0 0 0;
    padding:0;
}
#navi a{
    display:block;
    width:51px;
    height:41px;
}
#navi a span{
    display:none;
}
a.blog{
    background-image:url(http://www.ninja.co.jp/img/navi01_roll.gif);
}
a:hover.blog{
    background-position:0px -41px;
}
a.hp{
    background-image:url(http://www.ninja.co.jp/img/navi02_roll.gif);
}
a:hover.hp{
    background-position:0px -41px;
}
a.analyze{
    background-image:url(http://www.ninja.co.jp/img/navi03_roll.gif);
}
a:hover.analyze{
    background-position:0px -41px;
}
a.counter{
    background-image:url(http://www.ninja.co.jp/img/navi04_roll.gif);
}
a:hover.counter{
    background-position:0px -41px;
}
a.mailform{
    background-image:url(http://www.ninja.co.jp/img/navi05_roll.gif);
}
a:hover.mailform{
    background-position:0px -41px;
}
a.enqueteform {
    background-image:url(http://www.ninja.co.jp/img/navi09_roll.gif);
}
a:hover.enqueteform {
    background-position:0px -41px;
}
a.ado {
    background-image:url(http://www.ninja.co.jp/img/navi10_roll.gif);
}
a:hover.ado {
    background-position:0px -41px;
}
a.barrier {
    background-image:url(http://www.ninja.co.jp/img/navi11_roll.gif);
}
a:hover.barrier {
    background-position:0px -41px;
}
a.etc{
    background-image:url(http://www.ninja.co.jp/img/navi06_roll.gif);
}
a:hover.etc{
    background-position:0px -41px;
}
a.bm{
    background-image:url(http://www.ninja.co.jp/img/navi_bm_roll.gif);
}
a:hover.bm{
    background-position:0px -41px;
}

a.beta{
    background-image:url(http://www.ninja.co.jp/img/navi08_roll.gif);
}
a:hover.beta{
    background-position:0px -41px;
}
a.trans{
    background-image:url(http://www.ninja.co.jp/img/navi_hougen_roll.gif);
}
a:hover.trans{
    background-position:0px -41px;
}
a.clock{
    background-image:url(http://www.ninja.co.jp/img/navi_clock_roll.gif);
}
a:hover.clock{
    background-position:0px -41px;
}
a.visitor{
    background-image:url(http://www.ninja.co.jp/img/navi_vis_roll.gif);
}
a:hover.visitor{
    background-position:0px -41px;
}
a.st{
    background-image:url(http://www.ninja.co.jp/img/navi_st_roll.gif);
}
a:hover.st{
    background-position:0px -41px;
}
a.ba{
    background-image:url(http://www.ninja.co.jp/img/navi_ba_roll.gif);
}
a:hover.ba{
    background-position:0px -41px;
}
a.ef{
    background-image:url(http://www.ninja.co.jp/img/navi_ef_roll.gif);
}
a:hover.ef{
    background-position:0px -41px;
}
a.pod{
    background-image:url(http://www.ninja.co.jp/img/navi_pod_roll.gif);
}
a:hover.pod{
    background-position:0px -41px;
}
a.mangaad {
    background-image:url(http://www.ninja.co.jp/img/navi_mangaad_roll.gif);
}
a:hover.mangaad {
    background-position:0px -41px;
}
a.sitemaster {
    background-image:url(http://www.ninja.co.jp/img/navi_sitemaster_roll.gif);
}
a:hover.sitemaster {
    background-position:0px -41px;
}

.navi_t{
    margin-left:auto;
    margin-right:0;
    margin-bottom:0px;
}

/*ナビゲーション直下のカラーライン*/
/*ブログ*/
.line_blog{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #f08300;
    border-left:solid 1px #f08300;
    border-right:solid 1px #f08300;
}
/*ホームページ*/
.line_hp{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #4c6cb3;
    border-left:solid 1px #4c6cb3;
    border-right:solid 1px #4c6cb3;
}
/*アクセス解析*/
.line_analyze{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #e95464;
    border-left:solid 1px #e95464;
    border-right:solid 1px #e95464;
}
/*カウンター*/
.line_counter{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #69821b;
    border-left:solid 1px #69821b;
    border-right:solid 1px #69821b;
}
/*メールフォーム*/
.line_mailform{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #7058a3;
    border-left:solid 1px #7058a3;
    border-right:solid 1px #7058a3;
}
/*ブックマーク*/
.line_bm{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #666666;
    border-left:solid 1px #666666;
    border-right:solid 1px #666666;
}
/*その他*/
.line_etc{
    margin:0 0 10px 0;
    padding:0;
    width:948px;
    height:5px;
    border-top:solid 1px #666666;
    border-left:solid 1px #666666;
    border-right:solid 1px #666666;
}
/*アンケートフォーム*/
.line_enqueteform {
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #00A381;
    border-left:solid 1px #00A381;
    border-right:solid 1px #00A381;
}
/*アド*/
.line_ado {
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #330000;
    border-left:solid 1px #330000;
    border-right:solid 1px #330000;
}

/*バリアー*/
.line_barrier {
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #BBCEEB;
    border-left:solid 1px #BBCEEB;
    border-right:solid 1px #BBCEEB;
}

/*アクセス解析2009*/
.line_analyze2009 {
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #c5bd00;
    border-left:solid 1px #c5bd00;
    border-right:solid 1px #c5bd00;
}
/*漫画アド*/
.line_mangaad{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #cc916f;
    border-left:solid 1px #cc916f;
    border-right:solid 1px #cc916f;
}
/*サイトマスター*/

.line_sitemaster{
    margin:0 0 10px 0;
    padding:0;
    width:778px;
    height:5px;
    border-top:solid 1px #ada792;
    border-left:solid 1px #ada792;
    border-right:solid 1px #ada792;
}

/*ポップアップ用ヘッダー*/
#header_pop{
    padding:6px 5px;
    border-bottom:solid 1px #FFFFFF;
}

/*フッター -FOOTER
 ************************************************/
#footer {
    padding-bottom:20px;
    font-size:10px;
    text-align:center;
    color:#FFFFFF;
}
#footer .bg01 {
    height:22px;
    background:url(http://www.ninja.co.jp/img/bg_f01.gif) repeat-x;
}
#footer .bg02 {
    height:14px;
    background:url(http://www.ninja.co.jp/img/bg_f02.gif) repeat-x;
    margin-bottom:10px;
}
#footer .footertex {
    padding-top:5px;
    height:18px;
}
#footer ul {
    margin:0px;
    padding:0px;
}
#footer li {
    display:inline;
    color:#333333;
}




#footer .service_list{
    width:600px;
    margin:0 auto;
}
#footer .footer_logo{
    float:left;
    width:190px;
    margin-top:20px;
}
#footer .footer_logo_right{
    float:right;
    text-align:left;
    width:400px;
}
#footer .footer_lnk{
    color:#666464;
    border-left:3px solid #404040;
    padding-left:10px;
}
#footer .footer_lnk a{
    color:#666464;
}
#footer .footer_lnk a:hover{
    color:#3E3A39;
    background-color:#C9CACA;
}









/*ポップアップ用フッター*/
#footer_pop{
    margin-top:1px;
    padding:5px 0 10px 0;
    font-size:70%;
    text-align:center;
    color:#FFFFFF;
    border-top:solid 1px #FFFFFF;
}

/*補足
 ************************************************/
.lf {
    float: left;
}
.rg {
    float: right;
}
/*float解除用*/
.cr {
    clear: both;
}

/*画像にボーダーをつける*/
.imgb{
    border:solid 1px #666666;
}

/*強調色の赤*/
.red{
    color:#E2041B;
}
/*強調色の赤*/
.gray{
    color:#CCCCCC;
    font-size:10px;
}

/* 強調 */
.bb {
    font-weight: bold;
}

/*お知らせの設定*/
#right_information{
    margin:10px 0 0 0;
    padding:0;
    width:198px;
    border:solid 1px #999999;
    background-color:#EEEEEE;
}
#right_information .infottl{
    margin:3px 0 3px 7px;
    padding:0 0 0 3px;
    font-weight:bold;
    font-size:100%;
}
#right_information_IN{
    margin:2px;
    padding:5px;
    width:184px;
    background-color:#FFFFFF;
}
#right_information .text{
    margin:5px 0 5px 0;
    padding:0;
    text-align:right;
}

/* CSS Document New Footer*/

div.service_list_box{
    width:500px;
    margin:0 auto;
}
div.footer_logo_samurai{
    width:500px;
    margin:auto;
    margin:0 0 7px 0;
    text-align:left;
}
div.footer_txtlnk_box{
    width:480px;
    margin-bottom:10px;
    padding:5px 10px 10px 10px;
    border:1px solid #333333;
    color:#696969;
    text-align:left;
    line-height:190%;
    letter-spacing:0.1em;
}
div.footer_txtlnk_box2{
    width:480px;
    margin-bottom:10px;
    padding:5px 10px 10px 10px;
    color:#696969;
    text-align:left;
    line-height:190%;
    letter-spacing:0.1em;
}
div.footer_txtlnk_box a{
    color:#808080;
}
div.footer_txtlnk_box a:hover{
    color:#999999;
}
div.footer_txtlnk_box2 a{
    color:#666666;
}
div.footer_txtlnk_box2 a:hover{
    color:#999999;
}