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

#stickle_contents{
	margin:100px 0 0;
	width:auto;
}
article {
}
#top_contents {
	height:350px;
	width:750px;
}
.top_contents_box {
	position:relative;
	margin:0 0 0 50px;
}
.line_dot{
padding:20px 0 0 0;
width:750px;
overflow:hidden;
}
.top_contents_box h1 {
    color: #000000;
    font-family: serif;
    font-size: 50px;
    font-weight: 500;
    left: 110px;
    letter-spacing: 0.4em;
    position: absolute;
    top: 80px;
    width: 650px;
}
.top_contents_box p {
    font-family: serif;
	color: #000000;
	font-size: 12.5px;
	font-weight: 800;
	left: 115px;
	letter-spacing: 0.3em;
	position: absolute;
	top: 170px;
	width: 600px;
	line-height: 30px;
	text-align: justify;
}
.innercontents{
	width:800px;
}
.innercontentsbox{
	position:relative;
	margin:0 0 0 30px;
	height:1000px;
}
.innercontentsbox h1 {
	color: #000000;
    font-family: monospace;
    font-size: 20px;
    font-weight: 900;
    left: 180px;
    letter-spacing: 0.2em;
    position: absolute;
    top: 30px;
    width: 600px;
}
.innercontentsbox h2 {
	color: #000000;
    font-size: 45px;
	font-family: serif;
    font-weight: 800;
    left: 180px;
    letter-spacing: 0.2em;
	position: absolute;
	top: 70px;
    width: 600px;
}
.imgbox01{
	margin:30px 0 0 -50px;
}
.imgbox02{
	margin:20px 0 0 60px;
}
.itembtn{
margin:0 0 0 75px;
}
.itembtn li{
width:322px;
float:left;
margin:20px 15px 0 0;
}
.figure-inner {
	position: relative;
	width: 300px;
	-webkit-perspective: 1000;
	perspective: 1000;
	width: 300px;
	height: 200px;
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.image,
figcaption {
	position: absolute;
	width: 300px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.itembtn a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.itembtn a {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}