@charset "UTF-8";
body {
	font-family: "メイリオ","Meiryo","Arial","Arial Black";
	font-size: 12px;
	background-color: paleturquoise;

}
option {
	background-color: white;
}
TH {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 2px;
	BACKGROUND: #434343;
	COLOR: white;
	PADDING-TOP: 1px;
	FONT-SIZE: 14px;
	BORDER:1px solid white;
}
SELECT,INPUT,TEXTAREA {
	font-family: "Meiryo","Arial";
	font-size: 12px;
/*	background-color: #fffacd;*/
	PADDING: 0;
	margin:0px;
}

INPUT.EDIT {
	font-family: "Arial","Arial Black";
	text-align:right;
	background-color: #fffacd;
	margin:0px;
	ime-mode:disabled;
	font-size: 18px;
/*	font:50px;*/
}
INPUT.EDIT4 {
	font-family: "Arial","Arial Black";
	text-align:right;
	background-color: #ffd700;
	margin:0px;
	ime-mode:disabled;
}
INPUT.EDITCOLOR {
	font-family: "Arial","Arial Black";
	text-align:right;
	text-align:left;
	background-color: #fafad2;
	margin:0px;
}
INPUT.EDITCOLOR2 {
	font-family: "Arial","Arial Black";
	text-align:left;
	background-color: #ffdead;
	margin:0px;
}
#EDITCOLOR {
	font-family: "Arial","Arial Black";
	text-align:left;
	background-color: #fafad2;
	margin:0px;
}
INPUT.EDITCENTER {
	font-family: "Arial","Arial Black";
	text-align:center;
	font-size: 12px;
	background-color: #fffacd;
	margin:0px;
}
INPUT.EDITLEFT {
	font-family: "Arial","Arial Black";
	text-align:left;
	font-size: 18px;
	ime-mode:disabled;
	margin:0px;
	height:22px;
	width:168px;
	background-color: #fffacd;

	border:2px solid #777;
	padding: 3px;
	background: #fff;
	border-radius: 10px;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	-webkit-border-radius: 10px;
	
	/* Firefox */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	-moz-border-radius: 10px;
	
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ffeeee,endColorstr=#ffffff);
	zoom: 1;


}
.rt{
	color: black;
	text-align:right;
}

.cen{
	color: black;
	text-align:center;
}
.top {
	vertical-align:top;
}

#data-table tr {
	BACKGROUND: #dddddd;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
}
#data-table tr .rt{
/*	BACKGROUND: #dff3c4; 緑 */
	BACKGROUND: #dddddd;/* グレーeeeeee */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table tr .rt2{ /*色付け固定*/
/*	BACKGROUND: #dff3c4; 緑 */
	BACKGROUND: #dff3c4;/* グレーeeeeee */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table tr .rt3{ /*色付け固定*/
/*	BACKGROUND: #dff3c4; 緑 */
	BACKGROUND: lightyellow;/* グレーeeeeee */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table .tr-odd {
	BACKGROUND: whitesmoke;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	border: 1px solid #999999;
}
#data-table .tr-odd .rt{
	BACKGROUND: whitesmoke;/* グレー */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	/*border: 1px solid #999999;*/
	text-align:right;
}
#data-table .tr-selected {/*テーブルの移動時leftのhover*/
	BACKGROUND:#87ceeb; /* #f0e68c;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
}
#data-table .tr-selected .rt{/*テーブルの移動時rightのhover*/
	BACKGROUND: #87ceeb; /* #f0e68c;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table .tr-selected .rt2{/*色固定 LIME テーブルの移動時rightのhover*/
	BACKGROUND: palegreen; /*#98fb98;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table .tr-selected .rt3{/*色固定 LIME テーブルの移動時rightのhover*/
	BACKGROUND: gold; /*#98fb98;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table .tr-selected .lt{/*テーブルの移動時rightのhover*/
	BACKGROUND: #87ceeb; /* #f0e68c;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:left;
}
#data-table .tr-selected .cen{/*テーブルの移動時rightのhover*/
	BACKGROUND: #87ceeb; /* #f0e68c;*/
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:center;
}
#data-table2 {
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
	BACKGROUND: white;
}
#data-table2 tr {
	BACKGROUND: white;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
}
#data-table2 tr .rt{
	BACKGROUND: whitesmoke;/* グレー */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table2 tr .lt{
	BACKGROUND: whitesmoke;/* グレー */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:left;
}
#data-table2 tr .cen{
	BACKGROUND: whitesmoke;/* グレー */
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:center;
}
#data-table2 .tr-odd {
	BACKGROUND: white;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
}
#data-table2 .tr-odd .rt{
	BACKGROUND: white;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table2 .tr-odd .lt{
	BACKGROUND: white;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: #900000;
	text-align:left;
}
#data-table2 .tr-odd .cen{
	BACKGROUND: white;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: #900000;
	text-align:center;
}
#data-table2 .tr-selected .cen{/*テーブルの移動時のhover*/
	BACKGROUND: khaki;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:center;
}
#data-table2 .tr-selected .rt{/*テーブルの移動時rightのhover*/
	BACKGROUND: khaki;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:right;
}
#data-table2 .tr-selected .lt{/*テーブルの移動時leftのhover*/
	BACKGROUND: khaki;
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	color: black;
	text-align:left;
}
#input1 {
 clear:left;
}
#input2 {
 clear:left;
}
#input3 {
 clear:left;
}
#input4 {
 clear:left;
}
#input5 {
 clear:left;
}
#input6 {
 clear:left;
}
#input7 {
 clear:left;
}
#input8 {
 clear:left;
}
#input9 {
 clear:left;
}
#input10 {
 clear:left;
}
#input11 {
 clear:left;
}
#input12 {
 clear:left;
}
#input13 {
 clear:left;
}
#input14 {
 clear:left;
}
#input15 {
 clear:left;
}
#input16 {
 clear:left;
}
#input17 {
 clear:left;
}
#input18 {
 clear:left;
}
#input19 {
 clear:left;
}
#input20 {
 clear:left;
}
#input21 {
 clear:left;
}
#input22 {
 clear:left;
}

