@charset "utf-8";

/* ******************************************** 
   Start of basic
   ******************************************** */

body {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 10pt;
    font-family:sans-serif,MS ゴシック;
    text-align: center;
}

.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.clearboth{
    clear: both;
}

.alignleft {
    text-align: inherit;
}
.aligncenter {
    text-align: center;
}
.alignright {
    text-align: right;
}

.font14pt {
    font-size: 14pt;
}
.font12pt {
    font-size: 12pt;
}
.font11pt {
    font-size: 11pt;
}
.font10pt {
    font-size: 10pt;
}

/* original style */
.calfont
{
  font-size:9pt
}
.categoryfont
{
  font-size:10pt
}
.graphfont
{
  font-size:11pt
}
.roomnamefont
{
  font-size:9pt
}
.titlefont
{
  font-size:9pt
}
/* original style end */

h2.mark {
    clear: both;
    height: 30px;
    margin-top: 20px;
	  margin-bottom: 0px;
    padding-left: 35px;
    border-bottom-color: #434369;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    line-height: 30px;
    font-size: 14pt;
    font-weight: bold;
    background-image: url(/images/h2_mark.gif);
    background-position: left;
    background-repeat: no-repeat;
}
h3.mark {
    clear: both;
    margin-top: 30px;
	  margin-bottom: 0px;
    padding-left: 30px;
    background-image: url(/images/h3_mark.gif);
    background-position: left;
    background-repeat: no-repeat;
    line-height: 25px;
    font-size: 12pt;
    font-weight: bold;
}


ul.standardmark {
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 0px;
}
ul.standardmark li {
    padding-left: 25px;
	 padding-bottom: 5px;
    background-image: url(/images/list_mark.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 10pt;
    line-height: 20px;
    list-style: none;
}
ul.nomark {
    margin-top: 10px;
    margin-left: 35px;
    padding-left: 0px;
}
ul.nomark li {
    font-size: 10pt;
    line-height: 25px;
    list-style: none;
}

blockquote.dotted {
   margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-color: #434369;
	border-bottom-style: dotted;
	border-bottom-width: 3px;
	border-left-color: #434369;
	border-left-style: dotted;
	border-left-width: 3px;
	border-right-color: #434369;
	border-right-style: dotted;
	border-right-width: 3px;
	border-top-color: #434369;
	border-top-style: dotted;
	border-top-width: 3px;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 12pt;
	color: #333333;
}

p.listmark {
    clear: both;
    margin-top: 20px;
	 margin-bottom: 0px;
	 padding-left: 25px;
    background-image: url(/images/p_mark.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 11pt;
    line-height: 20px;
}
p.listmarkright {
    float: right;
    margin-top: 20px;
	 margin-bottom: 0px;
    padding-left: 25px;
    background-image: url(/images/p_mark.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 11pt;
    line-height: 20px;
}
p.mark {
    clear: both;
    margin-top: 20px;
	 margin-bottom: 0px;
	 margin-left: 20px;
	 padding-left: 25px;
    background-image: url(/images/list_mark.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 11pt;
    line-height: 20px;
}

a.button {
    display: block;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    border-top-style: solid;
    border-top-width: 3px;
    font-size: 10pt;
    line-height: 19px;
    background-position: center center;
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
}
a.button:link {
    text-decoration: none;
    color: #ffffff;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #434369;
}
a.button:visited {
    text-decoration: none;
    color: #ffffff;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #434369;
}
a.button:hover {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #D8EBFF;
}
a.button:active {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #D8EBFF;
}

div.clearfloat {
    clear: both;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
}



/* se calendar */

table.secalendar {
    clear: both;
    border-left-color: #336699;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: #336699;
    border-top-style: solid;
    border-top-width: 1px;
}
table.secalendar th {
    border-right-color: #336699;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #336699;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 14px;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}
table.secalendar td {
    border-right-color: #336699;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #336699;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
		background-color: #FFFFFF;
    text-align: center;
		vertical-align: top;
    line-height: 14px;
    font-size: 8pt;
    font-weight: nomal;
    color: #333333;
}

div.info_section {
		width: 960px;
		padding: 10px;
}

td.graph {
    width: 300px;
		height: 27px;
		padding-top: 3px;
		background-image: url(../images/graph_back.gif);
		background-position: left;
		background-repeat: repeat;
}
td.graph2 {
    width: 200px;
		height: 27px;
		padding-top: 3px;
		background-image: url(../images/graph_back2.gif);
		background-position: left;
		background-repeat: repeat;
}
div.graphvalue {
    white-space: nowrap;
    line-height: 12px;
}


p.sysmessage {
    margin-top: 20px;
	 margin-bottom: 0px;
    color: #cc0000;
}

div.nextnavi {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

span.current {
    font-size: 14pt;
    font-weight: bold;
}
a.showamounta {
	
}
a.pagelista {
	
}
a.nexta {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    border-bottom-color: #336699;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-top-color: #336699;
    border-top-style: solid;
    border-top-width: 1px;
}

span.needed {
    padding-left: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #cc0033;
}


/* ******************************************** 
   Start of layout
   ******************************************** */


/* container */
div#container {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
}


/* header */
div#header {
    clear: both;
    width: 800px;
}

/* pagetitle */
h1#pagetitle {
   clear: both;
   margin: 0px;
   width: 790px;
	 padding: 0px;
   height: 30px;
   line-height: 30px;
   font-size: 12pt;
   color: #000099;
}
/* pankuzu */
div#pankuzu {
   clear: both;
}

/* body */
div#body {
    clear: both;
    width: 790px;
		margin-top:5px;
		padding-top: 5px;
		padding-left: 5px;
    padding-bottom: 20px;
		border: solid 2px #000099;
}

/* content */
div#content {
    float: right;
    width: 600px;
		margin-right: 5px;
}
* html div#content {
    width: 590px;
		margin-right: 0px;
}

