﻿/* 全ページ共用css */


/*タグ指定*/
* {
	border:none;
	margin:0px;
	padding:0px;
	font-style:normal;

}

html {
	height:100%;
}

body {
	background-color:#ffffff;
	font-size:90%;
	background-image:url('images/bg.gif');
	background-position:center center;
	background-repeat:repeat-y;
	background-color:#e6e6e6;
	height:100%;
}

h1 { /*サイトタイトル*/
}

h2 { /*ページタイトル*/
}

h3 { /*ブロックタイトル*/
}

h4 {
	margin-bottom:10px;
}
	h4 a {
		color:black;
	}

p {
	padding:5px;
}

strong {
	font-weight:bold;
}

em {
	font-weight:bold;
}

/*タグ指定*/

/*UI*/
div#mother {
	width:760px;
	margin:0px auto 5px auto;
	background-color:#ffffff;
	height:100%;
}

div#head {
}
	div#head table#headTable {
		width:760px;
		height:110px;
	}
	div#head table#headTable td#sitetitleArea img {
		display:block;
	}
	
	div#head table#headTable td#pagetitleArea {
		width:410px;
		height:110px;
		background-image:url(images/title-right.gif);
		background-repeat:no-repeat;
	}
	div#head table#headTable td#pagetitleArea h2 {
		text-align:right;
		font-style:italic;
		font-family:Arial, Helvetica, sans-serif;
		color:#ffffff;
		padding:0px 10px 3px 0px;
		font-size:20px;
		line-height:20px;
	}
	
	div#head div#navi {
		background-image:url('images/navi-bg.gif');
		background-repeat:repeat-x;
		background-color:#a9a9a9;
		height:22px;
		padding:0px 0px 0px 5px;
	}
		div#head div#navi a {
			text-align:left;
			display:block;
			float:left;
			font-size:12px;
			line-height:22px;
			color:#ffffff;
			text-decoration:none;
			padding:0px 4px;
		}
		div#head div#navi a:hover {
			color:#000000;
			background-color:#ffffff;
			background-image:none;
		}
		div#navi a.active {
			color:#000000 !important;
			background-image:url('images/navi-bg-active.gif');
		}


div#foot {
	text-align:center;
	font-size:75%;
	color:#808080;
	padding:10px 0px;
	background-color:#ffffff;
}
	div#foot img {
		vertical-align:text-bottom;
	}

div#body {
}
	div#body div#graphic img {
		display:block;
	}
	div#body div#content {
		background-image:url('images/body-bg.gif');
		background-repeat:repeat-x;
		background-color:#ffffff;
		background-position:left top;
		padding:10px;
	}
/**/

/*PARTS*/

/*区切り線*/
	div.sepa {
		font-size:1px;
		line-height:1px;
	}
		div.sepa img {
			display:block;
		}
/**/

/*
伸縮自在角丸テーブル、以下はクラス名の番号と、それがどの箇所で使われているかの表
①②③
④⑤⑥
⑦⑧⑨
*/
	div.tbl1 { /*左上の角*/
		background-image:url('images/tbl1.gif');
		background-repeat:no-repeat;
		height:10px;
	}
	div.tbl2 { /*上片*/
		background-image:url('images/tbl2.gif');
		background-repeat:repeat-x;
		height:10px;
		margin:0px 10px;
		font-size:1px;
	}
	div.tbl3 { /*右上の角*/
		background-image:url('images/tbl3.gif');
		background-repeat:no-repeat;
		background-position:right top;
		height:10px;
	}
	
	div.tbl4 { /*左辺*/
		background-image:url('images/tbl4.gif');
		background-repeat:repeat-y;
	}
	div.tbl5 { /*中央の本文領域*/
		margin:0px 10px;
		padding:0px 0px 1px 0px;
	}
		div.tbl5 h3 a {
			color:#000000;
		}
	div.tbl6 { /*右辺*/
		background-image:url('images/tbl6.gif');
		background-position:right;
		background-repeat:repeat-y;
		padding:0px 0px 1px 0px;
	}
	
	div.tbl7 { /*左下の角*/
		background-image:url('images/tbl7.gif');
		background-repeat:no-repeat;
		height:10px;
	}
	div.tbl8 { /*下辺*/
		background-image:url('images/tbl8.gif');
		background-repeat:repeat-x;
		height:10px;
		margin:0px 10px;
	}
	div.tbl9 { /*右下の角*/
		background-image:url('images/tbl9.gif');
		background-repeat:no-repeat;
		background-position:right top;
		height:10px;
	}
/**/


/*PDF Download*/
	div.pdfDownload {
		text-align:right;
		padding:5px;
		font-size:12px;
	}
		div.pdfDownload a {
			text-decoration:none;
			color:#000080;
		}
		div.pdfDownload a:hover {
			text-decoration:none;
			color:#000000;
		}		
		div.pdfDownload img {
			vertical-align:middle;
			margin-right:5px;
		}
/**/

/*COMMENT*/
	div.comment {
		margin-bottom:5px;
	}
		div.comment h3 {
			font-family:Arial;
		}
			div.comment h3 em {
				color:#ff0000;
			}
		div.comment p {
			font-size:90%;
			line-height:1.5;
		}
/**/

/*PRODUCT*/
	div.product {
		margin-bottom:10px;
	}
		div.product h3 {
			font-family:Arial;
			margin-bottom:7px;
		}
			div.product h3 em {
				color:#ff0000;
			}
		div.product table.vSplitter {
			width:720px;
		}
			div.product table.vSplitter td.image {
				width:200px;
			}
			div.product table.vSplitter td.detail {
				width:520px;
				padding-left:8px;
			}
				div.product table.vSplitter td.detail table.specTable {
					width:510px;
					border:solid 1px #c0c0c0;
					margin-bottom:5px;
				}
					div.product table.vSplitter td.detail table.specTable caption {
						font-size:80%;
						font-weight:bold;
						text-align:left;
					}
						div.product table.vSplitter td.detail table.specTable caption em {
							color:#ff0000;
						}
					div.product table.vSplitter td.detail table.specTable th, div.product table.vSplitter td.detail table.specTable td {
						font-size:12px;
					}
					div.product table.vSplitter td.detail table.specTable th {
						text-align:right;
						font-weight:bold;
					}
					div.product table.vSplitter td.detail table.specTable th:after {
						content: ": ";
					}
		div.product div.scrollToTop {
			text-align:right;
		}
			div.product div.scrollToTop a {
				color:#303030;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
			}
			div.product div.scrollToTop a:hover {
				text-decoration:underline;
			}
/**/

/*FORM*/
	form.form {
		font-size:80%;
		margin:20px auto 30px 150px;
	}
		form.form dl {
			margin-bottom:5px;
		}
			form.form dl dt span.sub {
				color:#808080;
			}
/**/
