h1, h2, h3 { font-family: 'Times New Roman',Century; font-weight: bold; margin: 10px 0 5px; }
p { margin: 0.5em 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }

#primary-contents > h1 { text-align: center; padding: 0; margin: 0; }

#catalogdownload { height:70px; overflow: hidden; }

div.introduction { display: block; background: black; color: white; padding: 10px 0; text-align: center; }
div.introduction .exp { padding: 5px 10px; }

div.explanation { width:700px; padding-bottom: 10px; text-align: center;}
div.exp_inner { width:580px; text-align: left; margin: 1em auto 0; }
div.explanation a:link {  }
div.explanation a:visited {  }
div.explanation a:hover {  }
div.explanation h2 { margin: 1em 0 0.5em;     padding: 0.2em 0.4em; color: #134; font-size: 1.6em; border-color: #134; border-left: 0.5em solid; border-bottom: 1px dotted; background: url(img/h2-machining.png); text-shadow: 1px 1px 2px #888; }
div.explanation h3 { margin: 1em 0.5em 0.5em; padding: 0.2em 0.4em; color: #447; font-size: 1.2em; border-color: #447; border-left: 8px solid;   border-bottom: 1px dotted; background: url(img/h2-machining.png); text-shadow: 1px 1px 1px #888; }
div.explanation h4 { margin: 0.5em 0; }
div.explanation .exp { margin: 0.5em 0em 1em 1em; }

div.explanation div.note { width: 260px; }

div.explanation div.remark { margin: 0.5em 10px; border: solid 2px #ddd; background: #fafafa; }
/*div.explanation div.remark { float: left; width: 260px; margin: 0.5em 10px; border: solid 2px #228; }*/
div.explanation div.remark h4 { background: #ddd; color: #000; margin: 0; padding: 2px 0.5em; font-weight: bold; }
div.explanation div.remark .exp { padding: 0 1.2em; }

.figL { float: left;  margin: 0 0.5em 0 0.5em; padding: 0.5em 0; }
.figR { float: right; margin: 0 0 0.5em 0.5em; padding: 0.5em 0; }
.figM { width: 100%; text-align: center; margin: 0; padding: 0.5em 0; }

dl.makelist dt { font-weight: bold; border-bottom: solid 1px #000; }
dl.makelist dd { font-weight: normal; line-height: 1; text-align: justify; text-justify: inter-ideograph; }

/* サイドメニュー */
#processing_sub #sidebar { text-align: center; }
#processing_sub #sidebar h2 { border: 1px #30F; }

div.techinfo { background: #226; width: 180px; margin: 1em auto; text-align: center; color: #DDF; padding: 0.5em 0; }
div.techinfo h3 { color: #EE2; font-weight: bold; text-align: center; }
div.techinfo .exp { color: #EEE; font-size: 0.8em; line-height: 1.2em; width: 80%; margin: 1em auto; }


/*
 * index.html
 */
#mch-top {
	background: url(img/bg-top.jpg) no-repeat center top;
}
#mch-explain {
	padding: 200px 4em 2em;
}
#mch-explain p {
	margin: 2em 0;
	padding: 0 2em;
	line-height: 2em;
	font-size: 1.2em;
}


/*
 *  工賃表（共通）
 */

table.wagelist { border-collapse: collapse; padding: 2px; width: 97.5%; margin: 1.5em 15px .5em; }
table.wagelist * { table-layout: fixed; font-size: 0.95em; }
table.wagelist tr  { line-height: 1.5em; }
table.wagelist tr:hover { background: #EEF; }
table.wagelist caption { background: #888; border: 1px solid #000; color: #FFF; text-align:left; font-size: 12pt; text-shadow: 1px 1px 1px #222; margin-bottom: 0.5em; padding: 2px; }
table.wagelist th, table.wagelist td { border: 1px; border-style: solid; border-color: black; padding: 0 5px; }
table.wagelist th { font-weight: bold; text-shadow: 1px 1px 1px #AAA; white-space: nowrap; }
table.wagelist thead th { text-align: center; background: #BBB;}
table.wagelist tbody th { background: #DDD;}
table.wagelist th.prc { width: 80px; }
table.wagelist tfoot th { text-align: center; background: #EEE; }
table.wagelist tfoot td { background: #EEE; font-weight: bold; }

table.wagelist th.hdr { background: #DDD; text-align: left; }
table.wagelist td.lt { text-align: left; }
table.wagelist td.rt { text-align: right; }
table.wagelist td.md { text-align: center; }

table.wagelist a { color: #048; }
table.wagelist sup { font-size: 0.7em; }

div.expcom { float: right; }


/* 価格表 */
table.pricelist { border-collapse: collapse; width: 100%; margin-bottom: 0.5em; }
table.pricelist * { table-layout: fixed; font-size: 0.95em; padding: 0 2px; }
table.pricelist caption { background: #888; border: 1px solid #000; color: #FFF; text-align:left; font-size: 12pt; margin: 1em 0 0.5em; padding: 2px; }
table.pricelist tr { height: 18px; }
table.pricelist tr:hover { background: #EEF; }
table.pricelist th { background: silver; border: 1px solid black; text-align: center; white-space: nowrap; }
table.pricelist th sup { background: inherit; font-size: 6px; }
table.pricelist th.pno { width: 88px; }
table.pricelist th.prc { width: 65px; }
table.pricelist th.lname { width: 240px; }
table.pricelist th.mname { width: 120px; }
table.pricelist th.sname { width:  30px; }
table.pricelist th.sspec { width:  50px; }
table.pricelist th.mspec { width: 100px; }
table.pricelist td { border: 1px solid black; text-align: center; }
table.pricelist td.lt { text-align: left; }
table.pricelist td.rt { text-align: right; }
table.pricelist td.md { text-align: center; }
table.pricelist td.hdr  { background: #999; text-align: left; color: #FFF; font-weight: bold; }
table.pricelist td.hdr2 { background: #EEE; text-align: left; color: #066; font-weight: bold; }
table.pricelist td.com { text-align: left; }
table.pricelist td.ref { text-align: left; font-size: 9px; }
table.pricelist td div.sub { text-align: right; font-size: 8px; }
table.pricelist a { color: #048; }
table.pricelist sup { font-size: 0.7em; }

/*
 *  シリンダーヘッド加工
 */

table.cylheadmtx thead th .com { text-align: right; border: none; }
table.cylheadmtx thead th { text-align: right; width: 16.666%; }
table.cylheadpol thead th { text-align: right; width: 14.286%; }

/*
 *  シリンダーヘッド加工
 */

table.cylblockmtx thead th .com { text-align: right; border: none; }
table.cylblockmtx thead th { text-align: right; background: #DDD; width: 12.5%; }



/*
 *  解説（ツールチップ）
 */

.tinyTip	{  }
.tinyTip .content { width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; text-align: justify; text-justify: inter-ideograph; }
.tinyTip .bottom  { height: 14px; background: url(/css/images/notch-white.png) top center no-repeat; }

/*
.tinyTip {
	width:325px;
	padding:17px 0 0 0;
	display:block;
	background:url("img/tinytip/tinyTip-top.png") 0 0 no-repeat;
}
.tinyTip .content {
	padding:0 15px;
	text-align:left;
	text-align: justify; text-justify: inter-ideograph;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 1em;
	color:#010101;
	background:url("img/tinytip/tinyTip-content.png") 0 0 repeat-y;
}
.tinyTip .bottom {
	height:47px;
	background:url("img/tinytip/tinyTip-bottom.png") 0 0 no-repeat;
	behavior: url(/iepngfix.htc);
}
*/

/*.tips { display: inline-block; border-bottom: 2px dotted #000; line-height: 1; } */
.tinyTip .content	{ text-align: justify; text-justify: inter-ideograph; font-size: .9em; }
.tinyTip .content p { margin: 0; padding: 0.5em 0; text-align: justify; text-justify: inter-ideograph; }
.tinyTip .content p.ind { text-indent: -1em; padding: 0 0 0 1em; font-size: 1em; }
.tinyTip .content ul { margin-left: 2em; }

span[class^="tip"], .tTip { display: inline-block; border-bottom: 2px dotted #000; line-height: 1;  }

/* 注釈 */
ul.remarks { margin-left: 2em; }