/* 全体レイアウト */
div, body {
	margin: 0;
	padding: 0;
}
body {
	font-size: 87%;
	color: #331322;
	font-family: sans-serif;
	line-height: 1.6em;
	background: url(bg_header.png) repeat-x #f2f0eb;
}
.width {
	width: 320px;
}

/* min-width: 640px */
	#body {
		max-width: 720px;
		margin: 0 auto;
		position: relative;
	}
	#left-container {
		position: absolute;
		top: 0px; left: 0px;
	}
	#right-container {
		position: absolute;
		top: 0px; right: 0px;
	}
/* /min-width: 640px */
@media screen and (max-width: 639px) {
	#body {
		width: 320px;
		position: static;
	}
	#left-container, #right-container {
		position: static;
	}
}


/* 本文用設定 */
h1, h2, h3, h4, h5, h6, h7 {
	color: #595f34;
}
h1 {
	font-size: 5em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: #692746;
}
h1#logo {}
h1#logo img {
}
h2, h3 {
	font-size: 1.2em;
	margin-top: 1.5em;
	margin-bottom: 0.3em;
}
ol, ul {
	margin: 0;
	padding: 0 0 0 1.4em;
}
ul {
	list-style: url(list-point.png);
}
ul li, ol li {
	margin: 0;
	padding: 0;
}

/* トップ等のナビゲーション部分 */
#navigation {
	background: url(/base/bg/bg-white-80.png);
	color: #000;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	padding: 3px 0 0 8px;
}
#navigation a:link, #navigation a:visited {
	color: #000;
	text-decoration: none;
}
#navigation a:hover {
	color: #d687ba;
}
#navigation .grouping {
	color: #d687ba;
}
#navigation ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#navigation ul li {
	margin: 0 0 13px 0;
	padding: 0;
	font-size: 150%;
	line-height: 1em;
	font-weight: 900;
	font-family: "Helvetica","Arial Black","Arial";
	border-bottom: #aaa 1px solid;
}

/* 作品リスト */
#works-container {
	background: url(bg_footer.png) repeat-x top #787d5a;
	padding: 5px 0;
}
#works-container h2 {
	margin: 10px 10px 0px 10px;
	padding: 0;
	color: #fff;
}
ul#works {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
ul#works li {
	background: #f2f0eb;
	margin: 10px;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
/*	border: 1px solid;
	border-color: #494c37 #fff #fff #494c37;*/
}
/* 作品リストの中身 */
ul#works li img {
	max-width: 80px;
	max-height: 80px;
	float: left;
}

/* 便利な設定 */
.small {
	font-size: 50%;
	line-height: 1.0em;
}
.date {
	font-size: 85%;
	font-family: "Helvetica","Arial Black","Arial";
	font-style: oblique;
}

.floatend {
	clear: both;
}