/* ===============================================
・インデントは、半角ブランク2個。
・プロパティの表記は、アルファベット順。
・ファイル保存時の文字コードは、Shift-JIS。
=============================================== */


/* -----------------------------------------------
  LIB
----------------------------------------------- */
/*
・jquery-ui,ddsmoothmenuのCSSについては「PcLoad.js」にて先に読み込むこと
*/

/* YUI3 reset */
@import url('../../lib/yui3/reset.css');


/* ------------------------------------- */
/*  ui-widget                            */
/* ------------------------------------- */

.ui-widget {
  font-family: inherit;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: inherit;
  font-size: 1em;
}
.ui-widget-content {
  background: #ffffff;
  border: 0 none #ffffff; /* OK */
  color: #17184b;
}
.ui-widget-content a {
  color: #17184b;
}
.ui-widget-header {
  border: 0 none #ffffff; /* OK */
  background: #ffffff;
  color: #17184b;
  font-weight: bold;
}
.ui-widget-header a {
  color: #17184b;
}

/* ------------------------------------- */
/*  ui-state                             */
/* ------------------------------------- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #1e0942; /* ok */
  background: #ffffff;
  color: #3d5c99;
  font-weight: bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #3d5c99;
  font-weight: bold;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content
.ui-state-hover,
.ui-widget-header
.ui-state-hover,
.ui-state-focus,
.ui-widget-content
.ui-state-focus,
.ui-widget-header
.ui-state-focus
{
  border: 0 none #ffffff; /* ok */
  background: #ffffff;
  color: #c77405;
  font-weight: bold;
}
.ui-state-hover a, .ui-state-hover a:hover {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content
.ui-state-active,
.ui-widget-header
.ui-state-active {
  border: 0 none #ffffff;
  background: #ffffff;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}

/* ------------------------------------- */
/*  ui-tabs                              */
/* ------------------------------------- */

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border: 0 none #ffffff;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  border-width: 0;
  display: block;
  padding: 1em 1.4em;
  background: #ffffff;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/* ------------------------------------- */
/*  Customised ui-tabs                   */
/* ------------------------------------- */

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#main .ui-tabs-nav, .ui-tabs-panel {
	font-size: 11pt;
}
#main .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
#main .ui-tabs-nav:after {
    display: block;
    clear: both;
    content: " ";
}
#main .ui-tabs-nav li {
  float: left;
  margin: 0 0 0 1px;
  min-width: 84px; /* be nice to Opera */
  background: #E5EEFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#E5EEFF), to(#98BBFF));

  border-left: 1px solid #1e0942;
  border-top:  1px solid #1e0942;
  border-right:1px solid #1e0942;
}
#main .ui-tabs-nav a,
#main .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
}
#main .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #3D5C99;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
    outline: 0; /* prevent dotted border in Firefox */
}
#main .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
    background: white;
}
#main .ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
#main *.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#main .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
#main .ui-tabs-nav .ui-tabs-selected a,
#main .ui-tabs-nav a:hover,
#main .ui-tabs-nav a:focus,
#main .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
#main .ui-tabs-nav a,
#main .ui-tabs-nav .ui-tabs-disabled a:hover,
#main .ui-tabs-nav .ui-tabs-disabled a:focus,
#main .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
#main .ui-tabs-nav .ui-tabs-selected a span,
#main .ui-tabs-nav a:hover span,
#main .ui-tabs-nav a:focus span,
#main .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
#main .ui-tabs-nav a span,
#main .ui-tabs-nav .ui-tabs-disabled a:hover span,
#main .ui-tabs-nav .ui-tabs-disabled a:focus span,
#main .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
#main .ui-tabs-nav .ui-tabs-selected a:link,
#main .ui-tabs-nav .ui-tabs-selected a:visited,
#main .ui-tabs-nav .ui-tabs-disabled a:link,
#main .ui-tabs-nav .ui-tabs-disabled a:visited {
 /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#main .ui-tabs-nav a:hover,
