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

* {
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	display:table;
	text-align:center;
}

a{
	text-decoration:none;
}

h1{
	color:#666666;
	font-size:11px;
	font-weight:normal;
}

h2{
	color:#666666;
	font-size:11px;
	font-weight:normal;
}

h3{
	color:#666666;
	font-size:11px;
	font-weight:normal;
}

#wrapper{
	width:800px;
	height:600px;
	position:absolute;  
    top:50%;
    left:50%;
	margin-left:-400px;
	margin-top:-300px;
}

/*box*/
div.box {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align: center;
	position:relative;
}

span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(../image/noimage.gif);
}

/*text*/
#text{
	width:800px;
	bottom:0;
	position:absolute;  
}

/*center*/
#title_center{
	color:#666666;
	padding-top:10px;
	text-align:center;
}

.title{
	color:#666666;
	font-size:11px;
}

.year{
	color:#666666;
	font-size:11px;
	margin-left:10px;
}

.material{
	color:#666666;
	font-size:11px;
}

.size{
	color:#666666;
	font-size:11px;
	margin-left:10px;
}

ul{
text-align:center;
}

li{
display:inline;
}

/*back*/
#back{
	height:600px;
	color:#CCCCCC;
	float:left;
	font-size:30px;
	text-align:center;
	line-height:600px;
}

#back a{
	color:#CCCCCC;
	font-size:30px;
}

#back a:hover{
	color:#999999;
	font-size:30px;
}

/*next*/
#next{
	height:600px;
	color:#CCCCCC;
	float:right;
	font-size:30px;
	text-align:center;
	line-height:600px;
}

#next a{
	color:#CCCCCC;
	text-align:right;
	font-size:30px;
}

#next a:hover{
	color:#999999;
	text-align:right;
	font-size:30px;
}

/*close*/
#close{
	width:800px;
	margin-top:510px;
	margin-left:392px;
	color:#CCCCCC;
	font-size:30px;
	position:absolute;
}

#close a{
	color:#CCCCCC;
	font-size:30px;
}

#close a:hover{
	color:#999999;
	font-size:30px;
}

/*copyright*/
#copyright{
	text-align:right;
	padding-top:10px;
	bottom:0;
	right:20px;
	margin-bottom:10px;
	position:absolute;
}