@charset "utf-8";

/* Common
----------------------------------------------- */
a {
	color: #4169e1;
}
a:hover {
	color: #4682d4;
}
img {
	border: 0;
	vertical-align: bottom;
}
body {
	background: #f5f5f5;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.3;
	word-break: break-all;
	margin: 15px 0;
	margin: 0;
	font-size: 13px;
}

/* Layout
----------------------------------------------- */
#header {
	width: 100%;
	overflow: hidden;
	*zoom: 1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background: #444;
}
#page {
	width: 880px;
	margin: 50px auto 20px;
	*padding-top: 70px;
	overflow: hidden;
	*zoom: 1;
}
#main {
	float: left;
	width: 600px;
	background: #fff;
	padding: 10px 10px 5px 10px;
	border-radius: 2px;
	position: relative;
	border: 1px solid #eee;
}
#side {
	float: left;
	width: 220px;
	margin-left: 15px;
	background: #fff;
	padding: 10px 10px 5px 10px;
	border-radius: 2px;
	border: 1px solid #eee;
}

/* Header
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
}
.navi {
	width: 880px;
	margin: 0 auto;
	font-size: 14px;
	overflow: hidden;
	*zoom: 1;
}
.navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navi li {
	float: left;
}
.navi li a {
	display: block;
	padding: 8px 10px;
	color: #fff;
	text-decoration: none;
}
.navi li a:hover {
	color: #ffc;
}
li.navi-current a {
	color: #ffc;
}
.searchbar {
	position: relative;
	float: right;
	width: 200px;
	margin-top: 6px;
}
.searchbar input[type="text"] {
	height: 21px;
	width: 168px;
	padding: 0 25px 0 3px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 1px;
	color: #555;
	outline: none;
}
input[type="text"]:input-placeholder {
	color: #aaa;
	opacity: 1;
}
input[type="text"]::-webkit-input-placeholder {
	color: #aaa;
	opacity: 1;
}
input[type="text"]:-ms-input-placeholder {
	color: #aaa;
	opacity: 1;
}
input[type="text"]::-moz-placeholder {
	color: #aaa;
	opacity: 1;
}
.searchbar input[type="submit"] {
	position: absolute;
	top: 1px; left: 176px;
	height: 21px;
	width: 21px;
	background: url(../img/search.png) no-repeat center center #fff;
	border: none;
	outline: none;
	cursor: pointer;
}

/* Side
----------------------------------------------- */
#side {
	font-size: 12px;
}
#side > div {
	margin: 5px 0 15px;
}
#side h3 {
	margin: 0 0 5px;
	padding-bottom: 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: dotted 1px #ccc;
}
#side a {
	color: #000;
}
.notice ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.notice li {
	margin-bottom: 10px;
}
#side .side-site span a {
	color: #666;
}
#side .side-site {
	margin-bottom: 10px;
}
.side-site h4 a {
	display: block;
	padding: 7px 7px 7px 3px;
	text-decoration: none;
}
.side-site h4 {
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	font-size: 12px;
}
.side-site h4:hover {
	background-color: #f5f5f5;
}
.side-site ul{
	padding: 0;
	margin: 0;
}
.side-site li {
	display: none;
}
/* Site list hover */
#site-list-hover {
	display: none;
	position: absolute;
	z-index: 2;
	margin-right: -10px;
	padding: 7px;
	background-color: #fff;
	max-width: 450px;
	border: 1px solid #ccc;
	border-radius: 1px;
	box-shadow: 1px 1px 3px #ccc;
	white-space: nowrap;
}
#site-list-hover ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	font-size: 12px;
}
#site-list-hover li {
	overflow: hidden;
	float: left;
	width: 150px;
}
#site-list-hover a {
	display: block;
	padding: 7px 5px;
	text-decoration: none;
	color: #333;
}
#site-list-hover a:hover {
	background: #f3f3f3;
}
#side .to-etc-site a:hover {
	background-color: #f5f5f5;
}
#side .to-etc-site a {
	display: block;
	padding: 7px 7px 7px 3px;
	color: #333;
	font-size: 12px;
	text-decoration: none;
}
#side .random-list {
	/*margin-bottom: 0;*/
}
.random {
	overflow: hidden;
	*zoom: 1;
	padding: 5px 0;
	border-bottom: solid 1px #eee;
}
.random:last-child {
	border: none;
}
.random-thumb {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.entry-title {
	margin-top: 3px;
	font-size: 13px;
}
.entry-summary {
	margin-top: 3px;
	font-size: 13px;
}
#side .new-comment-list span a {
	color: #666;
}
.new-comment {
	margin-bottom: 5px;
}

