#Overlay {
    left:0;
    top:0;
    width:100%;
    height:100%;
    position:fixed;
    background:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index:101;
	display:none;
}
div.Mask,
#Mask{
    position:absolute;
 	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display:none;
	z-index:111;
	background:#FFF;
}
#BaseWindow {
    border:2px #999 solid;
    -moz-border-radius:0.6em;
    -khtml-border-radius:0.6em;
    -webkit-border-radius:0.6em;
    border-radius:0.6em;
    position:fixed;
    display:none;
    z-index:101;
    background: #333;
    min-width: 400px;
/*    max-width: 960px;*/
/*    min-height: 400px;*/
}
#BaseWindowContent {
    background: #FFF;
    overflow: auto;
    padding: 20px;
}
#myAlert{
    display:none;
    position:fixed;
    margin: 0;
    top:0;
    width: 100%;
    font-size:24px;
    font-weight:bold;
    z-index: 200;
    line-height:180%;
    text-indent:2em;
    background-color:#CCC;
    color:#FFF;
/*    border:1px solid #999;*/
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#CCC));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #C00, #900);
}
p.close img{
    padding: 2px;
    float:right;
}
p.close img:hover {
    cursor:pointer;
}
p.clear{
    clear:both;
}
p.guide{
    color:#900;
}
.center{
    text-align:center;
}
.number{
    font-size:10.5px;
    text-align:right;
    width:90px;
}
table.list tr td.number,
table.list tr th.number{
    text-align:right;
}
table.list tr td.center,
table.list tr th.center{
    text-align:center;
}
table.list tr td.right,
table.list tr th.right{
    text-align:right;
}
table.list tr td.left,
table.list tr th.left{
    text-align:left;
}

table.list td table {
	width: 100%;
}

th.remark,
td.remark{
    width:250px;
}

th.name{
    width:100px;
}
table.detail{
    font-size:75%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 20px;
}
table.detail th.rb, table.detail td.rb {
    border-right: 1px solid #666;
}
table.detail th,
table.detail td{
    white-space:nowrap;
    padding: 3px;
    border: 1px solid #666;
}

table.detail tr:nth-child(even) {
  background: #fff;
}
table.detail table {
    border-collapse: collapse;
    border-spacing: 0;
}

table.detail tr td input.short[type=text]{
    width:8em;
}









table.tableborder{
    font-size:75%;
    border-spacing: 0;
    margin: 10px 0 40px;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
}
table.tableborder th.rb, table.tableborder td.rb {
    border-right: 1px solid #666;
}
table.tableborder th,
table.tableborder td{
    white-space:nowrap;
    padding: 4px;
    min-width: 8px;
    text-align: center;
}

table.tableborder tr:nth-child(even) {
  background: #fff;
}
table.tableborder table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.tableborder tr.last_year td,
table.tableborder tr.last_year th {
    background:#CCF;
}
table.tableborder th {
    background: none repeat scroll 0 0 #EEF2FD;
    color: #1F5999;
    vertical-align: middle;
    border-bottom: 1px ridge #ccc;
    border-right: 1px ridge #ccc;
}
table.tableborder td {
    border-bottom: 1px ridge #ccc;
    border-right: 1px ridge #ccc;
}









/* i≪a! */
table.detailInner th,
table.detailInner td{
    vertical-align: top;
    min-width:30px;
    white-space:nowrap;
}
table.detailInner tr td.center,
table.detailInner tr th.center{
    text-align:center;
}
table.detailInner tr td.right,
table.detailInner tr th.right{
    text-align:right;
}
table.detailInner tr td.left,
table.detailInner tr th.left{
    text-align:left;
}
table.detailMulti {
    border-collapse: collapse;
    border-spacing: 0;
}

table.detailMulti th,
table.detailMulti td{
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    white-space:nowrap;
    padding:4px;
}
table.detailMulti th{
    border-bottom:1px solid #B8B6B7;
    min-width:1em;
}
table.detailMulti tr td.center,
table.detailMulti tr th.center{
    text-align:center;
}
table.detailMulti tr td.right,
table.detailMulti tr th.right{
    text-align:right;
}
table.detailMulti tr td.left,
table.detailMulti tr th.left{
    text-align:left;
}
td label {
	margin-right: 5px;
}

