@charset "UTF-8";

/*-----------------------------------------------------------------
        ボックス1段目
-----------------------------------------------------------------*/

#top-box {
    width: 957px;
    margin: 0 0 7px 0;
}

/*-----------------------------------------------------------------
        ボックス1段目 / 左ボックス（ロゴ）
-----------------------------------------------------------------*/

#top-box #top-left {
    float: left;
    width: 175px;
    padding: 7px 0 0 0;
}

#top-box #top-left a.logo {
    display: block;
    height: 24px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../image/logo.gif) no-repeat left top;
    /*\*/overflow:hidden;/**/	/* Mac IE以外 */
}


/*-----------------------------------------------------------------
        ボックス1段目 / 右ボックス（トップリンク）
-----------------------------------------------------------------*/

#top-box div#top-right {
    width: 515px;
    height: 28px;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    /*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* 基本設定 */

div#top-right ul#top-link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 28px;
    background: url(../image/top_menu.gif) no-repeat left top;
}

div#top-right ul#top-link li {
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

/* ボタンの基本設定 */
div#top-right li a {
    display: block;
    height: 28px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../image/top_menu.gif) no-repeat 0px 0px;
    /*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/*-----------------------------------------------------------------
        ヘッダー枠設定
-----------------------------------------------------------------*/

#header{
    width: 930px;
    padding: 7px 0 0 0;
    margin: 0 auto;
    text-align: left;
}

#header-box{
    width: 930px;
    padding: 0 0 7px 0;
    margin: 0 auto 7px auto;
    background: url(../image/header_line.gif) repeat-x bottom;
}


/*-----------------------------------------------------------------
        ヘッダー1段目 / 左ボックス（ロゴ）
-----------------------------------------------------------------*/

div#header #header-left {
    float: left;
    width: 360px;
}

div#header #header-left a {
    display: block;
    height: 50px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../image/ttl_dsc.gif) no-repeat left top;
    /*\*/overflow:hidden;/**/	/* Mac IE以外 */
}


/*-----------------------------------------------------------------
        ヘッダー1段目 / 中ボックス（製品認定・評定）
-----------------------------------------------------------------*/

div#header div#header-center {
    width: 112px;
    float: left;
    margin: 0 0 0 0;
    padding: 7px 0 0 0;
}


/* トップリンク */
div#header div#header-center a {
    display: block;
    height: 23px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../image/btn_products.gif) no-repeat left top;
}

div#header div#header-center a:hover {
    background: url(../image/btn_products.gif) no-repeat 0px -23px;
}


/*-----------------------------------------------------------------
        ヘッダー1段目 / 右ボックス（ヘッダーリンク）
-----------------------------------------------------------------*/

div#header div#header-right ul#header-link li {
    float: right;
    margin: 0 0 0 3px;
    padding: 0 0 0 10px;
    line-height: 100%;
    border-right: solid 1px #cccccc;
    list-style: none;
    font-size: 70%;
}

div#header div#header-right ul#header-link li img {
    margin: 0 5px 0 3px;
    vertical-align: middle;
}

div#header div#header-right ul#header-link li.start {
    border-right: none;
    padding: 0 5px 0 7px;
}

div#header div#header-right ul#header-link li a {
    line-height: 110%;
    padding: 0px 5px 0px 0;
    color: #f0f0f0;
}

div#header div#header-right ul#header-link li.normal {
    line-height: 110%;
    padding: 0px 5px 0px 0;
    color: Turquoise;
}

div#header div#header-right ul#header-link li a:hover {
    color: #ff0000;
    text-decoration: none;
}


/*-----------------------------------------------------------------
        グローバルナビ
-----------------------------------------------------------------*/

/* 基本設定 */

div#g-navi {
    width: 930px;
    height: 37px;
    background: url(../image/gnavi_s.jpg) no-repeat left top;
}

div#g-navi ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#g-navi ul li {
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}

/* ボタンの基本設定 */
div#g-navi li a {
    display: block;
    height: 34px;
    text-indent: -9999px;
    font-size: 0px;
    background: url(../image/gnavi_s.jpg) no-repeat 0px 0px;
    /*\*/overflow:hidden;/**/	/* Mac IE以外 */
}

/* ボタンの幅指定 */
div#g-navi li.g-home { width: 68px;}
div#g-navi li.g-ds1 { width: 290px;}
div#g-navi li.g-ds2 { width: 252px;}
div#g-navi li.g-mem { width: 85px;}

/* ボタンの背景指定 */
div#g-navi li.g-home a { background-position: 0px 0px;}
div#g-navi li.g-ds1 a { background-position: -68px 0px;}
div#g-navi li.g-ds2 a { background-position: -358px 0px;}
div#g-navi li.g-mem a { background-position: -610px 0px;}

/* ロールオーバー */
div#g-navi li.g-home a:hover { background-position: 0px -37px;}
div#g-navi li.g-ds1 a:hover { background-position: -68px -37px;}
div#g-navi li.g-ds2 a:hover { background-position: -358px -37px;}
div#g-navi li.g-mem a:hover { background-position: -610px -37px;}


/* カレント表示 */
body#home div#g-navi li.g-home a { background-position: 0px -37px;}
body#ds1 div#g-navi li.g-ds1 a { background-position: -68px -37px;}
body#ds2 div#g-navi li.g-ds2 a { background-position: -358px -37px;}
body#mem div#g-navi li.g-mem a { background-position: -610px -37px;}


/*-----------------------------------------------------------------
        ページの先頭
-----------------------------------------------------------------*/

#bottom-link-box {
    width: 930px;
    margin: 0px auto 0px auto;
    background: url(../image/w2_bottom.gif) no-repeat 0px 0px;
    padding-top: 15px;
}

#bottom-link-box a {
    color:#ffffff;
}

#bottom-link-box a:hover {
    color:#ff0000;
}


#bottom-left-box {
    width: 670px;
    float: left;
    padding: 5px 0 0 0;
}

#bottom-left-box ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
}


#bottom-left-box li {
    float: left;
    line-height: 125%;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
    border-right: solid 1px #bbbbbb;
    list-style: none;
    font-size: 82%;
}

#bottom-left-box ul li.end {
    border-right: none;
    padding: 0 0 0 6px;
}


#bottom-right-box {
    width: 190px;
    float: right;
    padding: 7px 10px 0 0;
    text-align: right;
}

#bottom-right-box a {
    background: url(../image/i_pagetop.gif) no-repeat left center;
    font-size: 65%;
    padding: 3px 0 3px 20px;
    line-height: 180%;
}


/*-----------------------------------------------------------------
        フッター設定
-----------------------------------------------------------------*/

#footer {
    width: 950px;
    padding: 10px 2px;
    margin: 0 auto;
    text-align: left;
}

#footer-left-box {
    width: 400px;
    float: left;
    padding: 5px 0 0 5px;
    font-size: 70%;
}

#footer-left-box li a {
    color: #666666;
}

#footer-left-box li a:hover {
    color: #ff0000;
    text-decoration: none;
}



#footer-right-box {
    width: 545px;
    float: right;
    text-align: right;
}

#footer-right-box img {
    vertical-align: top;
    margin-left: 5px;
}