/* PR
----------------------------------------------- */
#pr {
	display: none;
	padding: 5px 10px;
	border: solid 1px #eee;
	background: #fffff8;
}
.pr-text-1 {
	margin: 10px 0 8px 0;
	font-size: 15px;
}
.pr-text-2 {
	margin: 0 0 15px 0;
	font-size: 12px;
	color: #555;
}
.pr-text-3 {
	margin-left: 0;
}
.pr-text-3 a {
	text-decoration: none;
	padding: 3px 13px;
	border: solid 1px #888;
	font-size: 14px;
}
.pr-text-3 a:hover{
	border: solid 1px #666;
}

/* Main
----------------------------------------------- */
.top-type {
	margin-top: -3px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
	border-bottom: solid 1px #ddd;
}
.site-info {
	padding: 10px 10px 20px;
	font-size: 14px;
	border-bottom: solid 1px #ddd;
}
h2.menu-title {
	margin: 0 0 5px;
	padding: 3px;
	font-size: 15px;
	font-weight: normal;
	border-bottom: dotted 1px #ccc;
}
.entry {
	overflow: hidden;
	*zoom: 1;
	position: relative;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}
.entry:last-child {
	border: none;
}
.entry-thumb {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
}
.entry-date {
	font-size: 12px;
}
.entry-title {
	margin-top: 3px;
	font-size: 15px;
}
.entry-text {
	margin-top: 3px;
	font-size: 13px;
	color: #333;
}
.entry-summary {
	margin-top: 3px;
	font-size: 12px;
}
.entry-site {
	position: absolute;
	top: 3px;
	right: 3px;
	margin-top: 3px;
	font-size: 12px;
	color: #333;
}
.entry-footer {
	margin-top: 3px;
	font-size: 11px;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.entry-footer a {
	margin-left: 7px;
}
.entry-bookmark, .comic-bookmark {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.entry-bookmark {
	padding-left: 16px;
	background: url(../img/star-gray.png?1) no-repeat 0 2px;
	background-size: 11px;
	color: #000;
	text-decoration: none;
}
.entry-bookmark:hover {
	color: #000;
}
.bookmark-mylisted {
	background: url(../img/star.png) no-repeat 0 2px;
	background-size: 11px;
}
.to-site-list a {
	display: block;
	margin: 20px auto 10px;
	padding: 5px;
	width: 300px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	color: #555;
	text-decoration: none;
}
.to-site-list a:hover {
	border: solid 1px #aaa;
	color: #333;
}

/* Comic
----------------------------------------------- */
.comic-info {
	overflow: hidden;
	*zoom: 1;
}
.comic-bookmark {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-left: 18px;
	font-size: 12px;
	background: url(../img/star-gray.png?1) no-repeat 0 0;
	background-size: 12px;
	color: #000;
	text-decoration: none;
}
.comic-bookmark:hover {
	color: #000;
}
.comic-bookmark.bookmark-mylisted {
	background: url(../img/star.png) no-repeat 0 0;
	background-size: 12px;
}
.comic-thumb {
	float: left;
	margin-right: 5px;
}
.comic-title {
	margin-bottom: 3px;
	width: 470px;
}
.comic-title h2 {
	display: inline;
	font-size: 18px;
	font-weight: bold;
}
.comic-site {
	font-size: 16px;
	margin-bottom: 3px;
}
.comic-summary h3, .comic-update h3, .comic-recommend h3, .tweets h3, .comments h3 {
	margin: 0 0 10px;
	padding: 3px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: dotted 1px #ccc;
}
.comic-summary {
	margin-top: 15px;
	font-size: 13px;
}
.comic-update {
	position: relative;
	margin-top: 15px;
}
.comic-update ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.comic-update li {
	margin-bottom: 20px;
	font-size: 14px;
}
.comic-update-more, .comic-recommend-more, .tweet-more {
	display: none;
}
.comic-info-more-button, .comment-post {
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #333;

	background: url(../img/plus.png) no-repeat 0 2px;
	background-size: 12px;
	padding-left: 16px;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.comic-info-more-button:hover, .comment-post:hover, .tweet-more-button:hover {
	cursor: pointer;
}
.comic-recommend {
	position: relative;
}
.comic-recommend ul {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.comic-recommend li {
	float: left;
	margin: 0 5px 10px 0;
	width: 195px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	overflow: hidden;
}

/* Comment
----------------------------------------------- */
.comment-form {
	position: relative;
	display: none;
	overflow: hidden;
	padding: 1px;
	margin-bottom: 15px;
}
.comment-form textarea {
	width: 350px;
	height: 80px;
	border: 1px solid #aaa;
	margin-bottom: 5px;
	overflow: auto;
}
.comment-form input[type="submit"] {
	margin-right: 5px;
	width: 70px;
	height: 25px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	color: #444;
}
.comment-form input[type="submit"]:hover {
	border: 1px solid #999;
}
.comment-caution-title {
	position: absolute;
	left: 280px;
	top: 95px;
	font-size: 11px;
	color: #555;
	border-bottom: dotted 1px #555;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.comment-caution-title:hover {
	cursor: default;
}
.comment-caution {
	display: none;
}
#comment-caution-popup {
	position: absolute;
	display: none;
	padding: 5px;
	background: #333;
	color: #eee;
	font-size: 11px;
	border-radius: 2px;
}
#comment-caution-popup .comment-caution {
	display: block;
}
#comment-caution-popup:after {
	content: "";
	position: absolute;
	bottom: -5px; left: 50%;
	margin-left: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #333 transparent transparent transparent;
}
.comment-post-error {
	margin: 5px 0 15px;
}
.comment0 {
	margin: 10px 0;
}
.comment {
	overflow: hidden;
	position: relative;
	margin: 5px 3px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
}
.cd .comment-id {
	border-bottom: dotted 1px #ccc;
}
.cd .comment-id:hover {
	cursor: pointer;
}
.comment-text {
	margin-bottom: 3px;
}
.comment-date {
	text-align: right;
	font-size: 11px;
	color: #888;
}
.comment-date a {
	color: #777;
}
.to-comment-page {
	margin: 15px 3px;
	font-size: 14px;
}
.comment-page h2, .comment-edit h2 {
	margin: 5px 30px 15px 5px;
	padding: 0;
	font-size: 14px;
}
.back-to-comic {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 12px;
}
.comment-page .comment-form, .comment-edit .comment-form {
	display: block;
}
.comment-delete {
	margin-top: -10px;
}
.comment-delete-question {
	font-size: 12px;
}
.comment-delete-target {
	margin: 10px 20px 10px 0;
	padding: 20px;
	border: solid 1px #ddd;
}
.comment-edit-tip {
	font-size: 12px;
	color: #555;
}
.comment-edit-error {
	margin: 15px 0 20px;
}
.to-comment-delete {
	margin-bottom: 10px;
	text-align: right;
}
.comment-anchor {
	cursor: default;
}
#comment-anchor-popup {
	display: none;
	position: absolute;
	z-index: 2;
	margin: -10px 0 0 200px;
	padding: 7px 7px 3px;
	background-color: #fff;
	width: 500px;
	max-height: 300px;
	border: 1px solid #ccc;
	border-radius: 1px;
	box-shadow: 1px 1px 3px #ccc;
	overflow: auto;
	white-space: nowrap;
}
#comment-anchor-popup .comment:last-child{
	padding-bottom: 0;
	border: none;
}
.comment-id-title {
	margin: -10px 0 10px;
}

