@charset "Shift_JIS";
/* ===== 全体 ===== */
body {
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0;
	padding: 0;
	width: 805px;
	background: #fff url(../img_common/back-01.gif) repeat-y;
}

/* ==ヘッダー部分 == */
#header {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 46px;
	background: #fff url(../img_common/navback-works2.gif) repeat-x;
}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#header li {
	position: absolute;
	top: 10px;
	display: block;
	margin: 0;
	padding: 0;
	width: 82px;
	height: 36px;
	text-indent: -9999px;
}
#header li#title {
	width: 300px;	/*タイトル部分はワイドが300pixあるのでここで上書き*/
}
#header li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 82px;
	height: 36px;
}
#header li a#title {
	width: 300px;	/*タイトル部分はワイドが300pixあるのでここで上書き*/
}
#header li#title {
	background: url(../img_common/nav_works2.gif) 0 0 no-repeat;
}
#header li#home {
	left: 300px;
	background: url(../img_common/nav_works2.gif) -300px 0 no-repeat;
}
#header li#works1 {
	left: 382px;
	background: url(../img_common/nav_works2.gif) -382px 0 no-repeat;
}
#header li#works2 {
	left: 464px;
	background: url(../img_common/nav_works2.gif) -464px 0 no-repeat;
}
#header li#works3 {
	left: 546px;
	background: url(../img_common/nav_works2.gif) -546px 0 no-repeat;
}
#header li#original {
	left: 628px;
	background: url(../img_common/nav_works2.gif) -628px 0 no-repeat;
}
#header li#profile {
	left: 710px;
	background: url(../img_common/nav_works2.gif) -710px 0 no-repeat;
}

/*マウスオーバーの画像*/
#header li#home a:hover {
	left: 300px;
	background: url(../img_common/nav_works2.gif) -300px -38px no-repeat;
}
#header li#works1 a:hover {
	left: 382px;
	background: url(../img_common/nav_works2.gif) -382px -38px no-repeat;
}
/*#header li#works2 a:hover {
	left: 464px;
	background: url(../img_common/nav_works2.gif) -464px -38px no-repeat;
}*/
#header li#works3 a:hover {
	left: 546px;
	background: url(../img_common/nav_works2.gif) -546px -38px no-repeat;
}
#header li#original a:hover {
	left: 628px;
	background: url(../img_common/nav_works2.gif) -628px -38px no-repeat;
}
#header li#profile a:hover {
	left: 710px;
	background: url(../img_common/nav_works2.gif) -710px -38px no-repeat;
}

/* == コンテンツ共通項目 == */
h1 {
	font-size: large;
	color: #60bf00;
	margin: 15px 0 20px 0;
	text-align: center;
}
h2 {
	font-size: 110%;
	color: #333;
	margin: 0;
}
h3 {
	font-size: medium;
	color: #60bf00;
	margin: 15px 0 0 0;
}
h4 {
	font-size: small;
	margin: 0.3em 0 0 0;
}
p {
	font-size: small;
	color: #333;
	margin: 0.3em 0 0 0;
}
img {
	border: none;
}

/* == コンテンツ上段 == */
#upper-contents {
	text-align: center;
	width: 800px;
	margin: 0;
	padding: 0;
}
#u-sub-left {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	/*width: 195px;*/
	text-align: center;
}
#u-sub-right {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	/*width: 195x;*/
	text-align: center;
}
#u-main {
	margin: 0 200px;
	padding: 0;
	width: 400px;
	text-align: left;
}

/* == コンテンツ下段 == */
#lower-contents {
	width: 800px;
	margin: 15px 0 0 20px;  /* レフトのアキは本来不要=IE6対策 */
	padding: 0;
}
.c-title {
	text-indent: -20px;
}
#l-left {
	float: left;
	margin: 0 30px 0 0;   /* 本来ここでマージンレフト20pxを指定=IE6で40pxあく */
	padding: 0;
	width: 240px;
	text-align: center;
}
#l-center {
	float: left;
	margin: 0 30px 0 0;   /* マージンは右側を指定=左側はIE6で倍あく */
	padding: 0;
	width: 240px;
	text-align: center;
}
#l-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	text-align: center;
}

.thumbnail {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: x-small;
}
#lower-contents li {
	display: block;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 20px 0 0;   /* 本来はマージンで20pxを指定=IE6で+20pxあく */
	width: 60px;
}
#lower-contents li a {
	text-decoration: none;
	color: #333;
}

/* == フッター部分 == */
#footer {
	clear: both;
	width: 800px;
	margin: 0;
	padding: 20px 0 0 0;
}
#footer p {
	margin: 0;
	padding: 0 0 15px 15px;
	font-size: x-small;
}