/* Firefox などのモダンブラウザheight:100%用 */
body > #bg {
  height: auto;
}

/* 以下の3箇所にheight:100%;を記述。 */
html {
  height:100%;
}

body {
  height:100%;
  background-color:#EEEEEE;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  text-align:left;
  font-size:12px;
  font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif

}
/* text-align:left; IEのセンター寄せ用 */
#bg {
  position: relative;
  margin: 0px auto;
  width: 990px;
  height: 100%;
  min-height: 100%;
  background-color: #FFFFFF;
  text-align: left;
}

/* 共通スタイル
---------------------------------------------------------------------------------------- */
/* ---------------------- Dolphin nav ---------------------- */
#navi_ncontainer{position:relative;height:40px;color:#E0E0E0;background:#393939;width:100%;font-family:Verdana,Helvetica,Arial,sans-serif;}
#navi_nnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(/img/navi_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#navi_nnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#navi_nnav ul li{display:block;float:left;margin:0 1px;}
#navi_nnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#navi_nnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#navi_nnav ul li a:hover{color:#fff;background:transparent url(/img/navi_bg-OVER.gif) repeat-x bottom left;}
#navi_nnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#navi_nnav ul li a.current,#navi_nnav ul li a.current:hover{color:#fff;background:#1D6893 url(/img/navi_left-ON.gif) no-repeat top left;line-height:275%;}
#navi_nnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(/img/navi_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

#head, #menu, #navi_menu, #main, #header, #menuSub, td, th {
  font-size:12px;
  line-height:16px;
}
form {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

#list table,#form table {
  width:100%;
}



/* 項目表示用 */
h3 {
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  font-size:14px;
}

h4 {
  background:url(../img/bg_sub.gif);
  background-repeat:no-repeat;
  margin:5px 10px 5px 0px;
  padding:0px 0px 0px 0px;
  font-size:13px;
  height:25px;
  width:580px;
}

h4 p {
  padding:5px 0px 0px 20px;
  color:#696969;
}

/* ヘッダー */
#head {
/*  width:800px;*/
  width:990px;
  height:49px;
  background-color:#e1e1d6;
}

h1 {
  margin:0px 0px 0px 10px;
  padding:15px 0px 0px 0px;
  font-size:16px;
  color:#48483F;
  float:left;
}

h1.detail_title,h3.list_title {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../img/detail_h1.gif) no-repeat scroll left top;
  font-size:140%;
  font-weight:bold;
  height:45px;
  line-height:25px;
  margin-bottom:1px;
  width:648px;
  margin:5px 0px 0px 0px;
  padding:2px 10px 1px 15px;
  *padding:4px 10px 1px 15px;
  color:#696969;
}

h3.list_title {
  font-size:120%;
}

.home {
  float:right;
  margin:0px 10px 0px 0px;
  padding:30px 0px 0px 0px;
}

#head a {
  color:#009900;
}

#head a:hover {
  background-color:#009900;
  color:#ffffff;
}

#main {
  margin:0 0 5px 20px;
  float : left ;
  height: auto;
  padding-bottom: 80px;
  width: 95%;
}

#main .screen_title {
  background-color:#ffd700;
  height:25px;
  margin:10px 0px 5px 0px;
  border-top:1px solid #DCDCDC;
  border-bottom:1px solid #DCDCDC;
  border-left:1px solid #DCDCDC;
  border-right:1px solid #DCDCDC;
  background:transparent url(../img/title_bg.gif) no-repeat scroll left top;
  width:100%;
}

#main .registMenu {
  height:25px;
  margin:5px 0px 10px 0px;
}

h2 {
  font-size:15px;
  margin:1px 0px 0px 0px;
  padding:3px 0px 0px 5px;
  height:25px;
  color:#666666;
}

#main a, #footer a {
  color:#32499A;
  text-decoration:underline;
}

#main a:hover, #footer a:hover {
  color:#EE7621;
  text-decoration:underline
}

#main .confirmMessage {
  height:25px;
  margin:5px 0px 5px 0px;
  font-size:15px;
  font-weight:bold;
  color:#696969;
}

/* List Area
---------------------------------------------------------------------------------------- */
#list {
  width:580px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 15px 0px;
}

#list .table_bg {
  background-color:#6A6A59;
}

#list th {
  background-color:#DCDCDC;
  padding:3px 3px 3px 3px;
  font-weight:normal;
  color:#48483F;
}

#list td {
  background-color:#FFFFFF;
  padding:3px 3px 3px 3px;
  font-weight:normal;
  color:#48483F;
}

