/***************************************************************************************/
/*   Copyright (C) 2009                                                                */
/*       CCCTGR  All Rights Reserved                                                   */
/***************************************************************************************/

/***************************************************************************************/
/*                                                                                     */
/*   MODEL NAME          : TOMURA GARAGE                                               */
/*                                                                                     */
/*   SOURCE NAME         : styles_top.css                                              */
/*                                                                                     */
/*   FIRST AUTHOR        : Kumi Masano                                                 */
/*                                                                                     */
/*   PROGRAMING DATE     : 2009/8/31                                                   */
/*                                                                                     */
/*   MAINTENANCE DATE    :                                                             */
/*                                                                                     */
/*   DESCRIPTION         :                                                             */
/***************************************************************************************/
/***************************************************************************************/
/*   SYSTEM NAME GUIDANCE    NAME        DATE                                          */
/*                                                                                     */
/***************************************************************************************/
/***************************************************************************************/
/* TOP                                                                                 */
/* NOTE  ： 共通ナビゲーション                                                         */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： top                                                                        */
/* NOTE  ： 共通ナビゲーションの全体設定                                               */
/***************************************************************************************/
#top{
        /***** 背景 *****/
        background          :url(../images/common/b_top.jpg) 0 0 no-repeat;

        /***** サイズ *****/
        width               :747px;
        height              :91px;

        /***** 余白 *****/
        margin-top              : 0;

        /***** 位置 *****/
        position            :relative;

}

/***************************************************************************************/
/* ID    ： logo                                                                       */
/* NOTE  ： 共通ナビゲーションのガレージ名の位置                                       */
/***************************************************************************************/
#logo{
        /***** 背景 *****/
        background          :url(../images/common/tgr_logo.gif) 0 0 no-repeat; margin: 0 auto

        /***** サイズ *****/
        width               :186px;
        height              : 36px;

        /***** 位置 *****/
        position            :absolute;
        top                 : 34px;
        left                : 11px;
}

/***************************************************************************************/
/* CLASS ： ul.gnavi                                                                   */
/* NOTE  ： 共通ナビゲーションのボタンの開始位置設定                                   */
/***************************************************************************************/
ul.gnavi{
        /***** 位置 *****/
        position            : absolute;
        top                 : 0px;
        left                : 210px;
}
ul.gnavi li{
        float               : left;
}

