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

/***************************************************************************************/
/*                                                                                     */
/*   MODEL NAME          : TOMURA GARAGE                                               */
/*                                                                                     */
/*   SOURCE NAME         : styles_side.css                                             */
/*                                                                                     */
/*   FIRST AUTHOR        : Kumi Masano                                                 */
/*                                                                                     */
/*   PROGRAMING DATE     : 2009/8/31                                                   */
/*                                                                                     */
/*   MAINTENANCE DATE    :                                                             */
/*                                                                                     */
/*   DESCRIPTION         :                                                             */
/***************************************************************************************/
/***************************************************************************************/
/*   SYSTEM NAME GUIDANCE    NAME        DATE                                          */
/*                                                                                     */
/***************************************************************************************/
/***************************************************************************************/
/* ID    ：browser                                                                     */
/* NOTE  ： 左メニューの「BROWSER」ボタンの設定                                        */
/***************************************************************************************/
#campaign{
        /***** 余白 *****/
        margin              : 20px 15px 10px 15px;

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

        /***** 文字 *****/
        text-align          : left;
}
#campaign h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_campaign.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

        /***** 位置 *****/
        position            :relative;
}
#campaign h3{
        /***** 余白 *****/
        padding             : 0 0 0 4px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 16px;
        color               : #9E0039;
        font-weight         : bold;
        font-style          : normal;
}
#campaign h4{
        /***** 余白 *****/
        padding             : 0 10px 0 25px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #ffffff;
        font-weight         : normal;
        font-style          : normal;
}
/***************************************************************************************/
/* ID    ：browser                                                                     */
/* NOTE  ： 左メニューの「BROWSER」ボタンの設定                                        */
/***************************************************************************************/
#new{
        /***** 余白 *****/
        margin              : 20px 15px 10px 15px;

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

        /***** 文字 *****/
        text-align          : left;
}
#new h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_new.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

        /***** 位置 *****/
        position            :relative;
}
#new h3{
        /***** 余白 *****/
        padding             : 0 0 0 4px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 16px;
        color               : #9E0039;
        font-weight         : bold;
        font-style          : normal;
}
#new h3 a{
        /***** 余白 *****/
        padding             : 0 0 0 4px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 16px;
        color               : #9E0039;
        font-weight         : bold;
        font-style          : normal;
}
#new h4{
        /***** 余白 *****/
        padding             : 0 10px 0 25px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #ffffff;
        font-weight         : normal;
        font-style          : normal;
}
/***************************************************************************************/
/* ID ：shop                                                                           */
/* NOTE  ： 共通ナビゲーションの「SHOP INFORMATION」ボタンの設定                       */
/***************************************************************************************/
#shop{
        /***** 余白 *****/
        margin              : 10px 15px 15px 15px;

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

        /***** 文字 *****/
        text-align          : left;

}
#shop h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_info.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

        /***** 位置 *****/
        position            :relative;
}
#shop h3{
        /***** 余白 *****/
        padding             : 0 0 0 4px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 14px;
        line-height         : 16px;
        color               : #000000;
}
#shop h3 div.detail{
        /***** 余白 *****/
        padding             : 10px 0 0 15px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #ffffff;
        font-weight         : normal;
}
#shop h4{
        /***** 余白 *****/
        padding             : 4px 0 0 5px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 13px;
        line-height         : 16px;
        color               : #FFF200;
        font-weight         : bold;
        text-align          : right;
}
#shop h4 div.memo{
        /***** 余白 *****/
        padding             : 1px 0 0 0;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 14px;
        color               : #ffffff;
        font-weight         : normal;
        text-align          : right;
}
#shop h4 span.strong{
        color               : #1B1464;
        font-weight         : bold;
        text-decoration     : underline;
}
#shop h5{
        /***** 余白 *****/
        padding             : 20px 0 0 15px;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 12px;
        color               : #ffffff;
        font-weight         : normal;
}
#shop h5 div.open{
        /***** 余白 *****/
        padding             : 5px 0 0 0;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #7B0046;
        font-weight         : bold;
        text-align          :right;
}
#shop h5 div.holiday{
        /***** 余白 *****/
        padding             : 2px 0 0 0;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 12px;
        color               : #ffffff;
        font-weight         : normal;
        text-align          :right;
}
#shop div.calender{
        /***** 余白 *****/
        padding             : 5px 0 0 15px ;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 12px;
        color               : #ffffff;
        font-weight         : normal;
}
#shop div.calender table{
        /***** 表示 *****/
        background          :#cccccc;

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

        /***** 余白 *****/
        margin              : 0;
        padding             : 0;
        border-spacing      : 1px;
        border-collapse     :collapse;

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

        /*****  *****/
        border              : 1px #cccccc solid;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #666666;
        font-weight         : normal;
        font-style          : normal;
        text-align          : center;
}
#shop div.calender table td.title{
        /***** 表示 *****/
        background          :#999999;

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

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** 文字 *****/
        color               : #ffffff;
}
#shop div.calender table td.title_sun{
        /***** 表示 *****/
        background          :#ff6633;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;

        /***** 文字 *****/
        color               : #ffffff;
}
#shop div.calender table td.title_weekly{
        /***** 表示 *****/
        background          :#c7d8ed;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;
}
#shop div.calender table td.title_sat{
        /***** 表示 *****/
        background          :#A6C0E1;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;
}
#shop div.calender table td.sun{
        /***** 表示 *****/
        background          :#ffcc99;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;
}
#shop div.calender table td.weekly{
        /***** 表示 *****/
        background          :#ffffff;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;
}
#shop div.calender table td.sat{
        /***** 表示 *****/
        background          :#a6c0e1;

        /***** 罫線 *****/
        border              : 1px #cccccc solid;

        /***** サイズ *****/
        height              : 18px;
        width               : 20px;
}
#shop div.calender div.holiday{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 10px;
        line-height         : 12px;
        color               : #A0410D;
        font-weight         : bold;
        font-style          : normal;
        text-align          : right;
}
#shop h5 div.mobile{
        /***** 余白 *****/
        padding             : 5px 0 0 0;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #1B1464;
        font-weight         : bold;
        text-align          :right;
}
/***************************************************************************************/
/* ID ：languag                                                                        */
/* NOTE  ： 左メニューの「WE CAN SPEAK」ボタンの設定                                   */
/***************************************************************************************/
#languag{
        /***** 余白 *****/
        margin              : 10px 15px 15px 15px;

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

        /***** 文字 *****/
        text-align          : left;
}
#languag h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_languag.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

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

