/***************************************************************************************/
/*   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    ：page_title                                                                  */
/* NOTE  ： ページタイトルの設定                                                       */
/***************************************************************************************/
#page_title_qa{
        /***** 表示 *****/
        background          :url(../images/doc/tittle_qa.gif) 0 0 no-repeat;

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

        /***** 位置 *****/
        position            : absolute;
        top                 : 20px;
        left                : 20px;
}
#page_title_policy{
        /***** 表示 *****/
        background          :url(../images/aboutus/tomura_garage_policy.gif) 0 0 no-repeat;

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

        /***** 位置 *****/
        position            : absolute;
        top                 : 20px;
        left                : 20px;
}
#page_title_inquiry{
        /***** 表示 *****/
        background          :url(../images/aboutus/inquiry.gif) 0 0 no-repeat;

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

        /***** 位置 *****/
        position            : absolute;
        top                 : 20px;
        left                : 10px;
}
#outline{
        /***** サイズ *****/
        width               : 480px;

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

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        color               : #fff;
        font-weight         : normal;
        font-style          : normal;
}
#outline div{
        /***** サイズ *****/
        width               : 430px;

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

        /***** 位置 *****/
        position            :relative;
}
#outline div.spacer{
        /***** 位置 *****/
        height              : 1px;
}
#outline div.underline{
        /***** 表示 *****/
        background          :url(../images/underline.gif) 0 0 x-repeat;

        /***** サイズ *****/
        width               : 480px;
        height              : 5px;
}
#outline div.h2{
        /***** 表示 *****/
        background          :url(../images/underline.gif) 0 0 x-repeat;

        /***** サイズ *****/
        width               : 480px;
        height              : 5px;
}
#outline img.img1{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** サイズ *****/
        width               : 256px;
        height              : 192px;

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

        /***** 位置 *****/
        float               : left;
}
#outline img.img2{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** サイズ *****/
        width               : 100px;
        height              : 75px;

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

        /***** 位置 *****/
        float               : right;
}
#outline img.img3{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** サイズ *****/
        width               : 100px;
        height              : 75px;

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

        /***** 位置 *****/
        float               : left;
}
#outline img.img4{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** サイズ *****/
        width               : 75px;
        height              : 115px;

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

        /***** 位置 *****/
        float               : right;
}
#outline img.img5{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** サイズ *****/
        width               : 75px;
        height              : 115px;

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

        /***** 位置 *****/
        float               : left;
}
#outline img.img2 a{
        /***** 罫線 *****/
        border              : 1px solid #2a3237;

        /***** 位置 *****/
        float               : right;
}
#outline img.imgno{
        /***** サイズ *****/
        width               : 35px;
        height              : 21px;

        /***** 余白 *****/
        margin              : 13px 15px 0 0;
        padding             : 0 0 20px 0;

        /***** 位置 *****/
        float               : left;
}
#outline img.points{
        /***** 罫線 *****/
        border              : none;

        /***** サイズ *****/
        width               : 159px;
        height              : 43px;

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

        /***** 位置 *****/
        clear               : both;
}
#outline img.points{
        /***** 罫線 *****/
        border              : none;

        /***** サイズ *****/
        width               : 100px;
        height              : 37px;

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

        /***** 位置 *****/
        position            : left;
}
#outline img.step{
        /***** サイズ *****/
        width               : 100px;
        height              : 37px;

        /***** 余白 *****/
        margin              : 13px 15px 0 0;
        padding             : 0 0 20px 0;

        /***** 位置 *****/
        float               : left;
}
#outline p.aisya{
        /***** 余白 *****/
        padding             : 0 0 10px 10px;

        /***** 位置 *****/
        position            :relative;
        clear               :both;
}
#outline p.aisya_title{
        /***** 余白 *****/
        padding             : 6px 0 0 0;

        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 14px;
        line-height         : 20px;
        color               : #000000;
        font-weight         : bold;
        text-decoration     : #none;
}
#outline p.aisya_detail{
        /***** サイズ *****/
        width               : 350px;

        /***** 余白 *****/
        margin             : 20px 0 0px 120px;
}
#outline p.introduce{
        /***** サイズ *****/
        width               : 350px;

        /***** 余白 *****/
        padding             : 20px 0 40px 20px;
        clear               :both;
}
#outline p.step_contents{
        /***** サイズ *****/
        width               : 350px;
        height              : 37px;
        clear               :both;
}
#outline p.aisya_detail span{
        /***** 文字 *****/
        color               : #000000;
        font-weight         : bold;
}
#outline p.check_point{
        /***** 余白 *****/
        margin             : 20px 0 0 20px;

        /***** 文字 *****/
        color               : #800000;
        font-weight         : bold;
}
#outline p.check_point span.label{
        /***** 余白 *****/
        margin             : 10px 0 0 0;

        /***** 文字 *****/
        color               : #800000;
        font-weight         : bold;
}