#list th.point {
  background-color:#FFCCCC;
  padding:3px 3px 3px 3px;
  font-weight:normal;
  color:#990000;
}

#list .point {
  color:#990000;
}

#list .submit {
  background-color:#DCDCDC;
  padding:5px 5px 5px 5px;
  font-weight:normal;
  color:#48483F;
  text-align:center;
}

/* ページ制御 */
/* MacIEではバグがあります。センタリングされません。参照⇒http://cssbug.at.infoseek.co.jp/detail/macie/b039.html */
#page {
  text-align:center;
}

#page table {
  margin:10px auto 10px auto;
  padding:0px 0px 0px 0px;
  }
#page a.no {
  display: block;
  width: 20px;
  padding:0px 0px 0px 0px;
  float:left;
  text-align:center;
}

#page a.next_back {
  display:block;
  width:70px;
  padding:0px 0px 0px 0px;
  float:left;
  text-align:center;
}

#page a:hover {
  color:#ffffff;
}

/* 入力フォーム */
#form {
  padding:0px 0px 0px 0px;
  margin:0px 0px 15px 0px;
  width:100%;
}

#form .table_bg {
  background-color:#6A6A59;
}

#form th {
  background-color:#DCDCDC;
  padding:3px 3px 3px 3px;
  font-weight:normal;
  color:#48483F;
  width:70px;
  text-align:left;
}

#form td {
  background-color:#FFFFFF;
  padding:3px 3px 3px 3px;
  font-weight:normal;
  color:#48483F;
}

#form .submit {
  background-color:#DCDCDC;
  padding:5px 5px 5px 5px;
  font-weight:normal;
  color:#48483F;
  text-align:center;

}

#form .point {
  font-size:11px;
}

#form .memo {
  font-size:11px;
}

#form .require {
  font-size:90%;
  color:#CD0000;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 2px;
}

/* -----------------------------------------------
 メインメニュー
*/

#header, #menuSub {
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border-bottom: 1px solid #778899;
}

#menuSub {
  border-bottom: 1px solid #778899;
}

#header ul#primary, #menuSub ul#navi {
  margin: 0;
  padding: 0;
  bottom: -1px;
}

#header ul#primary li, #menuSub ul#navi li {
  display: inline;
  list-style: none;
}

#header ul#primary a, #header ul#primary span, #header ul#primary a.current, #menuSub ul#navi a, #menuSub ul#navi span, #menuSub ul#navi a.current {
  width: 130px;
  display: block;
  float: left;
  padding: 4px 0;
  margin: 1px 2px 0 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

#primary {
  margin-top: 50px;
}

#header ul#primary span, #header ul#primary a.current, #header ul#primary a.current:hover, #menuSub ul#navi span, #menuSub ul#navi a.current, #menuSub ul#navi a.current:hover {
  border: 1px solid #666;
  border-bottom: none;
  background: #6E8B3D;
  padding-bottom: 6px;
  margin-top: 0;
}

#header ul#primary span, #menuSub ul#navi span {
  font-weight:bold;
}

#header ul#primary a, #menuSub ul#navi a {
  background: #696969;
  border: 1px solid #AAA;
  border-bottom: none;
}

#header ul#primary a:hover, #menuSub ul#navi a:hover {
  margin-top: 0;
  border-color: #666;
  background: #6E8B3D;
  padding-bottom: 5px;
}

/* ロゴ
---------------------------------------------------------------------------------------- */
#logo {
  margin:0px 0px 0px 10px;
  padding:10px 0px 0px 0px;
  font-size:16px;
  color:#48483F;
  float:left;
}

/* フロントヘッダー
---------------------------------------------------------------------------------------- */
#header {
  position: relative;
  margin: 0;
  height:81px;
  border: none;
}

#header h1 {
	float: left;
	padding: 0;
	margin: 0 8px;
	font-size: 12px;
	font-weight: normal;
}

#header .logo {
  clear: left;
  float: left;
  margin: 0 8px;
}

#header .logo a img {
  border: 0px solid  #000000;
}

#header .dial {
  float: right;
  margin: 20px 10px 0;
}

#header ul.top-navi {
  clear: both;
  margin: 0;
  padding-left: 1px;
  height: 30px;
  border-top: 1px solid white;
  border-bottom: 4px solid Gainsboro;
  list-style-type: none;
}

#header li {
  float: left;
  height: 30px;
  width: 246px;
  margin-right: 1px;
}

#header li a {
  display: block;
  height: 30px;
  width: 246px;
}

