/*-- 

	index
	/pro/

====================================================== --*/

#Index .contents h1{
	background:none;
	border-bottom:3px solid #E9192B;
	color:#333333;
	font-size:131%;
	margin:0px 0px 25px;
	height:auto;
	padding:0px 0px 10px;
}
#Index .contents h1 strong{
	color:#E9192B;
}

/*-- トップ --*/
/*-- ------------------------------------------------- --*/
#Index .mainImg {
	overflow:hidden;
	height:404px;
	margin:0px 0px 30px;
	width:100%;
	min-width:980px;
}
#Index .mainImg ul{
	width:2940px;
	margin:0px 0px 0px 0px;
}
#Index .mainImg li{
	float:left;
	width:980px;
	height:400px;
	padding:0px 0px 4px 0px;
	background:url(../img/bg_shadow.gif) no-repeat left bottom;
	float:let;
}
#Index .mainImg li a{
	display:block;
	border:1px solid #DCDCDC;
	padding:4px;
}
#Index .mainImg li a img{
	transition:opacity 0.3s ease;
	display:block;
}
#Index .mainImg li a:hover img{
	opacity:0.75;
}



/*-- tabs --*/
/*-- ------------------------------------------------- --*/
#Index .tabs{
	height:50px;
	border-bottom:3px solid #E9192B;
}
#Index .tabs li{
	float:left;
	margin:0px 1px 0px 0px;
}
#Index .tabs li:last-child{
	float:left;
	margin:0px 0px 0px 0px;
}
#Index .tabs li a{
	display:block;
	width:326px;
	height:50px;
}
#Index .tabs li:nth-of-type(1) a{
	background:url(../../images/top/tab_01_current.gif) no-repeat left top;
}
#Index .tabs li:nth-of-type(2) a{
	background:url(../../images/top/tab_02_current.gif) no-repeat left top;
}
#Index .tabs li:nth-of-type(3) a{
	background:url(../../images/top/tab_03_current.gif) no-repeat left top;
}

#Index .tabs li a.current img{
	visibility:hidden;
}


/*-- list --*/
/*-- ------------------------------------------------- --*/

#Index .productList{
	width:950px;
	margin:0px 0px 50px;
	background:url(../img/bg_shadow.gif) no-repeat left bottom #F0F0F0;
	padding:30px 0px 1px 30px;
}
#Index .productList ul{
	clear:both;
	margin-bottom:15px;
}
#Index .productList ul li{
	float:left;
	width:172px;
	margin:0px 15px 15px 0px;
	background:white;
}

#Index .productList ul li:nth-of-type(5n+1){
	clear:both;
}


#Index .productList ul li a{
	display:block;
	text-decoration:none;
	padding:11px 11px 11px;
	text-align:center;
}
#Index .productList ul li a img{
	width:100%;
}
#Index .productList ul li a strong{
	line-height:1.2em;
	display:table-cell;
	font-size:93%;
	font-weight:normal;
	height:2.4em;
	width:150px;
	text-align:center;
	letter-spacing:1px;
	padding:10px 0px 0px;
	vertical-align:middle;
}

#Index .productList ul li a:hover strong{
	text-decoration:underline;
}
#Index .productList ul.location ,
#Index .productList ul.brand {
	margin-bottom:15px;
}
#Index .productList ul.location li,
#Index .productList ul.brand li{
	width:142px;
	margin:0px 14px 14px 0px;
}
#Index .productList ul.brand li a{
	padding:6px;
}
#Index .productList ul.location li a strong{
	width:120px;
}
#Index .productList ul.location li:nth-of-type(5n+1),
#Index .productList ul.brand li:nth-of-type(5n+1){
	clear:none;
}
#Index .productList ul.location li:nth-of-type(6n+1),
#Index .productList ul.brand li:nth-of-type(6n+1){
	clear:both;
}






/*-- solution --*/
/*-- ------------------------------------------------- --*/
#Index .solution li{
	float:left;
	width:230px;
	height:195px;
	margin:0px 20px 20px 0px;
}
#Index .solution li:nth-of-type(4n){
	margin-right:0px;
}
#Index .solution li:nth-of-type(4n+1){
	clear:both;
}
#Index .solution li:last-child{
	margin-bottom:40px;
}
#Index .solution li a{
	display:block;
	color:white;
	height:195px;
	text-align:center;
	text-decoration:none;
	background:url(../../images/top/solution_bg.gif) no-repeat left bottom;
}
#Index .solution li a span{
	height:45px;
	vertical-align:middle;
	display:table-cell;
	font-size:93%;
	line-height:1.6em;
	text-align:center;
	width:230px;
}

/*-- 新着 --*/
/*-- ------------------------------------------------- --*/
#Index .newsLists{
	width:100%;
	margin:0px 0px 20px;
}
#Index .newsLists td{
	text-align:left;
	vertical-align:top;
	line-height:1.7em;
	padding-top:13px;
	padding-bottom:13px;
	border-bottom:1px dashed #ccc;
}
#Index .newsLists td:nth-of-type(1){
	width:12em;
}
#Index .newsLists td:nth-of-type(2){
	padding-left:5px;
	padding-right:5px;
	width:11.5em;
	white-space:nowrap;
}
#Index .newsLists td > a{
}
#Index .newsLists ul{
	font-size:1px;
	white-space:nowrap;
}
#Index .newsLists li{
	margin:0px 5px 0px 0px;
	background:#DD1524;
	color:white;
	font-size:13px;
	line-height:1.7em;
	display:inline-block;
	padding:0px 5px;
	white-space:nowrap;
}
#Index .newsLists li a{
	color:white;
	text-decoration:none;
}
#Index .newsLists li a:hover{
	text-decoration:underline;
}
#Index .newsLists + nav{
	text-align:right;
	font-size:0px;
	margin:0px 0px 50px;
}