#main .ui-tabs-nav a:focus,
#main .ui-tabs-nav a:active,
#main .ui-tabs-nav .ui-tabs-deselectable a:hover,
#main .ui-tabs-nav .ui-tabs-deselectable a:focus,
#main .ui-tabs-nav .ui-tabs-deselectable a:active
{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#main .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#main .ui-tabs-panel {
  border: 1px solid #1e0942;
  padding: 1em 8px;
  background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
  min-height: 620px;
}
#main .ui-tabs-loading em {
  padding: 0 0 0 20px;
  background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display: inline-block;
}
*:first-child+html .ui-tabs-nav  {
 /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* -----------------------------------------------
  共通部品
----------------------------------------------- */

/* フロートの解除 */
.clearFix {
  clear:both;
  height: 0;
  visibility: hidden;
}

/* 隠す */
.hide {
  display:none;
}

/* 1文字分の余白 */
.spacer {
  padding-left:12px;
}

/* -----------------------------------------------
  構造
----------------------------------------------- */

body{
  background-color: #d9d9d9;
}

a,
body,
form,
input,
textarea,
select,
select option
{
  color: #17184b;
  font-size: 14px;
  font-weight:normal;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++
  #wrapper
+++++++++++++++++++++++++++++++++++++++++++++++ */

#wrapper{
  background-color:#fdfdfd;
  border-left:  4px ridge #0000ff;
  border-right: 4px ridge #0000ff;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  width:1016px; /* 1024-(8*2) */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++
  #header
+++++++++++++++++++++++++++++++++++++++++++++++ */

/* サイトタイトル */
#header div.siteTitle {
  background: url(images/bg_top.jpg) repeat scroll 0 0 transparent;
  color:#ffffff;
  font-family: Courier New;
  font-size: 30px;
  font-weight: bold;
  height: 30px;
  margin: 0;
  padding: 4px;
  vertical-align: middle;
}
  /* サイトタイトル（バス画像付) */
#header div.siteTitle h1.siteTitle {

  float:left;
  font-weight:bold;
  height:25px;
  margin-left: 10px;
  padding-left: 0;
  padding-top: 4px;
  width:640px;
}
  #header div.siteTitle h1.siteTitle div.siteTitleIcon {
    float:left;
  }
  #header div.siteTitle h1.siteTitle div.siteTitleText {
    float:left;
  }

  /* サイトタイトル　右端 */
  #header div.siteTitle div.utility{
    text-align:right;
    font-size:14px;
    float:right;
    padding-top: 12px;
  }
  /* サイトタイトル　右端 のリンク*/
  #header div.siteTitle div.utility a{
    color:#fafafa;
    font-size: 12px;
  }

  /* 言語切替リンク */
  #header div.siteTitle div.utility span.language a{
    font-size: 12.5px;
  }

/* お知らせ領域 */
#header div.noticeArea{
  min-height:10px;
}

/* お知らせ */
#header div.notice{
  padding:8px 0 16px 16px;
}
#header   div.notice span.noticeIcon {
    background-color: #f28627;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    vertical-align:middle;
    padding: 2px 1px 1px 2px;
  }
#header   div.notice span.noticeFrase {
    border-bottom : 2px dotted #f28627;
  }
#header   div.notice span.noticeLink a{
    color:#d90404;
    padding-left: 4px;
  }
#header div.notice ul:nth-child(n + 2){
  padding:8px 0px 0px 0px;
}

/* タブメニュー */
.ddsmoothmenu {
  background: none repeat scroll 0 0 #fdfdfd;
}
  .ddsmoothmenu ul{
    background: none repeat scroll 0 0 #ffffff;
    padding-left:4px;
  }
    .ddsmoothmenu ul li a
    {
      color: #000099;
      font-weight: bold;
    }
  .ddsmoothmenu ul li a.selected {
    color: #000000;
    font-weight: bold;
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background: #ffffff;
  }


/* +++++++++++++++++++++++++++++++++++++++++++++++
  #main
+++++++++++++++++++++++++++++++++++++++++++++++ */

#main{
  background-color: #ffffff;
  border: 1px solid #0e1f03;
  margin: 0 12px 8px 12px;
  padding: 4px 12px 8px 12px;
  min-height:400px;
}

/* 頁タイトルの右肩。2011/07/28 14:04現在の情報です。 */
#main div.currentTime{
  padding-bottom:0;
  margin-bottom:0;
  text-align:right;
}
  /* 更新ボタン */
  #main div.currentTime input{
    font-size:12px;
    padding:1px 16px 1px 16px;
  }


/* 頁タイトル */
#main div.pageTitle{
  background-color: #3740ad;
  background-image: url(images/bgRuri.jpg);
  color: #fafafa;
  font-size: 14px;
  height: 2em;
  margin-bottom: 0;
  padding: 4px;
  margin-top: 8px;
}
  #main div.pageTitle div.pageTitleName{
    float:left;
    font-weight:bold;
    margin: 8px 0 0 12px;
    width:600px;
  }
  #main div.pageTitle div.pageTitleLink{
    float:right;
    font-weight:bold;
    margin: 6px 0 4px 12px;
  }
    #main div.pageTitle div.pageTitleLink span.returnRoute{
      color: #fafafa;
      font-size:12px;
    }
  /* リンク。頁内のお知らせ は、別途記載あり。 */
  #main div.pageTitle a,
  #main div.pageTitle a:hover,
  #main div.pageTitle a:visited {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
  }