/* C±C±C窶ｹC竕蠀 */

input{
    font-size:10.5px;
    margin:1px;
}
table.form{
    background:#FFF;
    font-size:10.5px;
    border:0px;
}
table.form tr {
    background:#FFF;
}
table.form tr: nth-child(even) {
	background: #FFF;
}

table.form tr td{
    background:#FFF;
}
table.form tr td input[type=text],
table.form tr td select
{
    font-size:10.5px;
}
/* i≪a! */
table.form tr td select.article
{
    font-size:100%;
    width:200px;
}
table.form tr td select.name
{
    font-size:100%;
    width:150px;
}

table.form tr td select.min
{
    font-size:100%;
    width:50px;
}
table.form tr td select.prefecture
{
    font-size:100%;
    width:85px;
}


/* 追加 */
table.form tr td input.zip[type=text]{
    width:4em;
}
table.form tr td input.address[type=text]{
//    width:30em;
    width:24em;
}
table.form tr td input.mini[type=text]{
    width:4em;
}
table.form tr td input.short[type=text]{
    width:8em;
}
table.form tr td input.middle[type=text]{
    width:12em;
}
table.form tr td input.long[type=text]{
    width:14.5em;
}
table.form tr td input.slong[type=text]{
    width:20em;
}

table.form tr td input.snumber[type=text]{
    width:3em;
    text-align:right;
}
table.form tr td input.mnumber[type=text]{
    width:4em;
    text-align:right;
}
table.form tr td input.lnumber[type=text]{
    width:5em;
    text-align:right;    
}
table.form tr td input.name[type=text]{
    width:12em;
}
table.form tr td input.company[type=text]{
    width:20em;
}
table.form tr td input.minimum[type=radio]{
    width:16px;
}
table.form tr td input.short[type=radio]{
    width:18px;
}
table.form tr td input.wide_area[type=text]{
    font-size:100%;
    height:150px;
    width:600px;    
}



table.form tr td textarea{
    font-size:100%;
    height:85px;
    width:300px;    
}

/* C±C±C窶ｹC竕蠀 */

div.graph{
}
div.legend2{
    width:300px;
    height:250px;
    float:right;
}
div.legend2 table{
}
div.legend2 table th{
    width:110px;
    text-align:left;
    border-bottom:1px solid #999;
}
div.legend2 table td{
    width:80px;
    text-align:right;
    border-bottom:1px solid #CCC;
}

div.small{
    width:800px;
    margin-right:auto;
    margin-left:auto;
}
table.detail tr.last_year td,
table.detail tr.last_year th {
    background:#CCF;
}
table.detail th {
    background: none repeat scroll 0 0 #EEF2FD;
    color: #1f5999;
    vertical-align: middle;
}

table tr.objective td,
table tr.objective th
{
    background:#FFC;
}
td.warnning{
    color:#F00;
}


/* ファイルアップロード関連 */
#OwnerFileList{
    
}
#OwnerFileList table th,
#OwnerFileList table td{
    width:240px;
}
#OwnerFileList input{

}





img.icon{
	vertical-align: middle;
}

div.navigator_period{
    text-align:center;
}

optgroup option{
    text-indent:1em;
}







#ArticleList {
	margin-top: 30px;
}
textarea#ResidentRemark, textarea#ContractCancelRemark {
	width: 97%;
}
textarea#ResidentAccountStr{
    height:85px;
    width:300px;    	
}

ul.tab{
    margin-top:4px;
}
ul.tab li{
    float:left;
    width:110px;
    text-align:center;
    margin-left:1px;
    margin-right:1px;
    border-top:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
}
ul.tab li.current{
    background:#FFF;
}
ul.tab li:hover{
    background:#CCF;
}
ul.tab li a{
    text-decoration:none;
    display:block;
    width:100%;
}
ul.tab li a:hover{
    text-decoration:underline;
}

