@charset "UTF-8";

/*****************************************
				sub
*****************************************/

#sub_navi {
	width: 100%;
	float: left;
	/display: inline;
	margin: 0 0 12px 0;
	overflow: hidden;
}
#sub_title {
	float: left;
	/display: inline;
	margin: 0 3px 0 0;
}
#sub_title p {
	display: block;
	background: url(../img/buntitle.jpg) 0 0 no-repeat;
	width: 62px;
	height: 198px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#sub_navi ul {
	list-style: none;
}
#sub_navi ul li {
	float: left;
	/display: inline;
	margin: 0 7px 0 0;
	overflow: hidden;
}
#sub_navi ul li a {
	display: block;
	width: 160px;
	height: 226px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#spring a { background: url(../img/mainbo.jpg) 0 0 no-repeat;}
#summer a { background: url(../img/mainbo.jpg) -160px 0 no-repeat;}
#autumn a { background: url(../img/mainbo.jpg) -320px 0 no-repeat;}
#winter a { background: url(../img/mainbo.jpg) -480px 0 no-repeat;}
#spring a:hover { background: url(../img/mainbo.jpg) 0 -226px no-repeat;}
#summer a:hover { background: url(../img/mainbo.jpg) -160px -226px no-repeat;}
#autumn a:hover { background: url(../img/mainbo.jpg) -320px -226px no-repeat;}
#winter a:hover { background: url(../img/mainbo.jpg) -480px -226px no-repeat;}