/* sidebar */
div#sidebar {
    float: left;
    width: 180px;
}
h3#datetitle {
   margin: 0px;
	 height: 25px;
	 line-height: 25px;
	 text-align: center;
	 background-color: #333333;
	 color: #FFFFFF;
	 font-size: 10pt;
}
div#datebox {
    padding: 3px;
		padding-top: 10px;
		padding-bottom: 10px;
	 background-color: #EEEEEE;
}
div#menupcsite div {
    padding: 2px;
	  background-color: #EEEEEE;
	  border: solid 2px #000000;
}
div#menumbsite div {
    padding: 2px;
	  background-color: #EEEEEE;
	  border: solid 2px #000000;
}
div#menupcsite img {
    margin-right: 5px;
    vertical-align:bottom
}
div#menumbsite img {
    margin-right: 5px;
    vertical-align:bottom
}
h3.menutitle {
   margin: 0px;
	 margin-top: 10px;
	 height: 25px;
	 line-height: 25px;
	 text-align: center;
	 background-color: #333333;
	 color: #FFFFFF;
	 font-size: 10pt;
}
ul.menu {
    margin: 0px;
		padding: 0px;
}
ul.menu li {
    margin: 0px;
		padding: 0px;
		list-style: none;
}
ul.menu a.button {
    display: block;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    border-top-style: solid;
    border-top-width: 3px;
    font-size: 10pt;
    line-height: 19px;
    background-position: center center;
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
}
ul.menu a.button:link {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #D8EBFF;
}
ul.menu a.button:visited {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #D8EBFF;
}
ul.menu a.button:hover {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #FFFFFF;
}
ul.menu a.button:active {
    text-decoration: none;
    color: #333333;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
	  background-color: #FFFFFF;
}



div.period {
    height: 60px;
		background-color: #EEEEEE;
		line-height: 25px;
		text-align: right;
		font-weight: bold;
}
div.period img {
    vertical-align: middle;
}


