body {
 margin: 0;
 padding: 0;
}


/* --------------- base --------------- */
#wrapper {
 font-size: 80%;
 margin: 0;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}
#wrapper input {
 margin: 1px;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}
#wrapper input.login {
 font-family: Verdana, Arial, sans-serif;
}
#wrapper td {
 margin: 0;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}
#wrapper th {
 margin: 0;
 padding: 0;
 font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
 font-weight: normal;
}
#wrapper a {
 text-decoration: none;
}
#wrapper a:link {
 text-decoration: none;
}
#wrapper a:visited {
 text-decoration: none;
}
#wrapper a:hover {
 text-decoration: underline;
}
#wrapper a:active {
 text-decoration: none;
}
#wrapper img {
 border: none;
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
 margin: 0;
 padding: 0;
}
#wrapper h1 {
 font-size: 120%;
}
#wrapper ul, #wrapper li {
 list-style: none;
}




/* --------------- content --------------- */
#content input.button {
 border: 1px solid #FFCC66;
 border-bottom: 1px solid #660000;
 border-right: 1px solid #660000;
 background-color: #CC0000;
 color: #ffffff;
 cursor: hand;
 padding: 1px 3px;
 font-size: x-small;
}
#content input.gray {
 background-color: #F5F5DC;
 color: #666666;
}
#content #header #sitename {
 float: left;
 margin: 5px;
 padding: 0;
 font-weight: bold;
 white-space: nowrap;
}
#content #logoutbt {
 float: right;
}
#content #logoutbt form {
 display: inline;
}


/* --------------- header --------------- */
#content #header {
 background-image: url(./img/logo_markS.gif);
 background-repeat: no-repeat;
 background-position: left center;
 background-color: #FFD700;
 border-bottom: 1px solid #CC9900;
 padding: 3px 10px;
 padding-left: 220px;
 min-height: 30px;
 height: 100%;
}
#content #header:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #header h1 {
 float: left;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 font-size: 1px;
 color: #FFD700;
}
#content #header h2 {
 float: left;
 margin: 5px;
 padding: 0;
 font-size: 100%;
 white-space: nowrap;
}
#content #header .logo {
 float: left;
 margin-top: 8px;
}
#content #header #loginuser {
 float: right;
 background-image: url(./img/ic_userE.gif);
 background-repeat: no-repeat;
 background-color: transparent;
 padding: 3px;
 padding-left: 24px;
 white-space: nowrap;
}

#content .note {
	line-height: 1.3em;
}

/* --------------- toparea --------------- */
#content #toparea {
 clear: both;
 padding: 7px 0;
 padding-bottom: 0;
 height: 100%;
}
#content #toparea:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}




/* --------------- sitenavi --------------- */
#content #sitenavi {
 margin-top: 5px;
 border-top: 1px solid #f5f5f5;
 border-bottom: 7px solid #CC0000;
 height: 100%;
}
#content #sitenavi:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #sitenavi ul, #content #sitenavi li {
 margin: 0;
 padding: 0;
}
#content #sitenavi ul {

}
#content #sitenavi ul:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #sitenavi li {
 width: 17%;
 display: block;
 float: left;
 text-align: center;
 border-left: 1px solid #FFFFCC;
 border-right: 1px solid #CC9900;
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #CC9900;
}
#content #sitenavi li.this {
 border-left: 1px solid #FF6633;
 border-bottom: 1px solid #cc0000;
 border-top: 1px solid #cc0000;
 background-color: #CC0000;
}
#content #sitenavi li a {
 padding: 5px 0px;
 _padding: 5px 5px;
 display: block;
 width: 100%;
 white-space: nowrap;
 letter-spacing: 0.1em;
 background-color: #EEE8AA;
 min-height: 17px;
 color: #000000;
}
#content #sitenavi li a:hover {
 background-color: #FFCC00;
 background-repeat: repeat-x;
 text-decoration: none;
}
#content #sitenavi li.this a {
 background-image: url(./img/bg_sitenaviT.gif);
 background-repeat: repeat-x;
 font-weight: bold;
 color: #ffffff;
}
#content #sitenavi li.this a:hover {
 background-image: url(./img/bg_sitenaviT.gif);
 background-repeat: repeat-x;
}
/* +++++ help +++++ */
#content #sitenavi li.help {
 width: 3%;
 border: none;
 float: right;
}
#content #sitenavi li.help a {
 width: 3%;
 padding: 2px;
 _padding-right: 5px;
 margin-right: 20px;
 _margin-right: 0px; 
 background-color: #ffffff;
 border: none;
}
#content #sitenavi li.help a:hover {
 background-image: none;
 background-color: #ffffff;
}

