td.description {
	padding: 8px 20px 10px 20px;
}
td.description ul, td.description ol {
	padding: 10px 20px 10px 30px;
}
td.product, td.pict {
	padding: 10px;
	vertical-align: top;
}


table.talk {
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}
table.talk td.icon {
	padding: 0px;
}
table.talk td.voice {
	line-height: 1.5em;
}

span.koutei {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #556699;
	padding: 6px 8px;
	display: block;
	margin-bottom: 8px;
}

table.steel_size {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.steel_size th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.steel_size td{
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

table.steel_size td.yobi{
	background-color: #dddddd;
	font-weight:bold;
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

span.jis_comment{
	color: #cc0000;
	font-size: 10px;
	font-weight:bold;
}

table.steel_jis {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.steel_jis th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.steel_jis td{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.plastic_material th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material td{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material td.kosyo1{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	width:15px;
	background-color: #cccccc;
	}

table.plastic_material td.kosyo2{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	background-color: #eeeeee;
	}

table.plastic_data {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.plastic_data th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_data td{
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

div.boxy-page {
	max-width: 480px;
}
table.plastic_data_window {
	margin: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
	font-size: 12px;
	text-align: left;
	padding: 10px 20px;
}

table.plastic_data_window td {
	padding: 5px;
}

td.classroom {
	width: 500px;
	height: 240px;
	background: url(/img/technical/technical-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-left: 180px;
	padding-top: 30px; 
	color: #ffffff;
	line-height: 1.5em;
}

td.classroom a:link {
	color: #ffffff;
	text-decoration: bold;
}
td.classroom a:visited {
	color: #dddddd;
	text-decoration: bold;
}
td.classroom a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*---- for example.php ----*/

td.sample {
	margin: 0px;
	padding: 8px;
	width: 280px;
	border: solid 1px #cccccc;
}

div.light-grey-box {
	background-color: #dddddd;
	padding: 0.25em;
	margin: 0;
}

div.sample-description{
	text-align: left;
	color: #444444;
	font-size: 12px;
	line-height: 1.4em;
}

/*---- for other_process.php ----*/
table.step {
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.step td.blank {
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	padding: 0px 8px 4px 8px;
}
td.close {
	border-width: 2px;
	border-style: solid;
	border-color: #bbbbbb;
	padding: 2px 8px 2px 8px;
	background-color: #eeeeee;
}

#kids1 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-1.jpg") #ffffff no-repeat bottom left;
}
#kids2 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-2.jpg") #ffffff no-repeat bottom left;
}
#hakase1 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-1.jpg") #ffffff no-repeat bottom right;
}
#hakase2 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-2.jpg") #ffffff no-repeat bottom right;
}

#navi1 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	background-color: #cfddff;
}
#navi2 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
	background-color: #cfddff;
}
#navi3 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: right;
	font-weight: bold;
	background-color: #cfddff;
}
#box {
	padding: 15px;
	border: 4px solid #bbbbbb;
	background-color: #ffffff;
}
#inbox {
	margin: auto;
	padding: 5px 10px;
	background-color: #ffffff;
}

#sub-title, .sub-title, .plastic_data_window .sub-title {
	margin-top: 20px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}
#sub-body {
	padding-left: 10px;
}

table.talk {
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0;
}
table.talk td.icon {
	padding: 0px;
}
table.talk td.voice {
	line-height: 1.5em;
}

span.koutei {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #556699;
	padding: 6px 8px;
	display: block;
	margin-bottom: 8px;
}

table.steel_size {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.steel_size th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.steel_size td{
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

table.steel_size td.yobi{
	background-color: #dddddd;
	font-weight:bold;
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

span.jis_comment{
	color: #cc0000;
	font-size: 10px;
	font-weight:bold;
}

table.steel_jis {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.steel_jis th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.steel_jis td{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.plastic_material th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material td{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_material td.kosyo1{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	width:15px;
	background-color: #cccccc;
	}

table.plastic_material td.kosyo2{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #999999;
	background-color: #eeeeee;
	}

table.plastic_data {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.plastic_data th{
	margin: 1px;
	padding: 3px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #999999;
	}

table.plastic_data td{
	margin: 1px;
	padding: 3px;
	border: solid 1px #999999;
	}

table.plastic_data_window {
	width: 100%;
	margin: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
	font-size: 12px;
}

table.plastic_data_window td {
	padding: 5px;
}

td.classroom {
	width: 500px;
	height: 240px;
	background: url(/img/technical/technical-top.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-left: 180px;
	padding-top: 30px; 
	color: #ffffff;
	line-height: 1.5em;
}

td.classroom a:link {
	color: #ffffff;
	text-decoration: bold;
}
td.classroom a:visited {
	color: #dddddd;
	text-decoration: bold;
}
td.classroom a:hover {
	color: #ffffff;
	text-decoration: underline;
}

table.ceramic tr {
	border-bottom: solid 1px #ccc;
}
table.ceramic td {
	padding: 5px;
}

/*---- for links ----*/
table.link {
	width: 100%;
	margin: 10px;
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.link td {
	margin: 1px;
	padding: 5px;
}
table.link th{
	font-size:14px;
	text-align:left;
	padding:3px 5px;
	color:#ffffff;
	font-weight:bold;
	background-color: #6677aa;
}

/*---- for example ----*/

table.main td.sample {
	margin: 0px;
	padding: 8px;
	width: 280px;
	border: solid 1px #cccccc;
}

div.light-grey-box {
	background-color: #dddddd;
	padding: 0.25em;
	margin: 0;
}

div.sample-description{
	text-align: left;
	color: #444444;
	font-size: 12px;
	line-height: 1.4em;
}

/*---- for other_process.php ----*/
table.step {
	padding: 0px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.step td.blank {
	border-width: 2px;
	border-style: solid;
	border-color: #cccccc;
	padding: 0px 8px 4px 8px;
}
td.close {
	border-width: 2px;
	border-style: solid;
	border-color: #bbbbbb;
	padding: 2px 8px 2px 8px;
	background-color: #eeeeee;
}

#kids1 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-1.jpg") #ffffff no-repeat bottom left;
}
#kids2 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-2.jpg") #ffffff no-repeat bottom left;
}
#hakase1 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-1.jpg") #ffffff no-repeat bottom right;
}
#hakase2 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-2.jpg") #ffffff no-repeat bottom right;
}

#navi1 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: left;
	font-weight: bold;
	background-color: #cfddff;
}
#navi2 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: center;
	font-weight: bold;
	background-color: #cfddff;
}
#navi3 {
	padding: 8px;
	width: 33%;
	line-height: 1em;
	text-align: right;
	font-weight: bold;
	background-color: #cfddff;
}
#box {
	padding: 15px;
	border: 4px solid #bbbbbb;
	background-color: #ffffff;
}
#inbox {
	margin: auto;
	padding: 5px 10px;
	background-color: #ffffff;
}

#subtitle, .subtitle, .plastic_data_window .subtitle {
	margin-top: 20px;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}
