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

body {
	padding:20px;
}
#container {
	min-width:994px;
	margin:0 auto;
	position:relative;
	background:url(../img/base.jpg) no-repeat center top #f8f5ee;
	border:5px solid #ddbbcb;
}

#hidden {
	display:none;
}

p.gotop {
    bottom:0px;
    display:none;
    position:fixed;
    left:50%;
	z-index:50;
	margin-left:400px;
	padding-bottom:40px;
}
p.gotop a {
	display:block;
	width:89px;
	height:90px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../img/pagetop.png) no-repeat;
}
p.gotop a:hover {
	background:url(../img/pagetop_on.png) no-repeat;
}

nav {
	width:416px;
	height:35px;
	position:absolute;
	top:110px;
	left:50%;
	margin:0 0 0 81px;
	z-index:10;
}
nav a {
	display:block;
	height:25px;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	background-image:url(../img/header_menu.png);
	background-repeat:no-repeat;
}
nav a:hover,nav a.slt {
	background-image:url(../img/header_menu_on.png);
}
nav a#m_news {
	width:76px;
	background-position:0px 0px;
}
nav a#m_about {
	width:88px;
	margin:10px 0 0 21px;
	background-position:-97px -10px;
}
nav a#m_works {
	width:88px;
	margin-left:19px;
	background-position:-204px 0px;
}
nav a#m_contact {
	width:107px;
	margin:10px 0 0 17px;
	background-position:-309px -10px;
}

article {
	position:relative;
	min-width:994px;
	min-height:3075px;
	overflow:hidden;
}

#kumo1 {
	position:absolute;
	top:695px;
	left:50%;
	margin-left:-505px;
	z-index:5;
}
#kumo2 {
	position:absolute;
	top:1423px;
	left:50%;
	margin-left:-304px;
	z-index:20;
}
#kumo3 {
	position:absolute;
	top:2234px;
	left:50%;
	margin-left:-452px;
	z-index:20;
}

#news_t {
	position:absolute;
	top:358px;
	left:50%;
	margin-left:-457px;
	z-index:15;
}
#news_t div {
	width:264px;
	height:264px;
	overflow:hidden;
	margin:3px 0 0 auto;
	position:relative;
}
#news_t div img {
	display:none;
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
#news_t div a:hover {
	opacity:0.7;
}
#about_t {
	position:absolute;
	top:1218px;
	left:50%;
	margin-left:-457px;
	z-index:15;
	width:320px;
	font-size:12px;
	line-height:24px;
}
#about_t p {
	font-size:22px;
	line-height:22px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-top:30px;
	margin-bottom:10px;
}
#about_t p span {
	font-size:14px;
	line-height:22px;
}
#about_t a img {
	margin-top:20px;
}
#about_t a:hover {
	opacity:0.7;
}
#works_t {
	position:absolute;
	top:1830px;
	left:50%;
	margin-left:-353px;
	z-index:15;
}
#works_f {
	position:absolute;
	top:1931px;
	left:50%;
	margin-left:-458px;
	z-index:15;
	width:401px;
}
#works_f div {
	width:266px;
	height:194px;
	padding:68px 68px 69px 67px;
	background:url(../img/works_f.jpg) no-repeat left top;
	margin-bottom:10px;
	text-align:center;
}
#works_f a:hover {
	opacity:0.7;
}
#works_more {
	position:absolute;
	top:2272px;
	left:50%;
	margin-left:-458px;
	z-index:25;
}
#works_more a:hover {
	opacity:0.7;
}
#contact_t {
	position:absolute;
	top:2640px;
	left:50%;
	margin-left:-457px;
	z-index:30;
	text-align:center;
}
#contact_t a img {
	margin-top:30px;
}
#contact_t a:hover {
	opacity:0.7;
}

#item1 {
	position:absolute;
	top:671px;
	left:50%;
	margin-left:-444px;
	z-index:10;
	transition: all 5s ease-in-out;
}
#item2 {
	position:absolute;
	top:966px;
	left:50%;
	margin-left:-369px;
	z-index:10;
}
#item3 {
	position:absolute;
	top:1648px;
	left:50%;
	margin-left:-438px;
	z-index:10;
}
#item4 {
	position:absolute;
	top:2445px;
	left:50%;
	margin-left:-365px;
	z-index:25;
}

@media screen and (max-width:1044px){
body {
	padding:0;
}
}