p.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

/* --------------- page --------------- */
#content #page {
 background-image: url(./img/bg_page.gif);
 background-repeat: repeat-x;
 padding: 10px;
 clear: both;
}
#content #page:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #page a {
 color: #0000aa;
}
#content #page a:hover {
 color: #0000aa;
}
#content #pageinner {
 height: 100%;
}
#content #pageinner:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
div.TreeItem {
 color: #888888;
 white-space: nowrap;
}
div.TreeItem img {
 vertical-align: middle;
}


img.inlineIcon {
	vertical-align: top;
}


/* ========== pagetable ========== */
#content #page table.pagetbl {
	width: 100%;
}
#content #page table.pagetbl td {
 vertical-align: top;
}
#content #page table.pagetbl td.side {
 width: 200px;
}
#content #page table.pagetbl td.main {
}
#content #page table.pagetbl td.main h2 {
 background-image: url(./img/ic_pagetitle.gif);
 background-repeat: no-repeat;
 border: 1px solid #cc0000;
 border-left: none;
 background-color: #f5f5f5;
 min-height: 16px;
 font-size: 100%;
 font-weight: normal;
 padding: 2px 10px;
 padding-left: 30px;
 color: #000000;
}


/* ========== sidemenu ========== */
#content #page #sidemenu {
 border: 1px solid #cc0000;
 background-color: #FFFFF0;
 width: 200px;
}
#content #page #sidemenu .title {
 padding: 2px;
 padding-bottom: 1px;
 background-image: url(./img/bg_sitenaviH.gif);
 text-align: center;
 border: 1px solid #FFCC00;
 background-color: #cc0000;
 margin-bottom: 5px;
 color: #333333;
}
#content #page #sidemenu ul,li {
 padding: 0;
 margin: 0;
}

/* --- menu --- */
#content #page #sidemenu.menu li {
 border-top: 1px solid #ffffff;
 border-bottom: 1px solid #cc0000;
 white-space: nowrap;
}
#content #page #sidemenu.menu li a {
 display: block;
 width: 186px;
 padding: 7px;
 color: #000000;
}
#content #page #sidemenu.menu li.this a {
 background-color: #FF9900;
 background-image: url(./img/bg_menuT.gif);
 background-repeat: no-repeat;
 background-position: right top;
 display: block;
 padding: 7px;
 color: #000000;
 font-weight: bold;
}
#content #page #sidemenu.menu li a:hover {
 text-decoration: none;
 color: #000000;
 background-color: #FFCC00;
}
#content #page #sidemenu.menu li.this a:hover {
 text-decoration: none;
 background-color: #FFCC00;
 color: #000000;
}



/* --- map --- */
#content #page #sidemenu.map {
 background-color: #ffffff;
}
#content #page #sidemenu.map ul {
 background-image: url(./img/ul_sitemap.gif);
 background-repeat: repeat-y;
 background-color: #ffffff;
 margin: 0 5px;
 margin-bottom: 5px;
}
#content #page #sidemenu.map li {
 background-image: url(./img/li_sitemap.gif);
 background-position: left top;
 background-repeat: no-repeat;
 padding-left: 12px;
 margin-top: 2px;
}
#content #page #sidemenu.map li a {
 color: #cc0000;
}
#content #page #sidemenu.map li a:hover {
 background-color: #FFFFCC;
}
#content #page #sidemenu.map li.home {
 margin: 0;
 padding: 0;
 background-image: none;
}
#content #page #sidemenu.map li.end {
 background-image: url(./img/li_sitemapend.gif);
}
#content #page #sidemenu.map ul.ulhome {
 background-image: none;
}


/* ========== mainarea ========== */
#content #page #mainarea {
 padding: 15px;
 padding-top: 10px;
 background-color: #fff;
 height: 100%;
}
#content #page #mainarea:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #page #mainarea .right {
 text-align: right;
}
#content #page #mainarea .button {
 font-size: 11px;
 margin: 0 5px;
 cursor: hand;
}
#content #page #mainarea .button a {
 background-color: #DCDCDC;
 border-bottom: 2px solid #666666;
 border-right: 2px solid #666666;
 padding: 2px 3px;
 padding-bottom: 0;
 color: #000000;
}
#content #page #mainarea .button a:hover {
 text-decoration: none;
}
#content #page #mainarea form {
 display: inline;
}
#content #page #mainarea input {
 margin: 0 2px;
 padding: 1px;
}
#content #page #mainarea input.button {
 margin: 0 2px;
 padding: 1px;
 padding-bottom: 0;
}
#content #page #mainarea .navi {
 border-bottom: 1px dashed #FFCC00;
 margin: 5px 0 10px 0;
}
#content #page #mainarea .navi:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}
#content #page #mainarea .navi ul, #content #page #mainarea .navi li {
 margin: 0;
 padding: 0;
}
#content #page #mainarea .navi li {
 display: block;
 float: left;
 background-image: url(./img/li_mainnavi.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left: 10px;
 margin-right: 5px;
}

