@charset "utf-8";

/*------------------------------------------------------------
  index.css INDEX
  00.body
  01.root
------------------------------------------------------------ */


/*------------------------------------------------------------
  00.body
------------------------------------------------------------ */
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
} 

#main {
	margin:0 auto;
	width: 1400px;
	height: 618px;
	position:relative;
}

#mainImg {
	background:url('../../img/top_img.jpg') no-repeat center 0;
	margin:0 auto;
	overflow:hidden;
	width: 1400px;
	height: 618px;
}

#mainLogo a {
	background:url('../../img/top_logo.png') no-repeat center 0;
	width: 375px;
	height: 186px;
	position:absolute;
	left: 513px;
	top: 120px;
}

#mainLogo  a:hover {
	background: url('../../img/top_logo.png') no-repeat 0 -186px;
}


/*------------------------------------------------------------
  01.root
------------------------------------------------------------ */
#conte01 {
	background: #FFF;
	height: auto;
}

.conte_sp-root {
	text-align: center;
	margin:0 auto;
	padding: 30px 0;
	width: 900px;
	height: auto;
}

#root_tl {
	text-align: center;
	margin:0 auto;
	background:url('../../access/img/tl_root.png') no-repeat center 0;
	width: 401px;
	height: 71px;
	margin-bottom: 30px;
}

#conte01 p {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
}

#rootBox {
	/*height: 401px;*/
	margin-bottom: 30px;
}

#rootBox ul li {
	float: left;
	/*width: 258px;*/
	margin-bottom: 25px;
}

#rootBox ul li img {
	max-width: 258px;
	height: auto;
}

#rootBox ul li p {
	margin-top: 5px;
	width: 258px;
}

.boxSp {
	margin: 0 63px;
}

.next {
	text-align: center;
	margin:0 auto;
	background:url('../../access/img/yajirusi.png') no-repeat center 0;
	width: 63px;
	height: 258px;
}

.next02 {
	text-align: center;
	margin:0 auto;
	background:url('../../access/img/yajirusi.png') no-repeat center 0;
	width: 63px;
	height: 258px;
}

.next03 {
	background-image:none;
}