#input23 {
 clear:left;
}

#input24 {
 clear:left;
}

#input25 {
 clear:left;
}

#input26 {
 clear:left;
}

#input27 {
 clear:left;
}

#input28 {
 clear:left;
}

#input29 {
 clear:left;
}

#input30 {
 clear:left;
}

#input31 {
 clear:left;
}

#input32 {
 clear:left;
}

#input33 {
 clear:left;
}

#input34 {
 clear:left;
}

#input35 {
 clear:left;
}

#input36 {
 clear:left;
}

#input37 {
 clear:left;
}

#input38 {
 clear:left;
}

#input39 {
 clear:left;
}

#input40 {
 clear:left;
}

#input41 {
 clear:left;
}

#input42 {
 clear:left;
}

#input43 {
 clear:left;
}

#input44 {
 clear:left;
}

#input45 {
 clear:left;
}

#input46 {
 clear:left;
}

#input47 {
 clear:left;
}

#input48 {
 clear:left;
}

#input49 {
 clear:left;
}

#input50 {
 clear:left;
}


#data-table2 tr,#data-table2 td {
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	border: 1px solid #999999;
	background: white;
	valign:center;
}
.data2rt {
	border: 1px solid #999999;
	background: white;
	padding-top: 3px;
	padding-bottom: 2px;
	margin:0px;
	text-align:right;
}
#data2rt {
	border: 1px solid #999999;
	margin:0px;
	text-align:right;
}
#data2lt {
	border: 1px solid #999999;
	margin:0px;
	text-align:left;
}
#data-table2 tr td {
	height:26px;
}
#data-table2 .noheight {
	height:0px;
}
#data-table2  .cen,#data-table2 .rt {
/*	background:white;	*/
}
#data-table3 {
	FONT-SIZE: 12px;
	font-family: "Arial","Arial Black";
	border: 1px solid #999999;
	border-collapse: collapse;
}
#data-table3 tr {
	border: 3px solid #999999;
/*	background:#ffffcc;黄色*/
	padding-top: 3px;
	padding-bottom: 2px;
	margin:0px;
}
#data-table3 .tr-odd {
	border: 1px solid #111111;
	background:#ccFFFF;/*blue*/
	padding-top: 3px;
	padding-bottom: 2px;
	margin:0px;
}
#data-table3 .tr-odd.cen {
	border: 1px solid #999999;
	background:#ccccff;/*紫*/
	padding-top: 1px;
	padding-bottom: 1px;
	margin:0px;
}

* {
}
#title {
	color: white;
	padding: 3px;
