* {
	margin: 0;
	padding: 0;
}

body {
	/*background-color: #6495ed;*/
	/*background-color: #9ae3ea;*/
	background-color: #E8E8E8;
}

div#wrapper {
	width: 960px;
	margin: 0 auto;
	
	/*test*/
	background-color: #000000;
}

/*メニュー*/
div#menu {
	float: left;
	width: 165px;
	opacity: 1.0;
	position: relative;
	
	overflow: visible;
	
	/*test*/
	/*height: 600px;*/
	/*background-color: #e7e6fb;*/
	background-color: #000000;
}

div#menu ul li {
	list-style: none;
	width: 480px;
	overflow: hidden;
	position: relative;
}

div#menu ul li a {
	opacity: 1.0;
}

div#menu ul li a img {
	border: none;
}

/*内容*/
div.contents {
	width: 780px;
	margin-left: 165px;
	/*border-right: solid 1px #000000;*/
	/*border-left: solid 12px;*/
	overflow: hidden;
	
	/*test*/
	/*height: 1000px;*/
	background-color: #e0edff;
}

div.contents h1 {
	height: 150px;
	background-position: right;
	text-indent: -10000px;
	
	/*test*/
	background-color:#999966;
}

h1#top_image {
	background-image: url("img/top-image.png");
}

h1#cg_image {
	background-image: url("img/cg-image.png");
}

h1#dtm_image {
	background-image: url("img/dtm-image.png");
}

h1#game_image {
	background-image: url("img/game-image.png");
}

h1#other_image {
	background-image: url("img/other-image.png");
}

div#top_red {
	border-left: solid 12px #db1f1a;
	border-right: solid 3px #db1f1a;
	border-bottom: solid 3px #db1f1a;
}

div#cg_orange {
	border-left: solid 12px #ff9203;
	border-right: solid 3px #ff9203;
	border-bottom: solid 3px #ff9203;
}

div#dtm_yellow {
	border-left: solid 12px #ffe820;
	border-right: solid 3px #ffe820;
	border-bottom: solid 3px #ffe820;
}

div#game_green {
	border-left: solid 12px #10e831;
	border-right: solid 3px #10e831;
	border-bottom: solid 3px #10e831;
}

div#other_blue {
	border-left: solid 12px #1624ff;
	border-right: solid 3px #1624ff;
	border-bottom: solid 3px #1624ff;
}

/*作品等内容*/
div#workarea {
	width: 100%;
	/*height: 850px;*/
	/*background-color: #77a6a1;*/
	/*background-color: #e5e5e5;*/
	background-color: #e0edff;
	overflow: visible;
}

div.works {
	width: 690px;
	margin: 20px auto;
	border: solid 1px #a1a1a1;
	
	/*test*/
	height: 300px;
	background-color: #DDDDDD;
}

div.thumbs {
	width: 256px;
	height: 256px;
	margin: 22px;
	float: left;
}

div.details {
	width: 346px;
	/*height: 256px;*/
	margin: 22px 22px 0 0;
	padding: 11px;
	float: left;
	background-color: white;
}

p.title {
	font-size: x-large;
	margin-bottom: 2px;
}

p.auther {
	font-size: large;
}

div.captions {
	background-color: white;
	width: 346px;
	margin: 0 22px 22px 0;
	padding: 11px;
	float: left;
}

div#workarea h2 {
	width: 690px;
	margin: 20px auto;
	padding: 10px; 
	text-align: center;
	border: solid 1px #a1a1a1;
	background-color: #ffffff;
}

div#notification {
	width: 690px;
	margin: 20px auto;
	padding: 10px;
	border: solid 1px #a1a1a1;
	background-color: #ffffff;
}

div#notification h3 {
	padding-top:10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}

div#notification ul li {
	list-style: none;
	margin-bottom: 4px;
}

div#map {
	width: 690px;
	margin: 20px auto;
	padding: 10px;
	border: solid 1px #a1a1a1;
	background-color: #ffffff;
}

div#map h3 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
}