#doc_4l60_atur_vol1_manual h2{
        /***** 余白 *****/
        height              :900px;
}
#about_policy h2{
        /***** 余白 *****/
        height              :150px;
}
#about_mail h2{
        /***** 余白 *****/
        height              :10px;
}

#outline span.strong{
        /***** 文字 *****/
        color               : #000000;
        font-weight         : bold;
        font-style          : normal;
}
#outline div.strongRight{
        /***** 文字 *****/
        color               : #000000;
        font-weight         : bold;
        font-style          : normal;
        text-align          : right;
}

#outline span.marker_b{
        background          :url(../images/marker_b.gif);
        /***** 文字 *****/
        color               : #000000;
        font-weight         : normal;
        text-decoration     : none;
}
#outline span.marker_p{
        background          :url(../images/marker_p.gif);
        /***** 文字 *****/
        color               : #000000;
        font-weight         : normal;
        text-decoration     : none;
}
#outline span.marker_y{
        background          :url(../images/marker_y.gif);
        /***** 文字 *****/
        color               : #000000;
        font-weight         : normal;
        text-decoration     : none;
}
#outline span.marker_g{
        background          :url(../images/marker_g.gif);
        /***** 文字 *****/
        color               : #000000;
        font-weight         : normal;
        text-decoration     : none;
}
#outline table.company{

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

        border: 1px #70848F solid;
        border-collapse: collapse;
        border-spacing: 0;
}
#outline table.company th{
        padding: 5px;
        border: #788D99 solid;
        border-width: 0 0 1px 1px;
        background: #6A7D87;
        font-weight: normal;
        line-height: 18px;
}
#outline table.company td{
    padding: 5px;
    border: 1px #788D99 solid;
    border-width: 0 0 1px 1px;
}
#outline span.necessary{
        /***** 文字 *****/
        color               : #99170A;
        font-size           : 10px;
        line-height         : 10px;
        font-weight         : bold;
        text-decoration     : none;
}
#outline div.button{
        /***** 文字 *****/
        text-align          : center;
}
#outline span.caption{
        /***** 文字 *****/
        color               : #000;
        font-weight         : bold;
}
#outline ul.contact{
        /***** 余白 *****/
        margin             : 3px 0 0 20px;

        /***** 位置 *****/
        position            : relative;
        clear               : both;
}
#outline input{
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        color               : #2f383f;
        font-weight         : normal;
}
#outline input.formE{
        ime-mode            : disabled;
}
#outline input.formJ{
        ime-mode            : active;
}
#outline input.formReadOnly{
        background          : #70848F;
        border: 0px;
        /***** 文字 *****/
        font-family         : Tahoma, sans-serif;
        font-size           : 12px;
        color               : #000;
        font-weight         : bold;
}
#outline input.formErrTxt{
        background          : #70848F;
        border: 0px;
        /***** 文字 *****/
        color               : #99170A;
        font-size           : 12px;
        line-height         : 14px;
        font-weight         : normal;
        text-decoration     : none;
        visibility          :collapse;
}
#outline input.formtxtNcsry{
        border: 0px;
        background: #6A7D87;
        /***** 文字 *****/
        color               : #99170A;
        font-size           : 10px;
        line-height         : 10px;
        font-weight         : bold;
        text-decoration     : none;
}
#outline span errors{
        /***** 文字 *****/
        color               : #99170A;
        font-size           : 12px;
        line-height         : 14px;
        font-weight         : normal;
        text-decoration     : none;
}
#outline table.company td div.errors{
        width               : 300px;
        height              :  12px;
        /***** 余白 *****/
        padding             :  0px;
        margin              :  3px 0 3px 0;

        /***** 位置 *****/
        position            : relative;
        /***** 文字 *****/
        color               : #99170A;
        font-size           : 12px;
        line-height         : 12px;
        font-weight         : normal;
        text-decoration     : none;
        text-align          : left;
}
#outline table.t1{
        /***** サイズ *****/
        width               : 460px;
        border: 1px #467188 solid;
        border-collapse: collapse;
        border-spacing: 0;
}
#outline table.t1 th{
        padding: 5px;
        border: #467188 solid;
        border-width: 0 0 1px 1px;
        background: #3561D2;
        font-weight: normal;
        line-height: 18px;
}
#outline table.t1 td.td1{
        padding: 5px;
        border: #467188 solid;
        border-width: 0 0 1px 1px;
        background: #2849A0;
        font-weight: normal;
        line-height: 18px;
}
#outline table.t1 td{
    padding: 5px;
    border: 1px #467188 solid;
    border-width: 0 0 1px 1px;
}
#outline div.note1{
        /***** 文字 *****/
        font-size           : 10px;
        line-height         : 10px;
        font-weight         : normal;
        text-decoration     : none;
        text-align          : right;
}
#outline div.note2{
        /***** 文字 *****/
        font-size           : 10px;
        line-height         : 10px;
        font-weight         : normal;
        text-decoration     : none;
}
#outline div.pagenavi{
        border-top          : solid 1px #788D99;
        border-bottom       : solid 1px #788D99;
        background          : #6A7D87;
        margin              : 5px;
        padding             : 5px;
        text-align          : center;
}

