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


/*ID CLASS検索用
************************************************
COMMON      ヘルプ共通の設定
FAQ         FAQの設定
RIGHT       右エリアの設定
************************************************
*/

/*ヘルプ共通の設定-COMMON
************************************************/
#help{}
#help ul{
    margin:0 0 20px 30px;
    padding:0;
}
#help li{
    margin:5px 0 5px 0;
    padding:0;
}

/*大タイトルの設定*/
.ttl {
    margin:0 0 10px 0;
    padding:0;
    width:620px;
    height:30px;
    border-top:solid 1px #999999;
    border-left:solid 1px #999999;
    background:url(http://www.ninja.co.jp/img/help/bg_title.gif) no-repeat;
}

/*大タイトル文字の設定 h1、h2*/
.ttl_IN{
    margin:7px 0 0 5px;
    padding:0;
    font-size:120%;
}

/*大タイトル右側にリンクがつく場合の設定 h1、h2*/
.ttl_INlink{
    float:left;
    margin:7px 0 0 5px;
    padding:5px 0 0 0;
    font-size:120%;

/* ここからIE5 mac には読めない\*/
    padding:0;
/* ここまで IE5 mac には読めない*/
}
.ttl_link{
    float:right;
    margin:5px 0 0 0;
    padding:5px 0 0 0;

/* ここからIE5 mac には読めない\*/
    padding:0;
/* ここまで IE5 mac には読めない*/
}
.line {
    vertical-align:middle;
    margin:0 5px;
}

/*中タイトルの設定*/
.subttl {
    margin:0px 0 10px 0;
    width:618px;
    border:solid 1px #CCCCCC;
    background-color:#EEEEEE;
}
/*中タイトル文字の設定 h2、h3*/
.subttl_IN{
    margin:3px 5px;
    padding:0;
    font-size:100%;
}
/*中タイトル右側にリンクやアイコンがつく場合の設定 h1、h2*/
.subttl_INlink{
    float:left;
    margin:7px 0 0 5px;
    padding:5px 0 0 0;
    font-size:120%;

/* ここからIE5 mac には読めない\*/
    padding:0;
/* ここまで IE5 mac には読めない*/
}
.subttl_link{
    float:right;
    margin:5px 0 0 0;
    padding:5px 0 0 0;

/* ここからIE5 mac には読めない\*/
    padding:0;
/* ここまで IE5 mac には読めない*/
}

/*小タイトルの設定*/
.subsub {
    margin:0px 0 10px 0;
    width:618px;
    border-bottom:dotted 1px #CCCCCC;
}
/*小タイトル文字の設定 h3*/
.subsub_IN{
    margin:3px 5px;
    padding:0;
    font-size:100%;
}

/*小タイトル文字の設定 h4*/
.subsub2_IN{
    margin:3px 5px 0px 3px;
    padding:0;
    font-size:100%;
}

/*小タイトルスクエアカラー*/
.gray{
    color:#666666;
}


/*矢印画像の設定*/
.right_link {
    vertical-align:middle;
    margin:0 0 0 5px;
}

.left_link {
    vertical-align:middle;
    margin:0 5px 0 0;
}

.inq{
    width:610px;
    margin:50px 0 0 0;
    padding:5px;
    border:solid 1px #CCCCCC;
    text-align:center;
}

/*NEXT BACKエリア*/
.layout_NB {
    margin:20px 0;
}
.left_NB {
    float:left;
    width:282px;
    margin:0;
    padding:0;
}
.right_NB {
    float:right;
    width:282px;
    margin:0;
    text-align:right;
}




.waku{
    border:solid 1px #CCCCCC;
}

.l50{
    float:left;
    width:50px;
}

.r500{
    float:right;
    width:500px;
}

.l130{
    float:left;
    width:130px;
}

.r420{
    float:right;
    width:420px;
}

.l210{
    float:left;
    width:210px;
}

.r340{
    float:right;
    width:340px;
}

/* etc */
.layout_half {
    margin:20px 0;
}
.left_half {
    float:left;
    width:282px;
    margin:0;
    padding:0;
}
.right_half {
    float:right;
    width:282px;
    margin:0;
    text-align:right;
}


.layout_150 {
    margin:20px 0;
}
.left_150 {
    float:left;
    width:150px;
    margin:0;
    padding:0;
}
.right_150 {
    float:right;
    width:410px;
    margin:0;
    text-align:right;
}

/*FAQの設定-FAQ
************************************************/
.layout_q {
    width:620px;
    margin:20px 0 0 0;
}
.left_q {
    float:left;
    width:30px;
    margin:0;
    padding:0;
    text-align:right;
}
.right_q {
    float:right;
    width:550px;
    margin:0;
    padding:0;
    font-weight:bold;
}

.layout_a {
    width:620px;
    margin:0 0 20px 0;
    padding:15px 0 0 0;
    background-color:#EEEEEE;
}
.left_a {
    float:left;
    width:30px;
    margin:0;
    padding:0;
    text-align:right;
}
.right_a {
    float:right;
    width:540px;
    margin-right:10px;
    padding:0;
}
.bottom_a {
    width:620px;
    margin:0;
    padding:0;
    background:url(/img/help/bg_a.gif) no-repeat bottom center;
}
.bottom_a_IN {
    margin:0 0 0 10px;
    padding:0 0 10px 0;
}





/*右エリアの設定 -RIGHT
************************************************/
/*ヘルプトップへ戻る メニューの設定*/
#menu_helptop{
    margin:0 0 10px 0;
    padding:0;
    width:298px;
    border:solid 1px #999999;
    background-color:#EEEEEE;
}
#menu_helptop_IN{
    margin:2px;
    padding:0;
    width:294px;
    background-color:#FFFFFF;
}
#menu_helptop_IN ul{
    margin:0;
    padding:5px;
    list-style-type:none;
}
#menu_helptop_IN li a{
    padding-left:14px;
    background:url(http://www.ninja.co.jp/img/arrow_right.gif) no-repeat left center;
    font-weight:bold;
}


