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

/***************************************************************************************/
/*                                                                                     */
/*   MODEL NAME          : TOMURA GARAGE                                               */
/*                                                                                     */
/*   SOURCE NAME         : Ccctgr.css                                                  */
/*                                                                                     */
/*   FIRST AUTHOR        : Kumi Masano                                                 */
/*                                                                                     */
/*   PROGRAMING DATE     : 2009/8/31                                                   */
/*                                                                                     */
/*   MAINTENANCE DATE    :                                                             */
/*                                                                                     */
/*   DESCRIPTION         :                                                             */
/***************************************************************************************/
/***************************************************************************************/
/*   SYSTEM NAME GUIDANCE    NAME        DATE                                          */
/*                                                                                     */
/***************************************************************************************/

/***************************************************************************************/
/* ID    ：policy                                                                      */
/* NOTE  ： メインコンテンツの「戸村ガレージについて」の設定                           */
/***************************************************************************************/
#policy{
        /***** サイズ *****/
        width               : 497px;

        /***** 余白 *****/
        margin              : 15px 0 15px 14px;

        /***** 位置 *****/
        position            :relative;
}
#policy h2{
        /***** 表示 *****/
        background          :url(../images/index/title_tomura_garage.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 497px;
        height              : 24px;

        /***** 余白 *****/
        padding-bottom      :15px;

        /***** 位置 *****/
        position            :absolute;
        top                 :0;
        left                :0;
}
#policy h3{
        /***** 表示 *****/
        background          :url(../images/index/img_tomura_garage.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 113px;
        height              : 113px;

        /***** 位置 *****/
        position            : absolute;
        top                 : 40px;
        left                : 4px;
}
#policy p{
        /***** サイズ *****/
        width               : 350px;

        /***** 余白 *****/
        margin              :0 0 10px 137px;
        padding             :40px 0 0 0;

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

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 16px;
        color               : #ffffff;
        font-weight         : normal;
        font-style          : normal;
}
#policy p span{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 16px;
        color               : #000000;
        font-weight         : bold;
        font-style          : normal;
}
#policy ul{
        /***** サイズ *****/
        width               : 155px;

        /***** 余白 *****/
        padding-bottom      : 0px;

        /***** 位置 *****/
        position            :relative;
        float               :left;
}
#policy ul li{
        /***** サイズ *****/
        height              : 18px;
}
#policy ul a{
        /***** 表示 *****/
        background          :url(../images/arrow1.gif) 0 7px no-repeat;
        display             :block;

        /***** 余白 *****/
        padding             : 0 0 0 7px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #fff;
        font-weight         : normal;
        text-decoration     : underline;
}
#policy ul a:hover{
        /***** 表示 *****/
        background          :#3c474f;

        /***** 文字 *****/
        text-decoration     : none;
}
#policy ul.left{
        /***** 余白 *****/
        margin              :0 0 0 140px;
}
#policy ul.right{
        /***** 余白 *****/
        margin              :0 0 0 30px;
}
#blog{
        /***** サイズ *****/
        width               : 497px;

        /***** 余白 *****/
        margin              : 15px 0 15px 14px;

        /***** 位置 *****/
        position            :relative;
}
#blog h2{
        /***** 表示 *****/
        background          :url(../images/index/title_blog.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 497px;
        height              : 24px;

        /***** 余白 *****/
        padding-bottom      :15px;

        /***** 位置 *****/
        position            :absolute;
        top                 :0;
        left                :0;
}
#blog span.blog{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #000;
        font-weight         : bold;
}
#blog span.blog a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}
#blog span.blog a:hover{
        /***** 表示 *****/
        background          :#fff;

        /***** 文字 *****/
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}
#blog span.blogitem a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 18px;
        color               : #FFF200;
        font-weight         : bold;
        text-decoration     :none;
}
#blog span.blogitem a:hover{
        /***** 表示 *****/
        background          :#fff;

        /***** 文字 *****/
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}
/***************************************************************************************/
/* ID    ：fcontainer                                                                  */
/* NOTE  ： メインコンテンツの「メイン修理メニュー」の設定                             */
/***************************************************************************************/
#fcontainer{
        /***** サイズ *****/
        width               : 497px;

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

        /***** 位置 *****/
        position            : relative;
}
#fcontainer p{
        /***** サイズ *****/
        width               : 233px;

        /***** 余白 *****/
        padding             : 5px 5px 10px 0;
        margin              : 5px 5px 10px 0;

        /***** 位置 *****/
        position            : relative;
        clear               : both;
}
#fcontainer p span.menu{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #000;
        font-weight         : bold;
}
#fcontainer p span.menu a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}
#fcontainer p span.menu a:hover{
        /***** 表示 *****/
        background          :#fff;

        /***** 文字 *****/
        color               : #000;
        font-weight         : bold;
        text-decoration     :none;
}
#fcontainer p span.price{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 14px;
        color               : #000;
        font-weight         : normal;
}
#fcontainer p span.number{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #f94a00;
        font-weight         : bold;
}

