* {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial;
	color: #414141;
}

.none {
	display: none;
}

.floatEnd {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

html,
body {
	height: 100%;
	width: 100%;
}

#body {
/**
	border: solid red 1px;
/**/

	width: 600px;
	height: 340px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -170px;
	text-align: center;
}

h1 {
	width: 200px;
	margin: auto;
	maring-top: 80px;
	margin-left: 200px;
}

h1 a {
	display: block;
	width: 200px;
	height: 200px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
}

h1 a:hover {
	background-image: url(../img/logo.hover.png);
}

h2 {
	margin: auto;
	margin-top: 30px;
}

h2 a {
	color: #717171;
	text-decoration: none;
	font-size: 30px;
}

h2 a:hover {
	color: #414141;
}

#slider {
/**
	border: solid red 1px;
/**/
	width: 580px;
	margin: auto;
	margin-top: 20px;
}

#slider a {
/**
	border: solid blue 1px;
/**/
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 8px;
	background-repeat: no-repeat;
}

#slider .d01 {
	background-image: url(../img/dot.01.png);
}
#slider .d01:hover {
	background-image: url(../img/dot.01.hover.png);
}

#slider .d02 {
	background-image: url(../img/dot.02.png);
}
#slider .d02:hover {
	background-image: url(../img/dot.02.hover.png);
}

#slider .d03 {
	background-image: url(../img/dot.03.png);
}
#slider .d03:hover {
	background-image: url(../img/dot.03.hover.png);
}

#slider .d04 {
	background-image: url(../img/dot.04.png);
}
#slider .d04:hover {
	background-image: url(../img/dot.04.hover.png);
}

#slider .d05 {
	background-image: url(../img/dot.05.png);
}
#slider .d05:hover {
	background-image: url(../img/dot.05.hover.png);
}

#slider .d06 {
	background-image: url(../img/dot.06.png);
}
#slider .d06:hover {
	background-image: url(../img/dot.06.hover.png);
}

#slider .d07 {
	background-image: url(../img/dot.07.png);
}
#slider .d07:hover {
	background-image: url(../img/dot.07.hover.png);
}

#slider .d08 {
	background-image: url(../img/dot.08.png);
}
#slider .d08:hover {
	background-image: url(../img/dot.08.hover.png);
}

#slider .d09 {
	background-image: url(../img/dot.09.png);
}
#slider .d09:hover {
	background-image: url(../img/dot.09.hover.png);
}

#slider .d10 {
	background-image: url(../img/dot.10.png);
}
#slider .d10:hover {
	background-image: url(../img/dot.10.hover.png);
}