body{
         font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 line-height:1.3;
 color:#212121;
 margin:0;
 
}

h1 {
	margin:0;
	font-weight:normal;
	margin:0.3em 0 0.1em 0em;
	padding:0 0 0 0.2em;
	border-left:6px solid #09F;
}
u{
	text-decoration:none;
}
#contents {
 width : 1024px ;
 margin:0 auto;
 font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 line-height:1.3;
}



/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
#contents table {
        border-collapse: collapse;

}
/* 
// thの指定 /
#contents table.style th {
//        width: 120px;
        font-weight: normal;
        background-color: #FFFFFF;
//        border:1px solid #BFBFBF;
  background-color: aliceblue;

        text-align: left;
}
*/
/* tr tdの指定 */
#contents table td {
        height:40px;
}

/* topの指定 */
#contents table.top {
        border-collapse: collapse;
        text-align: left;

}
#contents table.top tr {
        border-top:1px dotted #BFBFBF;
        border-bottom:1px dotted #BFBFBF;
}
#contents table.top td {
        width: 438px;
        padding: 0 20px;
}
#contents table.top th {
        width: 132px;
        height:41px;
        background-color: aliceblue;
        text-align: center;
}
/* midの指定 */
#contents table.mid {
        margin:0 0 0 0;
        border-collapse: collapse;
        text-align: left;
}
#contents table.mid tr {
        border-top:0px dotted #BFBFBF;
        border-bottom:1px dotted #BFBFBF;
}
#contents table.mid td {
        width: 870px;
        padding: 10px 0px 10px 20px;
}
#contents table.mid th {
        width: 132px;
        height:40px;
        background-color: aliceblue;
        text-align: center;
}

/* btmの指定 */
#contents table.btm {
	font-size:0.9em;
        border-collapse: collapse;
        text-align: left;

}
#contents table.btm tr {
        border-bottom:1px dotted #BFBFBF;
}
#contents table.btm td {
        width: 448px;
        padding: 10px 20px;
}
#contents table.btm th {
        width: 132px;
        height:40px;
        background-color: aliceblue;
        text-align: center;
}



#contents table img {
        width: 400px;
        height: 300px;
        border:1px solid #999;
        margin-left:10px;
}

#contents table.week{
        margin:5px 0 5px 0;
}
#contents table.week th {
        width: 120px;
        font-weight: normal;
        background-color: #F0F0F0;
        border:1px solid #BFBFBF;
        text-align: center;
}
#contents table.week  td {
        width: 60px;
        height:40px;
        font-weight: normal;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: center;
        padding: 10px 20px;
}
#contents table.week  td.raw {
        width: 200px;
        height:40px;
        font-weight: normal;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: center;

}

#map_canvas {
        width: 400px;
        height: 400px;
        border:1px solid #999;
}
/*-----------------------------------------*/

#lists {
	width : 1300px;
	font-size:18px;
  margin-top: 1em;
  padding-bottom: 2em;
}
#lists h1{
	display:none
}
#lists table {
        border-collapse: collapse;
        /* margin:2px 0 20px 0;*/

}
#lists table tr {
        border-bottom:1px dotted #BFBFBF;
        border: 1px solid;
}

#lists table th {
       padding: 5px 10px;
         text-align: center;
}
#lists table td {
        padding: 10px 10px;
        border: 1px solid;
}
#lists a {
        color:#0000FF;
        text-decoration:none;
}

#lists a:hover {
        text-decoration:underline;
        color: #007acc;
        /*color: deepskyblue;*/
}

#lists ul {
        padding: 0 0px;
        margin: 0 0 0 0;
        list-style-type: none;
        margin-left:14px;
}

#lists li.hos:before {
        padding: 0 0px 0 0;
        margin: 0 0 0 0;
        content: '■';
        margin-left:-14px;
        color:#0000FF;
        text-decoration:none;
}
#lists li.cli:before {
        padding: 0 2px 0 0;
        margin: 0 0 0 0;
        content: '●';
        margin-left:-12px;
        color:#0000FF;
        text-decoration:none;
}






#lists h2 {
        padding: 5px 5px;
        text-align: center;
        color: white;
        background-color:#0F55AD;
        letter-spacing:0.5em;
        margin:0;
}


/*
#lists td.blue {
        color:#0000FF;
        text-decoration:none;
}
#lists td.glay {
        color:#c0c0c0;
        text-decoration:none;
}
*/
#lists th.name  {
        width: 300px;
        background-color:aliceblue;
        border: 1px solid black;
}
#lists th.addr  {
        width: 200px;
        background-color:aliceblue;
        border: 1px solid black;
}
#lists th.tel  {
        width: 150px;
        background-color:aliceblue;
        border: 1px solid black;
}
/*1024-300-200-100=424*/
#lists th.branch  {
        width: 650px;
        background-color:aliceblue;
}
.horizontal-menu {
  display: flex;
  gap: 1em; /* 各項目の間隔 */
  list-style: none;
  padding: 0;
  margin: 0;
}
.horizontal-menu li {
  white-space: nowrap;
}