@charset "utf-8";

a {
  color:#21759B;
}
a:hover, a:active, a:focus {
color:#D54E21;
}

fieldset  {
  border:1px solid #D7D7D7;
  margin:1em 0;
  padding:0.5em;
}
legend {
  color:#999999;
  font-size:90%;
  font-weight:bold;
  padding:0 0.25em;
}
#query fieldset, #query fieldset input, #query fieldset select {
  font-size:11px;
}
#query fieldset input[type="button"] {
  padding:0.1em 0.5em;
}
#query fieldset {
  margin-top:1em;
}
#query fieldset.collapsed {
  border-width:0;
  margin-bottom:0;
  padding:0 0.5em;
}
#query .option, #query .option input, #query .option select {
  font-size:13px;
}
#query .option {
  float:left;
  line-height:2em;
  margin:0.9em 2.5em 0 0.5em;
  padding:0 0 0.1em;
}
#query .buttons {
  float:right;
  margin-top:0.5em;
}
#query .buttons input {
  margin:0.5em;
}
#query hr {
  clear:both;
  margin:0;
  visibility:hidden;
}
#query table {
  width:100%;
}
#query table tr {
  padding: 3px 2px;
}
.foldable :link, .foldable :visited {
  background: url('../images/expanded.png') 0 50% no-repeat;
  border: none;
  padding-left: 16px;
}
.foldable :link:hover, .foldable :visited:hover { background-color: transparent }
.collapsed > .foldable :link, .collapsed > .foldable :visited {
  background-image: url('../images/collapsed.png');
}
.collapsed > div, .collapsed > table, .collapsed > ul, .collapsed > dl { display: none }
fieldset > legend.foldable :link, fieldset > legend.foldable :visited {
  color: #666;
  font-size: 110%;
}

table.listing {
  border-bottom:1px solid #D7D7D7;
  border-collapse:collapse;
  border-spacing:0;
  clear:both;
  margin-top:0.5em;
  width:100%;
}
table.listing th {
  padding:0 1em 0.1em 0;
  text-align:left;
}
table.listing thead {
  background:none repeat scroll 0 0 #F7F7F0;
}
table.listing thead th {
  border-color:#D7D7D7 #D7D7D7 #999999;
  border-style:solid;
  border-width:1px;
  font-weight:bold;
  text-align:center;
  padding:2px 0.5em;
  vertical-align:middle;
}
table.listing thead th :link:hover, table.listing thead th :visited:hover {
  background-color:transparent;
}
table.listing thead th a {
  border:medium none;
  padding-right:0.9em;
}
table.listing th.asc a, table.listing th.desc a {
  font-weight:bold;
}
table.listing th.asc a, table.listing th.desc a {
  background-position:100% 50%;
  background-repeat:no-repeat;
}
table.listing th.asc a {
  background-image:url("../asc.png");
}
table.listing th.desc a {
  background-image:url("../desc.png");
}
table.listing tbody td, table.listing tbody th {
  border:1px dotted #DDDDDD;
  padding:0.3em 0.5em;
  vertical-align:middle;
  word-wrap: break-word;
}
table.listing tbody td a:hover, table.listing tbody th a:hover {
  background-color:transparent;
}
table.listing tbody tr {
  border-top:1px solid #DDDDDD;
}
table.listing tbody tr.even {
  background-color:#FCFCFC;
}
table.listing tbody tr.odd {
  background-color:#F7F7F7;
}
table.listing tbody tr:hover {
  background:none repeat scroll 0 0 #EEEEDD !important;
}
table.listing tbody tr.focus {
  background:none repeat scroll 0 0 #DDDDFF !important;
}

