@charset "UTF-8";
/*----------basic----------*/

body {
	background-color: #000;
	/*background-image: url(../images/bg/page.jpg);*/
	background-repeat: repeat-y;
	background-position: center;
}
#Footer {
	background-image: url(../images/bg/stage.jpg);
	background-size: 100% auto;
	background-attachment: fixed;
}
#pageContent{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	}
#MainContents a:link, #MainContents a:visited {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
#MainContents a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*----------navilink----------*/
#pageContent #navilink {
	padding-bottom: 10px;
	font-size: 9px;
	margin: 0px 0px 10px;
	color: #CCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
}
#pageContent #navilink li {
	font-size: 9px;
}
#pageContent #navilink a:link, #pageContent #navilink a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 9px;
}
#pageContent #navilink a:hover {
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
}

/*for mobile*/
@media screen and (max-width: 929px) {
#Footer {
	background-size: auto 100%;
	background-position: center;
}

}

/*for smartphone*/
@media screen and (max-width: 480px) {
}
}
/*for tablet & PC*/
@media screen and (min-width:930px) {
}
@media screen and (min-width:1300px) {
}
#pageContent {
	padding-top:77px;
}
@media screen and (max-width: 768px) {
#pageContent {
	padding-top:65px;
}
#pagetop {
	width: 930px;
}
}