@charset "shift_jis";

@import url("common.css");


/*----------------------------------------------------

photo gallery

------------------------------------------------------*/


/*----------------------------------------------------
pagetop
------------------------------------------------------*/
div#pagetop {
	background: url(../img/photo/title_bg.gif) no-repeat left top;
}



/*----------------------------------------------------
h1(home)
------------------------------------------------------*/
h1 {
	position: absolute;
	left: 661px;
	top: 78px;
	width: 239px;
	height: 147px;
	z-index: 20;
}

h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 239px;
	height: 147px;
	background: url(../img/photo/menu_home.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

h1 a:hover {
	background-position: left -147px;
}



/*----------------------------------------------------
h2(pagetitle)
------------------------------------------------------*/
h2 {
	position: absolute;
	left: 198px;
	top: 23px;
	width: 273px;
	height: 131px;
	z-index: 25;
}

h2 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 273px;
	height: 131px;
	text-indent: -99999px;
	overflow: hidden;
}



/*----------------------------------------------------
menu
------------------------------------------------------*/
ul#menu {
	top: 213px;
	left: 0;
	width: 463px;
	height: 482px;
	background: url(../img/photo/menu_bg.gif) no-repeat left bottom;
}

ul#menu li.prof {
	left: 71px;
	top: 0px;
	width: 212px;
	height: 95px;
}

ul#menu li.prof a {
	display: block;
	margin: 0;
	padding: 0;
	width: 212px;
	height: 95px;
	background: url(../img/photo/menu_prof.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#menu li.prof a:hover {
	background-position: left -95px;
}

ul#menu li.sche {
	left: 0px;
	top: 89px;
	width: 270px;
	height: 90px;
}

ul#menu li.sche a {
	display: block;
	margin: 0;
	padding: 0;
	width: 270px;
	height: 90px;
	background: url(../img/photo/menu_sche.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#menu li.sche a:hover {
	background-position: left -90px;
}

ul#menu li.result {
	left: 13px;
	top: 167px;
	width: 270px;
	height: 94px;
}

ul#menu li.result a {
	display: block;
	margin: 0;
	padding: 0;
	width: 270px;
	height: 94px;
	background: url(../img/photo/menu_result.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#menu li.result a:hover {
	background-position: left -94px;
}

ul#menu li.swing {
	left: 10px;
	top: 254px;
	width: 172px;
	height: 115px;
}

ul#menu li.swing a {
	display: block;
	margin: 0;
	padding: 0;
	width: 172px;
	height: 115px;
	background: url(../img/photo/menu_swing.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#menu li.swing a:hover {
	background-position: left -115px;
}

ul#menu li.blog {
	left: 71px;
	top: 358px;
	width: 212px;
	height: 114px;
}

ul#menu li.blog a {
	display: block;
	margin: 0;
	padding: 0;
	width: 212px;
	height: 114px;
	background: url(../img/photo/menu_blog.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#menu li.blog a:hover {
	background-position: left -114px;
}




/*----------------------------------------------------
main
------------------------------------------------------*/
div#main {
	left: 298px;
	top: 232px;
	width: 602px;
	height: 463px;
	background: url(../img/photo/main_bg.gif) no-repeat left top;
}



/*----------------------------------------------------
main > flaBox
------------------------------------------------------*/
div#flaBox {
	width: 595px;
	height: 428px;
}