@charset "utf-8";
* {
 margin:0; padding:0;
}
body {
 background-color:#cccccc;
 background-image:url("images/bg_body.png");
 font-size:95%;
 font-family:"MS ゴシック",sans-serif;
 line-height:30px;
 color:#ff8c00;
}
div#pagebody {
 width:1080px; margin:0 auto;
 background-color:#ffffff;
 background-image:url("images/bg_body.png");
/* background-image:url("images/bg_pagebody.png");
 background-repeat:repeat-y;*/
}
div#header {
 height:80px;
}
div#header h1 {
 padding:0px 0px 15px 0px;
 font-size:18px;
 font-family:Arial, Helvetica, sans-serif;
}
div#header h1 a { 
 text-decoration:none;
}
img {border:0;}


div#submenu {
 width:160px;
 margin:5px 10px 0px 0px;
 Float:Left;
/* position: absolute;
 top: 90px;
 Left:125px;*/
}

div#submenu h2 {
 width:135px;
 height:35px;
 padding:10px 0px 0px 25px;
 font-size:16px;
 background-image:url(images/bg_h2.png);
 background-repeat:no-repeat;
 background-color:#000033;
 color:#ffffff;
}

label {
    padding :10px 0 0 10px;
    display: block;
    margin: 0;
    color :#fff;
    background :#333;
    border: 1px solid #ccc;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    cursor :pointer;
}

input[type="radio"].bellows{
    display: none;/* チェックボックスの非表示 */
}

.ac_menu ul {
/* メニュー開閉時アニメーション */
	background :#f4f4f4;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ac_menu li {
    padding: 5px;
}

/* ▽▽アコーディオン開閉指定▽▽ */
input[type="radio"].bellows + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

input[type="radio"].bellows:checked + ul{
    height: 340px;/* チェックが入っているときの高さ */
}
/* △△アコーディオン開閉指定△△ */
div#submenu ul li {
 list-style-type:none;
}
div#submenu ul li a {
 display:block;
 height:35px;
 padding:2px 0px 0px 0px;
 font-size:16px;
 text-decoration:none;
 border-bottom:1px dotted gray;
 background-image:url(images/bg_submenu.png);
 background-repeat:no-repeat;
 color:#333333;
}
div#submenu ul li a:before {
 content: url(images/icon_submenu.png);
 margin:0px 10px 10px 0px;
 vertical-align:text-top;
}
div#submenu ul li:first-child a {
 border-top:1px dotted gray;
}
div#submenu ul li a:hover {
 text-decoration:underline;
 color:#ff0000;
}


ul#menu3 {
 height:35px;
 float:left;
 margin:5px 0px 5px 0px;
 padding:20px 0px 0px 0px;
}

/* Menu３横に並べる */
#menu3 li {
 list-style-type:none;
 display:inline;
 float:left;
}

/* menu3タブのような外見を作る */

#menu3 li a{
  border-radius: 6px 6px 0 0;
  display: inline-block;
  line-height: 40px;
  font: sans-serif;
  text-align: center;
/*  background-color: #efefef; */
  background-color:#FFFFFF;
  color: black;
  margin-left: 4px;
  text-decoration: none;
  padding: 0 32px;

}

/* 
#menu3 li a {
 background-color:navy;
 color:#ffffff;
 display:block;
 width:200px;
 height:30px;
 padding:5px 0px 5px 0px;
 text-align:center;
 text-decoration:none;
 background-image:url(images/bg_menu1.png);
 background-repeat:no-repeat;
}
#menu3 li a:hover{
 background-color:#EEEBAA;
 color:#ff0000;
 background-image:url(images/bg_menu2.png);
}

*/


div#info {
 width:900px;
/*
 position: absolute;
 top: 315px;
 Left:300px;
*/
 float:Left;
 font-size:16px;
 font-family:"MS ゴシック",sans-serif;
 line-height:30px;
 color:#000055;
}

h3  {
 margin:10px 0px 0px 0px;
 font-size:16px;
 width:700px;
 padding:2px 0px 2px 20px;
 background-color:#FFFF99;
 background-repeat:no-repeat;
 color:#000033;
 border-radius:3px;
 float:both;
}
p {
 width:700px;
 font-size:16px;
 margin:10px;
 color:#000000;
 text-indent:1em;
 float:both;
}


.content {
  border: 1px solid White;
  height: 400px;
  display: none;
  padding: 12px;
 background-color:#FFFFFF;
 background-repeat:no-repeat;}

.content:target {
  display: block;
}



/*スクロール用*/
thead.scrollHead,tbody.scrollBody{
  display:block;
}
tbody.scrollBody{
  overflow-y:scroll;
  height:350px;
}

div#footer {
 clear:both;
 height:40px;
 padding:10px 0px 0px 0px;
 font-size:x-small;
 text-align:center;
}
div#remarks {
 margin:0px 10px 10px 10px;
}
h4 {
 color:#000066;
}
.infoimg_index {
 width:200px;
 height:150px;
 margin:0px 0px 20px 20px;
 float:right;
}
.infoimg_subpage {
 width:400px;
 height:300px;
 margin:0px 20px 20px 0px;
 float:left;
}
.infoimg_tel {
 display:block;
 width:400px;
 height:80px;
}
hr {
 clear:both;
 width:680px;
 margin:10px 0px;
 border:1px dotted #cccccc;
}