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:normal;

	text-align:center;
	border: solid 1px #6688aa;
}

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

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

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:normal;
	white-space:nowrap;
	text-align:center;
	border: solid 1px #6688aa;
}

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

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-size: 12px;
	font-weight: normal;
/*	white-space:nowrap; */
	text-align:center;
	border: solid 1px #6688aa;
}

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

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

table.plastic_material td.kosyo2{
	margin: 1px;
	padding: 3px;
	text-align:center;
	border: solid 1px #bbb;
	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 #6688aa;
}

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

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 bold;
}
table td.character,
table.talk td.icon {
	width: 54px;
}

/*---- for Q&A ----*/
table.faq {
	margin-bottom: 10px;
	width: 100%;
}
table.faq td.faq-question {
	font-weight: bold;
}
div.faq-question {
	border-bottom: solid 1px #ccc;
}
div.faq-answer {
	line-height: 1.8em;
}
div.faq-index {
	border: solid 1px #ccc;
	padding: 20px;
}
div.faq-index-title {
	text-align: center;
	background-color: #ddd;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 20px;
}


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

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

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

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

/*---- 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;
}

table.main td {
	padding: 0px;
}
#cc {
	background-color: #FFF;	
}
#c14 {
	background-color: #FFF;	
}
#kids1 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-1.png") transparent no-repeat bottom left;
}
#kids2 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-2.png") transparent no-repeat bottom left;
}
#kids3 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-3.png") transparent no-repeat bottom left;
}
#kids4 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-4.png") transparent no-repeat bottom left;
}
#kids5 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-5.png") transparent no-repeat bottom left;
}
#kids6 {
	width: 150px;
	height: 180px;
	background: url("/img/technical/kids-6.png") transparent no-repeat bottom left;
}
#kids7 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-7.png") transparent no-repeat top left;
}
#kids8 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-8.png") transparent no-repeat top left;
}
#kids9 {
	width: 110px;
	height: 180px;
	background: url("/img/technical/kids-9.png") transparent no-repeat top left;
}
#hakase1 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-1.png") transparent no-repeat bottom right;
}
#hakase2 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-2.png") transparent no-repeat bottom right;
}
#hakase3 {
	width: 134px;
	height: 180px;
	background: url("/img/technical/hakase-3.png") transparent no-repeat bottom right;
}
#hakase4 {
	width: 145px;
	height: 180px;
	background: url("/img/technical/hakase-4.png") transparent no-repeat bottom right;
}
@media screen and (max-width: 640px) {
	#kids1 {
		width: 70px;
		height: 134px;
		background: url("/img/technical/640-kids-1.png") transparent no-repeat top left;
	}
	#kids2 {
		width: 70px;
		height: 132px;
		background: url("/img/technical/640-kids-2.png") transparent no-repeat top left;
	}
	#kids3 {
		width: 70px;
		height: 116px;
		background: url("/img/technical/640-kids-3.png") transparent no-repeat top left;
	}
	#kids4 {
		width: 70px;
		height: 132px;
		background: url("/img/technical/640-kids-4.png") transparent no-repeat top left;
	}
	#kids5 {
		width: 52px;
		height: 130px;
		background: url("/img/technical/640-kids-5.png") transparent no-repeat top left;
	}
	#kids6 {
		width: 100px;
		height: 117px;
		background: url("/img/technical/640-kids-6.png") transparent no-repeat top left;
	}
	#kids7 {
		width: 70px;
		height: 119px;
		background: url("/img/technical/640-kids-7.png") transparent no-repeat top left;
	}
	#kids8 {
		width: 70px;
		height: 115px;
		background: url("/img/technical/640-kids-8.png") transparent no-repeat top left;
	}
	#kids9 {
		width: 70px;
		height: 115px;
		background: url("/img/technical/640-kids-9.png") transparent no-repeat top left;
	}
	
	#hakase1 {
		width: 70px;
		height: 102px;
		background: url("/img/technical/640-hakase-1.png") transparent no-repeat top left;
	}
	#hakase2 {
		width: 70px;
		height: 114px;
		background: url("/img/technical/640-hakase-2.png") transparent no-repeat top left;
	}
	#hakase3 {
		width: 70px;
		height: 113px;
		background: url("/img/technical/640-hakase-3.png") transparent no-repeat top left;
	}
	#hakase4 {
		width: 90px;
		height: 112px;
		background: url("/img/technical/640-hakase-4.png") transparent no-repeat top left;
	}
}

#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;
}

#subbody {
	padding-left: 10px;
}
/*
#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;
}
*/
#g1 {
	width:  32px; height: 10px;
	background: url("/img/g1_t.gif") transparent no-repeat top left;
}
#g2 {
	height: 10px;
	background: url("/img/g2_t.gif") transparent repeat-x top left;
}
#g3 {
	width:  32px; height: 10px;
	background: url("/img/g3_t.gif") transparent no-repeat top left;
}
#g4 {
	width:  32px; height: 10px;
	background: url("/img/g4_t.gif") transparent no-repeat top left;
}
#g5 {
	height: 10px;
	background: url("/img/g5_t.gif") transparent repeat-x top left;
}
#g6 {
	width:  32px; height: 10px;
	background: url("/img/g6_t.gif") transparent no-repeat top left;
}
#g8 {
	width:  32px;
	background: url("/img/g8_t.gif") transparent repeat-y top left;
}
#g11 {
	width:  32px;
	background: url("/img/g11_t.gif") transparent repeat-y top left;
}

#s1 {
	width:  32px; height: 10px;
	background: url("/img/s1_t.gif") transparent no-repeat top left;
}
#s2 {
	height: 10px;
	background: url("/img/s2_t.gif") transparent repeat-x top left;
}
#s3 {
	width:  32px; height: 10px;
	background: url("/img/s3_t.gif") transparent no-repeat top left;
}
#s4 {
	width:  32px; height: 10px;
	background: url("/img/s4_t.gif") transparent no-repeat top left;
}
#s5 {
	height: 10px;
	background: url("/img/s5_t.gif") transparent repeat-x top left;
}
#s6 {
	width:  32px; height: 10px;
	background: url("/img/s6_t.gif") transparent no-repeat top left;
}
#s8 {
	width:  32px;
	background: url("/img/s8_t.gif") transparent repeat-y top left;
}
#s11 {
	width:  32px;
	background: url("/img/s11_t.gif") transparent repeat-y top left;
}


/*---- for webforms ----*/
.webform-client-form {
	padding: 10px 20px;
	background: #f4f4f4;
	border: solid 1px #ddd;
}

div.caption3 {
	color: #fff;
	background: #666;
	padding: 5px;
	text-align: center;
}
div.caption4 {
	background: #ddd;
	padding: 3px 10px;
}