﻿/* ========ベーシック======== */


* {
font-family: "メイリオ", Meiryo,Tahoma,"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;
}


html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
font-size:0.8em;
text-align:left;
}

input, select, textarea {
font-family: "MS P ゴシック",Tahoma,"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3",verdana,sans-serif;
font-size:0.9em;
}

html,body { 
scrollbar-base-color: #eeeeee;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #eeeeee;
scrollbar-shadow-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #0000ff;
}


h1,h2,h3,h4,h5,h6,p {
margin:0;
}

h1{ 
font-size: 1.6em;
color:#808080;
border-bottom:1px solid #808080;
margin:5px 10px;
font-weight: bold;
line-height:2.0em;
}

#h1{ 
font-size: 1.6em;
color:#808080;
border-bottom:1px solid #808080;
margin:5px;
font-weight: bold;
line-height:2.0em;
}


h3 {
   font-size: 1.1em;
   clear:both;
   margin-top:15px;
   margin-bottom:10px;
   line-height:1.6;
   color:#CC3300;
   border-left: 5px solid #5D0000;
   border-bottom:1px dotted #5D0000;
   width:300px;
   padding:0 10px;
}


table{
text-align:left;
}

.left10 p{
padding:0 0 0 10px;
}

.hline{
width:100%;
height:5px;
margin-bottom:10px;
border-bottom:1px dotted #808080;
}


.center{
text-align:center;
}

.right{
text-align:right;
}

.danraku {
margin-top:0px;
margin-bottom:5px;
border-bottom:1px dotted #C0C0C0;
}

.danraku td{
padding:3px;
}

.danraku p{
line-height:1.3em;
}


.voice {
margin-bottom:20px;
padding:0 10px 10px 0;
}

.voice p{
line-height:1.3em;
}

.voice img.left{
float:left;
margin:0 20px 10px 0;
}

.voice img.right{
float:right;
margin:0 0 10px 20px;
}


.voice p.tantou{
clear:left;
margin:12px 0px 0 0px ;
padding:6px 20px;
border:1px dotted #C0C0C0;
background-color:#EEEEEE;
}


.to-kensaku-b ul {
   margin-left:-40px;
   height:60px;
}

.to-kensaku-c ul {
   margin-left:-70px;
   height:60px;
}

.to-kensaku2 ul {
   list-style-image: url("images/p_2.gif");
  height:15px;  
   margin-left:-20px;
   margin-top:0px;
   margin-bottom:0px;
}

.to-kensaku-b li {
   float: left;
   display:inline;
   margin-left:50px;
   list-style:none;
   width:90px;
}

.to-kensaku-c li {
   float: left;
   display:inline;
   margin-left:50px;
   list-style:none;
   width:80px;
}


.to-kensaku2 li {
   float: left;
   margin-left:50px;
   width:90px;
}



.to-riq li {
   list-style-image: url("images/p_2.gif");
   margin-left:85px;
}



.msg{
width: 100%;
font-size: 1.6em;
text-align:center;
line-height:4.0em;
}

