@import url(http://fonts.googleapis.com/css?family=Black+Ops+One);

*{
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
}

body{
	background:url("imgs/syoriinu.png") fixed;
}

a,a:hover{
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}

a:nth-child(1):hover{
	color : #f51749;
}

a:nth-child(2):hover{
	color : #d7f517;
}

a:nth-child(3):hover{
	color : #17f586;
}

a:nth-child(4):hover{
	color : #1736f5;
}

a:nth-child(5):hover{
	color : #f517c4;
}

a:nth-child(6):hover{
	color : #FCF;
}

header{
	z-index:2;
	position: fixed;
	top: 0px;
}

nav{
	margin-top:-10px;
	padding:0 0 10px 10px;
}

nav a{
	margin-right: 30px;
	font-size:20px;
}

nav a,h2.cat{
	font-family: 'Black Ops One', cursive;
}

h2.cat{
	height: 30px;
	padding:5px 0 0 5px;	
	margin-top:20px;
}

article h1,h2{
	margin:10px 0;
}

article h1{
	font-size:18px;
}

article h1:before{
	content:"『";
}

article h1:after{
	content:"』";
}

article h2{
	font-size:16px;
}

article h2:before{
	content:"by ";
}

#main,nav,footer{
	background:#fff;
}

#main{
	width:960px;
	margin: 0 auto;
}

#content{
	position:relative;
	top:80px;
	z-index:1;
	padding-bottom:200px;
}

#game>.cat{
	background:#f51749;
}

#cg>.cat{
	background:#d7f517;
}

#dtm>.cat{
	background:#17f586;
}

#ericwork>.cat{
	background:#1736f5;
}

#other>.cat{
	background:#f517c4;
}

#shop>.cat{
	background:#FcF;
}

.product{
	height:240px;
	padding:40px;
}

img.thumbnail{
	float:left;
}

.description{
	width:450px;
	height:100%;
	float:right;
	padding:0 10px;
	background:#eee;
	border-radius:10px;
	box-shadow:3px 3px 2px #000;
	overflow:auto;
}

.product:nth-last-child(n+2){
	border-bottom:6px dotted #666;	
}

footer{
	position:relative;
	top:50px;
	text-align:center;
	padding:20px;
	clear:both;
}