/*	font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
	font-size: 24px;
	display: block;
	margin: 3px;
	font-weight: bold;
	background-image: url(images/titlebarmini.jpg);
	background-repeat: repeat;
	border-top: 3px solid #A264FD;
	border-right: 3px solid #4302A4;
	border-bottom: 3px solid #4402A6;
	border-left: 3px solid #8535FD;
	width:400px;
}
.pagetitle {
	color: black;
	padding: 1px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 18px;
	display: block;
	margin: 1px;
	border: 3px solid #bbbbbb;
	text-align: left;
	width:99%;
	padding-left:10px;
	margin-left:0px;
	margin-right:auto;

}
.pagetitleipad {
	color: black;
	padding: 1px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 18px;
	display: block;
	margin: 1px;
	border: 3px solid #bbbbbb;
	text-align: left;
	width:900px;
	padding-left:10px;
	margin-left:0px;
	margin-right:auto;

}

.title_bar a{
	display: block;
	width: 280px;
	FONT-SIZE: 12px;
	color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}
.torange a{
	width: 280px;
	FONT-SIZE: 12px;
	color: black;
	/* background: #CACAFF; */
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;
	/* padding: 0px; */
	font-weight: bold;
	text-decoration: none;
	display: block;
	border-color: #7D7DFF;
	margin: 0; 
	padding: 5px 5px 5px; background: #C7CCFC;
	float: left; 
	 border-style: outset;
	/* display: inline; */
}
.torange a:hover {
	background: orange; 
	border-style: inset; 
}


.border1 {/*グローバルナビゲーションボタン*/
  text-align: left;
  vertical-align: middle;
  width:98%;
  margin: 3px;
  padding: 1px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  /*color: white;*/
  background: white;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  FONT-SIZE: 12px;
  display:table;
}
.border1box {/*グローバルナビゲーションボタン*/
	float:left;
	text-align: left;
	border: 1px solid #dddddd;
	height: 55px;
	FONT-SIZE: 12px;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
	display:table-cell;
}
.border1box2 {/*グローバルナビゲーションボタン*/
	float:left;
	text-align: left;
	text-valign: midium;
	border: 1px solid #dddddd;
	height: 50px;
	FONT-SIZE: 12px;
	padding: 1px;
	margin:0px;
	vertical-align:middle;
}
.border1box2b {/*グローバルナビゲーションボタン*/
	float:left;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #dddddd;
	height:45px;
	FONT-SIZE: 12px;
	padding: 1px;
	margin:1px;
	vertical-align:middle;
}
.border1box2c {/*グローバルナビゲーションボタン*/
	float:left;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #800000;
	min-height:37px;height:auto !important;
	FONT-SIZE: 12px;
	padding: 1px;
	margin:1px;
	vertical-align:middle;
}
.border1x {/*グローバルナビゲーション（ＴＯＰへ）*/
  text-align: left;
  margin-top: 0;
  width:150px;
  padding: 3px;
  /*border-left: 1px solid #cccccc;	*/
  /*border-right: 1px solid #cccccc;	*/
  /*border-top: 1px solid #cccccc;	*/
  border-bottom: 1px solid #cccccc;
  line-height: 1.0;
  /*color: #EBEBEB;*/
  background: white;
  FONT-SIZE: 12px;
  LETTER-SPACING: 1px; 
}
.border1 td{/*グローバルナビゲーションボタン*/
  vertical-align: top;
}
.logon {
  color: white;
  background: black;
 /* background:url(images/logo1.jpg); 背景画像のURL */
  text-align: left;
  margin-top: 0;
  width:350px;
  padding: 3px;
  border: 1px solid #aaaaaa;
  line-height: 1.0;
  FONT-SIZE: 12px;
  LETTER-SPACING: 1px; 
}
.logon2 {/*グローバルナビゲーション（ＴＯＰへ）*/
  text-align: left;
  margin-top: 0;
  width:150px;
  padding: 3px;
  border: 3px solid white;
  line-height: 1.0;
  background: #A8C8FF;
  FONT-SIZE: 12px;
  LETTER-SPACING: 1px; 
}
.logon3 {/*グローバルナビゲーション（ＴＯＰへ）*/
  background: black;
 align: center;
  text-align: center;
  margin-top: 0;
  width:150px;
  padding: 3px;
  border: 3px solid white;
  line-height: 1.0;
  /*background: #EFDCA3;*/
  background-image: url("./images/goldback.gif");
  FONT-SIZE: 12px;
  LETTER-SPACING: 1px; 
}
.border2 {
 padding: 2px;
 border: 1px solid #663300;
 color: #663300;
 background: #ffffcc;
}
.border3 {/*背景赤枠ボックス*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  font-weight: bold;
  color: white;
  padding:3px;
  border-spacing:2px;
  border-right: 1px solid white;
  background: #FF3300;
  clear:both;
}
.border3ok {/*背景青枠ボックス*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  font-weight: bold;
  color: white;
  padding:3px;
  border-spacing:2px;
  border-right: 1px solid white;
  background: #008000;
  clear:both;
  border: 3px solid #008000;
}
.border3alt {/*背景アラートボックス*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  font-weight: bold;
  color: white;
  padding:3px;
  border-spacing:2px;
  border-right: 1px solid white;
  background: #483d8b;
  clear:both;
 /* border: 3px solid #008000;*/
}
.datachangeinfo {
	FONT-SIZE: 13px;
	/*font-family: "Century Gothic", "ＭＳ Ｐゴシック", "Osaka";*/
	font-weight: bold;
	color: black;
	padding:3px;
	border-spacing:2px;
	background: #FFFF8E;
	border: 1px solid #FF6600;
}
.selected {
  background: #dddddd;
  font-weight:bold;
}