/***************************************************************************************/
/* CLASS ： ul.gnavi li.home                                                           */
/* NOTE  ： 共通ナビゲーションの「HOME PAGE」ボタンの設定                              */
/***************************************************************************************/
ul.gnavi li.home a{
        /***** 表示 *****/
        background          :url(../images/common/btn_home.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 106px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.home a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_home_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 106px;
        height              : 66px;
}

/***************************************************************************************/
/* CLASS ： ul.gnavi li.about                                                          */
/* NOTE  ： 共通ナビゲーションの「ABOUT US」ボタンの設定                               */
/***************************************************************************************/
ul.gnavi li.about a{
        /***** 表示 *****/
        background          :url(../images/common/btn_work.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 88px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.about a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_work_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 88px;
        height              : 66px;
}

/***************************************************************************************/
/* CLASS ： ul.gnavi li.selling                                                        */
/* NOTE  ： 共通ナビゲーションの「SELLING」ボタンの設定                                */
/***************************************************************************************/
ul.gnavi li.selling a{
        /***** 表示 *****/
        background          :url(../images/common/btn_service.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.selling a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_service_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;
}
/***************************************************************************************/
/* CLASS ： ul.gnavi li.selling                                                        */
/* NOTE  ： 共通ナビゲーションの「RENTING」ボタンの設定                                */
/***************************************************************************************/
ul.gnavi li.renting a{
        /***** 表示 *****/
        background          :url(../images/common/btn_selling.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.renting a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_selling_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;
}
/***************************************************************************************/
/* CLASS ： ul.gnavi li.selling                                                        */
/* NOTE  ： 共通ナビゲーションの「RENTING」ボタンの設定                                */
/***************************************************************************************/
ul.gnavi li.bible a{
        /***** 表示 *****/
        background          :url(../images/common/btn_bible.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.bible a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_bible_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 80px;
        height              : 66px;
}
/***************************************************************************************/
/* CLASS ： ul.gnavi li.contacts                                                       */
/* NOTE  ： 共通ナビゲーションの「CONTACTS」ボタンの設定                               */
/***************************************************************************************/
ul.gnavi li.contacts a{
        /***** 表示 *****/
        background          :url(../images/common/btn_aboutus.gif) 0 0 no-repeat;
        display             : block;

        /***** サイズ *****/
        width               : 92px;
        height              : 66px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
ul.gnavi li.contacts a:hover{
        /***** 表示 *****/
        background          :url(../images/common/btn_aboutus_over.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 92px;
        height              : 66px;
}

/***************************************************************************************/
/* HEADER                                                                              */
/* NOTE  ： HEADER部分                                                                 */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： logoPan                                                                    */
/* NOTE  ： ガレージロゴパネル                                                         */
/***************************************************************************************/
#header{
        /***** サイズ *****/
        width               :747px;
        height              :257px;

        /***** 余白 *****/
        margin              : 0 auto;

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
#logoPan h2{
        /***** サイズ *****/
        height              :32px;
}
/***************************************************************************************/
/* ID    ： logoPan                                                                    */
/* NOTE  ： ガレージロゴパネル                                                         */
/***************************************************************************************/
#logoPan{
        /***** 背景 *****/
        background          : url(../images/common/b_garage_logo.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               :212px;
        height              :257px;

        /***** 位置 *****/
        float               :left;
}
#logoPan h2{
        /***** サイズ *****/
        height              :32px;
}
/***************************************************************************************/
/* ID    ： mainimgPan                                                                 */
/* NOTE  ： サブメニュー                                                               */
/***************************************************************************************/
#mainimgPan{
        /***** サイズ *****/
        width               :535px;

        /***** 位置 *****/
        float               :left;
}

/***************************************************************************************/
/* ID    ： mainimgPan ul                                                              */
/* NOTE  ： サブメニューのボタンの開始位置設定                                         */
/***************************************************************************************/
#mainimgPan ul{
        /***** サイズ *****/
        height              : 26px;

        /***** 余白 *****/
        margin              : 6px 0 0 30px;

        /***** 位置 *****/
        position            : relative;
        clear               :both;
}
#mainimgPan li{
        float               : left;

        /***** 余白 *****/
        margin-right        : 5px;
}
/***************************************************************************************/
/* ID    ： #mainimgPan ul li.btn1 a                                                   */
/* NOTE  ： サブメニューの「COMPARE」ボタンの設定                                      */
/***************************************************************************************/
#mainimgPan ul li.btn1 a{
        /***** 表示 *****/
        display             :block;
        background          :url(../images/common/btn_mx.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 98px;
        height              : 15px;

        /***** 文字 *****/
        text-indent         :-20000px;

}
/***************************************************************************************/
/* ID    ： #mainimgPan ul li.btn1 a                                                   */
/* NOTE  ： サブメニューの「PRESENTATION」ボタンの設定                                 */
/***************************************************************************************/
#mainimgPan ul li.btn2 a{
        /***** 表示 *****/
        display             :block;
        background          :url(../images/common/btn_helpmebbs.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               :140px;
        height              : 15px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
/***************************************************************************************/
/* ID    ： #mainimgPan ul li.btn1 a                                                   */
/* NOTE  ： サブメニューの「PRESENTATION」ボタンの設定                                 */
/***************************************************************************************/
#mainimgPan ul li.btn3 a{
        /***** 表示 *****/
        display             :block;
        background          :url(../images/common/btn_sbbs.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 98px;
        height              : 15px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
/***************************************************************************************/
/* ID    ： #mainimgPan ul li.btn1 a                                                   */
/* NOTE  ： サブメニューの「PRESENTATION」ボタンの設定                                 */
/***************************************************************************************/
#mainimgPan ul li.btn4 a{
        /***** 表示 *****/
        display             :block;
        background          :url(../images/common/btn_junkplace.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 130px;
        height              : 15px;

        /***** 文字 *****/
        text-indent         :-20000px;
}
/***************************************************************************************/
/* ID    ： #mainimgPan ul li.line                                                     */
/* NOTE  ： サブメニューの「PRESENTATION」ボタンの設定                                 */
/***************************************************************************************/
#mainimgPan ul li.line{
        /***** サイズ *****/
        width               :  2px;
        height              : 18px;
}
/***************************************************************************************/
/* ID    ： #mainimg                                                                   */
/* NOTE  ： メインパネル                                                               */
/***************************************************************************************/
#mainimg{
        /***** 背景 *****/
        background          :url(../images/slogan/b_slogan.gif) 0 0 no-repeat;

        /***** サイズ *****/
        height              :225px;

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
#mainimg img{
        /***** サイズ *****/


        /***** 位置 *****/
        position            :absolute;
        top                 :180px;
        left                :424px;
}
/***************************************************************************************/
/* footer                                                                              */
/* NOTE  ： FOOTER部分                                                                 */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： footer                                                                     */
/* NOTE  ： ページ最下部共通設定                                                       */
/***************************************************************************************/
#footer{
        /***** 表示 *****/
        background          :#3c474f;

        /***** サイズ *****/
        width               :747px;
        height              :62px; 

        /***** 余白 *****/
        margin              : 10px auto;

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
#footer img.call{
        /***** サイズ *****/
        width               :333px;
        height              :37px; 

        /***** 位置 *****/
        position            :absolute;
        left                : 15px;
        top                 : 20px;
}
#footer img.mail{
        /***** サイズ *****/
        width               :274px;
        height              :37px; 

        /***** 位置 *****/
        position            :absolute;
        left                : 460px;
        top                 : 20px;
}
#footer a{
        /***** 文字 *****/
        color               : #FFFFFF;
}
#footer p{
        /***** サイズ *****/
        width               :535px;

        /***** 余白 *****/
        margin              : 0px 0 0 110px;

        /***** 位置 *****/
        position            :relative;
        display             :block;

        /***** 文字 *****/
        font-family         : Tahoma, Arial, Helvetica, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #fff;
        font-weight         : normal;
        text-align          : center;
}
#footer a{
        /***** 余白 *****/
        padding             : 0 5px;

        /***** 文字 *****/
        font-family         : Tahoma, Arial, Helvetica, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #fff;
        font-weight         : bold;
        text-decoration     :none;
}
#footer a:hover{
        /***** 表示 *****/
        background          :#fff;

        /***** 文字 *****/
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}

/***************************************************************************************/
/* bottom                                                                              */
/* NOTE  ： bottom部分                                                                 */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： bottom                                                                     */
/* NOTE  ： ページ最下部共通設定                                                       */
/***************************************************************************************/
#bottom{
        /***** サイズ *****/
        width               :747px;
        height              :56px; 

        /***** 余白 *****/
        margin              : 0 auto;

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
#bottom a{
        /***** 文字 *****/
        color               : #FFFFFF;
}
#bottom p{
        /***** サイズ *****/
        width               :535px;

        /***** 余白 *****/
        margin              : 10px 0 0 110px;

        /***** 位置 *****/
        position            :relative;
        display             :block;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #fff;
        font-weight         : normal;
        text-align          : center;

        /***** 文字 *****/
        color               :10px/14px Tahoma, Arial, Helvetica, sans-serif;
}