html, body {
	margin: 0;
	padding: 0;
}

nav {
	background: url(img/mainring.gif) right top repeat-y;
	height: 100%;
	width: 110px;
	float: left;
}

nav ul {
	list-style: none;
	padding: 0;
}

.main {
	float: left;
	max-width: calc(100% - 120px);
	min-width: 914px;
	width: auto;
}

.pagination {
	text-align: center;
	width: 500;
	padding: 25px;
}

.pagination a {
	color: #000;
	text-decoration: none;
}

.pagination a.active {
	color: #AAA;
}

.gbook-entry {
    border: solid 1px #A3CEF4;
    border-radius: 5px;
    margin: 10px;
    width: 550px;
}

.gbook-entry-head {
    background: #A3CEF4;
    padding: 5px 10px;
}

.gbook-entry-head-left {
    float: left;
}

.gbook-entry-head-right {
    float: right;
}

.gbook-entry-comment {
    background: url(img/dot_w.png) 20px center no-repeat;
    padding: 10px;
    padding-left: 50px;
}

.clearfix {
    clear: both;
}

.gbook-entry.author {
    background: #CFC;
    border: solid 1px #0A0;
}

.gbook-entry.author .gbook-entry-head {
    background: #0A0;
    color: #FF0;
    font-weight: bold;
}

.gbook-entry.author .gbook-entry-head-left {
    background: url(img/usagi_small.gif) no-repeat;
    height: 33px;
    width: 48px;
}

.error-message {
    background: #FAA;
    border: solid 1px #F00;
    color: #000;
    font-weight: bold;
    padding: 10px 50px;
}

.emoji-01:before {
    content: "🙂";
}
.emoji-01-rev:before {
    content: "🙃";
}
.emoji-02:before {
    content: "🙁";
}
.emoji-03:before {
    content: "😥";
}
.emoji-04:before {
    content: "😀";
}
.emoji-05:before {
    content: "😉";
}
.emoji-06:before {
    content: "😁";
}

.last-release {
    color: #666;
    font-size: 0.7rem;
    text-align: center;
}

.audio-player {
    padding-top: 1rem;
    text-align: center;
}

.audio-player button {
    margin: 0.2rem;
}

@media (max-width: 1024px) {
	nav ul li {
		display: inline-block;
		float: none;
		height: auto;
		width: 100%;
	}
	
	.main {
		float: none;
		min-width: auto;
	}
}