@charset "utf-8";


* {
	margin: 0;
	padding: 0;
}


/*�@body
-------------------------------------------------- */
html {
	height: 100%;
}

body {
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "Osaka", "�l�r �o�S�V�b�N", "MS P Gothic", "MS PMincho", sans-serif;
	background-image: url(images/backtop.gif);
	text-align: center;
	height: 100%;
}

img {
	border: none;
	vertical-align: top;
}



/*�@container
-------------------------------------------------- */
#container {
	width: 900px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	background: url(images/back-trans.png) repeat-y;
}

/*
*html body,
*html #container {
	height: 100%;
}*/

body > #container {
	height: auto;
}




/*�@contents
-------------------------------------------------- */
#contents {
	width: 900px;
}




/*�@main_left #241a08
-------------------------------------------------- */
#left {
	width: 200px;
	min-height: 100%;
	float: left;
}

#left h1 {
	padding-top: 200px;
}

#left p.banner {
	margin-top: 40px;
}




/*�@main_right
-------------------------------------------------- */
#right {
	width: 700px;
	float: right;
}




/* main */
.info {
	width: 660px;
	height: 102px;
	background: url(images/mainback.gif) no-repeat;
	margin: 0 0 35px 20px;
}

.address {
	float: right;
	width: 190px;
	padding-top: 10px;
}

.info img.line {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}





/*�@footer
-------------------------------------------------- */
#footer {
	margin-top: 70px;
	text-align: right;
	color: #efece3;
}





/*�@height 100%
-------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac �_*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */ 




/* IE6 CSS
-------------------------------------------------- */
/* �w�b�_�[ */
*html #container {
	background: url(images/back_ie6.gif) repeat-y;
}




/* slide
-------------------------------------------------- */
#stage {
position: relative;
max-width:700px;
margin: 0 0 70px 0;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
opacity:0;
-moz-animation: imgTrans 48s infinite;
-webkit-animation: imgTrans 48s ease-in infinite;
animation: imgTrans 48s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo3 img {
-moz-animation-delay: 16s;
-webkit-animation-delay: 16s;
animation-delay: 16s;
}
#photo4 img{
-moz-animation-delay: 24s;
-webkit-animation-delay: 24s;
animation-delay: 24s;
}
#photo5 img {
-moz-animation-delay: 32s;
-webkit-animation-delay: 32s;
animation-delay: 32s;
}
#photo6 img {
-moz-animation-delay: 40s;
-webkit-animation-delay: 40s;
animation-delay: 40s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}