/***************************************************************************************/
/* ID    ：payment                                                                     */
/* NOTE  ： 左メニューの「PAYMENT」ボタンの設定                                        */
/***************************************************************************************/
#menu{
        /***** 余白 *****/
        margin              : 10px 0px 15px 15px;

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

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #fff;
        font-weight         : normal;
        text-align          : left;
        text-decoration     : none;
}
#menu a{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        line-height         : 14px;
        color               : #fff;
        font-weight         : normal;
        text-align          : left;
        text-decoration     : none;
}
#menu a:hover{
        /***** 文字 *****/
        color               : #000;
        font-weight         : normal;
        text-align          : left;
        text-decoration     : none;
}
#menu h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_menu.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

        /***** 位置 *****/
        position            :relative;
}
/***************************************************************************************/
/* ID    ：payments                                                                    */
/* NOTE  ： 左メニューの「PAYMENTS」ボタンの設定                                       */
/***************************************************************************************/
#payments{
        /***** 余白 *****/
        margin              : 10px 15px 15px 15px;

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

        /***** 文字 *****/
        text-align          : left;
}
#payments h2{
        /***** 表示 *****/
        background          :url(../images/sideMenu/s_payments.gif) 0 0 no-repeat;

        /***** サイズ *****/
        width               : 182px;
        height              : 25px;

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

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