#subbody {
	padding-left: 10px;
}

table.h-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	border: solid 0px #fff;
}
table.h-table tbody {
	border: solid 0px #fff;
}
table.h-table th {
	margin: 1px;
	padding: 5px;
	background-color: #336699;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #99aacc;
}
table.h-table td {
	margin: 1px;
	padding: 5px;
	vertical-align: top;
	border: none;
	border-bottom: solid 1px #5588bb;
}
table.h-table td ol {
	padding-left: 1.5em;
}

table.local td.thumbnail {
	padding: 6px 8px 4px 8px;
	text-align: center;
	vertical-align: top;
	background-color: #fff;
	border: solid 1px #ccc;
}
table.local td.spacer {
	padding: 3px 2px;
}

/*--------------------------------------------------------------*/
/* table.chart	for generic chart table							*/
/*--------------------------------------------------------------*/
table.chart {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 12px;
}
table.chart th.title {
	border-width: 1px;
	border-color: #fd6d97;
	border-style: solid;
	padding: 5px 20px 5px 20px;
	background-color: #fd6d97;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
table.chart td.title {
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	padding: 5px 20px 5px 20px;
	background-color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
table.chart td.ctitle {
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	padding: 5px 20px 5px 20px;
	background-color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
table.chart td.dark {
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	background-color: #e4e4e4;
}
table.chart td.data {
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	background-color: #ffffff;
}
table.chart td.lite {
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	background-color: #f0f0f0;
}
table.chart td.pink {
	padding: 5px 10px 5px 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-color: #bbbbbb;
	border-style: solid;
	background-color: #ffffff;
	font-weight: bold;
	color: #ff4466;
}
table.chart td.boxbtn {
	padding: 5px 10px 4px 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: solid;
	background-color: #eeeeee;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}
table.chart td.boxbtn:hover { 
	color: #333333;
	background-color:#cccccc; 
	font-weight: normal; 
	text-decoration: none;
} 

.medal-description {
	color: #dd8800;
	color: #d775bb;
/*
	color: #88bb22;
*/
}

#g1 {
	width:  32px; height: 10px;
	background: url("/img/g1.gif") #ffffff no-repeat top left;
}
#g2 {
	height: 10px;
	background: url("/img/g2.gif") #ffffff repeat-x top left;
}
#g3 {
	width:  32px; height: 10px;
	background: url("/img/g3.gif") #ffffff no-repeat top left;
}
#g4 {
	width:  32px; height: 10px;
	background: url("/img/g4.gif") #ffffff no-repeat top left;
}
#g5 {
	height: 10px;
	background: url("/img/g5.gif") #ffffff repeat-x top left;
}
#g6 {
	width:  32px; height: 10px;
	background: url("/img/g6.gif") #ffffff no-repeat top left;
}
#g8 {
	width:  32px;
	background: url("/img/g8.gif") #ffffff repeat-y top left;
}
#g11 {
	width:  32px;
	background: url("/img/g11.gif") #ffffff repeat-y top left;
}

#s1 {
	width:  32px; height: 10px;
	background: url("/img/s1.gif") #ffffff no-repeat top left;
}
#s2 {
	height: 10px;
	background: url("/img/s2.gif") #ffffff repeat-x top left;
}
#s3 {
	width:  32px; height: 10px;
	background: url("/img/s3.gif") #ffffff no-repeat top left;
}
#s4 {
	width:  32px; height: 10px;
	background: url("/img/s4.gif") #ffffff no-repeat top left;
}
#s5 {
	height: 10px;
	background: url("/img/s5.gif") #ffffff repeat-x top left;
}
#s6 {
	width:  32px; height: 10px;
	background: url("/img/s6.gif") #ffffff no-repeat top left;
}
#s8 {
	width:  32px;
	background: url("/img/s8.gif") #ffffff repeat-y top left;
}
#s11 {
	width:  32px;
	background: url("/img/s11.gif") #ffffff repeat-y top left;
}