#header li.top-home a {
  background: url(../img/btn_1_off.gif) no-repeat 0 0;
}
#header li.top-home a:hover {
  background: url(../img/btn_1_on.gif) no-repeat 0 0;
}
#header li.top-bike a {
  background: url(../img/btn_2_off.gif) no-repeat 0 0;
}
#header li.top-bike a:hover {
  background: url(../img/btn_2_on.gif) no-repeat 0 0;
}
#header li.top-car a {
  background: url(../img/btn_3_off.gif) no-repeat 0 0;
}
#header li.top-car a:hover {
  background: url(../img/btn_3_on.gif) no-repeat 0 0;
}
#header li.top-question a {
  background: url(../img/btn_4_off.gif) no-repeat 0 0;
}
#header li.top-question a:hover {
  background: url(../img/btn_4_on.gif) no-repeat 0 0;
}

/* top */
/*
li.top-bike{
  list-style:none;
  margin: 0;
  padding: 0;
  list-item-position: inside;
  float: left;
}

li.top-bike a{
  display: block;
  background: url(../img/top-bike_off.gif) no-repeat 0 0;
  width:229px;
  height:68px;
  text-decoration:none;
  text-indent: -9999px;
  color:#fff;
}

li.top-bike a:hover {
  background: url(../img/top-bike_on.gif) no-repeat 0 0;
  text-decoration:none;
  color:#fff;
}

li.top-car {
  padding:0 0 0 10px;
  margin:0;
  list-style:none;
  list-item-position: inside;
  float: left;
}

li.top-car a {
  display: block;
  background: url(../img/top-car_off.gif) no-repeat 0 0;
  width:229px;
  height:68px;
  text-decoration:none;
  color:#fff;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
}

li.top-car a:hover {
  background: url(../img/top-car_on.gif) no-repeat 0 0;
  text-decoration:none;
  color:#fff;
}
*/

/* エラーメッセージ領域
---------------------------------------------------------------------------------------- */
#errorMessage {
  border: 1px solid #DCDCDC;
  margin:0px 10px 0px 0px;
  padding:5px 0px 10px 0px;
}

#errorMessage ul {
  padding:0px;
  margin:0px;
}

#errorMessage li {
  margin:3px 0px 0px 30px;
  color:#CC0000;
  font-size:12px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:square;
}

.common_error_msg {
  color:#CC0000;
  font-size:14px;
  margin:3px 0px 0px 5px;
  padding:8px 0 0 40px;
  height:40px;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:transparent url(../img/msg_warning.png) no-repeat ;
}

/* #
---------------------------------------------------------------------------------------- */

#memo {
  font-size:10px;
  color:#48483F;
}

/* 区画貸出状況
------------------------------------------------------------- */
#divisionStatusList ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#divisionStatusList li {
  float: left;
  margin:5px 2px 1px 0px;
  padding:0px 0px 0px 0px;
  width:120px;
  /*
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left:1px solid #808080;
  border-right:1px solid #808080;
  */
}

#divisionStatusList .no {
  float: left;
  margin:5px 0px 1px 0px;
  padding:0px 5px 0px 5px;
  width:30px;
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left:1px solid #808080;
  border-right:1px solid #808080;
}

#divisionStatusList .status {
  float: left;
  margin:5px 0px 1px 0px;
  padding:0px 0px 0px 0px;
  width:47px;
  text-align: center;
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left:0px solid #808080;
  border-right:1px solid #808080;
}

#divisionStatusList .engine {
  float: left;
  margin:5px 4px 1px 0px;
  padding:0px 0px 0px 0px;
  width:60px;
  text-align: center;
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  border-left:0px solid #808080;
  border-right:1px solid #808080;
}

#divisionStatusList .no {
  background-color:#ffa500;
  color:#fff;
  width: 35px;
}

/* (A) */
#divisionStatusList input[type=checkbox] {
  float: left;
  clear: left;
  margin: 2px 6px 1px 2px;
}

/* 利用料金
------------------------------------------------------------- */
#enginPriceList ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#enginPriceList li {
  margin:1px 0px 1px 0px;
  padding:0px 0px 0px 0px;
}

/* 必要書類
----------------------------------------------*/
.requiredDocument ol {
  margin:1px 0px 1px 0px;
  padding:0px 0px 0px 22px;

  /*for IE*/
  /padding:0px 0px 0px 24px;
}

.requiredDocument li {
  margin:0px;
  padding:0px;
}

.empty {
  /*  color:#00008B; */
}
.contract {
  color:#CD3333;
}

.emptyConfirm {
  /*  color:#00008B;*/
  margin:0;
  padding:0;
}

.contractConfirm {
  color:#CD3333;
}