.box1 {
	width: 160px;
	height: 27px;
	FONT-SIZE: 12px;
/*		color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;*/
	padding: 2px;
}
.box1a {
	width:  90px;
	height: 27px;
	FONT-SIZE: 12px;
/*		color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;*/
	padding: 2px;
}
.box1b {
	width: 120px;
	FONT-SIZE: 12px;
	padding: 2px;
}
.box1s {
	width: 70px;
	height: 27px;
	FONT-SIZE: 12px;
/*		color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;*/
	padding: 2px;
}
INPUT .box1{
/*	width: 125px;
	FONT-SIZE: 12px;
	color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;
	padding: 2px;
	text-align:center;*/
}
.box2 {
	width: 125px;
	FONT-SIZE: 12px;
	color: black;
	background: #FFFF99;
	border-top: 1px solid #FF6600;
	border-right: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	border-left: 1px solid #FF6600;
}
a.box3 {
	text-decoration: none;
	width: 150px;
	FONT-SIZE: 12px;
	color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;
	padding: 2px;
	margin:2px;
}

a.box4 ,#box4{
	text-decoration: none;
	text-align: center;
	font-family: "Meiryo","Arial";
	height: 27px;
	width: 160px;
	FONT-SIZE: 12px;
	color: black;
	background: white;
	border-top: 4px double #333333;
	border-right: 4px double #666666;
	border-bottom: 4px double #666666;
	border-left: 4px double #333333;
	padding: 1px;
	margin :3px;
}
a.box4:hover, a.box4:active {
	background: #f0e68c;
}
a.box4select {
	text-decoration: none;
	text-align: center;
	font-family: "Meiryo","Arial";
	height: 27px;
	width: 160px;
	FONT-SIZE: 12px;
	color: black;
	background: #90ee90;
	border-top: 4px double #006400;
	border-right: 4px double #006400;
	border-bottom: 4px double #006400;
	border-left: 4px double #006400;
	padding: 1px;
	margin :3px;
}

.titletop {/*ページトップTABLE*/
	display:table;
/*	position: fixed;*/
	top: 50px;
	left: 0;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	width:100%;
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 1px 1px 0 1px;
	line-height: 1.2;
	background: white;
	LETTER-SPACING: 1px; 
}

.boxblue {
  FONT-SIZE: 12px;
  color: black;
  background: #66ccff;
}
.boxorange {
  FONT-SIZE: 12px;
  color: black;
  background: #ff9966;
}
.inputbig {
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  WIDTH: 250px;
  HEIGHT:30px;
}
.inputmidium {
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  WIDTH: 150px;
  HEIGHT:25px;
}

.tbrownr{
  background:#eaeaea; /*FFCC99;*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid white;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:right;
}
.tgreen{
  background: white;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  padding:3px;
  border-spacing:2px;
  text-align:left;
}
.tgreenr{
  background: white;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  padding:3px;
  border-spacing:2px;
  text-align:right;
}
.tbrown{
	font-size: 12px;
	font-weight: bold;
	color: #2B356F;
	padding: 5px;
	background: #E8E9F0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.tyellow{
  background: white;
  font-weight: bold;
  color: black;
  padding: 5px;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-bottom: 1px solid #CCCCCC;
}
.tyellowr{
  background: white;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:right;
}
.treda{ /*納品期限注意*/
  background: #ffff99;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:left;
}
.tredar{ /*納品期限注意　右寄せ*/
  background:#ffff99;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:right;
}
.tredb{ /*納品期限ＯＵＴ*/
  background: #ff6633;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:left;
}
.tredbr{ /*納品期限ＯＵＴ　右寄せ*/
  background: #ff6633;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:right;
}

.tgray2{
  FONT-SIZE: 12px;
  background:#EEEEEE;
  border:solid #AAAAAA 1px;
  padding:3px;
  text-align:center;
}
.tgray2r{
  FONT-SIZE: 12px;
  background:#EEEEEE;
  border:solid #AAAAAA 1px;
  padding:3px;
  text-align:right;
}

.marker1{
  FONT-SIZE: 12px;
  margin:4px;
  padding: 4px;
  border-spacing:4px;
  background-color:#eaeaea;
  border:solid #cccccc 2px;
  clear:both;
}