/* Tweet
---------------------------------------------- */
.tweets {
	overflow: hidden;
}
.tweet-loading {
	text-align: center;
	margin: 20px 0;
}
.tweet-post {
	font-size: 12px;
	background: url(../img/tweet.png) no-repeat;
	background-size: 12px;
	padding-left: 15px;
}
.tweet-reload {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	background: url(../img/tweet-reload.png) no-repeat;
	background-size: 12px;
	padding-left: 18px;
}
.tweet-reload:hover {
	color: #000;
}
.tweet0 {
	margin: 20px 10px;
	font-size: 12px;
}
.tweet {
	overflow: hidden;
	position: relative;
	margin: 5px 3px;
	padding: 5px 0 10px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
}
.tweet a {
	text-decoration: none;
}
.tweet a:hover {
	text-decoration: underline;
}
.tweet-thumb {
	float: left;
}
.tweet-username {
	margin-left: 10px;
}
.tweet-username a {
	color: #000;
}
.tweet-userid {
	margin-left: 5px;
}
.tweet-userid a, .tweet-date a, .tweet-action a {
	color: #888;
}
.tweet-date {
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: 12px;
}
.tweet-text {
	margin-left: 57px;
}
.tweet-text a {
	color: #69f;
}
.tweet-action {
	display: none;
	position: absolute;
	bottom: 3px;
	right: 3px;
	background: #fff;
}
.tweet-reply, .tweet-retweet, .tweet-favorite {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 3px;
}
.tweet-reply {
	background: url(../img/tweet-reply.png) no-repeat;
}
.tweet-reply:hover {
	background: url(../img/tweet-reply-hover.png) no-repeat;
}
.tweet-retweet {
	background: url(../img/tweet-retweet.png) no-repeat;
}
.tweet-retweet:hover {
	background: url(../img/tweet-retweet-hover.png) no-repeat;
}
.tweet-favorite {
	background: url(../img/tweet-favorite.png) no-repeat 0 -1px;
}
.tweet-favorite:hover {
	background: url(../img/tweet-favorite-hover.png) no-repeat 0 -1px;
}
.tweet-more-button {
	margin: 5px;
	padding: 3px;
	color: #333;
	text-align: center;
	font-size: 13px;
	border: 1px solid #ccc;
}
.tweet-search {
	margin: 10px 5px;
	width: 200px;
	float: left;
	font-size: 14px;
}
.twitter-bird {
	float: right;
	
}

