@charset "utf-8";

/* ------------------------------------------------------------------------------------------------- */

@import url(/common/css/common.css);
@import url(/common/css/model_header_nav.css);
@import url(/common/css/free-layout.css);

/* ------------------------------------------------------------------------------------------------- */

body #model_header ul.navigation {
	background: url(images/nav_bg.gif) no-repeat 0 0;
}

#content h3 {
	background: url(/common/images/free-layout/line_double_01-x.gif) repeat-x 0 100%;
	font-size: 116%;
}

#content h3.with-badge {}
	#content h3.with-badge img {
		float: right;
		margin: 0 0 1px 5px;
	}


/* clearfix */
#content h3.with-badge {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

#content h3.with-badge:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#content #renewal-points {
	background: url(images/renewal-points_bg_01.gif) repeat-y 0 0;
}
	
	#content #renewal-points h2 {
		margin: 0;
	}
	
	#content #renewal-points div.content {
		padding-bottom: 5px;
		background: url(images/renewal-points_bg_02.gif) no-repeat 0 100%;
		font-size: 83.3%;
		zoom: 1;
	}
		
		#content #renewal-points div.content dl {
			margin-top: -1px;
		}
			
			#content #renewal-points div.content dl dt {
				padding: 20px 20px 20px 40px;
				background: url(images/renewal-points_icon_01.gif) no-repeat 15px 50%;
				border-top: 1px solid #ccc;
			}
			
			#content #renewal-points div.content dl dd {
				margin-top: -10px;
				margin-bottom: 15px;
				padding: 0 20px 0 40px;
				background: url(images/renewal-points_icon_02.gif) no-repeat 11px 50%;
			}


/** --------------------------------------------------------------------------
 * page styles
 * ------------------------------------------------------------------------ */

div.index #content {}

div.index #content #introduction {
	height: 464px;
}
	
	div.index #content #introduction p.copy {
		top: 44px;
		left: 0;
	}

div.index #content div.grid.last-child {
	padding-bottom: 80px;
	background-image: url(images/index_bottom_bg.jpg);
	background-position: 0 100%;
}

div.index #content #color-variation {}

div.index #content #stainless-body {
	margin-top: -75px;
}
	
	div.index #content #stainless-body div.col01 {
		padding-top: 64px;
	}

div.index #content #detail-design {
	padding-bottom: 1px;
	background: url(images/index_detail-design_bg.gif) no-repeat 0 100%;
	zoom: 1;
}
	
	div.index #content #detail-design div.grid {}
		div.index #content #detail-design div.grid div.item {
			padding: 15px 0;
			border-top: 1px solid #ccc;
		}
			
			div.index #content #detail-design div.grid div.item img.thumbnail {
				float: left;
			}
			
			div.index #content #detail-design div.grid div.item div.text {
				float: right;
				width: 171px;
			}
				
				div.index #content #detail-design div.grid div.item div.text * {
					margin: 0;
				}
				
				div.index #content #detail-design div.grid div.item div.text h3 {
					margin-bottom: 5px;
				}
				
				div.index #content #detail-design div.grid div.item div.text ul.link-button {
					margin-top: 10px;
				}


div.ms #content {}

div.ms #content #introduction {
	height: 384px;
	margin-bottom: 60px;
}
	
	div.ms #content #introduction p.copy {
		top: 44px;
		left: 0;
	}

div.ms #content div.grid.last-child {
	padding-bottom: 0;
	background-image: url(images/ms_bottom_bg.jpg);
	background-position: 0 100%;
}


div.hs #content {}

div.hs #content #introduction {
	height: 394px;
	margin-bottom: 40px;
}
	
	div.hs #content #introduction p.copy {
		top: 44px;
		left: 0;
	}

div.hs #content div.grid.last-child {
	padding-bottom: 0;
	background-image: url(images/hs_bottom_bg.jpg);
	background-position: 100% 70%;
}


div.uf #content {}

div.uf #content #introduction {
	height: 454px;
	margin-bottom: 40px;
}
	
	div.uf #content #introduction p.copy {
		top: 44px;
		left: 0;
	}

div.uf #content div.grid.last-child {
	padding-bottom: 100px;
	background-image: url(images/uf_bottom_bg.jpg);
	background-position: 0 100%;
}