#fcontainer img.img1{
        /***** サイズ *****/
        width               : 81px;
        height              : 56px;

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

        /***** 位置 *****/
        float               : left;
        clear               : both;
}
#fcontainer img.img1 a{
        border             : 0;
}
/***************************************************************************************/
/* ID    ：fcontainer                                                                  */
/* NOTE  ： メインコンテンツの「メイン修理メニュー」の各項目設定                       */
/***************************************************************************************/
#featured_left{
        /***** サイズ *****/
        width               : 244px;

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

#title_work{
        /***** 表示 *****/
        background          :url(../images/index/title_work.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#title_selling{
        /***** 表示 *****/
        background          :url(../images/index/title_selling.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-top         :  0px;
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#title_service{
        /***** 表示 *****/
        background          :url(../images/index/title_service.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#title_usable_bible{
        /***** 表示 *****/
        background          :url(../images/index/title_usable_bible.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#title_links{
        /***** 表示 *****/
        background          :url(../images/index/title_links.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#banner{
        /***** 表示 *****/
        background          :url(../images/index/ccctgr_banner2.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               :  85px;
        height              :  31px;

        /***** 余白 *****/
        margin              : 5px 10px 0 0;
        padding             : 5px 10px 10px 10px;

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

/***************************************************************************************/
/* ID    ：vspacerline                                                                 */
/* NOTE  ： 縦罫線の設定                                                               */
/***************************************************************************************/
#vspacerline{
        /***** 表示 *****/
        background          :url(../images/line1.jpg) 0 0 repeat-y;

        /***** サイズ *****/
        width               : 2px;
        height              : 1220px;

        /***** 余白 *****/
        padding-right        : 8px;
        margin-top           : 5px;

        /***** 位置 *****/
        position            : relative;
        float               : left;
}
/***************************************************************************************/
/* ID    ：links                                                                       */
/* NOTE  ： リンクの共通設定                                                           */
/***************************************************************************************/
#featured_right{
        /***** サイズ *****/
        width               : 240px;

        /***** 余白 *****/
        padding-top         : 3px;

        /***** 位置 *****/
        position            : relative;
        float               : left;
}
#featured_right div.service{
        /***** 表示 *****/
        background          :url(../images/index/title_service.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#featured_right div.documents{
        /***** 表示 *****/
        background          :url(../images/index/title_documents.gif) 4px 0 no-repeat;

        /***** サイズ *****/
        width               : 230px;
        height              :  24px;

        /***** 余白 *****/
        padding-bottom      :  17px;

        /***** 位置 *****/
        position            : relative;
}
#links{
        /***** サイズ *****/
        width               : 237px;

        /***** 余白 *****/
        padding-top         : 10px;

        /***** 位置 *****/
        position            : relative;
        float               : left;
}
#links h2{
        /***** 表示 *****/
        background          :url(../images/top/h_links.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 187px;
        height              :  22px;

        /***** 余白 *****/
        padding-bottom      : 10px;

        /***** 位置 *****/
        position            : relative;
}
#links ul li{
        /***** サイズ *****/
        height              : 18px;
}
#links p span.link_URL a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 16px;
        color               : #000066;
        font-weight         : bold;
        font-style          : normal;
}
#links ul li{
        /***** サイズ *****/
        height              : 18px;
}
#links ul li.back{
        /***** 表示 *****/
        background          : #5a6a72;
}

#links ul{
        /***** サイズ *****/
        width               : 237px;

        /***** 余白 *****/
        padding-top      : 0px;
        padding-bottom      : 0px;

        /***** 位置 *****/
        position            : relative;
        clear               : both;
}
#links ul a{
        /***** 表示 *****/
        display             :block;

        /***** 余白 *****/
        padding             : 0 0 0 26px;

        /***** 文字 *****/
        font-family         : Tahoma, Arial, Helvetica, sans-serif;
        font-size           : 12px;
        line-height         : 18px;
        color               : #fff;
        font-weight         : normal;
        text-decoration     : none;
}
#links ul a:hover{
        text-decoration     : underline;
}
#featured_left span.toku{
        background: url(../images/index/mark_toku2.gif) no-repeat 30px 0;

overflow:hidden;

        /***** 文字 *****/
        font-family         : Tahoma, Arial, Helvetica, sans-serif;
        font-size           : 12px;
        font-weight         : normal;
        text-decoration     : none;
}