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

/*Main General*/
#main h3,
#main h4 {
	clear: both;
}
#main em {
	font-weight: bold;
	font-style: normal;
}
#main .information p {
	line-height: 0;
}
#main .information .category {
	position: absolute;
	text-indent: -9999px;
}
#main .information .date {
	margin: 18px 0 0 90px;
}
#main .information .tweet {
	float: right;
	width: 80px;
	height: 20px;
	margin-top: 7px;
	margin-right: 10px;
}
#main .information .tweet a {
}
#main .information {
	width: 720px;
	height: 34px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../images/entry-header.png) left top no-repeat;
}
#main .information.news {
	background-position: 0 -34px;
}
#main .information.diary {
	background-position: 0 0;
}
#main .information.gallery {
	background-position: 0 -68px;
}
#main .information.works {
	background-position: 0 -102px;
}
#main .entry h3 {
	font-size: 130%;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
}
#main .entry .entryBody {
	padding: 0 0 0 5px;
}
#main .entry .entryBody h4 {
	font-size: 120%;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
#main .entry .entryBody p {
	margin-bottom: 10px;
}
#main #entryNavi {
	clear: both;
	width: 700px;
	margin: 10px auto;
	text-align: center;
}

/*Pager*/
#main .newList,
#main .oldList {
	min-height: 60px;
	_height: 60px;
	list-style: none!important;
	
}
#main .oldList {
	float: left;
	background: url(../images/pager-prev.png) left top no-repeat;
}
#main .newList {
	float: right;
	background: url(../images/pager-next.png) right top no-repeat;
}
#main .oldList a,
#main .newList a {
	display: block;
	width: 240px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#main .oldList a {
	margin-left: 80px;
	text-align: left;
}
#main .newList a {
	margin-right: 80px;
	text-align: left;
}
#main .pages {
	text-align: center;
}
#main .pages .each {
	background-color: #eee;
	padding: 2px 5px;
	border: 1px solid #ccc;
}
#main #pager {
	clear: both;
}
#main #pager .oldList a,
#main #pager .newList a {
	width: 80px;
}
#main #pager .newList a {
	text-align: right;
}


/*Archive*/
#main .currentMonth {
	margin: 20px 5px 0;
	text-align: right;
	font-size: 110%;
}
#archive {
	width: 180px;
	margin: 0 0 20px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#archive ul {
	margin: 5px 5px 10px;
}
#archive ul ul {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 0;
}
#archive .tab span {
	display: block;
	padding: 2px 5px;
	background-color: #eee;
}
#archive li {
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}
#archive li li {
	padding: 2px 5px 2px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 0;
}
#archive a {
	display: block;
	text-decoration: none;
}

/* News */
#news h2 {
	float: left;
}
#news #archive h3 {
	height: 30px;
	background: url(../images/news-archive.png) center left no-repeat;
	text-indent: -9999px;
}

/* Diary */
#diary h2 {
	float: left;
}
#diary #archive h3 {
	height: 30px;
	background: url(../images/diary-archive.png) center left no-repeat;
	text-indent: -9999px;
}

/* Works */
#works #main h2 {
	float: none;
}
#works #main h3 {
	font-size: 110%;
	margin-bottom: 20px;
	padding: 3px 0;
	border-top: 3px solid #264D02;
	border-bottom: 1px solid #264D02;
}
#works #main h3 a:link,
#works #main h3 a:visited {
	display: block;
	color: #000;
}
#works #main h3 a:hover {
	color: #233687;
}
#works .series {
	margin-bottom: 40px;
}
#works #main .series p {
	font-size: 90%;
	margin-left: 150px;
	margin-bottom: 10px;
}
#works #main .series .image {
	float: left;
	margin: 0 0 40px;
}
#works .series .image img {
	border: 1px solid #999;
}
#works .series .viewlist {
	text-align: right;
	margin-top: 10px;
	font-size: 100%;
}
#works .series .history li {
	display: inline;
	padding-right: 20px;
}
#works .leftCol {
	float: left;
	width: 320px;
}
#works .rightCol {
	float: right;
	width: 320px;
}
#works #main .currentPage {
	border-bottom: 1px solid #999;
	padding: 0 0 20px;
	margin: 0 0 40px;
	text-align: center;
}
#works #main .listItem {
}
#works #main .listItem dt {
	clear: both;
	margin-left: 120px;
	font-weight: bold;
	font-size: 110%;
	line-height: 1;
}
#works #main .listItem .viewDetail {
	margin-top: 10px;
	float: right;
}
#works #main .listItem .buyAmazon {
	margin-top: 10px;
	float: left;
}
#works #main .listItem .viewDetail a {
	display: block;
	width: 74px;
	height: 22px;
	overflow: hidden;
	background: url(../images/works-viewdetail.png) left top no-repeat;
	text-indent: -9999px;
}
#works #main .listItem .viewDetail a:hover {
	background-position: 0 -22px;
}
#works #main .buyAmazon a {
	display: block;
	width: 142px;
	height: 27px;
	overflow: hidden;
	background: url(../images/works_buy.png) left top no-repeat;
	text-indent: -9999px;
}
#works #main .buyAmazon a:hover {
	background-position: 0 -27px;
}
#works #main .listItem .outline {
	margin-top: 10px;
	margin-left: 120px;
	margin-bottom: 40px;
}
#works #main .listItem .image {
	float: left;
	margin-top: -1em;
	margin-bottom: 40px;
	min-width: 100px;
	min-height: 150px;
	background: url(../images/noimage.gif) center center no-repeat;
}
#works #main h3 {
	font-weight: normal;
}
#works #main .bookDetail h4 {
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
}
#works #main .bookDetail .image {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #ccc;
	/*width: 180px;
	height: 240px;
	background: url(../images/noimage.gif) center center no-repeat;*/
}
#works #main .bookDetail .text {
	margin-left: 220px;
}
#works #main .bookDetail .text p {
	margin-bottom: 20px;
}
#works #main .bookDetail table {
	border-collapse: separate;
	border-spacing: 1px 2px;
	margin: 10px 0 20px;
}
#works #main .bookDetail th,
#works #main .bookDetail td {
	padding: 2px 4px;
	text-align: left;
	font-weight: normal;
}
#works #main .bookDetail th {
	background-color: #DAE7DE;
}
#works #main .history table {
	width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#works #main .history th,
