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

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

/***************************************************************************************/
/* TYPE  ： body                                                                       */
/* NOTE  ： body                                                                       */
/***************************************************************************************/
body{
        /***** 背景 *****/
        background          :#2f383f;

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

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

/***************************************************************************************/
/* TYPE  ： div                                                                       */
/* NOTE  ： div                                                                       */
/***************************************************************************************/
div{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}

/***************************************************************************************/
/* TYPE  ： p                                                                          */
/* NOTE  ： p                                                                          */
/***************************************************************************************/
p{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}

/***************************************************************************************/
/* TYPE  ： ul                                                                         */
/* NOTE  ： ul                                                                         */
/***************************************************************************************/
ul{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;

        /***** スタイル *****/
        list-style-type     : none;
}
/***************************************************************************************/
/* TYPE  ： li                                                                         */
/* NOTE  ： li                                                                         */
/***************************************************************************************/
li{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;

        /***** スタイル *****/
        list-style-type     : none;
}
/***************************************************************************************/
/* TYPE  ： h2                                                                         */
/* NOTE  ： h2                                                                         */
/***************************************************************************************/
h2{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}


/***************************************************************************************/
/* TYPE  ： h3                                                                         */
/* NOTE  ： h3                                                                         */
/***************************************************************************************/
h3{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}

/***************************************************************************************/
/* TYPE  ： h4                                                                         */
/* NOTE  ： h4                                                                         */
/***************************************************************************************/
h4{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}
/***************************************************************************************/
/* TYPE  ： h5                                                                         */
/* NOTE  ： h5                                                                         */
/***************************************************************************************/
h5{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}
/***************************************************************************************/
/* TYPE  ： img                                                                        */
/* NOTE  ： img                                                                        */
/***************************************************************************************/
img{
        /***** 余白 *****/
        padding             : 0px;
        margin              : 0px;
}

/***************************************************************************************/
/* TYPE  ： clear                                                                      */
/* NOTE  ： img                                                                        */
/***************************************************************************************/
.clear{
        /***** 余白 *****/
        clear               : both;
        margin              : 0px;
}
/***************************************************************************************/
/* TYPE  ： spacer                                                                     */
/* NOTE  ： img                                                                        */
/***************************************************************************************/
.spacer{
        /***** 全体 *****/
        clear               :both;

        /***** 文字 *****/
        font-size           :0;
        line-height         :10px;
}
/***************************************************************************************/
/* ID    ：.spacerline                                                                 */
/* NOTE  ： 左メニューの共通のライン設定                                               */
/***************************************************************************************/
.spacerline{
        /***** 背景 *****/
        background          :url(../images/common/b_hline.jpg) 0 0 repeat-x;

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

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

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
/***************************************************************************************/
/* ID    ：.spacerline                                                                 */
/* NOTE  ： 左メニューの共通のライン設定                                               */
/***************************************************************************************/
.line2{
        /***** 罫線 *****/
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #bcc7c9;

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

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

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
/***************************************************************************************/
/* ID    ： center                                                                     */
/* NOTE  ： 中央に設定                                                                 */
/***************************************************************************************/
#center{
        /***** 位置 *****/
        text-align          :center;
}
/***************************************************************************************/
/* content                                                                             */
/* NOTE  ： content部分                                                                */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： content                                                                    */
/* NOTE  ： コンテンツ共通設定                                                         */
/***************************************************************************************/
#content{
        /***** 表示 *****/
        background          :url(../images/b_back.gif) 0 0 repeat-y;

        /***** 罫線 *****/
        border-bottom       : #FFFFFF 1px dashed;
        border-top          : #FFFFFF 1px dashed;

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

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

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

        /***** 文字 *****/
        text-align          : left;
}
#content a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        color               : #FFF200;
        font-weight         : bold;
        text-decoration     : #none;
}
#content a.ja{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        color               : #FFF200;
        font-weight         : bold;
        text-decoration     : #none;
}
#content a:hover{
        /***** 文字 *****/
        color               : #FFF;
}
/***************************************************************************************/
/* ID    ： leftPan                                                                    */
/* NOTE  ： コンテンツ左部分共通設定                                                   */
/***************************************************************************************/
#leftPan{
        /***** サイズ *****/
        width               :212px;

        /***** 位置 *****/
        position            :relative;
        float               :left;
}
/***************************************************************************************/
/* rightPan                                                                            */
/* NOTE  ： メインコンテンツ部分                                                       */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ： rightPan                                                                   */
/* NOTE  ： メインコンテンツ共通設定                                                   */
/***************************************************************************************/
#rightPan{


        /***** サイズ *****/
        width               :535px;

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

/***************************************************************************************/
/* ID    ： ol                                                                         */
/* NOTE  ： パンくずリスト共通設定                                                     */
/***************************************************************************************/
ol#topicPath {
    margin  : 10px 0;
    padding : 0;
    /***** 文字 *****/
    font-family         : Tahoma, sans-serif;
    font-size           : 10px;
    line-height         : 14px;
    color               : #2f383f;
    font-weight         : bold;
    font-style          : none;
    text-decoration     : none;
}
ol#topicPath li {
    float: left;
    padding-right: 7px;
    padding-left: 10px;
    background: url(../images/common/arrow_path.gif) no-repeat 0 50%;
    color: #2f383f;
}
ol#topicPath li.home {
    padding-left: 10;
    background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 14px;
        color               : #2f383f;
        font-weight         : bold;
        font-style          : none;
        text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
    color: #3366FF;
    text-decoration: underline;
}
ol#topicPath li em {
    padding-top: 10px;
    font-style: normal;
    font-weight: bold;
}
/***************************************************************************************/
/* ID    ： h2.page_title                                                              */
/* NOTE  ： ページタイトル共通設定                                                     */
/***************************************************************************************/
h2.page_title {
    width: 490px;
    padding: 5px;
    background: url(../images/title.gif) no-repeat 0 0;
    border-bottom: 1px #CCCCCC solid;

    /***** 位置 *****/
    position            : absolute;
    top                 : 50px;
    left                : 20px;

    /***** 文字 *****/
    font-family         : Tahoma, sans-serif;
    font-size           : 12px;
    line-height         : 18px;
    color               : #2f383f;
    font-weight         : bold;
    font-style          : none;
}
h2.page_title span {
    padding             : 0 5px;
    border-left         : 3px #2f383f solid;
}