.divisionNoInput,.divisionNoConfirm {
  background:#EE9A00;
  color:#FFFFFF;
  /*  border: 1px solid #696969;*/
}

.divisionNoConfirm {
  margin:0px 0px 0px -1px;
  padding:2px 1px 1px 1px;
  border: 1px solid #696969;
}

.divisionNoInput {
  margin:0px 0px 0px 0px;
  _padding:4px 1px 1px 1px;
  padding:5px 0px 0px 0px;
}

#left-column {
  float: left;
  padding:3px 1px 0 12px;
  width:570px;
}

#left-column a {color:#3E3E3E;}
#left-column h3 {
  font-size:11px;
  margin:0;
  color:#fff;
  background-color: #ffdfe2;
  height:25px;
  line-height:23px;
  padding:0 0 0 9px;
}

ul.navi {
  list-style:none;
  margin:0 0 11px 0;
  background:#ECEFE7;
  list-style:none;
  padding:0 2px;
}

ul.navi li {
  padding:4px 4px 6px 5px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ul.navi a {
  padding:0 0 0 12px;
}

ul.navi a:hover {
  font-weight:bold;
}

ul.navi li.last {background:none;}

#right-column {
  float: left;
  padding:3px 1px 0 12px;
  width:300px;
}

#right-column a {color:#3E3E3E;}

#right-column h3 {
  font-size:11px;
  margin:0;
  color:#fff;
  background-color: #ffdfe2;
  height:25px;
  line-height:23px;
  padding:0 0 0 9px;
}

#map-column {

}

div.logo {
  text-align: left;
  float: left;
}

div.dial {
  text-align: right;
}

div.header {
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  height:80px;
}

#list .all_status_full {
  background-color:#CD3333;
  color:#fff;
  margin:0px 0px 0px 0px;
  padding:2px 6px 2px 6px;
}

#list .all_status_not_full {
  background-color:#4169E1;
  color:#fff;
  margin:0px 0px 0px 0px;
  padding:2px 6px 2px 6px;
}

#breadcrumb {
  background-color: #F5F5F5;
  color:#48483F;
  margin:0px 0px 0px 0px;
  padding:5px 0px 5px 0px;
  border-top:1px solid #E1E1E1
}

#breadcrumb a,#breadcrumb a:visited {
  margin:0px 0px 0px 3px;
  font-size:100%;
  background-color: #F5F5F5;
  text-decoration:none;
  color:#3A5FCD;
}

#breadcrumb a:hover {
  text-decoration:underline;
}

li.memu_apply,li.memu_inquiry{
  padding:0 20px 10px 20px;
  margin:10px 10px 10px 10px;
  margin:0;
  list-style:none;
  list-item-position: inside;
  float: left;
}

.memu_inquiry a,

.memu_apply a {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  display:block;
  height:30px;
  margin:0 0 0 87px;
  width:150px;
  float:left;
}

.memu_apply  a {
  background:transparent url(../img/apply_btn.gif) no-repeat scroll 0 0;
}

.memu_apply  a:hover {
  background:transparent url(../img/apply_btn_on.gif) no-repeat scroll 0 0;
}

.memu_inquiry  a {
  background:transparent url(../img/inquiry_btn.gif) no-repeat scroll 0 0;
}

.memu_inquiry a:hover {
  background:transparent url(../img/inquiry_btn_on.gif) no-repeat scroll 0 0;
}

#detail_menu {
  margin-left:auto;margin-right:auto;width:550px;border:red;
  background-color:#fff;
}

/* Footer Area
------------------------------------------------------------------------------*/
#footer {
  color:#696969;
  width: 100%;
  height: 50px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  border-top:1px solid #E1E1E1
}

#footer a {
  text-decoration: none;
  color:#48483F;
}

ul.footer_navi {
  list-style:none;
  margin:0 0 0 20px;
  background:#ECEFE7;
  padding:0;
}

ul.footer_navi li {
  float:left;
}

ul.footer_navi li a {
  background:transparent url(../img/list_arrow.gif) no-repeat scroll left center;
  color:#595959;
  padding-left:15px;
}

.copy_right {
  margin:3px 5px 0px 2px;
  float:right;
}

/* Map Area
------------------------------------------------------------------------------*/
.map_area {
  border:2px solid #999999;
  height:350px;
  /* margin:25px; */
  text-align:center;
  width:850px;
/*  display:none;*/
}

input.ime_off { ime-mode: disabled; }
input.ime_on { ime-mode: active; }

/* error Area
-------------------------------------------------------------------------------*/
.errorMessageArea {
  text-align: center;
  margin: 0px auto 0px;
  padding: 10px;
}


