@charset "shift-jis";

/* 	=====================================================================
	アイホーム
	=================================================================== */

/* main-img
--------------------------------------------------------------------- */
#main-img {
	width: 800px;
	height: 477px;
	background: url(../../img/top/main-img.jpg) no-repeat left top;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
	}

#main-img h2,
#main-img p.des { text-indent: -9999px;}

#main-img p.btn-model {
	position: absolute;
	top: 10px;
	left: 15px;
	width:129px;
	height:129px;
	}

#main-img p.btn-ibec {
	position: absolute;
	top: 320px;
	left: 520px;
	width:237px;
	height:56px;
	}
	}

#main-img p a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	}

#main-img p a:hover img {
	filter:alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}


/* topcontents
--------------------------------------------------------------------- */
#topcontents {
	background: url(../../img/top/bg-topcontents.jpg) repeat-y left top;
	padding: 0px 40px 0px 50px;
	}

	/* tcBox01
	--------------------------------------------------------------------- */
	#tcBox01 {
		position: relative;
		top: -20px;
		left: 0px;
		width:710px;
		height: 280px;
		z-index:2;
		}
	
	#tcBox01 ul li.tcBox01L{
		float:left;
		width:410px;
		}

	#tcBox01 ul li.tcBox01R{
		float:left;
		width:300px;
		}

	#tcBox01 h3 {
		margin-bottom:10px;
		}
	
	#tcBox01 p {
		width: 380px;
		padding: 5px 0px 0px 14px;
		letter-spacing: 0.008em;
		line-height: 160%;
		font-size:13px;
		}

	/* tcBox02
	--------------------------------------------------------------------- */
	#tcBox02 {
		position: relative;
		top: -40px;
		left: 0px;
		background: url(../../img/top/bg01.jpg) no-repeat left top;
		width:710px;
		height: 778px;
		}
	
	#tcBox02 h3.ttl-02 {
		position: absolute;
		top: 0px;
		left: 0px;
		}
		
		/* btn-pic01 */
		li.btn-pic01 a img {
			position: absolute;
			top: 85px;
			left: 550px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic02 */
		li.btn-pic02 a img {
			position: absolute;
			top: 320px;
			left: 480px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic03 */
		li.btn-pic03 a img {
			position: absolute;
			top: 320px;
			left: 340px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic04 */
		li.btn-pic04 a img {
			position: absolute;
			top: 20px;
			left: 260px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic05 */
		li.btn-pic05 a img {
			position: absolute;
			top: 320px;
			left: 200px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic06 */
		li.btn-pic06 a img {
			position: absolute;
			top: 320px;
			left: 110px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic07 */
		li.btn-pic07 a img {
			position: absolute;
			top: 320px;
			left: 20px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-pic08 */
		li.btn-pic08 a img {
			position: absolute;
			top: 425px;
			left: 290px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
		/* btn-access */
		li.btn-access a img {
			position: absolute;
			top: 298px;
			left: 578px;
			
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}
		
			li.btn-pic01 a:hover img,
			li.btn-pic02 a:hover img,
			li.btn-pic03 a:hover img,
			li.btn-pic04 a:hover img,
			li.btn-pic05 a:hover img,
			li.btn-pic06 a:hover img,
			li.btn-pic07 a:hover img,
			li.btn-pic08 a:hover img,
			li.btn-access a:hover img {
				filter:alpha(opacity=50);
				-webkit-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
				}

	#tcBox02 h3.ttl-03 {
		position: absolute;
		top: 500px;
		left: 220px;
		}
	
	#tcBox02 p {
		position: absolute;
		top: 530px;
		left: 305px;
		width: 375px;
		padding: 15px 0px 0px 15px;
		letter-spacing: 0.02em;
		line-height: 1.6;
		}

/* tcBox03
--------------------------------------------------------------------- */
#tcBox03 {
	width:688px;
	margin-bottom:30px;
	}

	#tcBox03 ul li.tcBox03L{
		float:left;
		width:437px;
		}

		#tcBox03 ul li.tcBox03L h3{
		margin-bottom:20px;
		}

		#tcBox03 ul li.tcBox03L p{
			font-size:13px;
			}

	#tcBox03 ul li.tcBox03R{
		float:right;
		}

/* tcBox04
--------------------------------------------------------------------- */
#tcBox04 {
	width:688px;
	margin-bottom:30px;
	}

	#tcBox04 ul li.tcBox04R{
		float:right;
		width:370px;
		}

		#tcBox04 ul li.tcBox04R p{
			font-size:13px;
			}

		#tcBox04 ul li.tcBox04R p.mt60{
			margin-top:30px;
			}

	#tcBox04 ul li.tcBox04L{
		float:left;
		}

		#tcBox04 ul li.tcBox04R p.mt60 a img{
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			}

		#tcBox04 ul li.tcBox04R p.mt60 a:hover img{
			filter:alpha(opacity=50);
			-webkit-opacity: 0.5;
			-moz-opacity: 0.5;
			opacity: 0.5;
			}