/* 頁タイトルの下の頁概要 */
#main div.outline {
  background-color: #e3e9fc;
  color: #1e0942;
  font-size: 14px;
  font-weight: bold;
  height: 1.5em;
  margin-bottom: 12px;
  padding: 8px 4px 4px 16px;
}
  #main div.outline div.routeName{
    float: left;
    font-weight: bold;
    width: 640px;
  }
  #main div.outline div.message {
    text-align:right;
  }
  #main div.outline a.linkInSubTitle {
    float:right;
    font-size:12px;
  }


/* ERR MESSAGE */
#main div.errMessage {
  margin-top: 2px;
  margin-bottom: 3px;
  margin-left: 1px;
  color: #d90404;
}

/* 「お知らせがあります」の枠 */
#main div.message {
  font-size: 10pt;
  height:2em;
  margin: 8px 0 0 0;
}

/* 「お知らせがあります」のリンク */
#main a.message {
  background-image: url(images/info2.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 28px;
  padding-top: 8px;
}


/* 表示ボタン */
#main div.submitButton{
  padding-top:8px;
  padding-left:12px;
}
  #main div.submitButton input{
    padding-left:36px;
    padding-right:36px;
  }

/* 戻る */
#main div.pageBack{
  margin-left:auto;
  margin-right:auto;
  padding-top: 8px;
  text-align: center;
  vertical-align: middle;
}


/* ++++++++++++++++++++++++++++++++++++ */
/* 入力欄 */
/* 主に module/SearchFormのhtml で使う。*/
/* module/Timetable の timetable.html でも使用するため、ここに置いた。*/
/* ++++++++++++++++++++++++++++++++++++ */

/* 入力欄の囲い */
#main div.inputArea
{
  background-color: #f6f8fc;
  border: 1px solid #5361b4;
  float:left;
  padding:4px 12px 4px 12px;
  margin-bottom :12px;
  margin-right:12px;
  margin-top: 0;
  min-height:30px;  /* ボタンの高さ */
}
  /* 入力欄の行（ヘッダー、入力欄）*/
  /* 欄ごとの微調整 は、各頁用のCSS で。   */
  #main div.inputArea div.inputLine {
    padding:4px;
  }
    /* 入力欄のヘッダー */
    #main div.inputArea div.inputHeader {
      float:left;
      font-weight:bold;
      padding-top:2px;
    }
    #main div.inputArea div.inputColumn
    {
      float:left;
    }

  #main div.inputArea div.subColumn {
    background-color: #bbc9fc;
    border: 1px solid #7d92bf;
    margin:4px 4px 4px 12px;
    padding:4px;
  }

/* おじいちゃんボタン */
#main div.submitButton{
  float:left;
  padding-left: 0;
  padding-top: 0;
}
  #main div.submitButton input {
    padding-bottom: 8px;
    padding-top: 8px;
  }
    /* 小さなボタン */
    #main div.submitButton input.buttonMini{
      padding-bottom: 1px;
      padding-top: 1px;
    }

    /* 停留所をセットするボタン */
    #main div.submitButton input.buttonSetStop{
      width: 180px;
      padding-left: 12px;
      padding-right: 12px;
    }


/* 時刻表 */
/* 主に module/timetable のHTMLで使用する。 */
/* searchForm/searchDistrict_001.html でも使用するため、ここに置いた。 */
#main table.timetable{
  border: 1px solid #7d92bf;
  margin: 0;
  padding: 0;
  width: 100%;
}
  #main table.timetable tr{
    margin: 0;
    padding: 0;
  }
    #main table.timetable tr.color01 td{
      background-color: #ECEFF6;
    }
    #main table.timetable tr.colorHover td{
      background-color: #FFF68F;
    }
  #main table.timetable th{
    font-weight:bold;
    margin: 0px;
    padding: 2px;
    text-align: center;
  }
  #main table.timetable td{
    padding:2px 0 2px 8px;
  }
  #main table.timetable td a {
    text-decoration: none;
  }


/* +++++++++++++++++++++++++++++++++++++++++++++++
  #footer
+++++++++++++++++++++++++++++++++++++++++++++++ */

#footer{
  text-align:center;
}

#footer div.footerFrase {
  background: url(images/bg_top.jpg) repeat scroll 0 0 transparent;
  color:#ffffff;
  font-family: Courier New;
  font-size: 30px;
  font-weight: bold;
  height: 30px;
  margin: 0;
  padding: 4px;
  vertical-align: middle;
}
#footer span{
  font-size: small;
  font-weight: bold;
  text-align:center;
}
  #footer span.footerLeft{
    float:left;
  }
  #footer span.footerCopyright{
  }
  #footer span.footerRight{
    float:right;
  }