.tblue{
  background: white;
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border:solid #cccccc 1px;
  padding:3px;
  border-spacing:0px;
  text-align:left;
}
.tgray{
  background:#eaeaea; /*FFCC99;*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #999999;
  border-bottom: 2px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:left;
  font-weight: bold;
}
.tgray3{
  padding: 3px;
  background:#EEEEEE;
  border:solid #AAAAAA 1px;
  text-align:left;
}
.torange{
  background: white;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #999999;
  padding:1px;
  border-spacing:1px;
  text-align:left;
}
.torange2{
  background:#eaeaea; /*FFCC99;*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid white;
  border-bottom: 1px solid #999999;
  padding:3px;
  border-spacing:2px;
  text-align:left;
}
.tdinfohonbu{
  background:#eaeaea; /*情報表示本部;*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
  border-top: 2px solid #888888;
  padding:3px;
  border-spacing:2px;
  text-align:left;
  font-weight: bold;
}
.tdinfomaker{
  background:#CBD7CA; /*情報表示サプライヤー;*/
  FONT-SIZE: 12px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
  border-right: 1px solid #999999;
  border-top: 2px solid #888888;
  padding:3px;
  border-spacing:2px;
  text-align:left;
  font-weight: bold;
}
.tdinfotitle { /*情報表示タイトル;*/
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
	font-size: 14px;
	font-weight: bold;
	margin: 2px;
	padding: 3px;
	width: auto;
	border: 1px solid #CC6600;
	text-align:left;
	font-weight: bold;
}
.debugbox1 { /*デバッグＳＱＬ文*/
  width: 900px;
  border: 1px solid #794747;
  FONT-SIZE: 12px;
  color: black;
  background: whitesmoke;

}
.mainpagebutton {
/*	width: 280px;
	FONT-SIZE: 12px;
	color: black;
	background: #CACAFF;
	border-top: 3px solid #E1D7FF;
	border-right: 3px solid #7D7DFF;
	border-bottom: 3px solid #9B9BFF;
	border-left: 3px solid #CBB9FF;
	padding: 2px;
	font-weight: bold;
	text-decoration: none;*/
}
.mainpagebar {
	width:300px;
	padding: 3 0 0 5px;
  /*font-family: "Century Gothic","ＭＳ Ｐゴシック", "Osaka";*/
	font-size: 16px;
	display: block;
	margin: 3 0 3 10px;
	font-weight: bold;
	/* background-image: url(./images/partitionbar.gif); */
	background-repeat: repeat;
	/*border-top: 1px solid #A264FD;
	border-right: 1px solid #4302A4;
	border-bottom: 1px solid #4402A6;
	border-left: 1px solid #8535FD;
	border-color: blue;*/
	color: white;
	background:#515C8C ;

}
#lnavi ul { font-size: 100%; line-height: 5px; margin: 3 0 3 20px; border:  1px solid #003399;width:280px; }
#lnavi li { list-style-type: none; font-size: 79%; margin: 0; padding: 0; border-top: 1px dotted #c2c5e0; }
#lnavi li#lnavi01 { border: 20px; }
#lnavi li a { display: block; margin: 0; padding: 11px 8px 8px; background: #C7CCFC; text-decoration: none;color: black;}
#lnavi li a:hover {	background: orange;text-decoration: none;color: black;}

.page01 #lnavi01 a,.page02 #lnavi02 a,.page03 #lnavi03 a { background: #F8F8FA; }


#cell8{
	width: 8mm;
}
#cell10{
	width: 10mm;
}
#cell12{
	width: 12mm;
}
#cell13{
	width: 13mm;
}
#cell15 {
	width: 15mm;
}
#cell20 {
	width: 20mm;
}
#cell25 {
	width: 25mm;
}
#cell30 {
	width: 30mm;
}
#cell30lt {
	width: 30mm;
	border: 1px solid #999999;
	margin:0px;
}
#cell35 {
	width: 35mm;
}
#cell40 {
	width: 40mm;
}
#cell40lt {
	width: 40mm;
	border: 1px solid #999999;
	margin:0px;
}
#cell45 {
	width: 45mm;
}
#cell50{
	width: 50mm;
}
#cell50lt{
	width: 50mm;
	border: 1px solid #999999;
	margin:0px;
}

