@charset "utf-8";
/* 
	製品案内　common.css 
*/

#mainVisual {
	background: #fff;
	border-bottom: 5px solid #fff;
}

#mainContent div.pankuzu {
	margin-bottom: 0;
}

#leadPhase {
	margin: 30px 0 20px;
}

#mainContent strong.catchCopy img { 
	display: block;
	margin: 0 0 0px;
}

#mainContent h3.detailTitle {
	/*　原理、特徴など　*/
	margin: 0 0 20px;
}

#mainContent h4.columnTitle {
	/*　説明の中見出し　*/
	margin: 0 0 20px;
}

/*　解説コラム　*/

#mainContent div.column {
	background: #fff;
}

#mainContent .columnBg1 {
	/*　黒いストライプ　外罫　*/
	padding: 5px;
	background: url(/images/common/item_stripe03.gif);
}

#mainContent .columnBg2 {
	/*　黒いストライプ2　外罫　*/
	padding: 5px;
	background: url(/images/common/item_stripe01.gif);
}

#mainContent .columnBg3 {
	/*　黒いストライプ3　外罫　*/
	padding: 5px;
	background: url(/images/common/item_stripe02.gif);
}

#mainContent div.columnBgDivide {
	/*　中央分割線　*/
	background: #fff url(/product/touch_panel/static/images/custom/img_border.gif) no-repeat center 45px;
}

#mainContent h5.title {
	/*　解説内の小見出しなど　*/
	margin: 0 0 10px;
}

#mainContent h5.phaseTitle {
	/*　解説内の小見出しなど2　ボーダー付き　*/
	padding: 0 0 10px;
	margin: 0 0 15px;
	background:url(/images/common/item_dot02.gif) repeat-x left bottom;
}

#mainContent dl.divide {
	margin-top: 20px;
}

#mainContent dt.explainTitle {
	font-weight: bold;
	margin: 0 0 5px;
}

#mainContent p.explain {
	/*　解説文章　*/
	margin-bottom: 10px;
}

#mainContent .columnBorder p.explain {
	margin-left: 10px;
	margin-right: 10px;
}

#mainContent p.explainImage {
}

#mainContent .columnBorder p.explainImage {
	margin: 10px 10px 0;
}

#mainContent .absBottom {
	/*　絶対下位置に配置　*/
	position: absolute;
	bottom: 10px;
	visibility: visible;
}


#mainContent .featureIcon {
	/*　特徴アイコン　*/
	padding-right: 5px;
}

#mainContent .columnBorder {
	/*　コラム等　囲み罫　*/
	border: 1px solid #aaa;
}


#mainContent p.showDetail {
	/*　詳細を見る　*/
	text-align: right;
	margin-top: 10px;
}


/*　コンテントナビ　*/

.productCnavi {
	border-bottom: 2px solid #ccc;
	margin: 5px 0 0;
}

.productCnavi ul li {
	float: left;
	width: 160px;
	padding: 13px 10px 0;
	background: url(/product/images/common/cnavi_border.gif) right bottom no-repeat;
}

.productCnavi ul li a.no01 {
	display: block;
	background: url(/product/images/common/01.gif) right 4px no-repeat;
	padding-right: 31px;
}

.productCnavi ul li a.no02 {
	display: block;
	background: url(/product/images/common/02.gif) right 4px no-repeat;
	padding-right: 33px;
}

.productCnavi ul li a.no03 {
	display: block;
	background: url(/product/images/common/03.gif) right 4px no-repeat;
	padding-right: 32px;
}

.productCnavi ul li a.no04 {
	display: block;
	background: url(/product/images/common/04.gif) right 4px no-repeat;
	padding-right: 33px;
}

.catchBox {
	width: 720px;
	margin: 1em 0 50px;
}

.catchBox .textArea {
	width: 310px;
	float: left;
}

.catchBox .imgArea {
	width: 380px;
	float: right;
}

/*　仕様表　*/

#mainContent table.spec {
	width: 100%;
}

#mainContent table.spec caption {
	padding: 20px 0 3px;
	font-weight: bold;
	text-align: left;
}

#mainContent .borderR {
	/*　右線　*/
	border-right: 1px solid #bbb;
}

#mainContent .borderB {
	/*　下線　*/
	border-bottom: 1px solid #bbb;
}

#mainContent table.spec td,
#mainContent table.spec th {
	line-height: 1.4;
	vertical-align: middle;
	padding: 0.5em 10px;
}

#mainContent table.spec th {
	background: url(/images/common/item_stripe01.gif);
	border-bottom: 1px solid #aaa;
}

#mainContent table.spec th.white {
	background: #fff;
}

#mainContent table.spec th.size {
	background: url(/images/common/item_stripe02.gif);
}

#mainContent table.spec td {
	text-align: center;
	background: url(/images/common/item_dot02.gif) repeat-x left bottom;
}

#mainContent table.spec th.koumoku {
	width: 172px;
}

#mainContent table.spec .divide5 {
	width: 109x;
}

#mainContent table.spec .divide5Border {
	width: 109px;
	border-right: 1px solid #bbb;
}

#mainContent table.spec .divide4 {
	width: 136px;
}

#mainContent table.spec .divide4Border {
	width: 136px;
	border-right: 1px solid #bbb;
}

#mainContent table.spec .divide3 {
	width: 182px;
}

#mainContent table.spec .divide3Border {
	width: 182px;
	border-right: 1px solid #bbb;
}

#mainContent table.spec .divide2 {
	width: 274px;
}

#mainContent table.spec .divide2Border {
	width: 273px;
	border-right: 1px solid #bbb;
}


#mainContent table.spec .alignLeft {
	/*　左　*/
	text-align: left;
}

#mainContent table.spec .alignCenter {
	/*　中央　*/
	text-align: center;
}

#mainContent table.spec .alignRight {
	/*　右　*/
	text-align: right;
}


/*　ポイント　*/

#mainContent div.pointPhase {
	padding: 5px;
	background-color: #aaa;
}

#mainContent div.pointPhaseInner {
	padding: 10px 10px 0;
	_padding-bottom: 10px;
	background: #fff;
}

#mainContent div.pointPhase h5.pointIcon {
	float: left;
	width: 50px;
}

#mainContent div.pointPhase p.explain {
	float: left;
	width: 90%;
	font-size: 80%;
}

/*　用途例　*/

#usagePhase {
}

#usagePhase .detailTitle {
	margin: 0 0 10px;
}

#usagePhase li {
	margin-bottom: 40px;
}

#usagePhase li.last {
	margin: 0;
}

/*　特徴　*/

#featurePhase {
}

#featurePhase li {
	float: left;
	margin: 0 6px 6px 0;
}

#featurePhase li.last {
	margin-right: 0;
}

#featurePhase .featureBox {
	position: relative;
	width: 234px;
	border: 1px solid #aaa;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#featurePhase .featureBox dd {
	padding: 10px;
}

#featurePhase .featureBox .explainImage {
	position: absolute;
	bottom: 10px;
	left: 10px;
}