@charset "utf-8";

*
{
 font-family: "Arial", "san-serif", "メイリオ", "ＭＳ Ｐゴシック","Osaka","verdana","palatino";
 font-family: "メイリオ", "ＭＳ Ｐゴシック" \9; /* for IE8 */
 /font-family: "メイリオ", "ＭＳ Ｐゴシック";   /* for IE7, IE6 */
}

body {
 background: #eeeeee;
 padding: 0;
 margin: 0 20px 20px 20px;
}

#wrapper {
 font-weight: normal;
 background: #ffffff;
 border-top: 1px #cccccc solid;
 border-left: 1px #cccccc solid;
 border-right: 2px #cccccc solid;
 border-bottom: 2px #cccccc solid;
 margin: 0;
 padding: 0;
 min-width: 65em;
}

#header {
 height: 36px;
 marign: 0;
 padding: 0;
 background: url(images/header_bg.png) no-repeat 100% 0;
}

h1 {
 width: 500px;
 margin: 0 0 0 4px;
 padding: 0;
 float: left;
 text-shadow: 1px 1px 2px #000000;
 text-shadow: 0px 0px 1px #000000 \9;
 /text-shadow: 1px 1px 1px #000000;
 behavior: url(css/ie-css3.htc);
 z-index: 2;
}

h1 a {
 width: 100%;
 font-size: 24px;
 font-weight: bold;
 text-decoration: none;
 color: #444;
}

#theme-selector {
 margin: 0 0 0 auto;
 padding: 4px 0 0 0;
}

#theme-selector p {
 float: right;
 margin: 0px;
 padding: 0;
}

#font-size-selector {
 float: right;
 margin-left: 4px;
}

#top-menu {
 clear: both;
 z-index : 1;
 margin : 0 0 0 0;
 padding : 0;
 width : 100%;
 position: relative;
 border-left: none;
 border-right: none;
 height: 2em;
}

#top-menu ul li.separator {
 cursor : default;
 width : 200px;
}

#top-menu ul li.separator hr {
}

#top-menu li {
 cursor: pointer;
 float : left;
 padding : 0;
 margin : 0;
 list-style : none;
 position: relative;
 top: -1px;
 width: 8.5em;
}

#top-menu li.right-menu {
 float: right;
}

* html #top-menu li {
 width : 7em;
}

#top-menu ul {
 display: none;
 position: absolute; 
 left: 0; 
 margin: 0; 
 padding: 0; 
}

#top-menu ul li {
 padding : 4px 0 2px 0;
 width: 15em;
 text-align: left;
 margin: 0;
 padding: 0;
}

#top-menu ul a { 
 zoom: 1; /* IE6/7 fix */
 display: block;
 text-align: left;
 padding: 0.5em 0 0.5em 0;
 text-indent: 1em;
 margin: 0px;
}

#top-menu li ul li a { 
 border : none;
}

#top-menu ul ul {
 top: 0; 
}


#contents {
 clear: both;
 padding: 0px 8px 1em 8px;
 display: none;
 min-height: 45em;
}

#top-menu li span {
 display: block;
 text-align: left;
 padding: 0 0 0 0px;
 text-align: center;
 background-repeat: no-repeat;
 background-position: 10px 2px;
 background-position: 8px 0 \9; /* for IE8 */
 /background-position: 8px 0; /* for IE7, IE6 */
 height: 2empx;
 line-height: 2em;
}

#top-menu li span img {
 border: none;
 vertical-align: -2px;
 padding-right: 0.4em;
}

#topic-path {
 top: -1px;
 position: relative;
 clear: both;
 margin: 0px 0 0 0;
 padding: 0;
 height: 2em;
}

#topic-path li {
 position: relative;
 padding: 4px 0 4px 16px;
 padding: 4px 12px 2px 16px \9; /* for IE8, IE7, IE6 */
 float: left;
 list-style: none;
 height: 2em;
}

#topic-path a {
 position: relative;
 padding: 4px 0 4px 16px;
 padding: 4px 12px 2px 16px \9; /* for IE8, IE7, IE6 */
 float: right;
 list-style: none;
 height: 2em;
}

#contents h2 {
 margin: 0 0 0.5em 0;
 padding: 0px 8px;
 font-size: 1.3em;
 padding: 0 0 0 8px \9; /* for IE8 */
 /padding: 0 0 2px 8px ;  /* for IE7, IE6 */
}

#contents h2 img {
 position: relative;
 top: 4px;
 padding-right: 4px;
}

#contents h3 {
 font-size: 1.1em;
 font-weight: bold;
 padding: 0.2em 8px;
 padding: 0.5em 0 0.2em 0.2em \9; /* for IE8 */
 /padding: 0.1em 0 0.1em 0.2em;  /* for IE7, IE6 */
}

#contents {
}

.button-bar {
 text-align: right;
}

.button-bar * {
 text-align: left;
}

.center-button-bar {
 text-align: center;
}

.center-button-bar * {
 text-align: left;
}

#contents table, .ui-dialog table {
 border-collapse: collapse;
}
.ui-dialog .ui-dialog-titlebar button { display: none;}

table.form tbody th {
 text-align: left;
 padding: 2px;
}

table.form tbody th {
 text-align: left;
 padding: 2px;
}

#contents table.form tbody th {
 min-width: 12em;
 text-align: left;
 padding: 4px;
}


#contents table.form tbody td {
 min-width: 12em;
 text-align: left;
 padding: 4px;
}

#contents .main-contents {
 margin: 1em auto 1em auto;
}

#contents .main-contents .ui-jqgrid {
 margin: 1em auto 1em auto;
}

#contents p.footer-buttons {
 text-align: center;
}

address {
 text-align: center;
 color: #999999;
}

button span img.button-image {
 position: relative;
 padding: 0 0.25em 0 0;
 vertical-align: top;
}

input {
 border: 1px #cccccc solid;
}

input.ime-on {
 ime-mode:active;
}

input.ime-off {
  ime-mode:inactive;
}

p {
 margin: 0.5em auto 0.5em 0;
}

table.list {
 width: 100%;
}

table.list td.ui-state-default a {
 text-decoration: underline;
}

.buttonset {
 position: relative;
 /top: -2px; /* for IE6, IE7 */
}

/* ------------------ */
strong {
 color: red;
}

/* jquery ui tune up  */
.ui-widget {
 font-weight: normal;
}

.ui-state-default {
 font-weight: normal;
}

.ui-button-text {
 font-weight: normal;
}

.ui-button-text:hover {
 font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
 font-weight: normal;
}

.ui-button-text-only .ui-button-text {
 padding: 2px 0.5em 2px 0.5em;
 padding: 3px 0.5em 0px 0.5em \9; /* for IE8 */
 /padding: 4px 0.5em 2px 0.5em; /* for IE7, IE6 */
}

.ui-multiselect {
 padding: 1px 0 0 0;
}

.ui-multiselect span {
 position: relative;
 /top: 3px; /* for IE7, IE6 */
 left: 4px \9; /* for IE8 */
 /left: 4px; /* for IE7, IE6 */
}

.ui-multiselect span.ui-icon {
 top: 0;
 left: 0;
}

.ui-state-error {
 padding: 0.7 em;
}

.ui-icon-alert {
  float: left;
  margin-right: .3em;
}

.ui-state-highlight {
  margin-top: 20px;
  padding: 0 .7em;
}

.ui-icon-info {
  float: left;
  margin-right: .3em;
}

.sendbuttons { 
  height:19px; 
  width:30px; 
  color:red; 
}