/* CSS Document */

body {
	font:13px "MS PGothic", "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","arial", "Osaka", "sans-serif";
	*font-size:small;
	*font:x-small;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-image:  url(../images/bg_index.jpg);
	background-position: top center;
	background-repeat: repeat;
	text-align: center;
}




#wrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}










/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++H1*/

h1 {
	width: 460px;
	height: 524px;
	margin: 45px auto 0px auto;
	padding: 0px;
	background-image:  url(../images/S_index_H1.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}







	


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++navi*/




#navi-left {
    width: 210px;
	padding: 0px;
	margin-top: -602px;
	float: left;
}




#navi-right {
    width: 210px;
	padding: 0px;
	margin-top: -602px;
	float: right;
}




.navi1 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_biography.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 0px 0px 115px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi1 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_biography.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_biography.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_biography_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_biography_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi2 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_seed.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 115px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi2 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_seed.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_seed.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_seed_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_seed_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi3 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flower.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 25px 0px 0px 25px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi3 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flower.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flower.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flower_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flower_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi4 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_heaven.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 25px 25px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi4 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_heaven.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_heaven.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_heaven_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_heaven_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi5 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_rankan.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi5 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_rankan.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_rankan.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_rankan_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_rankan_over.gif);
	background-repeat: no-repeat;
	display: block;
}






.navi6 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flowerplanet.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi6 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flowerplanet.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flowerplanet.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flowerplanet_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_flowerplanet_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi7 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_kakejiku.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 10px 0px 0px 100px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi7 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_kakejiku.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_kakejiku.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_kakejiku_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_kakejiku_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi8 {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_spoil.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 10px 100px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi8 a:link {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_spoil.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:visited {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_spoil.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:hover {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_spoil_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:active {
    width: 93px;
	height: 119px;
	background-image: url(../images/S_index_spoil_over.gif);
	background-repeat: no-repeat;
	display: block;
}














/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++footer*/






h2 {
    width: 179px;
	height: 48px;
	background-image:  url(../images/S_index_signature.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
}




.copyright {
    font-size: 85%;
	line-height: 0px;
	padding: 0px;
	margin: 10px auto 40px auto;
}













/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++min-hight*/


/* 高さ800px以上 */
@media screen and (min-height: 800px) {





#wrapper {
	width: 880px;
	margin: 0px auto;
	padding: 0px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++H1*/

h1 {
	width: 560px;
	height: 625px;
	margin: 70px auto 0px auto;
	padding: 0px;
	background-image:  url(../images/index_H1.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}







	


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++navi*/




#navi-left {
    width: 265px;
	padding: 0px;
	margin-top: -720px;
	float: left;
}




#navi-right {
    width: 265px;
	padding: 0px;
	margin-top: -720px;
	float: right;
}





.navi1 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_biography.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 0px 0px 135px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi1 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_biography.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_biography.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_biography_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi1 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_biography_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi2 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_seed.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px 135px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi2 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_seed.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_seed.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_seed_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi2 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_seed_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi3 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_flower.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 29px 50px 0px 30px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi3 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flower.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flower.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flower_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi3 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flower_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi4 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_heaven.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 29px 30px 0px 50px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi4 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_heaven.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_heaven.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_heaven_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi4 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_heaven_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi5 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_rankan.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 55px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi5 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_rankan.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_rankan.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_rankan_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi5 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_rankan_over.gif);
	background-repeat: no-repeat;
	display: block;
}






.navi6 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_flowerplanet.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 55px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi6 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flowerplanet.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flowerplanet.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flowerplanet_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi6 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_flowerplanet_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi7 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_kakejiku.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 20px 0px 0px 120px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.navi7 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_kakejiku.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_kakejiku.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_kakejiku_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi7 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_kakejiku_over.gif);
	background-repeat: no-repeat;
	display: block;
}





.navi8 {
    width: 112px;
	height: 143px;
	background-image: url(../images/index_spoil.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 20px 120px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	display: block;
	float: right;
}

.navi8 a:link {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_spoil.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:visited {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_spoil.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:hover {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_spoil_over.gif);
	background-repeat: no-repeat;
	display: block;
}

.navi8 a:active {
	width: 112px;
	height: 143px;
	background-image: url(../images/index_spoil_over.gif);
	background-repeat: no-repeat;
	display: block;
}














/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++footer*/



h2 {
    width: 207px;
	height: 56px;
	background-image:  url(../images/index_signature.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
}

...
}