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

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

#hidden {
	display:none;
}

a#titlelink {
	display:block;
	width:410px;
	height:138px;
	text-decoration:none;
	text-indent:-9999px;
	position:absolute;
	top:46px;
	right:50%;
	margin:0 73px 0 0;
	z-index:10;
}

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;
	overflow:hidden;
}

#info_container {
	width:660px;
	margin:0 auto;
	padding:260px 0 0 0;
}


#works_set {
	padding-top:20px;
	padding-bottom:115px;
	overflow:hidden;
}
#works_items {
	font-size:0;
}
#works_items li {
	display:inline-block;
	/display:inline; 
	/zoom:1;
	width:200px;
	margin:0 0 30px 30px;
	font-size:12px;
	line-height:18px;
	color:#000;
	vertical-align:top;
	word-break:break-all;
}
#works_items li:nth-child(3n+1) {
	margin-left:0;
}
#works_items li a:hover {
	opacity:0.7;
}
#works_items li img.simg {
	width:200px;
	height:200px;
	margin-bottom:10px;
}
#works_items li strong {
	font-weight:500;
}
a#works_more {
	display:block;
	clear:both;
	text-align:center;
	background-color:#ccc;
}
a#works_more:hover {
	opacity:0.7;
}

#about_set {
	text-align:center;
}
#about_t {
	font-size:18px;
	line-height:1;
	padding:20px 0 30px 0;
}
#prof1 {
	font-size:12px;
	line-height:24px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
}
#prof2 {
	text-align:left;
	font-size:12px;
	line-height:24px;
	padding:20px 0 130px 0;
}
#prof2 span {
	display:inline-block;
	width:6em;
}

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