.NA {background-color: #8080FF}
.NB {background-color: #A0A0FF}
.WA {background-color: #8080FF;color:#FFFFFF}
.WB {background-color: #A0A0FF;color:#FFFFFF}
.TITLE {font-size:20pt}
a {text-decoration:none;color:#FFFFFF;border-style:none}
a:link {text-decoration:none;color:#FFFFFF;border-style:none}
a:visited {text-decoration:none;color:#FFFFFF;border-style:none}
a:hover {text-decoration:none;color:#FFFFFF;border-style:none}
a:active {text-decoration:none;color:#FFFFFF;border-style:none}
a.bl {text-decoration:none;color:#000000;border-style:none}
a.bl:link {text-decoration:none;color:#000000;border-style:none}
a.bl:visited {text-decoration:none;color:#000000;border-style:none}
a.bl:hover {text-decoration:none;color:#000000;border-style:none}
a.bl:active {text-decoration:none;color:#000000;border-style:none}

body {background-color: #FFFFFF ;
scrollbar-arrow-color : #808080;
scrollbar-base-color : #808080;
scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #808080;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #808080;
scrollbar-darkshadow-color : #808080;
scrollbar-track-color : #FFFFFF;color:#000000;font-size:12pt}
h1 {text-align:center;font-size:20pt}
/* メニュー */

#menu {width:380px;background:#A0A0FF; margin:0 auto; display:table;-webkit-appearance;}
#menu ul {padding-left:0;width:100%;margin:0 auto; display:table; table-layout:fixed;-webkit-appearance;}
#menu ul li {border-left:solid 1px #FFFFFF; display:table-cell; text-align:center; vertical-align:middle;-webkit-appearance;}
#menu ul li a {padding:4px 0 0 0; background:#A0A0FF; font-size:12px; font-weight:bold; color:#fff; display:block; line-height:1.4; text-decoration:none;-webkit-appearance;}
#menu ul li:last-child {border-right:solid 1px #FFFFFF;-webkit-appearance;}


/*三本線メニューのアイコン*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}


/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #A0A0FF;/*背景色*/
  color:#FFFFFF;
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
#nav-content ul {padding-left:0;width:100%;margin:0 auto; display:table; table-layout:fixed;}
#nav-content ul li {border-top:solid 1px #FFFFFF; text-align:center; vertical-align:middle;-webkit-appearance;}
#nav-content ul li a {padding:4px 0 0 0; color:#FFFFFF;background:#A0A0FF; font-size:12px; font-weight:bold; color:#fff; display:block; line-height:1.4; text-decoration:none;-webkit-appearance;}
#nav-content ul li:last-child {border-bottom:solid 1px #FFFFFF;-webkit-appearance;}
#nav-content a {text-decoration:none;color:#FFFFFF;border-style:none}
#nav-content a:link {text-decoration:none;color:#FFFFFF;border-style:none}
#nav-content a:visited {text-decoration:none;color:#FFFFFF;border-style:none}
#nav-content a:hover {text-decoration:none;color:#FFFFFF;border-style:none}
#nav-content a:active {text-decoration:none;color:#FFFFFF;border-style:none}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close  {
  display: block;/*カバーを表示*/
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
@media only screen and (min-width: 769px){
img.logos {width:400px;}
table.mainnavi {width:770px;}
b.sent {font-size: 22px;}
#pc-pr {display:inline;}
#sm-pr {display:none;}
} 
@media only screen and (min-width: 321px) and (max-width: 768px){
img.logos {width:360px;}
table.mainnavi {width:100%;}
table.mainnavia {width:100%;}
b.sent {font-size: 30px;}
#sm-pr {display:inline;}
#pc-pr {display:none;}
#nav-content {size:20pt;}
ADDRESS{font-size: 10px;}
}
@media only screen and (max-width: 320px){
img.logos {width:100%;}
table.mainnavi {width:100%;}
table.mainnavia {width:100%;}
b.sent {font-size: 30px;}
#sm-pr {display:inline;}
#pc-pr {display:none;}
#nav-content {size:20pt;}
ADDRESS{font-size: 10px;}
}

input {font-size: 18px;}
select {font-size: 18px;}