#cell60{
	width: 60mm;
}
#cell70{
	width: 70mm;
}
#cell80{
	width: 80mm;
}
#cell80{
	width: 80mm;
}
#cell90{
	width: 90mm;
}
#cell100{
	width: 100mm;
}
#cell120{
	width: 120mm;
}
#cell130{
	width: 130mm;
}
#cell140{
	width: 140mm;
}
#cell150{
	width: 150mm;
}
#cell100percent{
	width: 100%;
}
.rt100{
	width:100%;
	background:#e6e6fa;
	color: black;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	text-align:right;
}
.lt100{
	width:100%;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	background:#e6e6fa;
	color: black;
	text-align:left;
}
.center{
	color: black;
	text-align:center;
}
h2 {
	margin: 0px 0 0 0px;
	font-size: 14px;
	line-height: 1.2;
	padding: 0.2mm 0 0.2mm 0;
}
.floatrt{
	float:right;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
	display:table-cell;
}
.floatcen{
	float:center;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
}
.floatlt350{
	float:left;
	padding: 5px;
	margin:5px;
	width :350px;
}
.floatlt500{
	float:left;
	padding: 5px;
	margin:5px;
	width :500px;
}
.floatlt100{
	float:left;
	padding: 5px;
	margin:5px;
	width :100%;
}


.floatlt{
	float:left;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
	display:table-cell;
}
.floatclear{
	clear:both;
	padding: 0px;
	margin:  0px;
	display: block;
	border : 0px;
	width : 100%;
	height : 1px;
}
.font12{
	font-size: 12px;
}
.font11mei{
	font-size: 11px;
	font-family: "Meiryo UI","Meiryo","メイリオ", "ＭＳ Ｐゴシック", sans-serif; 
}
.font12mei{
	font-size: 12px;
	font-family: "Meiryo UI","Meiryo", "メイリオ","ＭＳ Ｐゴシック", sans-serif; 
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
#ui-tab {
	background:#e6e6fa;
	font-size: 16px;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
/*	border-right: 2px solid #a9a9a9;
	border-bottom: 0;
	border-left: 2px solid #a9a9a9;
	border-right:2px solid #a9a9a9;*/
/*	background:#e6e6fa;*/
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
   /* font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 12px;
}
.ui-tabs-nav {
	font-family: "Meiryo","Arial";
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
	background: url(./images/tab.png) no-repeat;
}
.ui-tabs-nav a {
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	/*color: #27537a;*/
	color: white;
   font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */	
	outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
 /*   z-index: 2;*/
	margin-top: 0;
	color: #000;
}
.ui-tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 17px; /* IE 6 treats height as min-height */
	min-height: 17px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
	 padding-top: 8px;
	 padding-bottom: 6px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
	color: black;
	background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-nav a:hover {
	color: #555555;
}
.ui-tabs-disabled {
/*	opacity: .4;			*/
/*	filter: alpha(opacity=40);	*/
}
.ui-tabs-panel {
	/*border-top: 1px solid #97a5b0;*/
	padding: 1em 8px;
	background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6,#fragment-7 ,#fragment-8 {
	border-top: 1px solid #a9a9a9;
	/*background:#dcdcdc;*/
	/*background:#e6e6fa;*/
/*	padding:2px;
	border-bottom:2px solid #a9a9a9;
	background:#e6e6fa;
	border-top: 0;
	border-left: 2px solid #a9a9a9;
	border-right:2px solid #a9a9a9;*/
}

#fragment-1 {
	margin-left:10px;
/*	padding:2px;
	border-top: 0;
	border-bottom:2px solid #a9a9a9;
	border-left: 2px solid #a9a9a9;
	border-right:2px solid #a9a9a9;*/
}

#plusbtn{
   border: 0px;
   width: 20px;
   height: 20px;
   background: url(images/plus.gif) left top no-repeat;
}
#minusbtn{
   border: 0px;
   width: 20px;
   height: 20px;
   background: url(images/minus.gif) left top no-repeat;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 101%;
	height: 500%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.80;
	filter: alpha(opacity=70);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 290px;
	padding: 3px;
	border: 5px solid black ;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
#pagemove {
	display:table;
	color: black;
	border:0px;
	width:60%;
	padding:3px;
	border-spacing:1px;
	clear:both;
}
.pagebox1 {
	display:table-cell;
	float:left;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
}
.pagebox2 {
	display:table-cell;
	float:right;
	text-align: right;
	text-valign: midium;
	padding: 2px;
	margin:2px;
	vertical-align:middle;
}