.red { color:#A4553D; }
a:link{color:#CC3300; text-decoration:none}
a:visited{color:#993366; text-decoration:none}
a:hover{color:#993366; text-decoration:underline;}
.bgcolor2 { background-color:#5B1C0B; color:#FFFFFF; text-align:center;}
.bgcolor3 { background-color:#FFFFFF; }
.bgcolor4 { background-color:#D7C89C; color:#000000; }
.bgcolor5 { background-color:#CDB56C; }
.bgcolor6 { background-color:#FF9900; }
.def1{ font-size: 1.0em; font-weight: bold; color:white; background:Orangered; height: 30px; cursor: pointer;}
.def2{ font-size: 1.0em; font-weight: bold; color:black; background:silver; height: 30px; cursor: pointer;}

.def1:hover{ font-size: 1.0em; font-weight: bold; color:white; background:#FF9933; height: 30px; cursor: pointer;}
.def2:hover{ font-size: 1.0em; font-weight: bold; color:black; background:#EEEEEE; height: 30px; cursor: pointer;}


/* ========基本レイアウト==================================================================== */

#container {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
text-align:left;
}

#screen {
width: 100%;
margin: 0 auto;
text-align:left;
padding-bottom: 100px;
}

#listpage {
margin:0 12px;
}


#footer {
height: 70px;
width: 100%;
position: absolute;
bottom: 0;
background:#999999;
color:#FFFFFF;
}

/* ========検索ページ========================================================================== */

.ken1 {
width:100%;
height:55px;
margin:0;
border-collapse:collapse;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
border-spacing:0;
}

.ken1 td {
padding:0;
border:1px solid #808080;
border:0;
text-align:left;
vertical-align:middle;
empty-cells: show;
}



/* ========検索・駅市区ページ==================================================================== */

.ken2 {
width:750px;
margin:0 auto;
border-collapse:collapse;
border-top:1px solid #808080;
border-spacing:0;
}

.ken2 td {
padding:4px;
border:1px solid #808080;
border-width:0 0 1px 0;
text-align:left;
empty-cells: show;
}


.ken2 .table_non {
width:100%;
border-spacing:0;
text-align:left;
border:none;
}

.ken2 .table_non td {
padding:1px;
border:0;
border:none;
text-align:left;
}


/* ========テーブル100% たてborderなし=========================================== */

.table_100 {
width:100%;
margin-bottom:0px;
border-collapse:collapse;
border-top:1px solid #808080;
border-spacing:0;
line-height:1.4;
}

.table_100 td {
padding:4px;
border:1px solid #808080;
border-width:0 0 1px 0;
text-align:left;
empty-cells: show;
}


.table_100 .table_non {
width:100%;
border-spacing:0;
border:none;
}

.table_100 .table_non td {
border:0;
text-align:left;
border:none;
}

/* ========汎用テーブルｗ750========================================================================== */

.table750 {
width:750px;
margin:0 auto;
border-collapse:collapse;
border:1px solid #808080;
border-spacing:0;
}

.table750 td {
padding:3px;
border:1px solid #808080;
border-width:1px;
text-align:left;
empty-cells: show;
}

.table750 td.tdw {
background:#FFFFFF;
text-align:center;
}

.small{
font-size:0.8em;
}

.table750 td.center {
text-align:center;
}


.table750 col.col1 {
background:#5B1C0B;
}

.table750 col.col2 {
background:#D7C89C;
}

.table750 col.col3 {
background:#FFFFFF;
}

.table750 col.col4 {
background:#CDB56C;
}


/* ========おすすめテーブル+検索結果_4テーブル======================================================== */

.table_oss {
border: 1px solid #C0C0C0;
width: 100%;
margin-bottom:5px;
}

.table_oss td {
border:0;
border:none;
}

.table_oss span {
background: #999999;
color:#FFFFFF;
line-height:1.5em;
}

.table_oss p {
line-height:1.3em;
}


/* ========検索結果一覧ページ+汎用テーブル===================================================================== */

.list {
width:100%;
border-collapse:collapse;
border:1px solid #808080;
border-spacing:0;
}

.list td {
padding:3px;
border:1px solid #808080;
border-width:1px;
text-align:left;
empty-cells: show;
}

.list td.tdw {
background:#FFFFFF;
text-align:center;
}

.small{
font-size:0.8em;
}

.list td.center {
text-align:center;
}

.list td.tds {
text-align:center;
}

.list col.col1 {
background:#D7C89C;
}

.list col.col2 {
background:#FFFFFF;
}

.list col.col3 {
background:#FFFFFF;
}

.list col.col4 {
background:#CDB56C;
}


.list .table_non {
table-layout: auto;
width:100%;
border-spacing:0;
border:none;
}

.list .table_non td {
border:0;
text-align:left;
border:none;
}

.list .table_non td.tdko {
border:0;
background:#CDB56C;
text-align:center;
border:1px solid #808080;
}


.list .table_non2 {
table-layout: auto;
width:90%;
border-collapse:collapse;
border-spacing:0;
border:none;
}

.list .table_non2 td {
border:1px solid #808080;
border-width:0 0 1px 0;
text-align:left;
empty-cells: show;
}





/* ========検索結果ページ独立========================================================================== */

.list1 {
table-layout: fixed;
width:750px;
margin:0 auto;
border-collapse:collapse;
border-top:1px solid #808080;
border-spacing:0;
}

.list1 td {
padding:3px;
border:1px solid #808080;
border-width:0 0 1px 0;
text-align:left;
empty-cells: show;
}

.list1 td.tdw {
background:#FFFFFF;
text-align:center;
}

.small{
font-size:0.8em;
}

.list1 td.center {
text-align:center;
}


.list1 col.col1 {
background:#5B1C0B;
width:15px;
}

.list1 col.col2 {
background:#D7C89C;
width:80px;
}

.list1 col.col3 {
width:160px;
background:#FFFFFF;
}

.list1 col.col4 {
background:#FFFFFF;
}


/* ========分布テーブル======================================================== */

.table_x {
table-layout: fixed;
border-collapse: separate;
border-spacing: 2px;
}


.table_x col.col1 {
background: #D7C89C;
width: 150px;
}

.table_x col.col2 {
background: #FFFFFF;
width: 50px;
}

.table_x iframe.bu-if{
width: 100%;
height:25px;
border:none;
margin: 0;
}

.kz{
width: 51px;
height:25px;
background: #FFFFCC;
text-align:center;
vertical-align:middle;
}

.table_x td.bgcolor4 { 
background-color:#D7C89C; 
color:#000000;
text-align:center;
}

.table_x td.bgcolor5 { 
background-color:#CDB56C;
text-align:center;
}


/* ========検索結果上テーブル================================================== */

.table_jyoken {
width:100%;
margin-bottom:0px;
border-collapse:collapse;
border:1px solid #C0C0C0;
border-spacing:0;
}

.table_jyoken td {
padding:2px;
border:1px solid #C0C0C0;
border-width:0 0 1px 1px;
text-align:left;
vertical-align:top;
background: #FFFFFF;
empty-cells: show;
}


/* ========詳細テーブル======================================================== */

.table_9 {
table-layout: fixed;
width:750px;
margin-bottom:0px;
border-collapse:collapse;
border-top:1px solid #808080;
border-spacing:0;
line-height:1.4;
}

.table_9 td {
padding:4px;
border:1px solid #808080;
border-width:0 0 1px 0;
/* text-align:left;*/
empty-cells: show;
}

.table_9 td.tdw {
background:#FFFFFF;
text-align:center;
}

.small{
font-size:0.8em;
}

.table_9 td.center {
text-align:center;
}

.table_9 td.td4 {
background:#CDB56C;
text-align:center;
}

.table_9 col.col1 {
width:130px;
background:#5B1C0B;
}

.table_9 col.col2 {
width:130px;
background:#D7C89C;
}

.table_9 col.col3 {
background:#FFFFFF;
}

.table_9 col.col4 {
background:#FFFFFF;
}


.table_non {
table-layout: auto;
width:750px;
border-spacing:0;
border:none;
}

.table_non td {
border:0;
text-align:center;
border:none;
}


.table_non col.col1 {
width:650px;
background:#FFFFFF;
}

.table_non col.col2 {
width:100px;
background:#FFFFFF;
}

/* ========詳細ヘッド部分============================================================== */

#head_pr {
   position:static;
   left:0;
   top:0;
   background:#EEEEEE;
   width:100%;
}

#head_pr h1 {
   margin:0;
   padding:1px 0 0 5px;
   font-weight: normal;
   font-size:1.0em;
   line-height:1.2em;
   text-align: center;
}

/* ========詳細ロゴ部分============================================================== */

#knee{
height: 70px;
width:750px;
margin-top:1px;
position:relative;
border-top:1px dotted #808080;
padding-top: 10px;
}

#knee #logomark {
position: absolute;
top:20px;
left:0px;
}


#gnavi {
width:340px;
position: absolute;
left:410px;
text-align:left;
vertical-align:top;
}


#knee #gnavi ul {
list-style:none;
margin:0;
}

#knee #gnavi li {
list-style-type: none;
font-size:1.2em;
   line-height:1.2em;
}