/*NINJA TOOLSについて メニューの設定*/
#menu_about{
    margin:0 0 10px 0;
    padding:0;
    width:298px;
    border:solid 1px #999999;
    background-color:#EEEEEE;
}
#menu_about_IN{
    margin:2px;
    padding:0;
    width:294px;
    background-color:#FFFFFF;
}
#menu_about_IN ul{
    margin:0;
    padding:0px 5px 0 5px;
    list-style-type:none;
}
#menu_about_IN .line{
    margin:0;
    padding:5px 0 5px 0;
    border-bottom:dotted 1px #999999;
}
#menu_about_IN .end{
    margin:0;
    padding:5px 0 5px 0;
}
#menu_about_IN li a{
    padding-left:14px;
    background:url(http://www.ninja.co.jp/img/arrow_right.gif) no-repeat left center;
}

#menu_about .aboutttl{
    margin:3px 0 3px 7px;
    padding:0;
    font-weight:bold;
    font-size:100%;
}

/*サービスのヘルプ メニューの設定*/
#menu_service{
    margin:0 0 10px 0;
    padding:0;
    width:298px;
    border:solid 1px #999999;
    background-color:#EEEEEE;
}
#menu_service_IN{
    margin:2px;
    padding:0;
    width:294px;
    background-color:#FFFFFF;
}
#menu_service_IN ul{
    margin:0;
    padding:0px 5px 0 5px;
    list-style-type:none;
}
#menu_service_IN .line{
    margin:0;
    padding:5px 0 5px 0;
    border-bottom:dotted 1px #999999;
}
#menu_service_IN .end{
    margin:0;
    padding:5px 0 5px 0;
}
#menu_service_IN li a{
    padding-left:14px;
    background:url(http://www.ninja.co.jp/img/arrow_right.gif) no-repeat left center;
}

#menu_service .servicettl{
    margin:3px 0 3px 7px;
    padding:0;
    font-weight:bold;
    font-size:100%;
}

/*各サービスの規約 日付部分*/

.rules_date{
    text-align:right;
}