@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-profile.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_profile.gif) 0 0 no-repeat;
}
#header li#home {
	left: 300px;
	background: url(../img_common/nav_profile.gif) -300px 0 no-repeat;
}
#header li#works1 {
	left: 382px;
	background: url(../img_common/nav_profile.gif) -382px 0 no-repeat;
}
#header li#works2 {
	left: 464px;
	background: url(../img_common/nav_profile.gif) -464px 0 no-repeat;
}
#header li#works3 {
	left: 546px;
	background: url(../img_common/nav_profile.gif) -546px 0 no-repeat;
}
#header li#original {
	left: 628px;
	background: url(../img_common/nav_profile.gif) -628px 0 no-repeat;
}
#header li#profile {
	left: 710px;
	background: url(../img_common/nav_profile.gif) -710px 0 no-repeat;
}

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

/* == コンテンツ共通項目 == */
h1 {
	font-size: large;
	color: #9966FF;
	margin: 15px 0 20px 0;
	text-align: center;
}
h2 {
	font-size: 110%;
	color: #333;
	margin: 30px 0 15px 0;
}
.e-name {
	font-size: small;
}
p {
	font-size: small;
	color: #333;
	line-height: 1.5em;
	margin: 0.3em 0 0 0;
}
img {
	border: none;
}


/* == コンテンツ == */
#contents {
	width: 800px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
}
#maincon {
	float: left;
	width: 579px;
	margin: auto;
	padding: 0;
	border-right: solid 1px #9966FF;
}
#subcon {
	float: left;
	margin: auto;
	padding: 0;
	width: 220px;
}
#subcon dl {
	text-align: center;
}
#subcon dt {
	margin: 0.5em 0;
	padding: 0;
	color: #9966FF;
}
#subcon dd {
	margin: 0.5em 0;
	padding: 0;
	font-size: small;
	color: #333;
}
#subcon dt a {
	/*text-decoration: none;*/
	color: #9966FF;
}
#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: #9966FF;
}
.attent {
	font-size: x-small;
	font-weight: normal;
	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;
}