/* +++++ tooltable +++++ */
#content #page table.tooltbl {
 margin-bottom: 10px;
 width: 100%;
}
#content #page table.tooltbl td {
 vertical-align: top;
 padding: 3px;
 padding-right: 15px;
 white-space: nowrap;
 text-align: left;
}
#content #page table.tooltbl td img{
 margin-right: 2px;
}
#content #page table.tooltbl ul, #content #page table.tooltbl li {
 margin: 0;
 padding: 0;
}
#content #page table.tooltbl li {
 display: block;
 float: left;
 margin-right: 10px;
}
#content #page table.tooltbl td.fake {
 width: 99%;
}

/* +++++ listtable +++++ */
#content #page .listtblarea {
 clear: both;
 height: 100%;
}
#content #page .listtblarea:after {
 content: "";
 display: block;
 height: 0;
 clear: both;
}

/* 件数表示部分 */
#content #page .listtblarea .listnavi {
 text-align: center;
 margin: 3px;
 letter-spacing: 0.1em;
}

#content #page .listtblarea table {
 width: 100%;
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
}
#content #page .listtblarea table th, #content #page .listtblarea table td {
 border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 padding: 2px 4px;
 vertical-align: middle;
}
#content #page .listtblarea table th {
 background-color: #FFCC00;
 white-space: nowrap;
 padding-top: 3px;
}
#content #page .listtblarea table tr.init {
 background-color: #FFFFCC;
}

#content #page .listtblarea table td.staff {
 background-color: #FFFFCC;
}

#content #page .listtblarea table.thin th {
  line-height: 1.0em;
  font-size: 85%;
  padding-bottom: 0;
}
#content #page .listtblarea table td {
 text-align: center;
 white-space: nowrap;
}
#content #page .listtblarea table td.left {
 text-align: left;
}
#content #page .listtblarea table td.right {
 text-align: right;
}
#content #page .listtblarea table td.rank {
 text-align: left;
 vertical-align: bottom;
}
#content #page .listtblarea table td.rank img {
 vertical-align: bottom;
}
#content #page .listtblarea table td.rank input {
 border: 1px solid #999;
 border-top: 1px solid #333;
 border-left: 1px solid #333;
 font-size: 85%;
 padding: 1px 2px;
 background-color: 	#F8F8FF;
 text-align: right;
}

#content #page .listtblarea ul.site {
 margin: 0;
 padding: 0;
 margin-right: 30px;
 float: left;
 width: 40%;
}
#content #page .listtblarea ul.site li {
 border-bottom: 1px dashed #cccccc;
}
#content #page .listtblarea ul.site li a {
 color: #000000;
 background-image: url(img/edit.gif);
 background-position: left center;
 background-repeat: no-repeat;
 display: block;
 height: 16px;
 padding: 3px;
 padding-top: 5px;
 padding-left: 20px;
 white-space: nowrap;
 margin-left: 10px;
}
#content #page .listtblarea ul.site li a:hover {
 background-color: #F5F5F5;
 text-decoration: none;
 font-weight: bold;
}

/* +++++ logintable +++++ */
#content #page table.logintbl {
 border: 1px solid #CC9900;
 border-bottom: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 clear: both;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 10px;
}
#content #page table.logintbl th,
#content #page table.logintbl td {
 padding: 5px 10px;
 border-bottom: 1px solid #CC9900;
 border-right: 1px solid #CC9900;
 background-color: #fffff0;
}
#content #page table.logintbl th {
 background-color: #FFD700;
}
#content #page table.logintbl input,
#content #page table.logintbl textarea {
 border: 1px solid #cccccc;
 border-top: 1px solid #666666;
 border-left: 1px solid #666666;
 padding: 5px;
}

#content #page .homelink a {
 display: block;
 background-image: url(./img/home.gif);
 background-repeat: no-repeat;
 width: 70px;
 height: 20px;
 font-size: 11px;
 color: #000000;
 padding: 2px;
 padding-top: 3px;
 padding-left: 20px;
}
#content #page .homelink a:hover {
 text-decoration: none;
 color: #000000;
}

