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

@import url("reset.css");
#container {
	background: #FFF url(../images/back/texture_whitepage.jpg) repeat;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
	.new {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
	line-height: 12px;
}
body {
	text-align: center;
	background: url(../images/back/woodwall.jpg) repeat;
}
#header {
	width: 800px;
	left: auto;
	right: auto;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#header ul li {
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#container #contents p #profile {
	margin-left: 15px;
}
#contents {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	letter-spacing: 0.1em;
	text-align: left;
	width: 800px;
	clear: both;
	line-height: 24px;
	margin: 0px auto 100px;
}
#container #contents p #line1 {
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
#container #footer p #line2 {
	width: 780px;
	margin-right: 10px;
	margin-left: 10px;
}
#footer {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 135px;
	clear: both;
	padding-top: 100px;
}
#footer a #logo_s {
	margin: 10px 40px 20px;
	float: left;
}
#footer ul li {
	float: left;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 27px;
}
#footer address {
	clear: both;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	letter-spacing: 0.1em;
}
#footer #footer_right {
	width: 550px;
	float: left;
}
.rollover {
}
.animation {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #F06;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.caption {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin-bottom: 60px;
}
.title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#container #contents a {
	text-decoration: none;
}
a:hover {
	color: #F36;
}
.thumbnail {
	margin-top: 20px;
	margin-bottom: 20px;
}
#container #contents #animationworks img {
	margin-top: 20px;
	margin-bottom: 20px;
}
.illustration {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #09F;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#container #contents #index1 {
	width: 220px;
	float: left;
	padding-left: 40px;
	background: url(../images/works/tateline.gif) repeat-y;
}
.subtitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
}
#container #contents #index2 {
	width: 220px;
	float: left;
	padding-left: 40px;
	background: url(../images/works/tateline.gif) repeat-y;
}
#container #contents #index3 {
	width: 220px;
	float: left;
	padding-left: 40px;
	background: url(../images/works/tateline.gif) repeat-y;
}
.exhibition {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #90F;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.design {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #0C0;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.photograph {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #F60;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#container #contents #recent_works {
	width: 750px;
	height: 300px;
	margin: 70px auto 100px;
}
#container #contents p #works_big {
	margin-left: 20px;
	margin-bottom: 10px;
}
#container #contents #worksmenu {
	clear: both;
	margin-bottom: 10px;
}
#container #contents #worksmenu ul li {
	float: left;
	margin-left: 20px;
	margin-bottom: 50px;
}
.category {
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
}
#container #contents #worksmenu ul li a {
	text-decoration: underline;
}
#container #contents #worksmenu ul li a:hover {
	color: #F34;
}
#container #contents #animationworks {
	clear: both;
}
#container #contents #illustrationworks {
	clear: both;
	margin-bottom: 50px;
	padding-top: 50px;
}
#container #contents #illustrationworks ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#container #contents #illustrationworks #fantasiapocket {
	text-align: center;
	margin-bottom: 40px;
}
#container #contents #illustrationworks #fantasiapocket p {
	margin-bottom: 20px;
}