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

/* top_img
---------------------------------------------------- */
#top_img {
	width:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	}
	
#top_img .timg{
	width: 1056px;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
	}
	
/* about_box
---------------------------------------------------- */
#about_box {
	width: 1000px;
	height: 210px;
	background: url(../img/index_about_bg.png) no-repeat top right;
	z-index: -100;
	text-align: center;
	}
	
#about_box .pbox{
	width:560px;
	color:#fff;
	}

/* about_box2
---------------------------------------------------- */
#about_box2{
	width:1000px;
	height:569px;
	color:#fff;
	z-index:100;
	background: url(../img/index_about_bg2.png) no-repeat top left;
	position:relative;
	}
	
#about_box2 h2{
	font-size:16px;
	margin-bottom:10px;
	}
	
#about_box2 .pbox01 {
	width: 210px;
	position: absolute;
	left: 21px;
	top: 256px;
	font-size: 12px;
	}
	
#about_box2 .pbox02 {
	width: 210px;
	position: absolute;
	left: 271px;
	top: 256px;
	font-size: 12px;
	}
	
#about_box2 .pbox03 {
	width: 210px;
	position: absolute;
	left: 522px;
	top: 256px;
	font-size: 12px;
	}
	
#about_box2 .pbox04 {
	width: 210px;
	position: absolute;
	left: 774px;
	top: 256px;
	font-size: 12px;
	}

/*  scrollable
---------------------------------------------------- */
.scrollable{
	margin:0;
　 padding:0;
	position: relative;
	overflow:hidden;
	height: 360px;
	}

.items{
	position: absolute;
	width: 20000em;
	}
	
.top_copy{
	position: absolute;
	z-index:100;
	left: 418px;
	top: 0px;
	}	

.items div{
	float: left;
	width: 1000px;
	}

.items div img{
	padding: 0 0 1px 0;
	}

#top01 {
    position:relative;
   }