.futeikan{ /*不定貫重量表示*/
	FONT-SIZE: 12px;
	border: 1px solid mediumseagreen;
	padding:2px;
	border-spacing:2px;
	margin:2px;
	width: 70px;
	text-align:right;
}
.title01{   
	background:#eee;   
	border-top:1px solid #ccc;   
	border-right:1px solid #ccc;   
	border-left:7px solid #e3297d;   
	border-bottom:1px solid #ccc;   
	padding:.8em .9em  
}  
.title02 {   
	padding:5px 0 5px 15px;
	background:whitesmoke;
	border-left:#009900 8px solid;
	border-right:#666666 1px solid;
	border-bottom:#666666 1px solid;
	border-top:#666666 1px solid;
	font-size: small;
	font-weight: bold;
	color:#333;
}  
#masterediter1{
	font-size: 16px;
	padding:0px;
	background:palegreen;
	border-top: 3px solid mediumseagreen;
	border-left: 3px solid mediumseagreen;
	border-right: 3px solid mediumseagreen;
	border-bottom: 1px solid mediumseagreen;
}
#masterediter2{
	padding:0px;
	border-top: 0px solid mediumseagreen;
	border-left: 3px solid mediumseagreen;
	border-right: 3px solid mediumseagreen;
	border-bottom: 3px solid mediumseagreen;
	height: 720px; overflow: auto !important; clear: left;
}
#masterediter3{
	padding:0px;
	background:#FFF0F5;
	border-top: 3px solid lightsalmon;
	border-left: 3px solid lightsalmon;
	border-right: 3px solid lightsalmon;
	border-bottom: 3px solid lightsalmon;
	height: 620px; overflow: auto !important; clear: left;
}
#masterediter4{
	padding:0px;
	background:#8CCEA8 ;
	border-top: 3px solid #8CCEA8;
	border-left: 3px solid #8CCEA8;
	border-right: 3px solid #8CCEA8;
	border-bottom: 3px solid #8CCEA8;
	overflow: auto !important; clear: left;
}
#a6500searcharea{
	padding:0px;
	background:pink  ;
/*	background:slateblue;
	background-image: url("./images/mirror.gif");*/
	border-top: 3px solid mediumvioletred  ;
	border-left: 3px solid mediumvioletred  ;
	border-right: 3px solid mediumvioletred  ;
	border-bottom: 0px solid mediumvioletred  ;
	height: 600px; overflow: auto !important; clear: left;
}
#a6500searcharea2{
	padding:0px;
	background:#EEE36C  ;
/*	background:slateblue;
	background-image: url("./images/mirror.gif");*/
	border-top: 3px solid #CEBE06  ;
	border-left: 3px solid #CEBE06  ;
	border-right: 3px solid #CEBE06  ;
	border-bottom: 0px solid #CEBE06  ;
	height: 600px; overflow: auto !important; clear: left;
}
#a6500order{
	float: left;
	padding:0px;
	background:mintcream  ;
	border-top: 4px solid darkgreen ;
	border-left: 4px solid darkgreen ;
	border-right: 0px solid darkgreen ;
	border-bottom: 4px solid darkgreen ;
	height: 520px; overflow: auto !important; clear: left;
	width :55%;
	box-sizing: border-box;
}
#a6500customer{
	float: right;
	padding:0px;
	background:aliceblue    ;
	border-top: 4px solid royalblue  ;
	border-left: 4px solid royalblue  ;
	border-right: 4px solid royalblue  ;
	border-bottom: 4px solid royalblue  ;
	height: 520px; overflow: auto !important; clear: left;
	width :45%;
	box-sizing: border-box;
}
#a6500history{
	padding:0px;
	border-top: 0px solid mediumseagreen;
	border-left: 3px solid mediumseagreen;
	border-right: 3px solid mediumseagreen;
	border-bottom: 3px solid mediumseagreen;
	height: 140px; overflow: auto !important; clear: left;
}
#a6500handle{
	padding:0px;
	background:#FFF0F5;
	border-top: 0px solid lightsalmon;
	border-left: 3px solid lightsalmon;
	border-right: 3px solid lightsalmon;
	border-bottom: 3px solid lightsalmon;
	height: 150px; overflow: auto !important; clear: left;
}
#a6500call{
	padding:0px;
	background:#FFF0F5;
	border-top: 3px solid lightsalmon;
	border-left: 3px solid lightsalmon;
	border-right: 3px solid lightsalmon;
	border-bottom: 3px solid lightsalmon;
	height: 120px; overflow: auto !important; clear: left;
}
.cartnavi{
	min-width: 500px;
	width: 50%;
	float:right;
/*	clear: both;*/
	text-align: left;
	vertical-align:middle;
	FONT-SIZE: 12px;
	margin:4px;
	padding:3px;
	border-spacing:3px;
	background-color:#eee8aa;
	border:solid #808000 2px;
}
.cartnavi2{
	min-width: 300px;
	width: 33%;
	float:right;
/*	clear: both;*/
	text-align: left;
	vertical-align:middle;
	FONT-SIZE: 12px;
	margin:4px;
	padding:2px;
	border-spacing:2px;
	background-color:#eee8aa;
	border:solid #808000 2px;
}
#cartnavisub1{
	word-break: break-all;
	margin:2px;
	vertical-align:middle;