/* +++++ calendar +++++ */
#content #page .mvyear {
 float: left;
 font-size: 90%;
}
#content #page .mvmonth {
 float: right;
 font-size: 90%;
}
#content #page .mvyear select,
#content #page .mvmonth select {
 font-size: 100%;
 border: 1px solid #999999;
 margin: 0 2px;
}
#content #page table.calendartbl {
 width: 100%;
 clear: both;
 margin-top: 5px;
 border-top: 1px solid #A0522D;
 border-left: 1px solid #A0522D;
}
#content #page table.calendartbl th,
#content #page table.calendartbl td {
 border-right: 1px solid #A0522D;
 border-bottom: 1px solid #A0522D;
 font-size: 90%;
 text-align: center;
}
#content #page table.calendartbl th {
 background-color: #FFA500;
 padding: 2px;
 color: #ffffff;
}
#content #page table.calendartbl td.other {
 background-color: #e5e5e5;
 color: #999999;
}
#content #page table.calendartbl td.this {
 background-color: #F5F5DC;
}
#content #page table.calendartbl a {
 color: #000000;
 display: block;
 width: 100%;
 padding: 2px 0;
}
#content #page table.calendartbl a:hover {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 background-color: #FFCC00;
}
#content #page .calinput {
 margin-top: 10px;
 border: 1px solid #A0522D;
 padding: 4px;
 text-align: center;
 background-color: #FFD700;
}
#content #page .calinput h3 {
 text-align: left;
 font-size: 90%;
 font-weight: normal;
}


#content #page #mainarea input.button.mini {
 border: 1px solid #fffff0;
 border-bottom: 1px solid #660000;
 border-right: 1px solid #660000;
 background-color: #CC0000;
 color: #ffffff;
 cursor: hand;
 padding: 0;
 font-size: x-small;
 margin: 0;
}

#content .note {
	line-height: 1.4em;
}


/* --------------- footer --------------- */
#content #footer {
 clear: both;
 border-top: 1px solid #FFCC00;
 background-color: #ffffff;
 color: #666666;
 padding: 5px 10px;
 text-align: right;
 font-size: 90%;
}
#content .toollink {
 float: right;
}
#content .toollink a {
 color: #000000;
}
#content .toollink img {
 margin: 2px;
 vertical-align: middle;
}
#content #footer input.button {
 font-size: 95%;
}
#content #footer input.button.ok {
 letter-spacing: 1px;
 padding-left: 20px;
 padding-right: 20px;
 font-weight: bold;
}
#content #footer input.button.gray {
 padding-left: 0;
 padding-right: 0;
 border-right-color: #888888;
 border-bottom-color: #888888;
 color: #333333;
}



/* ========== site ========== */
#content #page div.listtblarea.site {
 margin-top: 10px;
 border: 1px solid red;
 padding: 5px;
 padding-bottom: 10px;
 border: 3px solid #EEE8AA;
}
/* ========== popup ========== */
#popupGR #header {
 background-image: url(./img/logo_markSS.gif);
 padding-left: 90px;
}
#popupGR #sitenavi {
 border-top: none;
}
#popupGR #sitenavi li {
 width: auto;
 border-top: 1px solid #FFCC00;
 border-right: 2px solid #CC0000;
 border-left: 1px solid #FFCC00;
 border-bottom: none;
 margin-right: 2px;
 margin-top: 2px;
}
#popupGR #sitenavi li a {
 width: auto;
 min-height: 10px;
}
#popupGR #sitenavi li.this {
 border-top: 1px solid #cc0000;
 border-left: 1px solid #CC0000;
 border-right: 2px solid #990000;
 border-bottom: none;
}

#popupGR .basicGroup {
 background-color: #EEE8AA;
}