table.input-form {
  border-collapse:collapse;
  border-spacing:0;
  clear:both;
  margin-top:1em;
  width:100%;
}
table.input-form .label-col {
  width: 150px;
}
table.input-form td {
  text-align:left;
  padding:0.4em;
  border:1px dotted #BBBBBB;
  word-wrap: break-word;
}
table.input-form th {
  background:none repeat scroll 0 0 #F7F7ED;
  border-color:#D7D7D7 #999999 #D7D7D7 #D7D7D7;
  border-style:solid;
  border-width:1px;
  font-weight:bold;
  text-align:left;
  padding:2px 0.4em;
  vertical-align:middle;
}
table.input-form ul.check-list li {
  display: inline;
  margin-right: 5px;
}

table.listing th , table.listing thead th , table.input-form th {
*  font-size:0.8em;
}

table.listing tbody td , table.input-form td {
*  font-size:0.8em;
}

.filter {
  list-style:none;
  margin:8px 0 5px;
  padding:0;
  color:#666;
  white-space:nowrap;
  font-size:13px;
  float:left;
}
.filter a {
  line-height:2;
  padding:.2em;
  text-decoration:none;
  color:#21759B;
  font-weight:normal;
}
.filter li.selected a {
  color:#000;
  font-weight:bold;
  background:none;
  border:none;
}
.filter a:hover { color:#d54e21; }
.filter li{
  display:inline;
  margin:0;
  padding:0;
}
.filter a .count {
  color:#999999;
  font-weight:normal;
}

a.button {
  text-decoration:none;
  font-size:15px!important;
  line-height:15px;
  padding:3px 10px;
  cursor:pointer;
  border-width:1px;
  border-style:solid;
  background:url("../images/white-grad.png") repeat-x scroll left top #F2F2F2;
  white-space:nowrap;
}
a.submit-button {
  text-decoration:none;
}
.button , .submit-button {
  font-size:15px!important;
  border-color:#BBBBBB;
  color:#464646;
  cursor:pointer;
  border-width:1px;
  background:url("../images/orange-grad.png") repeat-x scroll left top #F2F2F2;
  text-shadow:0 1px 0 #FFFFFF;
}
input.button , .submit-button {
  font-family:Verdana,sans-serif;
  border-style:solid;
  padding:2px 10px;
}
.button:hover, .submit-button:hover {
  color:#000;
  border-color:#666;
}
input.button:hover , .submit-button:hover {
  border:1px solid #FF9900;
}
a.button:active {
  background:#eee url(../images/white-grad-active.png) repeat-x scroll left top;
}

input.button:active , .submit-button:active {
  background:#eee url(../images/orange-grad-active.png) repeat-x scroll left top;
}
h1 {
  text-align:left;
  font-size:1.2em;
  font-weight:bold;
  color:#007200;
  border-bottom:1px dotted #AAAAAA;
  padding:0px 0px 5px 5px;
  margin-bottom:10px;
}
.alignleft {
  float:left;
}
.alignright {
  float:right;
}
.word-wrap {
  word-wrap: break-word;
}

.title_h{
float:left;
position:relative;
width:100%;
height:38px;
border:none;
background:url("okinavita/001/image/top/new_info_bg.gif") repeat;
margin-bottom:10px;
}

.title_h p{
margin:0;
position:absolute;
top:0px;
left:0px;
clip:rect(6px 12px 36px 0px);
}

.title_h span{
padding: 5px 20px;
position: absolute;
color: white;
font-size: 17pt;
}

.alert-msg {
  color: #FF0000;
*  font-size: smaller;
}
.input-guid {
  color: #6F6F6F;
*  font-size: smaller;
}
.page_navi {
  margin:10px 0px 15px 0px;
  font-size:0.9em;
  text-align:center;
}
.message {
  font-size:0.8em;
}
span.necessity:after {
  content:"※";
  padding-left:0.1em;
  font-size:70%;
  font-weight:lighter;
  color:red;
}
.hidden {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
  display:none;
}
.utility-link {
  margin-top:10px;
  text-align:center;
}

.clr {
  min-height:1%;
}
.clr:after {
  clear:both;
  content:" ";
  display:block;
  height:0.1px;
  line-height:0;
  visibility:hidden;
}
* html .clr {
  display:inline-table;
  height:1%;
}