/*	overflow:auto;*/
}
#cartnavisub2{
	width: 170px;
	float:right;
}
#cartnavisub3{
	width: 120px;
	float:right;
	padding:0 10px 0 0;
}
#cartnavisub4{
	width: 120px;
	float:left;
	padding:5px 10px 5px 0;
	FONT-SIZE: 22px;
}
#data-table-td{
	border:1px solid #cccccc; 
}
#container {
	width: 900px;
	border:1px solid #eeeeee; 
	display:table;
}
.fmenu {
	height: 600px;
	width: 200px;
	border:1px solid #eeefff; 
	float:left;
}
.frecommend {
	width: 680px;
	border:1px solid #fffeee; 
	float:right;
}
.ftodayinfo {
	color: black;
	padding: 1px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 14px;
	display: block;
	margin: 1px;
	border: 3px solid #ffa07a;
	text-align: left;
	width:99%;
	padding-left:10px;
	margin-left:0px;
	margin-right:auto;

}
.fshowitem {
	width: 680px;
	border:1px solid #ffffee; 
	float:right;
}
.box5 ,#box5{
	text-decoration: none;
	text-align: left;
	font-family: "Meiryo","Arial";
	height: 50px;
	width: 195px;
	FONT-SIZE: 16px;
	color: black;
	background: #e0ffff;
	border-top: 1px solid #000066;
	border-right: 2px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 2px solid #000066;
	padding: 1px;
	margin :0px;
}
.box5:hover, .box5:active {
	background: #3399ff;
}
.box5select {
	text-decoration: none;
	text-align: center;
	font-family: "Meiryo","Arial";
	height: 27px;
	width: 160px;
	FONT-SIZE: 12px;
	color: black;
	background: #90ee90;
	border-top: 4px double #006400;
	border-right: 4px double #006400;
	border-bottom: 4px double #006400;
	border-left: 4px double #006400;
	padding: 1px;
	margin :3px;
}
.frecommendtitle {
	width: 680px;
	background: #3399ff;
	font-family: "Meiryo","Arial";
	height: 27px;
	FONT-SIZE: 16px;
}
.ftitle {
	width: 900px;
	background: #66ccff;
	font-family: "Meiryo","Arial";
	height: 50px;
	FONT-SIZE: 24px;
	margin :1px;
}
#frecommendbox {
	width: 33%;
	FONT-SIZE: 12px;
	border : 4px double #334455;
	/*background: white;
	float:right;
	font-family: "Meiryo","Arial";
	height: 340px;
	FONT-SIZE: 12px;
	border: 4px double #334455;
	margin :3px;
	padding:3px;*/
}
.frecommendboxbig {
	float:left;
	width: 660px;
	background: white;
	font-family: "Meiryo","Arial";
	FONT-SIZE: 12px;
	border: 4px double #000066;
	margin :3px;
	padding:3px;
}
.ffishtitle {
	width: 220px;
	width: 100%;
	background: #add8e6;
	font-family: "Meiryo","Arial";
	height: 27px;
	FONT-SIZE: 15px;
	border: 2px solid #000066;
	margin :2px;
}
.ffishtitlered {
	FONT-SIZE: 15px;
	border: 2px solid red;
	margin :2px;
}
.ffishtitlebig {
	width: 660px;
	background: white;
	font-family: "Meiryo","Arial";
	height: 27px;
	FONT-SIZE: 16px;
	border: 1px solid #000066;
	margin :2px;
}
.clearfix:after {   
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}
#tooltip {
    position:absolute;
    border:1px solid #333;
    background:#f7f5d1;
    padding:2px 5px;
    color:#333;
    display:none;
    font-size : 12px;
}
#binkubun {
	display:table-cell;
	color: black;
	padding: 0px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
	font-size: 10px;
	display: block;
	margin: 0px;
	border: 1px solid #bbbbbb;
	text-align: left;
	width:60px;
	vertical-align: top;
	text-align: top;
}

#data-table2 .tdpink {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 2px;
	background-color: coral;
	COLOR: black;
	PADDING-TOP: 1px;
	FONT-SIZE: 18px;
	BORDER:1px solid black;
}
#data-table2 .tdwhite {
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 2px;
	background-color: white;
	COLOR: black;
	PADDING-TOP: 1px;
	FONT-SIZE: 18px;
	BORDER:1px solid black;
}
#data-table .ECTH {
	background: #0F83BD;
}
#width200{
	min-width: 200px;
	width: 200px;
}
#width250{
	min-width: 250px;
	width: 250px;
}
#width300{
	min-width: 300px;
	width: 300px;
}
#width400{
	min-width: 400px;
	width: 400px;
}
#width500{
	min-width: 500px;
	width: 500px;
}