#outline ul.pagenavi
{
        padding: 5px;
        text-align          : center;
}
#outline ul.pagenavi li{
        /***** 文字 *****/
        font-size           : 12px;
        line-height         : 14px;
        background          : #63747C;
        display             : inline;
        border              : solid 1px #788D99;
        padding             : 5px;
        text-align          : center;
        margin              : 2px;
        color               : #2f383f;
        font-weight         : normal;
}
#outline ul.pagenavi li a{
        /***** 文字 *****/
        font-size           : 12px;
        color               : #fff;
        font-weight         : normal;
}
#outline ul.pagenavi li a:hover{
        /***** 文字 *****/
        font-size           : 12px;
        color               : #FFF200;
        font-weight         : normal;
}
#outline div.calender{
        background          : #ffffff;

        /***** 文字 *****/
        font-size           : 12px;
        color               : #3561D2;
        font-weight         : normal;
}
#outline table.calender{
        /***** サイズ *****/
        background: #B7B7B7;
        width               : 460px;
        border: 1px #B7B7B7 solid;
        border-collapse: collapse;
        border-spacing: 0;
        text-align          :center;
}
#outline table.calender th.month{
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 1px 1px;
        background: #9DC459;
        font-weight: bold;
        line-height: 18px;
}
#outline table.calender th{
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 1px 1px;
        background: #B7B7B7;
        font-weight: BOLD;
        line-height: 18px;
}
#outline table.calender td{
        width               : 61px;
        line-height         : 12px;

    padding: 5px;
    border: 1px #B7B7B7 solid;
    border-width: 0 0 1px 1px;
    background: #ffffff;
    color: #70848F;
    text-align      : right;
    vertical-align  :top;
}
#outline table.calender td p.day{
    text-align      : left;
        color: #579E0F;
}
#outline table.calender td a.reserve{
        font-size           : 10px;
        line-height         : 12px;
        color: #579E0F;
}
#outline table.calender td a:hover{
        font-size           : 10px;
        line-height         : 12px;
        color: #000000;
}
#outline table.calender td a.cancel{
        font-size           : 10px;
        line-height         : 12px;
        color: #BE4747;
}
#outline table.calender td span.non{
        font-size           : 10px;
        line-height         : 12px;
        color: #b7b7b7;
        font-weight: bold;
}
#outline table.calender td.td1{
        width   : 61px;
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 1px 1px;
        background: #F7F7F7;
        font-weight: normal;
        line-height: 18px;
}
#outline table.calender td.td2{
        width               : 61px;
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 1px 1px;
        background: #E2EECD;
        font-weight: normal;
        line-height: 18px;
}
#outline table.calender td.td3{
        width               : 10px;
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 0 1px;
        background: #EBEBEB;
        font-weight: normal;
        line-height: 18px;
}
#outline table.calender td.icon{
        width               : 440px;
        padding: 5px;
        border: #B7B7B7 solid;
        border-width: 0 0 0 1px;
        background: #EBEBEB;
        font-weight: normal;
        line-height: 18px;
    text-align      : left;
}
#outline select{
        font-size           : 12px;
        color               : 2f383f;
        font-weight: normal;
}
#outline option{
        font-size           : 12px;
        color               : 2f383f;
        font-weight: normal;
}
#outline img.workRepairTitle{
        /***** サイズ *****/
        width               : 480px;
        height              : 35px;

        /***** 余白 *****/
        margin              : 0;
        padding             : 0;
}
#outline .workBox {
    float: left;
    height: 130px;
    width: 210px;
    margin: 0 15px 0 0;
    padding: 5px;
    position: relative;
}
#outline .workBox h4 {
	margin: 0px;
	background-color: #688FFC;
    background-image: url(../images/workContents/table_top.gif);
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	border-left-color: #94BA12;
	text-align: center;
}
#outline .workBox p {
    background-image: url(../images/workContents/table_line.gif);
	margin: 0px;
    padding: 10px;
	color: #3D3F40;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
