@charset "utf-8";

/*****************************************************************************/
/*                                                                           */
/* スタイルシート                                                            */
/*                                                                           */
/*****************************************************************************/

/* 全体に適用
-------------------------------*/
* {
    font-style: normal;
    FONT-FAMILY: "メイリオ";
    margin: 0;
    padding: 0;
}

/* bodyに適用 */
body {
    font-size: 11px;
    height: auto;
    color: #000;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    /*
    background-image: url( ../images/bg_stripe.jpg );
    background-repeat: repeat;
*/
}


/* 各種タグスタイル定義
-------------------------------*/
ul,ol,dl {
    list-style-type: none;
}
br {
    font-size: 1px;
    line-height: 0.1px;
    clear: both;
}

td {
    font-size: 12px;
}

/* link style
-------------------------------*/
a {
    color: #0693e2;
    text-decoration: underline;
}
a:link {
    color: #0693e2;
    text-decoration: underline;
}
a:visited {
    color: #0693e2;
    text-decoration: underline;
}
a:hover {
    color: #0693e2;
    text-decoration: underline;
}

a img {
    border-style: none;
}

/* Font size
-------------------------------*/
.px10 {
    font-size: 10px;
}
.px11 {
    font-size: 11px;
}
.px12 {
    font-size: 12px;
}
.px14 {
    font-size: 14px;
}
.px14_2 {
    font-size: 14px;
}
.px16 {
    font-size: 16px;
}

a:hover .alpha {
    filter: alpha(opacity=80);
    opacity: 0.80;      /* firefox, opera, safari */
}

/*****************************************************************************/
/* 全体枠定義
/*****************************************************************************/
#Outline {
    margin: 0 auto;
    padding: 2px 2px 0 2px;
    text-align: center;
    width: 1024px;
    height: auto;
/*
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
*/
}
#Outline h1 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0.1;
}
#Outline h2 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0;
    display: none;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#Header {
    width: 1024px;
    padding: 2px 0 5px 0;
    height: 60px;
    text-align: left;
    color:#ffffff;
    background-color:#0066a1;
}
#Header2 {
    width: 1024px;
    padding: 2px 0 5px 0;
    height: 25px;
    text-align: left;
}

#GlobalNavi {
    width: 1096px;
    margin: 0 auto;
}
#GlobalNavi .HeadMenu{
    width: 1080px;
    margin: 0 auto;
    height: 20px;
}
#GlobalNaviMain {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}
#GlobalNaviMain ul {
    margin: 0;
    padding: 0;
    float: right;
    height: 58px;
}
#GlobalNaviMain li {
    margin: 0;
    padding: 0;
    float: right;
    display:inline;
    height: 41px;
}

/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#MainContents {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
}
#MainContents .floatClear {
    clear:  both;
    display:    block;
}

/* メインコンテンツの中のコンテンツ定義 */
#MainContentsInner {
    padding-top: 22px;
    margin: 0 0 0 17px;
    height: auto;
    width: 1000px;
}

/* 中央コンテンツスタイル */
#contents {
    float: left;
    width: 1024px;
    min-height: 550px;
    height: auto;
    padding-top: 2px;
}
#contents #contentinner {
    padding: 0 0 0 10px;
    height: auto;
}

.navi_title {
    margin     : 0 0 2px; 0;
    padding:5px;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: blue;
    background-color:#f3f3f3;
}

.navi_title2 {
    margin     : 0 0 2px; 0;
    padding:5px;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    FONT-FAMILY:"MS UI Gothic";
}

.yoyaku_rsv {
i    background-color:red;
}

/* ログインユーザー名 */
.login_title {
    margin     : 0 0 0 0;
    text-align: right;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}


/*****************************************************************************/
/* フッターテンプレートスタイル（トップ、ブランド毎に定義）                  */
/*****************************************************************************/
#Footer {
    margin: 5px 0 0 0;
    width: 1024px;
    height: 25px;
    background-color: #000000;
    color: #fff;
    text-align: right;
}
#Footer p {
    font-size: 14px;
}


#NEWS {
    margin     : 0 0 0 0;
    width: 600px;
    padding: 2px 0 5px 0;
    text-align: left;
    font-size: 14px;
    line-height: 1.4em;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    FONT-FAMILY: "ＭＳ Ｐゴシック";
}

#NEWS table td {
    font-size: 14px;
    FONT-FAMILY: "ＭＳ Ｐゴシック";
}

.NewsTitle {
    padding: 4px 2px 4px 2px;
    background-color:blue;
    color:#ffffff;
    width:598px;
    font-size:14px;
    font-weight:bold;
    FONT-FAMILY: "ＭＳ Ｐゴシック";
}


.inputHead {
    padding          : 5px;
    color            : #ffffff;
    background-color : #777777;
    font-size        : 13px;
    line-height      : 1.2em;
    text-align       : left;
    border           :1px solid #778899;
}

.rptBtnCol {
    padding          : 10px;
    background       : #ffffff;
    font-size        : 12px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
}
.inputCol {
    padding          : 5px;
    background       : #ffffff;
    font-size        : 12px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
}
.inputColRight {
    padding          : 5px;
    background       : #ffffff;
    FONT-FAMILY:        "ＭＳ Ｐゴシック";
    font-size        : 12px;
    line-height      : 1.0em;
    text-align       : right;
    border:1px solid #778899;
}

.inputColDisp {
    padding          : 5px;
    background       : #ffffff;
    font-size        : 10px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
}