/* footer */
div#footer {
    clear: both;
    width: 800px;
}

/* Login Page */
div#login_box {
    width: 300px;
		margin-top: 100px;
		margin-left: 150px;
}
div#login_box table {
    width: 100%;
		border-top: 2px solid #999999;
		border-left: 2px solid #999999;
}
div#login_box table th {
		padding: 5px;
		border-bottom: 2px solid #999999;
		border-right: 2px solid #999999;
		background-color: #FFFFCC;
}
div#login_box table td {
		padding: 5px;
		border-bottom: 2px solid #999999;
		border-right: 2px solid #999999;
}
div#login_box table th.title {
		background-color: #FFCC99;
}


/* ******************************************** 
   Start of table
   ******************************************** */

/*  table */
table.standardleft{
    float: left;
    margin-top: 20px;
    border-left-color: #434369;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: #434369;
    border-top-style: solid;
    border-top-width: 1px;
}

table.standardright{
    float: right;
    margin-top: 20px;
    border-left-color: #434369;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: #434369;
    border-top-style: solid;
    border-top-width: 1px;
}

table.standardclear{
    clear: both;
    margin-top: 20px;
    border-left-color: #434369;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: #434369;
    border-top-style: solid;
    border-top-width: 1px;
}

/*  caption */
table.standardleft caption, 
table.standardright caption, 
table.standardclear caption{
	 text-align: left;
    font-size: 12px;
    font-weight: bold;
}
table.standardleft caption.mark, 
table.standardright caption.mark, 
table.standardclear caption.mark{
	 padding-left: 25px;
    background-image: url(/images/p_mark.gif);
    background-position: left top;
    background-repeat: no-repeat;
    line-height: 20px;
}

