@charset "utf-8";
/* CSS Document */

/*dropdown*/

#mainNav.dropdown li ul.dropmenu li a {
	padding: 0 0 0 10px;
	color: #006994;
	background: url(../images/common/icon-arrow03.png) no-repeat 0 0.4em;
}
	#mainNav.dropdown li ul.dropmenu li a:hover {
		color: #4C94B7;
	}
		#mainNav.dropdown li.submenu {
			font-size: 84%!important;
			margin: 10px 0!important;
		}
			#mainNav.dropdown li.submenu ul {
				padding-left: 0;
				background: none;
			}
				#mainNav.dropdown li.submenu ul li {
					font-size: 109%;
					line-height: 15px;
				}
					#mainNav.dropdown li.bnr a {
						padding-left: 0!important;
					}
						#mainNav.dropdown li.mm-link > a {
							text-decoration: underline;
						}
							/*.submenu {
								float: left !important;
								width: 150px;
							}
							.dropmenu.w300 {
								width: 300px !important;
							}*/


.mainVisual {
	margin-bottom: 70px;
}
	h2 {
		overflow: hidden;
		*zoom: 1;
		margin-bottom: 8px;
	}
		h2 span.itemS,h2 span.itemR {
			float: left;
			font-size:320%;
			font-weight:bold;
			font-family: 'SimSun';
		}
		h2 span.itemS{
			color: #bb2020;
		}
		h2 span.itemR{
			color: #004386;
		}
			h2 span.itemText {
				float: left;
				/*margin-top: -4px;*/
				margin-top: 5px;
				margin-left: 20px;
				font-size: 116%;
				line-height: 1.25;
			}
				.productFeatures {
					padding: 12px 10px;
					background: #ededed;
					border-radius: 5px;
					margin-bottom: 30px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
					.featuresHead {
						font-size: 108%;
						font-weight: bold;
						margin-bottom: 8px;
						color: #333;
					}
						.featuresHead span {
							font-size: 86%;
							font-weight: normal;
						}
							.featuresList {
								overflow: hidden;
								*zoom: 1;
								margin-left: 17px;
								/margin-left: 7px;
							}
								.featuresList li {
									float: left;
									width: 160px;
									padding-top: 10px;
									margin-left: 10px;
									background: #fff;
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									text-align: center;
								}
									.featuresList li img {
										margin-bottom: 10px;
									}
									.featuresList li p {
										padding: 0 10px;
										margin-bottom: 8px;
										text-align: left;
										color: #333;
										font-weight: bold;
									}
.LineupHead {
	font-size: 150%;
	font-weight: bold;
	color: #333;
	padding-bottom: 2px;
	margin-bottom: 18px;
	border-bottom: 1px dotted #666;
}
	.LineupLead {
		font-size: 108%;
		padding-left: 3px;
		margin-bottom: 20px;
		line-height:1.4;
	}
		.lineupList {
			overflow: hidden;
			*zoom: 1;
			margin-bottom: 95px;
		}
			.lineupList li {
				overflow: hidden;
				*zoom: 1;
				border: 1px solid #ccc;
				margin-bottom: 10px;
				background: #faf9f9;
			}
			/*
			.lineupList li:hover {
				filter:alpha(opacity=75);
				-moz-opacity: 0.75;
				opacity: 0.75;
				cursor:pointer;
			}
			*/
				.lineupList li .descriptionWrap {
					border: 1px solid #fff;
					overflow: hidden;
					*zoom: 1;
				}
					.lineupList li img {
						float: left;
						margin-right: 18px;
					}
						.boxDescription01 {
							overflow: hidden;
							*zoom: 1;
						}
							.boxDescription01 h4 {
								padding-top: 16px;
								margin-bottom: 10px;
								font-size: 139%;
								font-weight: bold;
								color: #006994;
							}
								.boxDescription01 p {
									font-size: 92%;
									margin-bottom: 15px;
									/margin-bottom: 12px;
									padding-right: 25px;
									line-height:1.4;
								}
								.boxDescription01 p.boxIn {
									margin-bottom: 10px;
									/margin-bottom: 7px;
								}
									.boxDescription01 .boxL {
										float: left;
									}
									.boxDescription01 .boxR {
										float: right;
										width: 79px;
										margin: 9px 7px 0 0;
									}
										.boxDescription01 .btn a {
											font-size: 108%;
											padding-left: 10px;
											margin-right: 12px;
											background: url(../images/common/gnav-arrow.png) no-repeat 0 50%;
										}
										.boxDescription01 .btn a:hover {
											text-decoration: underline;
										}
											.boxDescription01 .boxR img {
												float: right;
												margin: 0 2px 2px 0;
											}
.boxProduct02 {
	padding: 12px 10px;
	background: #ededed;
	margin-bottom: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
			.lineupList.type02 {
				margin-bottom: 17px;
			}
			.lineupList.type03 {
				margin-bottom: 35px;
			}
				.txtDescription02 {
					font-size: 108%;
					padding-left: 3px;
					margin-bottom: 17px;
				}

/* siding */
.introduction,
.featureList,
.productList,
.rootNavi ul,
imageThumb {
	/overflow: hidden; /* for IE6/7 */
	/zoom: 1; /* for IE6/7 */
}
.introduction:after,
.featureList:after,
.productList:after,
.rootNavi ul:after,
.imageThumb:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.lead,
.mainimg { margin-bottom: 20px;}

.introduction { margin-bottom: 25px;}

	.introduction .path01 {
		float: left;
		width: 420px;
	}
	.introduction .path02 { float: right;}
	
.sidingHead {
	margin-bottom: 25px;
	color: #333;
	font-weight: bold;
	font-size: 200%;
}
	.sidingHead .color01 {
		float: none;
		line-height: inherit;
		margin: 0;
		color: #ffa700;
		font-size: inherit;
	}
.productSidingHead {
	color: #333;
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: solid 1px #ccc;
	overflow: hidden;
	zoom: 1;
	font-weight: bold;
	font-size: 200%;
}
	.productSidingHead span {
		float: left;
		margin: 0;
		line-height: 1;
		font-size: inherit;
	}
		.productSidingHead .icon { margin-right: 11px;}
		
		.productSidingHead .text { padding-top: 18px;}
		
			.productSidingHead.type01 { margin-bottom: 18px;}
		
.preface {
	margin-bottom: 30px;
	color: #333;
	font-size: 117%;
}
.feature {
	position: relative;
	width: 420px;
	margin-bottom: 25px;
}
	.featureHead {
		margin-bottom: 10px;
		color: #333;
		font-weight: bold;
		font-size: 117%;
	}
	.featureList {
		padding: 11px 10px;
		background: url(../images/products/siding/product-feature-bg.gif) 0 0 no-repeat;
	}
		.featureList li {
			display: block;
			float: left;
			margin: 0 2px;
		}
	.feature .thumb {
		position: absolute;
		top: -10px;
		/*right: -22px;*/
		right: -32px;
		z-index: 9;
	}
.structure { color: #221815;}

	.structure dt {
		margin-bottom: 10px;
		text-align: center;
	}
	.structure dd {}
	
		.structure .image {
			display: block;
			margin-bottom: 5px;
		}
		.structure .description { text-align: right;}

.productSiding {}

	.productList {
		margin-bottom: 30px;
		color: #333;
		font-size: 117%;
	}
		.productListHead {
			color: #009900;
			font-weight: bold;
			font-size: 115%;
		}
		.productList .lead {}
		
			.productList li {
				float: left;
				background: url(../images/products/siding/product-productsiding-bg01.gif) 100% 0 repeat-y;
			}
				.productList li.first {
					width: 334px;
					padding-right: 25px;
				}
					.productList li.first .productListHead { margin-bottom: 24px;}
					
						.productList li.first .text { margin-bottom: 24px;}
						
						.productList li.first .image {
							display: block;
							margin: 0 auto 24px;
						}
						.productList .boxNote { line-height: 1.6;}
						
							.productList .boxNote p {
								padding-left: 15px;
								background: url(../images/products/siding/product-productsiding-maker.gif) 0 7px no-repeat;
							}
				.productList li.last {
					width: 325px;
					padding: 0 15px 0 20px;
					background: none;
				}
					.productList li.last .productListHead { margin-bottom: 5px;}
					
						.productList .figure { margin-bottom: 14px;}
						
							.productList .figure .image { margin-bottom: 6px;}
							
							.productList .figure .figcaption.type01 { font-size: 86%;}
	
.boxProcess { margin-bottom: 28px;}
	
	.processHead {
		margin-bottom: 18px;
		color: #333;
		font-weight: bold;
		font-size: 134%;
	}
		.boxProcess .boxInner {
			width: 520px;
			margin: 0 auto;
			overflow: hidden;
			zoom: 1;
		}
			.boxProcess .boxInner.type01 { width: 535px;}
			
				.boxProcess .image { margin-bottom: 6px;}
					
				.boxProcess .path01,
				.boxProcess .path02 {
					width: 233px;
					color: #333;
					text-align: center;
				}
					.boxProcess .path01 { float: left;}
					
					.boxProcess .path02 { float: right;}
				
						.boxProcess dt {
							margin-bottom: 8px;
							color: #cb2733;
							font-weight: bold;
							font-size: 117%;
						}
							.boxProcess .path01.type01 dt,
							.boxProcess .path02.type01 dt { color: #217fc4;}
						
						.boxProcess  .path01 dd,
						.boxProcess  .path02 dd {
							width: 158px;
							margin: 0 auto;
							text-align: left;
						}			
.boxAccelerate {
	margin-bottom: 22px;
	padding: 1px;
	border: solid 3px #e5e5e5;
	background-color: #fbfbfb;
}
	.boxAccelerate.type01 { margin-bottom: 50px;}
	
	.boxAccelerate.type02 { margin-bottom: 30px;}
	
	.accelerateHeader {
		padding: 4px 10px;
		overflow: hidden;
		zoom: 1;
		background-color: #f0f0f0;
		color: #333;
	}
		.accelerateHead {
			float: left;
			font-weight: bold;
			font-size: 117%;
		}
			.accelerateHead span { font-size: 88%;}
			
		.accelerateLead {
			float: right;
			padding-top: 1px;
		}
	.boxAccelerate .description {
		margin: 20px 0 0;
		padding: 0 8px 0 16px;
	}
	.accelerateList {
		padding: 20px 0 0;
		overflow: hidden;
		zoom: 1;
	}
		.accelerateList li {
			float: left;
			width: 341px;
		}
			.accelerateList li.first { padding: 0 3px 0 16px;}
			
			.accelerateList li.last { padding: 0 8px 0 3px;}
			
				.accelerateListHead {
					line-height: 1.5;
					font-weight: bold;
				}
				.accelerateList .text { line-height: 1.6;}
				
				.accelerateList .image { margin-bottom: 32px;}
				
	.boxAccelerate .notation {
		padding-bottom: 16px;
		color: #333;
		text-align: right;
	}
	.boxKnowledge {
		padding: 16px;
		overflow: hidden;
		zoom: 1;
		color: #333;
		font-size: 117%;
	}
		.boxKnowledge dl {
			line-height: 1.5;
			overflow: hidden;
			padding-right: 10px;
		}
		.boxKnowledge .image {
			float: right;
		}
	
.boxCompare {
	margin-bottom: 60px;
	color: #333;
	overflow: hidden;
	zoom: 1;
}
	.compareHead {
		margin-bottom: 18px;
		padding: 6px 8px;
		color: #333;
		background-color: #e9f3f5;
		font-weight: bold;
		font-size: 134%;
	}
		.compareHead span {
			font-weight: normal;
			font-size: 63%;
		}
	.boxCompare .lead { font-size: 117%;}
	
	.boxCompare .path01 {
		width: 380px;
		float: left;
	}
	.boxCompare .path02 { float: right;}
	
		.boxNoteList {
			width: auto;
			line-height: 1.5;
			color: #333;
		}
			.boxNoteList.type01 { margin-bottom: 50px;}
		
				.boxNoteList dt {
					width: auto;
					display: inline-block;
					*display: inline;
					zoom: 1;
					margin-bottom: 4px;
					padding: 2px 4px;
					border: solid 1px #999;
				}
					.boxNoteList dd { width: auto;}
				
		.compareList {
			float: left;
			overflow: hidden;
			zoom: 1;
			text-align: center;
		}
			.compareList li {
				float: left;
				width: 160px;
				margin-right: 10px;
			}
				.compareList li.last { margin-right: 0;}
			
					.compareList .image { margin-bottom: 4px;}
			
	.boxCompare .boxGraph { color: #333;}
	
		.boxCompare .boxGraph .text {
			margin-bottom: 30px;
			line-height: 1.5;
			font-size: 117%;
		}
		.boxCompare .boxGraph .image {
			display: block;
			margin: 0 auto;
		}
.boxProtect {}

	.boxPreface {
		line-height: 1.5;
		margin-bottom: 28px;
		color: #333;
	}
		.boxProtect .text01 {
			font-weight: bold;
			font-size: 134%;
		}
		.boxProtect .text02 { font-size: 117%;}
		
	.protectList {
		margin-bottom: 36px;
		overflow: hidden;
		zoom: 1;
		color: #333;
	}
		.protectList li {
			float: left;
			width: 350px;
			margin-left: 20px;
		}
		.protectList li.first { margin-left: 0;}
		
			.protectListHead {
				margin-bottom: 6px;
				padding-bottom: 6px;
				background: url(../images/products/siding/product-protectlist-bg01.gif) 0 100% repeat-x;
				color: #3962ad;
				font-weight: bold;
				font-size: 117%;
			}
				.protectList li.last .protectListHead {
						background: url(../images/products/siding/product-protectlist-bg02.gif) 0 100% repeat-x;
						color: #666;
				}
			.protectList .image { margin-bottom: 34px;}
			
				.protectList.type01 .image { margin-bottom: 15px;}
			
			.protectList .boxCombine {
				margin-top: 5px;
				line-height: 1.5;
			}
				.protectList .boxCombine dt {
					padding: 3px;
					margin-bottom: 8px;
					background-color: #3962ad;
					color: #fff;
					font-size: 117%;
					text-align: center;
				}
					.protectList li.last .boxCombine dt { background-color: #939497;}
					
				.protectList .boxCombine dd {}

/* lineup */
.lineupNavi01,
.lineupNavi02 {
	margin-bottom: 6px;
	overflow: hidden;
	zoom: 1;
}
	.lineupNavi01 li,
	.lineupNavi02 li {
		float: left;
		margin-right: 2px;
	}
		.lineupNavi02 li { margin-right: 4px;}
		
		.lineupNavi01 li.lineupNav02 { margin-right: 1px;}
		
		.lineupNavi01 li.lineupNav03,
		.lineupNavi02 li.lineupNav04 { margin-right: 0;}
	
			.lineupNavi01 a,
			.lineupNavi02 a {
				display: block;
				color: #02668f;
				font-weight: bold;
				font-size: 134%;
				cursor: pointer;
			}
				.lineupNavi01 a {
					width: 239px;
					height: 55px;
					line-height: 55px;
					background: url(../images/products/lineup/product-lineupnavi01.gif) no-repeat;
					text-align: center;
				}
				.lineupNavi02 a {
					width: 177px;
					height: 55px;
					line-height: 55px;
					background: url(../images/products/lineup/product-lineupnavi02.gif) no-repeat;
					background-position: 0 0;
				}
				.lineupNavi02 a.twoline {
					padding-top: 10px;
					height: 45px;
					line-height: 110%;
				}
					.lineupNavi01 a:hover,
					.lineupNavi01 a.active{ color: #fff;}
					
					.lineupNavi02 a:hover,
					.lineupNavi02 a.active {
						color: #fff;
						background-position: 0 -55px;
					}
						.lineupNavi01 li.lineupNav01 a { background-position: 0 0;}
						
						.lineupNavi01 li.lineupNav02 a { background-position: -241px 0;}
						
						.lineupNavi01 li.lineupNav03 a { background-position: -482px 0;}
						
							.lineupNavi01 li.lineupNav01 a:hover,
							.lineupNavi01 li.lineupNav01 a.active { background-position: 0 -55px;}
							
							.lineupNavi01 li.lineupNav02 a:hover,
							.lineupNavi01 li.lineupNav02 a.active { background-position: -241px -55px;}
							
							.lineupNavi01 li.lineupNav03 a:hover,
							.lineupNavi01 li.lineupNav03 a.active { background-position: -482px -55px;}
							
								.lineupNavi01 a span,
								.lineupNavi02 a span {
									display: inline-block;
									*display: inline;
									*zoom: 1;
								}
									.lineupNavi01 a span { padding-left: 25px;}
									
									.lineupNavi02 a span { padding: 0 15px;}
									
										.lineupNavi01 li.lineupNav03 a span { padding-left: 40px;}

.productLineup { background: url(../images/products/lineup/product-productlineup-bg.gif) 0 0 no-repeat;}

	.productLineupHead {
		padding: 12px 0 18px;
		margin: 0 12px 12px;
		overflow: hidden;
		zoom: 1;
		border-bottom: dotted 1px #7d7d7d;
		color: #333;
		font-weight: bold;
		font-size: 167%;
	}
		.productLineupHead .icon,
		.productLineupHead .title {
			display: block;
			float: left;
		}
			.productLineupHead .icon { margin-right: 15px;}
			
			.productLineupHead .title { padding: 13px 0 10px;}
			
	.productLineupLink {
		margin: 0 12px 50px;
		overflow: hidden;
		zoom: 1;
	}
		.productLineupLink li {
			float: left;
			padding-right: 6px;
			margin: 0 6px 10px 0;
			border-right: solid 1px #7d7d7d;
		}
			.productLineupLink li.last { border: 0;}
		
				.productLineupLink a {
					color: #02668f;
					font-size: 117%;
					white-space: nowrap;
				}
					.productLineupLink a:hover { text-decoration: underline;}

	.sectionLineup {
		margin-bottom: 30px;
		overflow: hidden;
		zoom: 1;
	}
	
		.sectionLineupHeader {
			margin-bottom: 8px;
			padding-bottom: 7px;
			border-bottom: solid 1px #ccc;
			overflow: hidden;
			zoom: 1;
		}
			.sectionLineupHeader .sectionLineupHead {
				float: left;
				margin-bottom: 0;
				color: #333;
				font-weight: bold;
				font-size: 167%;
			}
			.sectionLineupHeader .btnCase {
				float: right;
				display: block;
				position: relative;
				width: 75px;
				height: 24px;
				background: url(../images/products/lineup/product-productlineup-btn.gif) no-repeat;
				background-position: 0 0;
				text-indent: -9999px;
			}
				.sectionLineupHeader .btnCase:hover { background-position: 0 -24px;}
	
		.imageLarge { margin-bottom: 18px;}
		
		.imageThumb {
			margin: 0 -13px 10px 0;
			/overflow: hidden; /* for IE6/7 */
			/zoom: 1; /* for IE6/7 */
		}
		.imageThumb:after {
			content: '';
			display: block;
			clear: both;
			height: 0;
		}
			.imageThumb li {
				float: left;
				margin: 0 13px 10px 0;
			}			
				.imageThumb .productCode {
					margin-bottom: 3px;
					color: #333;
					font-size: 117%;
				}
		.specsLineup { margin-bottom: 20px;}
		
		.specsLineup.last { margin-bottom: 30px;}
		
			.specsLineupHead {
				margin-bottom: 12px;
				color: #151515;
				font-weight: bold;
				font-size: 117%;
			}
			.specsLineupTable {
				overflow: hidden;
				zoom: 1;
				border-top: solid 1px #161616;
			}
			.specsLineupTable .path01,
			.specsLineupTable .path02 { float: left;}
			
				.specsLineupTable table {
					width: 360px;
					margin-top: -1px;
				}
					.specsLineupTable th,
					.specsLineupTable td {
						padding: 10px;
						border: solid 1px #999;
						color: #333;
						vertical-align: top;
					}
						.specsLineupTable th {
							width: 30%;
							background-color: #f0f0f0;
							white-space: nowrap;
						}
						.specsLineupTable td { width: 70%;}
						
						.specsLineupTable .path01 th { border-left-width: 3px;}
						
						.specsLineupTable .path02 th { border-left-width: 2px;}
						
						.specsLineupTable .path02 td { border-right-width: 3px;}
						
							.specsLineupTable .pattern {
								margin-top: 8px;
								overflow: hidden;
								zoom: 1;
							}
							.specsLineupTable .pattern.first { margin-top: 0;}
							
								.specsLineupTable .pattern dt {
									float: left;
									margin-right: 15px;
								}
								.specsLineupTable .pattern dd { overflow: hidden;}
								
		.galleryLineup {
			position: relative;
			_width: 720px;
			_height: 343px;
			margin-bottom: 18px;
		}
			.gallaryNavi {
				position: absolute;
				right: 16px;
				bottom: 10px;
				z-index: 9;
			}
				.gallaryNavi a {
					display:block;
					width: 100px;
					margin-bottom: 5px;
				}
		
			.galleryPhoto {
				position: relative;
				width: 720px;
				height: 343px;
			}
				.galleryPhoto img {
					position:absolute;
					top: 0;
					left: 0;
				}

/* roof */
.rootNavi { margin-bottom: 30px;}

	.rootNaviHead {
		margin-bottom: 20px;
		color: #333;
		font-weight: bold;
		font-size: 117%;
	}
	.rootNavi ul { margin-right: -10px;}
	
		.rootNavi li {
			position: relative;
			float: left;
			width: 355px;
			margin: 0 10px 10px 0;
		}
			.linkBox {
				display: block;
				position: relative;
				padding: 8px;
				background-color: #efefef;
				background-image: url(../images/products/roof/product-boxlink-icon.gif);
				background-position: 4px 4px;
				background-repeat: no-repeat;
				cursor: pointer;
			}
			.linkBox.invalid{
				cursor: default;
			}
			.linkBox:hover {
				opacity: 0.7;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
				filter: alpha(opacity=70);
			}
			.linkBox.invalid:hover {
				opacity: 1;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
			}
				.linkBox .boxLinkHead { padding: 2px 2px 6px 14px;}
				
					.linkBox .boxLinkHead .pros {
						margin-bottom: 2px;
						color: #333;
						font-weight: bold;
						font-size: 117%;
					}
					.linkBox .boxLinkHead .title {
						display: block;
						color: #003399;
						font-weight: bold;
						font-size: 167%;
					}
						.linkBox .description {
							line-height: 1.5;
							padding: 8px;
							background-color: #fff;
						}
						.linkBox .link {
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 355px;
							height: 100%;
							text-indent: -9999px;
							background: url(../images/products/roof/product-boxlink-bg.png) 0 0 repeat;
							z-index: 9;
						}
						*:first-child+html .linkBox .link {
							background-color: #fff;
							filter: alpha(opacity=00);
						}
							*:first-child+html .linkBox .link:hover {
								opacity: 0.3;
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
								filter: alpha(opacity=30);
							}
							*:first-child+html .linkBox.invalid .link:hover {
								opacity: 1;
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
								filter: alpha(opacity=100);
							}
						.linkBox .balloon {
							position: absolute;
							top: -7px;
							right: -4px;
							z-index: 99;
						}
.productRoof {}

	.productRoofHead {
		padding-bottom: 8px;
		margin-bottom: 20px;
		border-bottom: solid 1px #ccc;
		color: #333;
		font-weight: bold;
		font-size: 200%;
	}
	.productRoofLead {
		margin-bottom: 8px;
		padding: 1px 0 0 14px;
		color: #003399;
		background: url(../images/products/roof/product-productroof-icon01.gif) 0 0 no-repeat;
	}
		.productRoofLead span {
			font-weight: bold;
			font-size: 117%;
		}
.boxMaterial { margin-bottom: 18px;}

	.boxInfo {
		overflow: hidden;
		zoom: 1;
	}
	.boxInfo.type01 {
		margin-bottom: 30px;
		*background: none;
	}
		.boxInfo .path01 { float: right;}
		
		.boxInfo .path02 {
			border: 0;
			padding-right: 20px;
			overflow: hidden;
		}
			.boxInfo .description {
				line-height: 1.5;
				font-size: 117%;
			}
			.boxInfo .figure {}
			
				.boxInfo .figure .title {
					margin-bottom: 5px;
					color: #221815;
					font-weight: bold;
					font-size: 134%;
				}
					.boxInfo .figure .title span {
						font-weight: normal;
						font-size: 75%;
					}
					.boxInfo .figure .image { margin-bottom: 5px;}
					.hybrid{
						margin-top: 15px;
					}
					.hybrid .figure01{
						float: left;
						width: 350px;
						text-align: center;
					}
					.hybrid .figure02{
						float: right;
						width: 370px;
						text-align: right;
					}
.boxFeature {
	line-height: 1.5;
	padding: 20px 15px 15px;
}
	.boxFeature .boxInner {
		overflow: hidden;
		zoom: 1;
	}
		.boxFeature .boxInner .path01 {
			float: left;
			width: 262px;
			padding-right: 10px;
		}
		.boxFeature .boxInner .path02 { float: right;}
		
			.boxFeature .caption { margin-top: 38px;}

.experimental {
	line-height: 1.5;
	margin-bottom: 45px;
	overflow: hidden;
	zoom: 1;
	font-size: 117%;
}
	.experimental li {
		float: left;
		width: 355px;
		margin-right: 10px;
	}
	.experimental li.last { margin-right: 0;}
	
		.experimentalHead {
			margin-bottom: 18px;
			padding: 6px 8px;
			color: #333;
			background-color: #e9f3f5;
			font-weight: bold;
			/*font-size: 124%;*/
			font-size: 110%;
		}
			.experimentalHead span { font-size: 75%;}
		
		.experimental .text { margin-bottom: 10px;}
		
		.experimental .image {
			display: block;
			margin: 0 auto;
		}
		.experimental .notation {
			margin-bottom: 10px;
			font-size: 86%;
		}
		.experimental .figure01 {
			margin: 0 auto 5px;
		}
			.experimental .figure01.type01 { margin-bottom: 10px;}
						
			.experimental .figure01 .figcaption {
				overflow: hidden;
				zoom: 1;
			}
				.experimental .figure01 .caption01,
				.experimental .figure01 .caption02 {
					display: block;
					width: 177px;
					text-align: center;
					font-size: 85%;
				}
					.experimental .figure01 .caption01 { float: left;}
					.experimental .figure01 .caption02 { float: right;}
					
		.experimental .figure02 {
			width: 320px;
			margin: 0 auto;
			font-size: 86%;
		}
			.experimental .figure02 .image {
				display: block;
				margin: 0 auto 10px;
			}				
.boxCondition {
	width: 100%;
	overflow: hidden;
	*zoom: 1;
}
	.boxCondition .image {
		float: left;
		margin-right: 18px;
		padding-top: 5px;
	}
	.boxCondition .image.type01 {
		margin: 0 18px;
		_margin: 0 11px;
		padding-top: 0;
	}
		.boxCondition .caption {
			display: block;
			width: 270px;
			margin-top: 5px;
			font-size: 84%;
		}
	.boxCondition .detail {
		overflow: hidden;
		line-height: 1.5;
	}		
		.boxCondition .detailHead {
			margin-bottom: 8px;
			font-weight: bold;
			font-size: 117%;
		}
		.boxCondition .detailLead { margin-bottom: 10px;}
		
		.boxCondition .condition { margin-bottom: 10px;}
		
			.boxCondition .condition dt {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				margin-bottom: 10px;
				padding: 1px 3px;
				border: solid 1px #ccc;
			}
			.boxCondition .condition sup { vertical-align: super;}
.boxGuide {
	padding: 25px;
	background-color: #e9f3f5;
	overflow: hidden;
}
	.boxGuideHead {
		margin-bottom: 20px;
		color: #333;
		font-weight: bold;
		font-size: 134%;
	}
.boxAdvantage {
	padding: 20px;
	background-color: #fff;
}
	.boxAdvantageHead {
		margin-bottom: 12px;
		padding-bottom: 8px;
		border-bottom: solid 1px #ccc;
		color: #666;
		font-weight: bold;
		font-size: 134%;
	}
	.boxAdvantage ul {
		overflow: hidden;
		zoom: 1;
	}
		.boxAdvantage li {
			float: left;
			width: 200px;
			margin-right: 15px;
		}
		.boxAdvantage li.last { margin-right: 0;}
		
			.boxAdvantage dl {}
			
				.boxAdvantage dt {
					width: 200px;
					height: 50px;
					line-height: 50px;
					margin-bottom: 10px;
					background: url(../images/products/roof/product-boxadvantage-bg.gif) 0 0 no-repeat;
					color: #02668f;
					font-weight: bold;
					font-size: 134%;
					text-align: center;
				}
				.boxAdvantage dd {
					line-height: 1.5;
				}
					.boxAdvantage .image { margin-top: 10px;}

.boxDiagram {
	margin-bottom: 50px;
	padding-top: 20px;
	background: url(../images/products/roof/product-boxdiagram-bg01.gif) 0 0 no-repeat;
}
	.boxDiagramIn {
		padding:0 20px 30px;
		background: url(../images/products/roof/product-boxdiagram-bg02.gif) 0 100% no-repeat;
	}
		.boxDiagramHead {
			margin-bottom: 18px;
			color: #333;
			font-weight: bold;
			font-size: 134%;
			text-align: center;
		}
			.boxDiagramHead span { font-size: 88%;}
			
		.boxDiagram .image {
			display: block;
			margin: 0 auto;
		}
	
/* 20140919 add */
.lineupSubnavi{
	margin-bottom: 6px;
	/overflow: hidden;
	/zoom: 1;
}
.lineupSubnavi li{
	float: left;
	margin-right: 4px;
	width: 177px;
	background: #f0f0f0;
}
.lineupSubnavi li.current{
}
.lineupSubnavi li.end{
	float: right;
	margin-right: 0;
}
.lineupSubnavi li a{
	display: block;
	height: 40px;
	line-height: 40px;
	/*display: table-cell;
	vertical-align: middle;
	/overflow: hidden;
	/zoom: 1;*/
	text-decoration: underline;
}
.lineupSubnavi li a.twoline{
	padding-top: 7px;
	height: 33px;
	line-height: 110%;
}
.lineupSubnavi li.current a,
.lineupSubnavi li a:hover{
	color: #FFF;
	text-decoration: none;
	background: url(../images/products/lineup/subnavi-bg.gif);
}
.lineupSubnavi.hikaricera a span{
	display: block;
	padding: 0 5px 0 52px;
	background: url(../images/products/lineup/subnavi-hikaricera-icon.png) no-repeat 5px 50%;
}
.lineupSubnavi.sinsuicera a span{
	display: block;
	padding: 0 5px 0 52px;
	background: url(../images/products/lineup/subnavi-sinsuicera-icon.png) no-repeat 5px 50%;
}

.lineupSubnavi:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}