#popupGR #page img.selectimg {
 width: 100px;
 vertical-align: middle;
}
#popupGR #page input,
#popupGR #page textarea {
 font-size: 100%;
 font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
 padding: 2px;
 margin: 3px;
 border: 1px solid #cccccc;
 border-top: 1px solid #666666;
 border-left: 1px solid #666666;
}
#popupGR #page input.button {
 font-size: 80%;
 border: 1px solid #FFCC66;
 border-right: 1px solid #660000;
 border-bottom: 1px solid #660000;
 width: auto;
 padding: 1px 3px;
}
#popupGR #page input.check {
 width: auto;
 border: none;
 padding: 0;
 margin: 0;
 margin-top: 3px;
}
#popupGR #page input.radio {
 width: auto;
 border: none;
 padding: 0;
 margin: 0;
 margin-top: 3px;
}
#popupGR #page input.medium {
 width: 60%;
}
#popupGR #page textarea.outline {
 height: 4.0em;
 width: 90%;
}
#popupGR #page table.popuptbl {
 width: 100%;
 border: 1px solid #CCCCCC;
 border-bottom: 1px solid #999999;
 margin-bottom: 5px;
}
#popupGR #page table.popuptbl th,
#popupGR #page table.popuptbl td {
 vertical-align: top;
 padding: 5px 10px;
 border-bottom: 1px dashed #CCCCCC;
}
#popupGR #page table.popuptbl th {
 border-right: 1px dashed #CCCCCC;
 padding-top: 10px;
 background-color: #F5F5DC;
}
#popupGR #page table.popuptbl td {
 background-color: #FFFFF0;
}

/* ========== boxlayout ========== */
#popupGR #page table.popuptbl table.boxlayout td {
 vertical-align: middle;
 padding: 0px 0px;
 border-bottom: 0px;
 white-space: nowrap;
}

#popupGR #page table.popuptbl table.boxlayout td.samplestyle {
 text-align: center;
 background-color:#ccccff;
 border-bottom:0px;
}
#popupGR #page table.popuptbl table.boxlayout td.samplegaiyou {
 text-align: center;
 background-color:#ccff99;
 border-bottom:0px;
}
#popupGR #page table.popuptbl table.boxlayout td.samplehanyou {
 text-align: center;
 background-color:#ffff66;
 border-bottom:0px;
}
#popupGR #page table.popuptbl table.boxlayout td.sampleupdatetime {
 text-align: center;
 background-color:#ffffcc;
 border-bottom:0px;
}
#popupGR #page table.popuptbl table.boxlayout td.samplegazou {
 text-align: center;
 background-color:#ffccff;
 border-bottom:0px;
}

#popupGR #footer {
 text-align: center;
 font-size: 100%;
}
/* ========== calendar ========== */
#popupGR.calendar #page {
 background-image: none;
}
#popupGR.calendar #page input,
#popupGR.calendar #page textarea {
 padding: 2px;
 margin: 0 3px;
 width: auto;
 border: 1px solid #cccccc;
 border-top: 2px solid #666666;
 border-left: 2px solid #666666;
 text-align: right;
}
#popupGR.calendar select {
 font-size: 90%;
 border: 1px solid #999999;
 margin: 0 2px;
}
#popupGR.calendar #sitenavi {
 border-bottom: none;
 text-align: center;
 background-color: #FFD700;
 margin-top: 10px;
}
/* ========== login ========== */
#loginGR #page h2 {
 background-image: url(./img/ic_pagetitle.gif);
 background-repeat: no-repeat;
 border: 1px solid #cc0000;
 border-left: none;
 background-color: #f5f5f5;
 min-height: 16px;
 font-size: 100%;
 font-weight: normal;
 padding: 2px 10px;
 padding-left: 30px;
 color: #000000;
}
#loginGR #mainarea {
 text-align: center;
}
#loginGR #footer{
 text-align: left;
}



/* ========== corner query ========== */
#content #page .listtblarea .query_graph {
 border: 1px solid #666666;
 background-color: #009900;
}
#content #page .listtblarea .query_graph_blank {
 border: 1px solid #666666;
 background-color: #ffffff;
}


/* ========== page_list_chart ========= */
#content #page .page_list_label {
 width: 85px;
}


/* ========== page area table ========= */
#popupGR #page table.popuptbl table.pageareatbl {
 width: 100%;
 border-width:0;
 padding:0;
 margin:0;
}
#popupGR #page table.popuptbl table.pageareatbl td {
 vertical-align: middle;
 text-align: center;
 border-width:0;
 padding:0;
 margin:0;
 
}
#popupGR #page table.popuptbl table.pageareatbl td.pageAreaStraw {
 background-color: #ffffcc;
}
#popupGR #page table.popuptbl table.pageareatbl td.pageAreaCyan {
 background-color: #ccffff;
}
#popupGR #page table.popuptbl table.pageareatbl td.pageAreaMagenta {
 background-color: #ffccff;
}
#popupGR #page table.popuptbl table.pageareatbl td.pageAreaPurple {
 background-color: #ccccff;
}


table#pbLibTable {
 background-color:#dcdcdc;
}

table#pbLibTable td {
 background-color:white
}