﻿@charset "utf-8";
/* ===================================================================
CSS information
file name  :style_top.css
style info :contents
=================================================================== */
html, body { height: 100%; }

body {
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	color: #494949;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 800px;
	min-height: 610px;
}

#wrapper {
	width: 800px;
	height: 610px;
	position: absolute;  
	top: 50%;  
	left: 50%;
	margin: -305px 0 0 -400px;
	overflow: auto;
}

/*----------------------------------------------------
	Top
----------------------------------------------------*/
#top_img {
	width: 310px;
	height: 525px;
	text-align: left;
	padding: 85px 0 0 480px;
}

#top_img ul {
	margin-top: 25px;
}
	

#top_img ul li a{
	width: 80px;
	height: 10px;
	display: block;
	margin-bottom: 8px;
}

#top_img #copyright {
	font-size: 9px;
	color: #494949;
	margin: 350px 0 0 45px;
}

/*----------------------------------------------------
	gallery
----------------------------------------------------*/
a span{
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;
}

span.title {
	width: 210px;
	height: 45px;
	left: 0px;
	top: 15px;
}

span.navi01 {
	width: 80px;
	height:15px;
	left: 0px;
	top: 80px;
}

span.navi02 {
	width: 80px;
	height:15px;
	left: 0px;
	top: 98px;
}

span.navi03 {
	width: 80px;
	height:15px;
	left: 0px;
	top: 116px;
}

span.navi04 {
	width: 80px;
	height:15px;
	left: 0px;
	top: 134px;
}

span.navi05 {
	width: 80px;
	height:15px;
	left: 0px;
	top: 152px;
}

#gallery {
	width: 800px;
	height: 610px;
	background: url(../images/gallery/bg.jpg);
}

#gallery span.photo059 { width: 64px; height: 82px; left: 19px; top: 274px; }
#gallery span.photo060 { width: 44px; height: 58px; left: 87px; top: 319px; }
#gallery span.photo061 { width: 62px; height: 78px; left: 176px; top: 118px; }
#gallery span.photo062 { width: 67px; height: 86px; left: 243px; top: 148px; }
#gallery span.photo063 { width: 67px; height: 86px; left: 310px; top: 42px; }
#gallery span.photo064 { width: 36px; height: 46px; left: 554px; top: 198px; }
#gallery span.photo065 { width: 36px; height: 46px; left: 554px; top: 152px; }
#gallery span.photo066 { width: 78px; height: 62px; left: 407px; top: 112px; }
#gallery span.photo067 { width: 62px; height: 78px; left: 435px; top: 161px; }
#gallery span.photo068 { width: 78px; height: 61px; left: 476px; top: 37px; }
#gallery span.photo069 { width: 56px; height: 78px; left: 576px; top: 61px; }
#gallery span.photo070 { width: 59px; height: 74px; left: 411px; top: 256px; }
#gallery span.photo071 { width: 59px; height: 74px; left: 352px; top: 256px; }
#gallery span.photo072 { width: 59px; height: 74px; left: 293px; top: 256px; }
#gallery span.photo074 { width: 107px; height: 136px; left: 632px; top: 3px; }
#gallery span.photo077 { width: 36px; height: 46px; left: 518px; top: 244px; }
#gallery span.photo080 { width: 42px; height: 30px; left: 457px; top: 486px; }
#gallery span.photo081 { width: 73px; height: 102px; left: 293px; top: 355px; }
#gallery span.photo083 { width: 60px; height: 75px; left: 366px; top: 364px; }
#gallery span.photo084 { width: 36px; height: 46px; left: 590px; top: 244px; }
#gallery span.photo085 { width: 56px; height: 69px; left: 232px; top: 401px; }
#gallery span.photo089 { width: 59px; height: 75px; left: 629px; top: 405px; }
#gallery span.photo090 { width: 36px; height: 46px; left: 590px; top: 152px; }
#gallery span.photo091 { width: 70px; height: 91px; left: 339px; top: 507px; }
#gallery span.photo093 { width: 36px; height: 46px; left: 590px; top: 198px; }
#gallery span.photo094 { width: 130px; height: 161px; left: 643px; top: 193px; }
#gallery span.photo095 { width: 134px; height: 107px; left: 454px; top: 318px; }
#gallery span.photo096 { width: 36px; height: 46px; left: 518px; top: 198px; }
#gallery span.photo098 { width: 36px; height: 46px; left: 554px; top: 244px; }
#gallery span.photo099 { width: 79px; height: 62px; left: 260px; top: 513px; }
#gallery span.photo100 { width: 111px; height: 138px; left: 72px; top: 440px; }
#gallery span.photo101 { width: 70px; height: 84px; left: 672px; top: 467px; }
#gallery span.photo102 { width: 50px; height: 38px; left: 425px; top: 548px; }
#gallery span.photo103 { width: 36px; height: 46px; left: 518px; top: 152px; }
#gallery span.photo104 { width: 84px; height: 68px; left: 513px; top: 464px; }


#gallery span#copyright {
	font-size: 9px;
	position: absolute;
	right: 20px;
	top: 580px;
}
