/*------reset------*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	}

body {
	padding: 0;
	margin: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset,img {
	border: 0;
	}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}

ol,ul {
	list-style: none;
	}

caption,th {
	text-align: left;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}

q:before,q:after {
	content:'';
	}

abbr,acronym {
	border: 0;
	}

a{
	text-decoration: none;
	}

/*------reset_end------*/

html{
	overflow:hidden;
	height: 100%;
	}

body{
	overflow: hidden;
	background-color: black;
	height: 100%;
	}

img#img{
	min-width: 1024px;
	min-height: 100%;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	}

div#dot{
	width: 3000px;
	height: 3000px;
	background-image: url(../images/dot_l-trans.png);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

div#title{
	width: 414px;
	
	position: absolute;
	top: 50%;
	left: 28px;
	z-index: 3;
	margin-top: -220px;
	overflow: hidden;
	}

div#logo{
	width: 414px;
	height: 230px;
	background-image: url(../images/title-trans.png);
	background-repeat: no-repeat;
	}

ul#menu{
	width: 406px;
	height: 24px;

	}

ul#menu li{
	float: left;
	text-indent: -9999px;
	}

li#home, li#home a{
	width: 73px;
	height: 24px;
	display: block;
	}

li#member, li#member a{
	width: 99px;
	height: 24px;
	display: block;
	}

li#scrapbook, li#scrapbook a{
	width: 132px;
	height: 24px;
	display: block;
	}

li#history, li#history a{
	width: 102px;
	height: 24px;
	display: block;
	}

li#home a:link{
	background-image: url(../images/menu1_off.png);
	background-repeat: no-repeat;
	width: 73px;
	height: 24px;
	}

li#home a:visited{
	background-image: url(../images/menu1_off.png);
	background-repeat: no-repeat;
	width: 73px;
	height: 24px;
	}

li#home a:hover{
	background-image: url(../images/menu1_on.png);
	background-repeat: no-repeat;
	width: 73px;
	height: 24px;
	}

li#home a:active{
	background-image: url(../images/menu1_on.png);
	background-repeat: no-repeat;
	width: 73px;
	height: 24px;
	}

li#member a:link{
	background-image: url(../images/menu2_off.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 24px;
	}

li#member a:visited{
	background-image: url(../images/menu2_off.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 24px;
	}

li#member a:hover{
	background-image: url(../images/menu2_on.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 24px;
	}

li#member a:active{
	background-image: url(../images/menu2_on.png);
	background-repeat: no-repeat;
	width: 99px;
	height: 24px;
	}

li#scrapbook a:link{
	background-image: url(../images/menu3_off.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 24px;
	}

li#scrapbook a:visited{
	background-image: url(../images/menu3_off.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 24px;
	}

li#scrapbook a:hover{
	background-image: url(../images/menu3_on.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 24px;
	}

li#scrapbook a:active{
	background-image: url(../images/menu3_on.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 24px;
	}

li#history a:link{
	background-image: url(../images/menu4_off.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 24px;
	}

li#history a:visited{
	background-image: url(../images/menu4_off.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 24px;
	}

li#history a:hover{
	background-image: url(../images/menu4_on.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 24px;
	}

li#history a:active{
	background-image: url(../images/menu4_on.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 24px;
	}

p#news{
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 18px;
	letter-spacing: 1px;
	color: white;
	margin-top: 16px;
	margin-bottom: 12px;
	}

div#sitename{
	width: 208px;
	height: 41px;
	background-image: url(../images/logo-trans.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	}

p#copyright{
	font-size: 12px;
	font-family: Arial,sans-serif;
	letter-spacing: 1px;
	color: white;
	margin: 0 0 20px 0;
	}

div#blog{
	width: 340px;
	height: 66px;
	position: absolute;
	right: -70px;
	bottom: 0px;
	z-index: 4;
	}

div#blog a{
	display: block;
	width: 340px;
	height: 66px;
	background-image: url(../images/top_tab2-trans.png);
	}

p#blog_info{
	width: 190px;
	font-size: 9px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 16px;
	text-align: left;
	color: white;
	position: absolute;
	left: 70px;
	top: 10px;
	}

p#blog_info em{
	font-size: 12px;
	}

div#blog img{
	float: left;
	margin-top: 12px;
	margin-left: 15px;
	}

p#blog_info a:link{
	color: white;
	}

p#blog_info a:visited{
	color: white;
	}

p#blog_info a:hover{
	color: white;
	}

p#blog_info a:active{
	color: white;
	}

p#news{
	font-size: 15px;
	font-weight: bold;
	color: yellow;
	letter-spacing: 1px;
	}