#works #main .history td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #777;
	padding: 3px 6px;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
}
#works #main .history th {
	font-weight: normal;
}
#works #main .history td {
}


/* Gallery */
#gallery #main {
}
#gallery #main h2 {
	float: none;
}
#gallery #main h3 {
	font-size: 120%;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
}
#gallery p {
	margin-bottom: 15px;
	height: 2em;
}
#gallery .thumbnail {
	clear: both;
}
#gallery .thumbnail li {
	float: left;
	width: 160px;
	margin-right: 78px;
	margin-bottom: 40px;
	line-height: 1.5;
	font-size: 90%;
}
#gallery .thumbnail li.relation {
	width: 100px;
	margin-right: 20px;
}
#gallery .thumbnail li a {
	text-decoration: none;
}
#gallery .thumbnail li a img {
	border: 0;
}
#gallery .thumbnail li div {
	margin-bottom: 5px;
	border: 1px solid #C92031;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0 2px 2px #aaa;
	-moz-box-shadow: 0 2px 2px #aaa;
	-webkit-box-shadow: 0 2px 2px #aaa;
}
#gallery .column-image-center img {
	box-shadow: 0 2px 2px #aaa;
	-moz-box-shadow: 0 2px 2px #aaa;
	-webkit-box-shadow: 0 2px 2px #aaa;
}


/* Guestbook */
#guestbook #main {
	font-size: 90%;
}
#guestbook #main h2 {
	float: none;
}
#guestbook #main p {
	margin-bottom: 5px;
}
#guestbook #main ul {
	margin-left: 25px;
	margin-bottom: 20px;
}
#guestbook #main li {
	list-style-type: disc;
}
#guestbook #main h3 {
	font-size: 120%;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
}
#guestbook fieldset {
	margin: 20px 0 40px;
	padding: 20px 20px 10px;
	border: 1px solid #666666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#guestbook fieldset dt {
	float: left;
	margin-bottom: 10px;
	width: 8em;
}
#guestbook fieldset dd {
	margin-left: 10em;
	margin-bottom: 10px;
}
#guestbook fieldset legend {
	font-weight: bold;
}
#guestbook #commentBody {
}
#guestbook #commentBody dt {
	padding: 2px 8px;
	margin-bottom: 10px;
	background-color:#C7E2A2;
	font-weight: bold;
	font-size: 16px;
}
#guestbook #commentBody .poster {
	margin-bottom: 5px;
	color: #264D02;
}
#guestbook #commentBody dd {
	margin: 0 10px;
}
#guestbook #commentBody .poster em {
	font-weight: bold;
	font-style: normal;
}
#guestbook #commentBody .message {
	margin-bottom: 30px;
}
#guestbook .button {
	width: 200px;
	padding: 6px;
	margin: 20px auto;
	border: 1px solid #666;
	text-align:center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#guestbook .button a {
	display: block;
}


/*Manual*/
#manual {
	font-size: 90%;
}
#manual h3 {
	background-color:#099;
	margin-bottom: 10px;
	padding: 2px 4px;
	color: #fff;
}
#manual dl {
	margin: 5px 0 20px;
}
#manual dt {
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaa;
}
#manual dd,
#manual p {
	padding-left: 5px;
	margin-bottom: 10px;
}


/*--Other--*/
#main .static p {
	margin-bottom: 10px;
}
#main .static h3 {
	margin: 20px 0 10px;
	padding: 3px 8px;
	font-size: 120%;
	color: #fff;
	background-color: #84BB5D;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#main .static ul {
	margin-left: 30px;
	margin-bottom: 20px;
}
#main .static li {
	list-style: disc;
	paddin-left: 15px;
}
#main .static .note {
	margin-left: 20px;
	color: #444;
	font-size: 85%;
}
#main .static dl {
	margin: 0 0 20px 20px;
}
#main .static dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#main .static dd {
	margin: 0 0 20px 20px;
}
/*404*/
#error {
	width: 600px;
	margin: 30px auto 100px;
	padding-left: 20px;
	padding-top: 20px;
}
#error h2 {
	font-size: 140%;
	margin-bottom: 30px;
}
#error p {
	margin-bottom: 10px;
}
.misha {
	float: right;
}


#eroica {
	border: 1px solid #777;
}

/*-- Override --*/
/* 添付画像配置（左） */
div.column-image-left {
	margin-right: 10px;
}
/* 添付画像配置（右） */
div.column-image-right {
	margin-left: 10px;
}

.comForm input[type=text],
.comForm textarea {
	-webkit-appearance: none;
	display: inline-block;
	padding: 5px;
	border: 1px solid #aaa;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	font-size: 16px;
}
.comForm input[type=text] {
	width: 60%;
}
.comForm textarea {
	width: 100%;
	height: 10em;
}