table.small {
    font-size:10.5px;
    border-collapse: collapse;
    border:2px solid black;
}
table.small tr th{
    background:lightgrey;
}
table.small tr td{
    background:#FFFFFF;
}
table.small tr th,
table.small tr td
{
    font-size:10.5px;
    border:1px solid black;
    padding:1px;
}
table.small tr th,
table.small tr.bottom td
{
    background:lightgrey;
    border-top:2px solid black;
    border-bottom:2px solid black;
}
table.small tr td.item{
    text-indent:1em;
}
table.small tr.yellow td{
    background:#FFFFCC;
}

a:link, a:visited {
    text-decoration: none;
    color: #07E;
}

a:hover{
    color:#F08;
}

div.left{
    float:left;
    width:20%
}
div.center{
    float:left;
    margin-left:auto;
    margin-right:auto;
    width:50%;
    text-align:center;
}
div.right{
    float:left;
    width:20%;
    text-align:right;
}

table.bold tr th,
table.bold tr td {
    border:2px solid #000;
    font-weight:bold;
    font-size:14px;
    color:#000;
    width:200px;
}
table.bold tr td{
    background:#FFF;
}

/*カレンダー*/
table.calendar{
    white-space:normal;
    border-collapse:collapse;
    background-color: #9999CC;
    margin-bottom: 20px;
}
.calendar th.title{
    color: #000000;
    background-color: #efefef;
    text-align: center;
    border-width: 0px;
}
.calendar th{
    border-width: 1px;
    border-style: solid;
    border-color: #9999CC;
    background-color: #EEEEEE;
    color: #000000;
    text-align: right;
    white-space: nowrap;
}
.calendar th a{
    color: #000000;
}
.calendar td{
    font-size: 11px;
    line-height: 150%;
    white-space:normal;
    border-width: 1px;
    border-style: solid;
    border-color: #9999CC;
    text-align: center;
    width: 160px;
    height: 60px;
    background-color: #FFFFFF;
}
.calendar tr.calendar_list0 td{
    height: auto;
    font-size:12px;
    text-align: center;
    border-bottom-width: 2px;
    border-bottom-color: #9999CC;
    border-bottom-style: solid;
}
.calendar tr.calendar_list1 td{
    height: auto;
    font-size:12px;
    text-align: center;
    border-bottom-width: 2px;
    border-bottom-color: #CC9999;
    border-bottom-style: solid;
}
.calendar tr.calendar_list0 th{
    border-bottom-width: 2px;
    border-bottom-color: #9999CC;
    border-bottom-style: solid;
}
.calendar tr.calendar_list1 th{
    border-bottom-width: 2px;
    border-bottom-color: #CC9999;
    border-bottom-style: solid;
}
.calendar td.sun{
    background-color: #FFDDDD;
}
.calendar td.sat{
    background-color: #DDDDFF;
}
.calendar tr.calendar_list0:hover td{
    background-color: #EEEEEE;
}
.calendar tr.calendar_list0:hover td.sun{
    background-color: #EECCCC;
}
.calendar tr.calendar_list0:hover td.sat{
    background-color: #CCCCEE;
}
.calendar tr.calendar_list0:hover th{
    background-color: #DDDDDD;
}

.calendar tr.calendar_list1:hover td{
    background-color: #EEEEEE;
}
.calendar tr.calendar_list1:hover td.sun{
    background-color: #EECCCC;
}
.calendar tr.calendar_list1:hover td.sat{
    background-color: #CCCCEE;
}
.calendar tr.calendar_list1:hover th{
    background-color: #DDDDDD;
}
.calendar ul{
    padding: 0px;
    margin: 0px;
}
.calendar li{
    list-style-type: none;
}
table.calendar ul li {
    list-style-type: none;
}
.cal_navi{
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#block ul {
    font-size: small;
    margin-top: 1em;
}
#block li {
    font-size: small;
    margin-top: 0.5em;
    list-style-position: inside;
    list-style-type: disc;
}
#block table.calendar ul li {
    list-style-type: none;
}

div.list_block{
    width:600px;
    margin-left:auto;
    margin-right:auto;
    float:left;
    margin:10px;
}

@media print {
#header {display:none;}
#footer {display:none;}
}