/* CSS Document
Index.html Template
*/

/*---------------------------------------- Index Layout ----------------------------------------*/
html, body 	{
	height: 100%;
}
#i_content_box {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background: #eeeeee url(../ippanshakai/content_gradient.jpg) top no-repeat;
}
#i_content_frametop {
	position: relative;
	width: 818px;
	height: 10px;
	margin: 0 auto;
	background: url(../ippanshakai/i_content_bgtop.jpg) no-repeat;
}
#i_content_framebottom {
	position: relative;
	width: 818px;
	height: 29px;
	margin: 0 auto;
	background: url(../ippanshakai/i_content_bgbottom.jpg) no-repeat;
}
#index_frame {
	position: absolute;
	width: 818px;
	height: 549px;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -409px;
}
#i_nav {
	position: relative;
	width: 800px;
	height: 14px;
	background: #afaeae url(../ippanshakai/i_navbg.jpg) no-repeat top;
}
#i_splash {
	position: relative;
	width: 800px;
	height: 365px;
}
#i_splash2 {
	position: absolute;
	width: 800px;
	height: 365px;
	visibility: hidden;
}
#i_footer {
	position: relative;
	width: 800px;
	height: 132px;
	background: #c1c1c1 url(../ippanshakai/i_footerbg.jpg) repeat-x;
}
#i_button1 {
	position: relative;
	float: left;
	margin-top: 9px;
	margin-left: 9px;
	width: 150px;
	height: 120px;
	background: url(../ippanshakai/i_buttons.jpg) no-repeat 0 0;
}
	#i_button1:hover {
		background: url(../ippanshakai/i_buttons.jpg) no-repeat 0 -120px;
	}
#i_button2 {
	position: relative;
	float: left;
	margin-top: 9px;
	margin-left: 8px;
	width: 150px;
	height: 120px;
	background: url(../ippanshakai/i_buttons.jpg) no-repeat -150px 0;
}
	#i_button2:hover {
		background: url(../ippanshakai/i_buttons.jpg) no-repeat -150px -120px;
	}
#i_button3 {
	position: relative;
	float: left;
	margin-top: 9px;
	margin-left: 8px;
	width: 150px;
	height: 120px;
	background: url(../ippanshakai/i_buttons.jpg) no-repeat -300px 0;
}
	#i_button3:hover {
		background: url(../ippanshakai/i_buttons.jpg) no-repeat -300px -120px;
	}
#i_button4 {
	position: relative;
	float: left;
	margin-top: 9px;
	margin-left: 8px;
	width: 150px;
	height: 120px;
	background: url(../ippanshakai/i_buttons.jpg) no-repeat -450px 0;
}
	#i_button4:hover {
		background: url(../ippanshakai/i_buttons.jpg) no-repeat -450px -120px;
	}
#i_button5 {
	position: relative;
	float: left;
	margin-top: 9px;
	margin-left: 8px;
	width: 150px;
	height: 120px;
	background: url(../ippanshakai/i_buttons.jpg) no-repeat -600px 0;
}
	#i_button5:hover {
		background: url(../ippanshakai/i_buttons.jpg) no-repeat -600px -120px;
	}
/*---------------------------------------------------------------------------------------------*/