/* Guide
----------------------------------------------- */
.guide h2 {
	margin: 5px 5px 15px;
	padding: 0;
	font-size: 15px;
}
.guide h3 {
	margin: 10px;
	padding: 0;
	font-size: 14px;
}
.guide img {
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ccc;
}
.guide p {
	margin: 10px 0 20px 20px;
	font-size: 14px;
}
.guide .how-to-delete-top-window {
	margin-top: 30px;
	font-size: 11px;
}
#search-guide {
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
#search-guide h4 {
	margin: 0 0 -5px;
	font-size: 13px;
}

/* Search
----------------------------------------------- */
.search-site {
	padding: 3px 7px 10px;
	margin-bottom: 5px;
	font-size: 15px;
	border-bottom: solid 1px #ccc;
}
.search-site-url {
	color: #aaa;
	font-size: 12px;
}
.search-message, .error-404 {
	margin: 45px 10px;
	font-size: 14px;
}

/* Mylist
----------------------------------------------- */
.special-notice {
	margin: -2px 0 7px;
	padding: 5px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	border-radius: 2px;
	font-size: 11px;
}
.mylist-tip {
	margin: -2px 0 7px;
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
	font-size: 11px;
	color: #aaa;
}
.mylist-menu {
	margin-top: -2px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
	border-bottom: solid 1px #ddd;
}
.mylist0 {
	padding: 50px 0;
	font-size: 13px;
}

