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

header{
}

/* accent
--------------------------------*/
#accent{
	clear:both;
	/* background-color:#FFF;*/
	position:relative;
	left:0;
	top:0;
	width:100%;
	margin-bottom: 30px;
	overflow:hidden;
}

#accent #accent-inner{
	position:relative;
	top:0px;
	left:0;
	margin:0 auto;
	width:980px;
	height:420px;
}

#accent .shadow{
	position:absolute;
	top:0;
	height:392px;
	width:980px;
	margin:0;
	z-index:2;
}

#accent .img-area{
	height:392px;
	position:relative;
	top:0;
	visibility:hidden;
}

#accent .img-area li{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	float:left;
}

#accent .nextprev{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
}

#accent .nextprev li{
	position:absolute;
	top:150px;
}

#accent .nextprev li.next{
	right:-38px;
}

#accent .nextprev li.prev{
	left:-38px;
}

#accent .nextprev li a img{
	position:relative;
	transition: left 0.2s ease-out, right 0.2s ease-out;
	left:0;
}

#accent .nextprev li.next a:hover img{
	left:7px;
}

#accent .nextprev li.prev a:hover img{
	left:-7px;
}

#accent .ctlbtn{
	position:absolute;
	left:50%;
	bottom:10px;
	z-index:5;
	margin-left:-20px;
}

#accent .ctlbtn li{
	display:inline;
	margin-right:10px;
	line-height:1;
	font-size:1px;
}

#accent .ctlbtn li a{
	width:8px;
	height:8px;
	display:inline-block;
	text-align:left;
	background:#296ce1;
	border:1px solid #fff;
	border-radius:20px;
}

#accent .ctlbtn li a:hover,
#accent .ctlbtn li.select a{
	position:relative;
	top:-2px;
	margin-left:-2px;
	margin-right:-2px;
	background:#1b56bd;
	width:12px;
	height:12px;
	text-decoration:none;
}

/*main
-----------------*/

#index .main{
	width:980px;
	
}
#index div.catch{
	position:relative;
	height:80px;
}

#index .catch p.text-img{
    text-align: center;
}



#index .office{
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}


#index .office div{
	margin-right:-30px;
}

.office div dl dt img{
	width:222px;
	height:135px;
	margin-bottom: 15px;
	
}
#index .office div dl dd{
	font-size:12px;
	margin-bottom: 22px;
	
}
#index .office div dl{
	float:left;
	width:222px;
	height:auto;
	margin-right:30px;
}



/*	
#index .news{
	clear:both;
	width:475px;
	height:256px;
	border-top-style: solid;
    border-color: #1b56bd;
	float: left;
	margin-right: 30px;
	overflow:hidden;
	padding-bottom:30px;
}

*/
#index .news{
	width:100%;
	height:auto;
	padding-bottom: 100px;
	clear:both;
	border-top-style: solid;
    border-color: #1b56bd;
}

#index .news p.news_title img{
 	float: left;
    width: auto;
    padding-top: 15px;
	margin-left: 20px;
	}
	
#index .news p.list img{
	float: right;
    width: auto;
    padding-top: 10px;
	margin-right: 13px;
	margin-bottom: 10px;

	}	
#index .news dl{
	clear: both;
	font-size:12px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	margin-top: -1px;
}

#index .news dl dt{
	float: left;
    width: 90px;
	padding: 16px 16px;
	margin:0 25px 0 10px;
	}
	
#index .news dl dd{
	padding: 16px 16px;
	border-bottom: 1px dotted #d4d4d4;
	}
#index .news dl dd:last-child{
	border-bottom:none;
	}
	
	
	
#index .news dl dd.newarrival:after{
	content:"NEW";
	font-size:9px;
	background:#1b56bd;
	margin-left:0;
	color:#fff;
	padding:1px 5px;
	margin-left:10px;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
	
	
	
	
	
#index .works{
	float:right;
	
    width:475px;
	height:256px;
    border-top-style: solid;
    border-color: #1b56bd;
	}
	
#index .works .title-box{
	border-top: 1px solid #d4d4d4;
	margin-top: 50px;
	
	}	
	
#index .works p.works-img img{
 	float: left;
    width: auto;
    margin-top: -37px;
	margin-left: 20px;
	}
	
#index .works p.list-img img{
	float: right;
    width: auto;
    margin-top: -41px;
	margin-right: 13px;

	}		
	
	
#index div.works div.gallery{
	margin-right:-70px;
	margin:0 auto;
	text-align:center;
	
	}
	
#index div.works div.gallery p{
	float:left;
	padding:12px;
	
	}
	 

	
#index .banner{
	clear: both;
	border-top: 1px solid #d4d4d4;
    padding-top: 40px;
	overflow:hidden;
	}
	
#index .banner h3{
	display:inline-block;
	padding-bottom:20px;
	}
	
#index .banner ul{
	display:table;
	width:100%;
	}	

#index .banner ul li{
	display:table-cell;
	    text-align: center;
	}	
	
#index .banner p.mynumber{
	float:right;
	}