@charset "shift-JIS";

a { color: #016c8f; }
a:hover {   color: #f90;  }

.container {
    text-align: left;
    margin: 0 auto;
    padding: 0 8px;
    width: 910px;
    background: url(../images/bg02.gif) 0 0 repeat-y;
    }

#cntsBox {
    float: right;
    width: 668px;
    }

#menuBox {
    margin-left: 10px;
    margin-right: 32px;
    width: 200px;
    }

.mainBox {
    width: 653px;
    }


/*
############################################################
BANNER LINE
############################################################*/

/*資料請求バナー*/
.request {
    width: 200px;
    height: 158px;
    margin-bottom: 10px;
    background: url(http://www.n-hill.com/common/images/home/bg11.jpg) 0 0 no-repeat;
    }

.request a {
    display: block;
    width: 200px;
    height: 158px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(http://www.n-hill.com/common/images/home/bg11.jpg) 0 0 no-repeat;
    }

/*メルマガバナー*/
.ml {
    width: 200px;
    height: 65px;
    margin-bottom: 5px;
    background: url(http://www.n-hill.com/common/images/menu/bg01.jpg) 0 0 no-repeat;
    }

.ml a {
    display: block;
    width: 200px;
    height: 65px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(http://www.n-hill.com/common/images/menu/bg01.jpg) 0 0 no-repeat;
    }

/*プログラムサイトリンクバナー*/
.pgsite {
    width: 200px;
    height: 59px;
    margin-bottom: 5px;
    background: url(../images/menu/program.gif) 0 0 no-repeat;
    }

.pgsite a {
    display: block;
    width: 200px;
    height: 59px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(../images/menu/program.gif) 0 0 no-repeat;
    }

/*セルフチェックシートと17のノウハウ*/
.selfcheck, .knowhow {
    width: 200px;
    height: 59px;
    margin-bottom: 5px;
    }

.selfcheck a, .knowhow a {
    display: block;
    width: 200px;
    height: 59px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    }

.selfcheck, .selfcheck a {
    background: url(http://www.n-hill.com/common/images/menu/bg02.jpg) 0 0 no-repeat;
    }

.knowhow, .knowhow a {
    background: url(http://www.n-hill.com/common/images/menu/bg03.jpg) 0 0 no-repeat;
    }

/*検索*/
.search {
    position: relative;
    width: 200px;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 4px;
    background: url(http://www.n-hill.com/common/images/class/bg07.gif) 0 0 no-repeat;
    }

.search span.f1 {
    position: absolute;
    top: 4px;
    left: 34px;
    width: 125px;
    height: 20px;
    }

.search span.f1 input {
    padding: 1px;
    width: 110px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    }

.search span.f2 {
    position: absolute;
    top: 6px;
    left: 154px;
    width: 40px;
    height: 18px;
    }

/*ユーザークラブバナー*/
.uc {
    width: 200px;
    height: 59px;
    margin-bottom: 5px;
    background: url(http://www.ssi.com/img/uc.jpg) 0 0 no-repeat;
    }

.uc a {
    display: block;
    width: 200px;
    height: 59px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(http://www.ssi.com/img/uc.jpg) 0 0 no-repeat;
    }

/*ライフラーニングセンター*/
.llc {
    width: 200px;
    height: 59px;
    margin-bottom: 5px;
    background: url(http://www.ssiblog.com/hill/images/llc.gif) 0 0 no-repeat;
    }

.llc a {
    display: block;
    width: 200px;
    height: 59px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background: url(http://www.ssiblog.com/hill/images/llc.gif) 0 0 no-repeat;
    }


/*
############################################################
GLOBAL NAVIGATION
############################################################*/

ul#menu {
    width: 668px;
    height: 31px;
    margin-bottom: 5px;
    list-style-type: none;
    }

#menu li {
    float: left;
    height: 31px;
    list-style-type: none;
    }

#menu li a {
    display: block;
    height: 31px;
    text-indent: -9999px;
    text-decoration: none;
    outline: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    }

#menu li a:hover {
    background-position: 0 -31px;
    background-repeat: no-repeat;
    }

#menu li.gbnv1 {
    width: 173px;
    background: url(../images/menu/bg01.gif) 0 0 no-repeat;
    }
    
#menu li.gbnv1 a {
    width: 173px;
    background-image: url(../images/menu/bg01.gif);
    }
    
#menu li.gbnv2 {
    width: 170px;
    background: url(../images/menu/bg02.gif) 0 0 no-repeat;
    }
    
#menu li.gbnv2 a {
    width: 170px;
    background-image: url(../images/menu/bg02.gif);
    }

#menu li.gbnv3 {
    width: 171px;
    background: url(../images/menu/bg03.gif) 0 0 no-repeat;
    }

#menu li.gbnv3 a {
    width: 171px;
    background-image: url(../images/menu/bg03.gif);
    }

#menu li.gbnv4 {
    width: 154px;
    background: url(../images/menu/bg04.gif) 0 0 no-repeat;
    }

