@charset "Shift_JIS";
/* ===== 全体 ===== */
body {
	background: #e6e6e6;
	margin: 0;
	padding: 0;
}
img {
	border:none;
}
#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-index.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_home.gif) 0 0 no-repeat;
}
#header li#home {
	left: 300px;
	background: url(../img_common/nav_home.gif) -300px 0 no-repeat;
}
#header li#works1 {
	left: 382px;
	background: url(../img_common/nav_home.gif) -382px 0 no-repeat;
}
#header li#works2 {
	left: 464px;
	background: url(../img_common/nav_home.gif) -464px 0 no-repeat;
}
#header li#works3 {
	left: 546px;
	background: url(../img_common/nav_home.gif) -546px 0 no-repeat;
}
#header li#original {
	left: 628px;
	background: url(../img_common/nav_home.gif) -628px 0 no-repeat;
}
#header li#profile {
	left: 710px;
	background: url(../img_common/nav_home.gif) -710px 0 no-repeat;
}

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

/* == コンテンツ部分 == */
#contents {
	margin: 0;
	padding: 0;
	/*width: 800px;*/
}
#sub-left {
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
	text-align: center;
}
#main {
	float: left;
	width: 425px;
	/*margin-left: 175px;
	margin-right: 200px;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
#sub-right {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	text-align: center;
}

/*コンテンツのメインのナビ指定*/
#main ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main li {
	display: block;
	margin: 0;
	padding: 0;
	width: 423px;
	height: 75px;
	text-indent: -9999px;
}
#main li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 423px;
	height: 75px;
}
#main li#works1-a {
	background: url(../img_index/link_works1.gif)  no-repeat;
}
#main li#works2-a {
	background: url(../img_index/link_works2.gif)  no-repeat;
}
#main li#works3-a {
	background: url(../img_index/link_works3.gif)  no-repeat;
}
#main li#original-a {
	background: url(../img_index/link_original.gif)  no-repeat;
}
#main li#profile-a {
	background: url(../img_index/link_profile.gif)  no-repeat;
}
/*マウスオーバーの画像*/
#main li#works1-a a:hover {
	background: url(../img_index/link_works1_h.gif)  no-repeat;
}
#main li#works2-a a:hover {
	background: url(../img_index/link_works2_h.gif)  no-repeat;
}
#main li#works3-a a:hover {
	background: url(../img_index/link_works3_h.gif)  no-repeat;
}
#main li#original-a a:hover {
	background: url(../img_index/link_original_h.gif)  no-repeat;
}
#main li#profile-a a:hover {
	background: url(../img_index/link_profile_h.gif)  no-repeat;
}
#mail {
	text-align: center;
	font-size: small;
	color:#333;
	margin: 30px 0;
}
#mail a {
	text-decoration: none;
	color:#333;
}
#mail img {
	vertical-align: middle;
}
#mail a:hover {
	color: #3366FF;
}

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