

#contents .content-wrap{
	padding: 20px 0 0;
}

	#contents .content-wrap h1.text-title-lv2{
		padding:0 0 20px;
	}
	@media screen and (max-width: 1000px) {
	#contents .content-wrap h1.text-title-lv2{
		padding:0 10px 20px;
	}
	}
		#contents .content-wrap h1 span{
			display:block;
			font-size:13px;
			padding:10px 0 0;
			font-weight:normal;
			float:none;
		}
	
	/* #list-wrap
	-----------------------*/
	#list-wrap{
		padding:0 0 50px;
	}
	@media screen and (max-width: 1000px) {
	#list-wrap{
		padding:0 10px 50px;
	}
	}
		#list-wrap h2{
			padding: 14px 20px 12px;
			margin:-1px 0 0;
			
			font-size: 17px;
			font-weight: bold;
			background: url(/common/img/bg-showroom-text.jpg) left bottom repeat-x;
			line-height: 1;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			cursor: pointer;
			
			color:#00468C;
		}
		
			#list-wrap h2 span{
				background: url(/common/img/icon-cursor-down.png) left center no-repeat;
				padding-left: 15px;
			}
			#list-wrap .active h2 span{
				background: url(/common/img/icon-cursor-up.png) left center no-repeat;
			}
		
		#list-wrap .list{
			/* hidden */
			width: 1px;
			height: 1px;
			margin: -1px;
			overflow:hidden;
		}
		#list-wrap .active .list{
			padding:20px;
			
			/* visible */
			width:auto;
			height:auto;
			margin:auto;
			overflow:auto;
			display:none;
		}
		@media screen and (max-width: 640px) {
		#list-wrap .active .list{
			padding:20px 10px 5px;
		}
		}
			#list-wrap .list li{
				padding:0 30px 10px 0;
				float:left;
			}
			@media screen and (max-width: 640px) {
			#list-wrap .list li{
				padding:0 0 20px 0;
				float:none;
			}
			}
				#list-wrap .list li a{
					display:block;
					background:url(/common/img/icon-cursor.png) no-repeat 6px center;
					padding:0 0 0 20px;
					font-weight:bold;
				}
		
		
		
		
		
	