.inputColTana {
    font-size        : 10px;
    text-align       : left;
}

.inputColTanaError {
    font-size        : 10px;
    text-align       : left;
    background       : red;
}

.ListData {
    padding          : 5px 5px 5px 5px;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}


table#table_list {
    border-collapse: collapse;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
table#table_list td { border-right: 1px solid #bbb; }
table#table_list tr.kisu {
    /*background-color: #faf0e6;*/
    background-color: #EFEFEF;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}
table#table_list tr.gusu {
    background-color: #fffafa;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}

.TableList {
/*  style="border:1px solid #778899;" */
    border:1px solid #778899;
    background-color:#ffffff;
}

.TableList2 {
/*  style="border:1px solid #778899;" */
    border:1px solid #778899;
    background-color:#ffffff;
}

.tableLane {
    /*  style="border:1px solid #778899;" */
    border:1px dotted #778899;
    background-color:#efefef;
}
.tableLane td {
    padding: 4px;
    FONT-FAMILY: "メイリオ";
    background-color:#efefef;
}
    
.tableLaneDetail {
    border:1px dotted #778899;
    background-color:#ffffff;
}
.tableLaneDetail td {
    padding: 4px;
    FONT-FAMILY: "メイリオ";
}

.listTable {
/*  style="border:1px solid #778899;" */
    border:1px dotted #778899;
    background-color:#ffffff;
}
.listTable td {
	padding: 4px;
	FONT-FAMILY: "メイリオ";
}

/* 一覧リストのヘッダ */
.listHead {
  height           : 30px;
  margin           : 0;
  padding          : 4px;
  background-color : #0000A0;
  color            : #fff;
  text-align       : center ;
  font-size        : 14px;
}

.listHeadLeft {
  height           : 30px;
  margin           : 0;
  padding          : 4px;
  background-color : #0000A0;
  color            : #fff;
  text-align       : left ;
  font-size        : 14px;
}

.listHeadRight {
  height           : 30px;
  margin           : 0;
  padding          : 4px;
  background-color : #0000A0;
  color            : #fff;
  text-align       : right ;
  font-size        : 14px;
}

.listCol {
  margin           : 0;
  padding          : 4px;
  background-color : #f3f3f3;
  color            : #000;
  text-align       : center ;
  FONT-FAMILY: "メイリオ";
  font-size:12px;
}
.listCol table td a {
    color: #dad8ff;
    text-decoration: underline;
}
.listCol table td a:link {
    color: #dad8ff;
    text-decoration: underline;
}
.listCol table td a:visited {
    color: #dad8ff;
    text-decoration: underline;
}
.listCol table td a:hover {
    color: #dad8ff;
    text-decoration: underline;
}

/* 一覧リストのフッタ */
.listFoot {
  height           : 30px;
  margin           : 0;
  padding          : 4px;
  background-color : #EEEEEE;
  color            : #000;
  text-align       : center ;
  font-size        : 16px;
}


.listColRsv {
  margin           : 0;
  padding          : 4px;
  background-color : red;
  color            : #000;
  text-align       : center ;
  FONT-FAMILY:"MS UI Gothic";
  font-size:14px;
}

.listColHead {
  margin           : 0;
  padding          : 4px;
  background-color : #93dcfd;
  color            : #000;
  text-align       : center ;
  FONT-FAMILY:"メイリオ";
  font-size:14px;
  font-weight: bold;
}

/* カレンダー関連 */
.TableCal {
    border:1px solid #778899;
    background-color:#ffffff;
}

.TableCal td {
/*
    line-height:300%;
  FONT-FAMILY:"MS UI Gothic";
  font-size:14px;
*/
}

.bg-red-2 {
  margin           : 0;
  padding          : 2px;
  background-color : #ffabab;
  color            : #666;
  text-align       : center ;
  FONT-FAMILY:"メイリオ";
  font-size:14px;
}
.bg-gray-2 {
  margin           : 0;
  padding          : 2px;
  background-color : #e4e1da;
  color            : #666;
  text-align       : center ;
  FONT-FAMILY:"メイリオ";
  font-size:14px;
}
.bg-blue-2 {
  margin           : 0;
  padding          : 2px;
  background-color : #a4dcff;
  color            : #666;
  text-align       : center ;
  FONT-FAMILY:"メイリオ";
  font-size:14px;
}


/* 一覧リストのスタイル */
.list0 {
    background-color : #EEEEEE;
    color            : #000000;
    padding          : 2;
    font-size        : 12px;
    line-height      : 1.8em;
  FONT-FAMILY:"メイリオ";
}

.list1 {
    background-color : #CCCCCC;
    color            : #000000;
    padding          : 2px;
	FONT-FAMILY:"メイリオ";
    font-size        : 12px;
    line-height      : 1.8em;
}

.list00 {
    background-color : #16b26e;
    color            : #000000;
    padding          : 2px 2px 2px 2px;
    height           : 30px;
}

.listred {
    background-color : red;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list_dealer {
    background-color : cyan;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 14px;
    line-height      : 1.8em;
}


.textInput,textarea{    /* 通常の入力フォーム */
    background-color:#FFFFFF;
    border:1px solid #000;
}


.inputHighlighted{  /* ハイライト効果 */
/*      background-color:#317082;*/
/*      color:#FFF;*/

    background-color:#e6e600;
    color:#000;
    border:1px solid #000;
}

.Indispensable {
    font-size:8px;
    color:red;
}