/* tz default css*/

/* 色やフォントなどのスタイル属性のデフォルト値を上書きするには、ここで定義します。 */

/* ページのバックグラウンドの色 */
body { 
  background-color: #ccddcc;
  background-image: url("pic/cosmos.jpg");
  background-attachment:fixed;
  background-position:100% 100%;
  background-repeat:repeat;
}

/*行列状の表*/
table.mesh {
  background-color: #ffffff; /* 背景の色 */
  border-color: #000000; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
	border-collapse:collapse;/*cellspacing="0"*/
}
table.mesh TH,table.mesh TD{
  background-color: #ffffff; /* 背景の色 */
  border-color: #000000; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
  padding:0.2em 0.5em;
}

/*枠のみの表*/
table.square {
  background-color: #ffffff; /* 背景の色 */
  border-color: #000000; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  border-style: solid; /* 枠の種類 */
	border-collapse:collapse;/*cellspacing="0"*/
}

table.square TH,table.square TD{
  background-color: #ffffff; /* 背景の色 */
  border-width: 0px; /* 枠の幅 */
  padding:0.2em 0.5em;
  word-wrap: break-word;

}

/* テーブルの色 */
.TableHeadingColor     { background: #CCCCFF } /* 濃い藤色 */
.TableSubHeadingColor  { background: #EEEEFF } /* 薄い藤色 */
.TableRowColor         { background: #FFFFFF } /* 白 */

/* 左側のフレームのリストに使用するフォント */
.FrameTitleFont   { font-size: 10pts; font-family: Helvetica, Arial, san-serif }
.FrameHeadingFont { font-size: 10pts; font-family: Helvetica, Arial, san-serif }
.FrameItemFont    { font-size: 10pts; font-family: Helvetica, Arial, san-serif }

/* フレームにおける、より小さい、セリフなしフォントの例 */
/* .FrameItemFont  { font-size: 10pt; font-family: Helvetica, Arial, sans-serif } */

/* ナビゲーションバーのフォントと色 */
.NavBarCell1    { background-color:#EEEEFF;}/* 薄い藤色 */
.NavBarCell1Rev { background-color:#00008B;}/* 濃い青 */
.NavBarFont1    { font-family: Arial, Helvetica, sans-serif; color:#000000;}
.NavBarFont1Rev { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF;}

.NavBarCell2    { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
.NavBarCell3    { font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF;}

/*squared area*/
span.square {
  background-color: #ffffff;
  border-color: #bbbbbb;
  border-width: 1px;
  border-style: solid;
  border-collapse:collapse;/*cellspacing="0"*/
  position:relative; top:-1px; bottom:-1px;
  padding: 2px 0px 1px 1px;
}


/*text area*/
div.text{
  font-size: 110%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/*squared area*/
div.square {
  background-color: #ffffff;
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  border-collapse:collapse;/*cellspacing="0"*/

}

/*paper area*/
div.paper {
  background-image: url("pic/paper-200.jpg");
  background-position:100% 100%;
  background-repeat:repeat;
  border-color: white;
  border-width: 3px;
  border-style: solid;
  border-collapse:collapse;/*cellspacing="0"*/
}


/*squared area*/
div.cell {
  background-color: #ffffff;
  border: none;
  word-wrap: break-word;
//  word-break:break-all;
}
.middle{vertical-align:middle} 


pre {
  /* IE 5.5+ */
  word-wrap: break-word;
  /* Mozilla */
  white-space: -moz-pre-wrap;
  /* Opera 4-6 */
  white-space: -pre-wrap;
  /* Opera 7 */
  white-space: -o-pre-wrap;
  /* CSS3 */
  white-space: pre-wrap;
}