/* ========リストメニュー============================================================== */

#list {
width:100%;
height: 40px;
}

#list #listMenu {
margin-top:5px;
}

#list #listMenu ul {
text-align:center;
}

#list #listMenu li {
display:inline;
margin:0 0 0 1px;
font-size:0.8em;
list-style:none;
padding:4px;
border: 1px solid #005DD8;
background:#EEEEEE;
font-weight:bold;
}

#list #listMenu #no {
display:inline;
margin:0 0 0 1px;
font-size:0.8em;
list-style:none;
padding:4px;
border: 1px solid #808080;
background:#FFFFFF;
font-weight:bold;
}

#list #listMenu li a {
text-decoration:underline;
font-weight:normal;
}

#list #listMenu li a:hover {
color:#666666;
text-decoration:underline;
font-weight:normal;
}


/* ========フッターメニュー============================================================== */

#footMenu {
/*float:left;*/
width:100%;
}


#footer #footMenu ul {
margin-top:10px;
padding-right:20px;
text-align:center;
}

#footer #footMenu li {
display:inline;
margin:0 0 0 20px;
color:#FFFFFF;
list-style:none;
}

#footer #footMenu li a {
color:#FFFFFF;
text-decoration:none;
}

#footer #footMenu li a:hover {
color:#ccc;
text-decoration:underline;
}

/* ========アドレス======================================================================== */

#footer address {
font-style:normal;
font-size:0.7em;
color:#FFFFFF;
line-height:2.0em;
text-align:center;
}

#footer address a{
font-style:normal;
color:#FFFFFF;
}

/* ========管理メニューページ===================================================================== */

.kanri-menu {
width:750px;
border-collapse:collapse;
border:1px solid #808080;
border-spacing:0;
margin-bottom: 15px;
}

.kanri-menu th {
padding:5px 10px;
border:1px solid #808080;
border-width:1px;
text-align:left;
color:#FFFFFF;
font-size:1.2em;
}

.kanri-menu td {
padding:3px;
border:1px solid #808080;
border-width:1px;
text-align:center;
empty-cells: show;
}

.kanri-menu a {
color:#0000FF;
text-decoration:underline;
}

.kanri-menu col.col1 {
background:#FFFFFF;
width:150px;
}

.kanri-menu col.col2 {
background:#FFFFFF;
}

.kanri-menu col.col3 {
width:50px;
}

.kanri-menu ul {
margin:0 0 0 -10px;
text-align:left;
}

.kanri-menu li {
display:inline;
margin:0 0 0 15px;
list-style:none;
}

.kanri-menu li a {
color:#0000FF;
text-decoration:underline;
}

.kanri-menu li a:hover {
color:#0000FF;
text-decoration:underline;
}
