@charset "utf-8";
/* CSS Document */

/*
=====================================================
				RESET
=====================================================
*/
	
html, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, section {
	margin: 0;
	padding: 0;
	border: 0;
}
	

body {
	color: #333;
font-family: Meiryo, Tahoma, Verdana, Arial, sans-serif;
	margin: auto 0 auto 0;
	padding: 0;
	border: 0;
	
}
ol, ul {
	list-style: none;
}

img a:hover{
	opacity: 0.5;
}
/*		スライダー
-----------------------------------*/
#slider{
	position: relative;
	width:100%;
	overflow: hidden;
	background: url(../img/loading.gif) no-repeat center center;
	clear:both;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
	height: 440px;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top: 210px;
	cursor: pointer;
}
#slider #prev{
	left: 10%;
}
#slider #next{
	right: 10%;
}
/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}

#slider .layer{
	width: 878px;
	height: 500px;
	text-align: center;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/slide/dot.png) repeat 0 0 #000;
	opacity: 0.5;
	filter: alpha(opacity=10);
}


#slider {height: 500px;}

div#slider li img {
	width:auto;
	height:500px;
	}