/*  th */
table.standardleft th, 
table.standardright th, 
table.standardclear th{
	border-right-color: #434369;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #434369;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FFE7B3;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
table.standardleft th.left, 
table.standardright th.left, 
table.standardclear th.left{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
table.standardleft th.center, 
table.standardright th.center, 
table.standardclear th.center{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
table.standardleft th.right, 
table.standardright th.right, 
table.standardclear th.right{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}
table.standardleft th.leftattention, 
table.standardright th.leftattention, 
table.standardclear th.leftattention{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    background-color: #FFCCCC;
}
table.standardleft th.centerattention, 
table.standardright th.centerattention, 
table.standardclear th.centerattention{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    background-color: #FFCCCC;
}
table.standardleft th.rightattention, 
table.standardright th.rightattention, 
table.standardclear th.rightattention{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    background-color: #FFCCCC;
}
/*  td */
table.standardleft td, 
table.standardright td, 
table.standardclear td{
    border-right-color: #434369;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #434369;
    border-bottom-style: solid;
    border-bottom-width: 1px;
		background-color: #FFFFFF;
    line-height: 20px;
    font-size: 12px;
    font-weight: nomal;
    color: #333333;
}
table.standardleft td.left, 
table.standardright td.left, 
table.standardclear td.left{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
table.standardleft td.center, 
table.standardright td.center, 
table.standardclear td.center{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
table.standardleft td.right, 
table.standardright td.right, 
table.standardclear td.right{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

/*  link th */
table.standardleft th a, 
table.standardright th a, 
table.standardclear th a{
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}
table.standardleft th a:link, 
table.standardright th a:link, 
table.standardclear th a:link{
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
table.standardleft th a:visited, 
table.standardright th a:visited, 
table.standardclear th a:visited{
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
table.standardleft th a:hover, 
table.standardright th a:hover, 
table.standardclear th a:hover{
    font-weight: bold;
    color: #cc0000;
    text-decoration: underline;
}
table.standardleft th a:active, 
table.standardright th a:active, 
table.standardclear th a:active{
    font-weight: bold;
    color: #cc0000;
    text-decoration: underline;
}


table.standardleft td.btn a, 
table.standardright td.btn a, 
table.standardclear td.btn a{
    display: block;
    height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-style: solid;
    border-right-width: 3px;
    border-top-style: solid;
    border-top-width: 3px;
    line-height: 20px;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
}
table.standardleft td.btn a:link, 
table.standardright td.btn a:link, 
table.standardclear td.btn a:link{
	  background-color: #434369;
    font-weight: bold;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
    color: #ffffff;
    text-decoration: none;
}
table.standardleft td.btn a:visited, 
table.standardright td.btn a:visited, 
table.standardclear td.btn a:visited{
	  background-color: #434369;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
table.standardleft td.btn a:hover, 
table.standardright td.btn a:hover, 
table.standardclear td.btn a:hover{
	  background-color: #D8EBFF;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
table.standardleft td.btn a:active, 
table.standardright td.btn a:active, 
table.standardclear td.btn a:active{
	  background-color: #D8EBFF;
    border-bottom-color: #666666;
    border-left-color: #CCCCCC;
    border-right-color: #666666;
    border-top-color: #CCCCCC;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}



table.standardleft th a.left, 
table.standardright th a.left, 
table.standardclear th a.left,
table.standardleft td a.left, 
table.standardright td a.left, 
table.standardclear td a.left{
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

table.standardleft th a.center, 
table.standardright th a.center, 
table.standardclear th a.center,
table.standardleft td a.center, 
table.standardright td a.center, 
table.standardclear td a.center{
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

table.standardleft th a.right, 
table.standardright th a.right, 
table.standardclear th a.right,
table.standardleft td a.right, 
table.standardright td a.right, 
table.standardclear td a.right{
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}



div.width20{ width: 20px; }
div.width30{ width: 30px; }
div.width40{ width: 40px; }
div.width50{ width: 50px; }
div.width60{ width: 60px; }
div.width70{ width: 70px; }
div.width80{ width: 80px; }
div.width90{ width: 90px; }
div.width100{ width: 100px; }
div.width110{ width: 110px; }
div.width120{ width: 120px; }
div.width130{ width: 130px; }
div.width140{ width: 140px; }
div.width150{ width: 150px; }
div.width160{ width: 160px; }
div.width170{ width: 170px; }
div.width180{ width: 180px; }
div.width190{ width: 190px; }
div.width200{ width: 200px; }
div.width210{ width: 210px; }
div.width220{ width: 220px; }
div.width230{ width: 230px; }
div.width240{ width: 240px; }
div.width250{ width: 250px; }
div.width260{ width: 260px; }
div.width270{ width: 270px; }
div.width280{ width: 280px; }
div.width290{ width: 290px; }
div.width300{ width: 300px; }
div.width310{ width: 310px; }
div.width320{ width: 320px; }
div.width330{ width: 330px; }
div.width340{ width: 340px; }
div.width350{ width: 350px; }
div.width360{ width: 360px; }
div.width370{ width: 370px; }
div.width380{ width: 380px; }
div.width390{ width: 390px; }
div.width400{ width: 400px; }
div.width410{ width: 410px; }
div.width420{ width: 420px; }
div.width430{ width: 430px; }
div.width440{ width: 440px; }
div.width450{ width: 450px; }
div.width460{ width: 460px; }
div.width470{ width: 470px; }
div.width480{ width: 480px; }
div.width490{ width: 490px; }
div.width500{ width: 500px; }
div.width510{ width: 510px; }
div.width520{ width: 520px; }
div.width530{ width: 530px; }
div.width540{ width: 540px; }
div.width550{ width: 550px; }
div.width560{ width: 560px; }
div.width570{ width: 570px; }
div.width580{ width: 580px; }
div.width590{ width: 590px; }
div.width600{ width: 600px; }

div.dotunderline {
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom-color: #666;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
}
	
.textcolor{
	color:#000;
	font-size:10px;
	font-weight:normal;
	}
	
.text1{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-left:30px;
	text-align:left;
	}