#outline .workBox h5 {
    background-image: url(../images/workContents/table_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
    padding: 0px;
}
#outline .workRepairOrange {
    float: left;
    height: 130px;
    width: 460px;
    margin: 0;
    padding: 5px;
    position: relative;
}
#outline .workRepairOrange h4 {
	margin: 0px;
	background-color: #71858E;
    background-image: url(../images/workContents/table_orange_top.gif);
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
#outline .workRepairOrange p {
    background-image: url(../images/workContents/table_orange_middle.gif);
	margin: 0px;
    padding: 10px;
	color: #3D3F40;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
#outline .workRepairOrange h5 {
    background-image: url(../images/workContents/table_orange_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
    padding: 0px;
}
#outline .workRepairYellow {
    float: left;
    height: 130px;
    width: 460px;
    margin: 0;
    padding: 5px;
    position: relative;
}
#outline .workRepairYellow h4 {
	margin: 0px;
	background-color: #71858E;
    background-image: url(../images/workContents/table_yellow_top.gif);
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
#outline .workRepairYellow p {
    background-image: url(../images/workContents/table_yellow_middle.gif);
	margin: 0px;
    padding: 10px;
	color: #3D3F40;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
#outline .workRepairYellow h5 {
    background-image: url(../images/workContents/table_yellow_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
    padding: 0px;
}
#outline .workRepairGreen {
    float: left;
    height: 130px;
    width: 460px;
    margin: 0;
    padding: 5px;
    position: relative;
}
#outline .workRepairGreen h4 {
	margin: 0px;
	background-color: #71858E;
    background-image: url(../images/workContents/table_green_top.gif);
	color: #ffffff;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
}
#outline .workRepairGreen p {
    background-image: url(../images/workContents/table_green_middle.gif);
	margin: 0px;
    padding: 10px;
	color: #3D3F40;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
#outline .workRepairGreen h5 {
    background-image: url(../images/workContents/table_green_bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
    padding: 0px;
}
#outline span.strongOrange{
        /***** 文字 *****/
        color               : #FF6600;
        font-weight         : bold;
        text-decoration: none;
        border-bottom: 1px dotted;
}
#outline span.strongGreen{
        /***** 文字 *****/
        color               : #226D01;
        font-weight         : bold;
        text-decoration: none;
        border-bottom: 1px dotted;
}
#outline span.strongBlue{
        /***** 文字 *****/
        color               : #10069D;
        font-weight         : bold;
        text-decoration: none;
        border-bottom: 1px dotted;
}
#outline span.strongYellow{
        /***** 文字 *****/
        color               : #FBE706;
        font-weight         : bold;
        text-decoration: none;
        border-bottom: 1px dotted;
}
#outline table.estimate{
        /***** サイズ *****/
        width               : 460px;

        border: 1px #70848F solid;
        border-collapse: collapse;
        border-spacing: 0;
}
#outline table.estimate th{
        padding: 5px;
        border: #788D99 solid;
        border-width: 0 0 1px 1px;
        background: #6A7D87;
        font-weight: normal;
        line-height: 18px;
}
#outline table.estimate th.num{
        padding: 5px;
        border: #788D99 solid;
        border-width: 0 0 1px 1px;
        background: #6A7D87;
        font-weight: normal;
        line-height: 18px;
	text-align: right;
}
#outline table.estimate td{
    padding: 5px;
    border: 1px #788D99 solid;
    border-width: 0 0 1px 1px;
}
#outline table.estimate td.num{
    padding: 5px;
    border: 1px #788D99 solid;
    border-width: 0 0 1px 1px;
	text-align: right;
}
#outline img.anotherPage{
        /***** 罫線 *****/
        border              : none;

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

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

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