/* Backup
----------------------------------------------- */
.backup p {
	font-size: 12px;
}
.dl-mylist {
	margin: 5px;
	font-size: 12px;
}
.backup textarea {
	overflow: auto;
	width: 400px;
	height: 100px;
	line-height: 1.5;
	border: 1px solid #aaa;
	font-size: 14px;
}
.backup input[type="submit"] {
	margin-top: 5px;
	width: 100px;
	height: 30px;
	background: #fff;
	border: 1px solid #ccc;
}
.backup input[type="submit"]:hover {
	border: 1px solid #999;
}
.mylist-title-list {
	margin-top: 25px;
	padding-top: 25px;
	border-top: solid 1px #ccc;
}
.back_to_list {
	margin-top: -2px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
}
.delete-mylist {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	float: right;
	margin-top: 30px;
	padding: 0 3px;
	border: 1px solid #aaa;
	border-radius: 2px;
	text-align: center;
	color: #444;
	font-size: 12px;
}
.delete-mylist:hover {
	border: 1px solid #999;
	cursor: pointer;
}

/* Q & A
----------------------------------------------- */
.qa {
	margin-bottom: 10px;
	font-size: 13px;
}
.qa h3 {
	font-size: 14px;
	margin: 10px;
	padding: 0;
}
.qa h4 {
	font-size: 12px;
	margin: 10px 10px 10px 5px;
}
.qa p {
	margin: 10px 0 20px 20px;
}
.qa-sub {
	margin: -10px 0 20px 20px;
	padding-right: 3px;
	font-size: 12px;
	border: solid 1px #ddd;
	border-radius: 2px;
}

/* Pager
----------------------------------------------- */
.pager a {
	text-decoration: none;
}
ul.pager {
	margin: 30px 30px 25px;
	padding: 0;
	font-size: 16px;
	text-align: center;
}
ul.pager li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0;
	margin-right: 5px;
	border: 1px #aaa solid;
	border-radius: 1px;
}
ul.pager li.between,
ul.pager li.between:hover {
	border: none;
}
ul.pager li a {
	display: block;
	padding: 1px 8px 0;
	color: #666;
}
ul.pager li:hover {
	border: 1px #666 solid;
}
ul.pager li.current {
	padding: 1px 8px 0;
	color: #666;
	border: 1px #666 solid;
}

/* Mail
----------------------------------------------- */
#mail h2 {
	margin: 5px;
	padding: 0;
	font-size: 15px;
}
#mail textarea {
	margin-top: 10px;
	width: 485px;
	height: 200px;
	padding: 5px;
	border: 1px solid #aaa;
	overflow: auto;
}
#mail input[type="submit"] {
	margin: 5px 0;
	width: 100px;
	height: 35px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 2px;
	color: #444;
}
#mail input[type="submit"]:hover {
	border: 1px solid #999;
	border-radius: 2px;
}
.mail-notice {
	margin: 15px 0 10px;
}
.mail-message {
	margin: 15px 0 5px;
	font-size: 15px;
}
.mail-error {
	color: #f33;
}