#menu li.gbnv4 a {
    width: 154px;
    background-image: url(../images/menu/bg04.gif);
    }

/* active page */
#about #menu li.gbnv1 a, #word #menu li.gbnv2 a, #program #menu li.gbnv3 a, #instructor #menu li.gbnv4 a {
    background-position: 0 -31px;
    background-repeat: no-repeat;
    }
    
/* pankuzu */
.pankuzu {
    width: 653px;
    height: 15px;
    font-size: 10px;
    color: #666;
    line-height: 11px;
    }


/*
############################################################
MAIN CONTENTS BOX
############################################################*/

.ft { /* 上枠 */
    width: 653px;
    height: 15px;
    font-size: 10px;
    background: url(../images/class/bg02.gif) 0 0 no-repeat;
    }

.fb { /* 下枠 */
    width: 653px;
    height: 15px;
    font-size: 10px;
    background: url(../images/class/bg04.gif) 0 0 no-repeat;
    }

.tmp1 { /* 上詰 */
    margin-top: 0px;
    }

.tmp2 { /* 上20px */
    margin-top: 20px;
    }

.tmp3 { /* 下詰 */
    margin-bottom: 0px;
    }

.tmp4 { /* 下20px */
    margin-bottom: 20px;
    }

.tmp5 { /* 下10px */
    margin-bottom: 10px;
    }

/* 中枠 */
.box {
    padding: 0px 20px;
    width: 613px;
    }

/* 中枠（余白多) */
.boxr {
    padding: 0px 40px;
    width: 573px;
    }

.boxn { /* 皆無 */
    width: 653px;
    }

.on { /* 枠有 */
    background: url(../images/class/bg03.gif) 0 0 repeat-y;
    }

.off { /* 枠無 */
    background: none;
    }

/* P */
.p1 {
    font-size: 12px;
    color: #333;
    line-height: 170%;
    padding: 5px 0px;
    }

/* 小文字 */
.p2 {
    font-size: 10px;
    color: #666;
    line-height: 15px !important;
    padding: 5px 0px;
    }

/* P:インデント */
.indt {
    border: 1px solid #d2c68c;
    padding: 15px;
    background-color: #fdf8ed;
    background-image: url(../images/class/bg06.gif);
    margin: 10px 0px;
    }

/* 明朝 */
.mc {
    font-family: "ＭＳ Ｐ明朝", "細明朝体";
    }

/* 太字（全体) */
.bold {
    font-weight: 700;
    }
    
/* 太字 */
p strong {
    color: #ba162a;
    }

/* ※ */
span.kome {
    font-size: 70%;
    color: #00f;
    margin-right: 1px;
    }

/* 青字 */
.bl {
    color: #00f;
    }

/* ボーダー（下）*/
.brdrB {
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    }