.article {
	width:800px;
	clear:both;
	padding: 10px;
}

.workstext {
	width:800px;
	font-size:14px;
	text-align:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

.workstext span {
	font-size:22px;
	font-weight:bold;
}

.workstext h2 {
	margin:8px 0;
	padding:0;
	font-size:20px;
	font-weight:bold;
}

.workstext p {
	padding:0;
	margin:0 0 12px;
	line-height:130%;
}

#works-navi {
	height:100px;
	width:820px;
}

#works-navi p {
	padding:0;
	margin:0;
}

#works-navi img {
	display: block;
    float: left;
    margin: 0 3px;
    padding: 14px 3px 3px;
}

#works-navi img.current {
	background-image:url(../img/works/current.jpg);
}

.article .itemarea img {
	display:block;
	margin:0 6px 6px 0;
}

.article .itemarea {
	width:70px;
	float:left;
	position: relative;
	margin-right:10px;
}

.thumbarea {
	background-image:url(../img/works/thumb-bg.png);
	background-repeat:no-repeat;
	padding:4px 2px 0 8px;
	height:180px;
	width:190px;
	text-align:center;
	position:absolute;
	left: 75px !important;
    top: -40px !important;
    z-index: 15;
	display:none;
}

.thumbarea h2 {
	font-size:12px;
	margin:0;
	padding:0;
	line-height:100%;
}

.thumbarea p {
	padding:0;
	margin:0;
	font-size:12px;
	line-height:100%;
}

.article .itemarea .thumbarea img {
	display:inline;
}

.popup {
	display:none;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* ‚Ü‚½‚Íabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#container {
  position: relative;
}