/* Site-list
----------------------------------------------- */
.site-list h2, .etc h2 {
	margin: 5px 0;
	padding: 0;
	font-size: 14px;
}
.site-list-info {
	margin: 20px 0;
	font-size: 12px;
}
.site-list-info-search {
	color: forestgreen;
	border-bottom: dotted 1px deeppink;
}
.site-list h4 {
	margin: 10px 0 5px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
.site-list h4 a{
	color: #666;
}
.site-list ul, .etc ul {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	overflow: hidden;
}
.site-list li, .etc li {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}
.site-list .to-etc-site {
	margin-bottom: 20px;
	font-size: 14px;
}

/* Ranking
----------------------------------------------- */
.ranking-type {
	margin-top: -3px;
}
.ranking-type, .ranking-type2 {
	padding-bottom: 5px;
	text-align: right;
	font-size: 12px;
}
.ranking-type2 {
	border-bottom: solid 1px #ddd;
}
.ranking-list {
	border-bottom: solid 1px #ddd;
}
.ranking-pager .pager {
	margin: 30px 30px 0;
}
.about-ranking-button {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 20px 10px 20px;
	font-size: 12px;
	border-bottom: dotted 1px #555;
}
.about-ranking {
	display: none;
	margin: -15px 10px 10px;
	padding: 5px 0 0;
	font-size: 12px;
}
.about-ranking p {
	margin: 0 0 10px;
}
.toggle-button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-button:hover {
	cursor: pointer;
}

/* Hot
----------------------------------------------- */
.hot h2 {
	font-size: 14px;
	margin: 10px;
	padding: 0;
}
.hot ul {
	margin-bottom: 25px;
	padding: 0 20px 0 40px;
}
.hot li {
	margin-bottom: 5px;
	font-size: 14px;
}
.hatena-update {
	margin-left: 10px;
	margin: -18px 0 -3px;
	font-size: 12px;
	text-align: right;
}
.hatena li {
	margin-bottom: 10px;
}
.hatena-date {
	font-size: 10px;
}
.hatena-bookmark a {
	font-size: 10px;
	color: #f00;
	background: #faf0e6;
	text-decoration: none;
}

/* Comic List
----------------------------------------------- */
.comic-list-make, .comic-list {
	font-size: 14px;
}
.comic-list-make h2, .comic-list-info h2 {
	margin: 10px;
	padding: 0;
	font-size: 14px;
}
.comic-list-make h3 {
	margin: 5px;
	padding: 0;
	font-size: 14px;
}
.comic-list-none {
	padding: 5px;
	width: 300px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	border-radius: 2px;
}
.comic-list-info1  {
	margin-left: 10px;
	font-size: 14px;
}
.comic-list-info2  {
	margin: 0 0 30px 10px;
	font-size: 12px;
	color: #999;
}
.comic-list-make form {
	margin-bottom: 30px;
}
.comic-list-form-line {
	margin-bottom: 5px;
}
.comic-list-make label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100px;
}
.comic-list-make input[type="text"] {
	padding: 5px;
	width: 400px;
	border: 1px solid #ccc;
}
.comic-list-make select {
	padding: 3px;
	border: 1px solid #ccc;
}
.comic-list-make input[type="submit"] {
	margin: 10px 0 0 106px;
	width: 85px;
	line-height: 25px;
	background: #fff;
	border: 1px solid #ccc;
}
.comic-list-make input[type="submit"]:hover {
	border: 1px solid #999;
}
.comic-list-create {
	padding: 10px;
	width: 500px;
	background: #f7f7f7;
	border: solid 1px #ccc;
	border-radius: 2px;
	font-size: 15px;
}
.comic-list-err {
	margin-bottom: 20px;
	padding: 0;
	list-style-type: none;
	color: #f00;
}
.comic-list-info {
	border-bottom: solid 1px #ccc;
}
.comic-list h2 {
	margin: 0 0 5px;
	font-size: 13px;
}
.comic-list-description {
	margin: 0 0 8px;
	padding: 0;
	font-size: 12px;
}
.comic-list-date {
	margin: -3px 0 3px;
	text-align: right;
	font-size: 11px;
	color: #777;
}
.comic-list-date a {
	color: #777;
}

/* New comment
----------------------------------------------- */
.new-comment-page h2 {
	margin: 5px 5px 10px;
	padding: 0;
	font-size: 14px;
}
.new-comment-page .new-comment {
	padding: 5px;
	border-bottom: solid 1px #e5e5e5;
}
.new-comment-page h2 + .new-comment {
	border-top: solid 1px #e5e5e5;
}
.new-comment-page .nc-date {
	text-align: right;
	font-size: 11px;
	color: #888;
}

/* notifIt
----------------------------------------------- */
#ui_notifIt{
	position: fixed;
	top: 10px;
	right: 10px;
	cursor: pointer;
	overflow: hidden;
	*zoom: 1;
	z-index: 10;
}
#ui_notifIt p{
	text-align: center;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.success{
	background-color: yellowgreen;
	color: white;
}
.error{
	background-color: orangered;
	color: white;
}
.warning{
	background-color: orange;
	color: white;
}
.info{
	background-color: deepskyblue;
	color: white;
}
.default{
	background-color: #EEE;
	color: #444;
}