@charset "UTF-8";
@import url(debug.css);



/* div#rankingMenu */
div#rankingMenu {
	border:1px solid #ddd;
	background:#f2f2f2;
	margin:0 0 0.5em;
	padding:5px;
}
div#rankingMenu strong.current {
	/*color:#999;*/
}

/* div#rankingCalendar */
div#rankingCalendar {
	display:inline;
	position:relative;
	top:0;
	left:0;
	z-index:200;
}
div#rankingCalendar div#calendar {
	display:none;
	position:absolute;
	top:1.75em;
	left:0;
	width:210px;
	padding:10px;
	border:3px solid #ccc;
	background:#fff;
}
div#rankingCalendar div#calendar div#calendar-header {
	text-align:center;
}
div#rankingCalendar div#calendar table#calendar-content {
	background:#fff;
	width:100%;
	margin:0;
}
div#rankingCalendar div#calendar table#calendar-content th,
div#rankingCalendar div#calendar table#calendar-content td {
	border:1px solid #999;
	text-align:center;
}
div#rankingCalendar div#calendar table#calendar-content td.selected {
	background:pink;
}
div#rankingCalendar div#calendar table#calendar-content td a {
	display:block;
	padding:0.25em 0;
}
div#rankingCalendar div#calendar.active {
	display:block;
}
div#calendar table.monthly td {
	width:16.6%;
}


/*===========================================
	div#navigation_and_search
===========================================*/
div#navigation_and_search {
	background:url(../img/common/navigation_and_search/bg.gif) 0 30px repeat-x;
	margin:0 0 0;
	padding:30px 0 0;
}
div#navigation_and_search div.wrap {
	position:relative;
	top:0; left:0;
}

/* ul.navigation */
div#navigation_and_search ul.navigation {
	overflow:hidden;
	margin:0;
	padding:0;
}
div#navigation_and_search ul.navigation li {
	display:inline;
}
div#navigation_and_search ul.navigation li a {
	display:block;
	width:152px;
	height:42px;
	float:left;
	margin-right:-1px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../img/common/navigation_and_search/navigation/default.gif) no-repeat 0 0;
}
div#navigation_and_search ul.navigation li a:hover {
	background-image:url(../img/common/navigation_and_search/navigation/over.gif);
}
div#navigation_and_search ul.navigation li#hn_mypage a {
	background-position:0 0;
}
div#navigation_and_search ul.navigation li#hn_lyrics a {
	background-position:-158px 0;
}
div#navigation_and_search ul.navigation li#hn_poems a {
	background-position:-316px 0;
}
div#navigation_and_search ul.navigation li#hn_lightnovels a {
	background-position:-474px 0;
}
div#navigation_and_search ul.navigation li#hn_circles a {
	background-position:-632px 0;
}
div#navigation_and_search ul.navigation li#hn_chats a {
	background-position:-790px 0;
	width:160px;
	margin-right:0;
}

/* ul.sub_navigation */
div#navigation_and_search ul.sub_navigation {
	position:absolute;
	top:-23px; right:0;
	overflow:hidden;
	margin:0;
	padding:0;
}
div#navigation_and_search ul.sub_navigation li {
	display:inline;
}
div#navigation_and_search ul.sub_navigation li a {
	display:block;
	width:50px;
	height:16px;
	float:left;
	margin-left:30px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../img/common/navigation_and_search/sub_navigation/default.gif) no-repeat 0 0;
}
div#navigation_and_search ul.sub_navigation li a:hover {
	background-image:url(../img/common/navigation_and_search/sub_navigation/over.gif);
}
div#navigation_and_search ul.sub_navigation li#hn_users a {
	background-position:0 0;
	width:90px;
}
div#navigation_and_search ul.sub_navigation li#hn_reviews a {
	background-position:-95px 0;
	width:64px;
}
div#navigation_and_search ul.sub_navigation li#hn_diaries a {
	background-position:-164px 0;
	width:43px;
}
div#navigation_and_search ul.sub_navigation li#hn_rankings a {
	background-position:-212px 0;
	/*width:76px;*/
	width:105px;
}

/* div.search */
div#navigation_and_search div.search {
	background:url(../img/common/navigation_and_search/search/bg.gif) repeat-x top #F3F3F3;
	padding:10px 0 0;
	overflow:hidden;
}
div#navigation_and_search div.search form {
	display:block;
	width:425px;
	float:right;
	margin:0;
	padding:0 10px 5px 0;
	text-align:right;
}
div#navigation_and_search div.search form * {
	vertical-align:middle;
}
div#navigation_and_search div.search form input.keyword {
	width:200px;
	padding:1px;
	border:1px solid #aaa;
}
div#navigation_and_search div.search div.ad {
	width:468px;
	padding:5px 10px 0 0;
	float:left;
	padding:0 10px 5px 0;
}



/*===========================================
	div#content
===========================================*/
div#content {
	width:600px;
	padding-top:12px;
}
div#content textarea, div#content input, div#content select {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content p {
	background:none;
	margin:0 0 1em;
	padding:0;
	border:0;
	color:#333;
}
div#content ul {
	margin:0 0 1em;
}
div#content li {
	list-style-type:none;
}
div#content img {
	vertical-align:middle;
}
div#content table {
	border-collapse:collapse;
}
div#content th, div#content td {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}
div#content input, div#content textarea, div#content select {
	padding:2px;
	font-size:inherit;
}

div#content label {
	cursor:pointer;
}
div#content label.hover {
	color:red;
}

div#content span.must {
	color:red;
}

div#content .nodisplay {
	color:red !important;
}

/* TextAreaResizer */
div.grippie {
	background:#eee url(../img/common/grippie.png) no-repeat scroll center 2px;
	border:#ccc solid 1px;
	border-top:0;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	margin:0 0.25em 0.25em;
	width:90%;
	padding:0 0.125em;
}
.resizable-textarea textarea {
	margin-bottom:0pt !important;
	opacity:1 !important;
	/*width:95%;*/
	/*height: 20%;*/
}
/* /TextAreaResizer */

/* div.completed */
div#content div.completed {
	border:1px solid #E8C7C9;
	background:#FFDEDE;
	padding:10px;
}
div#content div.completed div.border {
	border:1px solid #E8D6D7;
	background:#fff;
	padding:30px;
}
div#content div.completed ul.links {
	text-align:center;
}

/* div.clear */
div#content div.clear {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}

/* .wrap */
div#content .wrap {
/*
	width:900px;
*/
	margin-left:auto;
	margin-right:auto;
}

div#content form {
	display:inline;
}

div#content a {
	color:#06c;
	background:none;
}
div#content a:visited {
	color:#ac11ac;
}
div#content a:hover,
div#content a.hover {
	color:red;
}

div#content .focus {
	background:#FAEEEF !important;
}

/* div#content div.form_data */
div#content div.form_data {
	border:1px solid #E8C7C9;
	margin-bottom:1em;
}
div#content div.form_data span.note {
	font-size:0.8em;
	color:#555;
}
div#content div.form_data table {
	width:100%;
	margin-bottom:0;
}
div#content div.form_data table th, div#content div.form_data table td {
	border:1px solid #E8C7C9;
	padding:0.5em;
	vertical-align:top;
}
div#content div.form_data table th {
	border-width:0 1px 1px 0;
	background:#FAE0E1;
	width:20%;
	padding:0.75em;
	vertical-align:top;
}
div#content div.form_data table td {
	border-width:0 0 1px 1px;
}
div#content div.form_data table td p.note {
	margin:0;
	color:#555;
	font-size:0.9em;
}
div#content div.form_data table td input, div#content div.form_data table td textarea {
	width:90%;
	border:1px solid #ccc;
	margin:0.25em;
	padding:0.25em;
}
div#content div.form_data table td div.edit_item {
	width:75%;
	padding-right:2%;
	float:left;
}
div#content div.form_data table td div.publics {
	width:20%;
	float:right;
	text-align:right;
}
div#content div.form_data table td textarea {
	height:10em;
}
div#content div.form_data table td input.radio {
	width:auto;
	border:0;
}
div#content div.form_data table td input.file {
	width:auto;
	border:0;
}
div#content div.form_data table td ul.checkbox_multiple {
	overflow:hidden;
	margin:0;
}
div#content div.form_data table td ul.checkbox_multiple li {
	float:left;
	width:33%;
	padding:0 0 3px;
}
div#content div.form_data table td ul.checkbox_multiple li input {
	width:auto;
}
div#content div.form_data div.submit {
	padding:15px;
	/*font-weight:bold;*/
	text-align:center;
}
div#content div.form_data div.submit p.note {
	width:90%;
	margin:0.5em auto 1em !important;
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
	color:#555;
}
div#content div.form_data div.submit input {
	background:url(../img/common/button/submit.gif) repeat-x left #BF110A;
	border:2px solid #A80F09;
	margin-top:0.5em;
	padding:0.2em 2em;
	color:#fff;
	cursor:pointer;
}
div#content div.form_data div.submit input.hover {
	background-image:url(../img/common/button/submit_over.gif);
	background-color:#D25853;
}
div#content div.form_data div.submit input.back {
	background-image:url(../img/common/button/back.gif);
	background-color:#ABABAB;
	border-color:#9A9A9A;
	border-width:1px;
	margin-left:1em;
	margin-right:1em;
	color:#333;
}
div#content div.form_data div.submit input.back.hover {
	background-image:url(../img/common/button/back_over.gif);
	background-color:#C4C4C4;
}
div#content div.form_data div.submit input.submited {
	cursor:default !important;
}
div#content div.form_data table table {
	width:auto;
	margin:0.5em 0;
}
div#content div.form_data table table th {
	white-space:nowrap;
}
div#content div.form_data table table th,
div#content div.form_data table table td {
	background:transparent;
	border:0;
	padding:0.25em;
}
div#content div.form_data table table td input {
	margin:0;
}
div#content div.form_data table div.submit {
	padding:0;
}
div#content div.form_data table div.submit input {
	width:auto;
}


/* div.has_errors */
div.has_errors {
	border:1px solid #F5CA9D;
	background:#F5EFC9;
	margin:1.5em 0;
	padding:1em;
	color:#a00;
	font-weight:bold;
}

/* div.error-message */
div.error-message {
	color:#DC5650;
	color:#a00;
	font-weight:bold;
}

/* h2.heading */
div#content h2.heading {
	background:url(../img/common/left_pain/heading.gif);
	height:31px;
	padding:9px 10px 0 22px;
	font-size:1.15em;
}
div#content h2.heading span.back {
	margin-left:0.5em;
	font-weight:normal;
	font-size:0.8em;
	vertical-align:middle;
}

/* h3.heading */
div#content h3.heading {
	background:url(../img/common/left_pain/section/heading.gif) no-repeat 0 0 #fff;
	color:#333;
	height:28px;
	margin-bottom:5px;
	padding:3px 8px 0;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
}
div#content h3.heading a {
}
div#content h3.heading a:hover {
}

/* h4.heading */
div#content h4.heading {
	background:url(../img/common/left_pain/section/heading2.gif) repeat-x bottom left;
	padding:0 0 5px;
	font-size:1.1em;
}

/* div.section */
div#content div.section {
	margin-bottom:15px;
}

/* div.notice_area */
div#content div.notice_area {
	border:2px solid #B8CEF2;
	background:#E5F4FF;
	margin:0 0 20px;
	padding:5px;
	font-size:0.95em;
}

/* ul.contentMenu */
div#content ul.contentMenu {
	background:url(../img/common/left_pain/content_menu/bg.gif) repeat-x bottom;
	overflow:hidden;
	margin:0 0 10px;
	/*margin:0 0 -1px;*/
	padding:0 10px;
}
div#content ul.contentMenu li {
	display:inline;
}
div#content ul.contentMenu li a {
	background:url(../img/common/left_pain/content_menu/tab_left.gif) no-repeat 0 3px;
	border-bottom:1px solid #ddd;
	display:block;
	float:left;
	margin:0 4px 0px 0;
	padding:3px 0 0;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	color:#ED5237;
}
div#content ul.contentMenu li a span {
	background:url(../img/common/left_pain/content_menu/tab_right.gif) no-repeat 100% 0;
	display:block;
	padding:3px 20px;
}
div#content ul.contentMenu li a:hover {
	background:url(../img/common/left_pain/content_menu/over_tab_left.gif) no-repeat 0 3px;
}
div#content ul.contentMenu li a:hover span {
	background:url(../img/common/left_pain/content_menu/over_tab_right.gif) no-repeat 100% 0;
}
div#content ul.contentMenu li.current {
}
div#content ul.contentMenu li.current a {
	background:url(../img/common/left_pain/content_menu/current_tab_left.gif) no-repeat 0 0;
	border-bottom:0;
	padding-top:0;
}
div#content ul.contentMenu li.current a span {
	background:url(../img/common/left_pain/content_menu/current_tab_right.gif) no-repeat 100% 0;
	padding-top:5px;
	padding-bottom:5px;
}

/* div.copyright_comic */
div#content div.copyright_comic {
	text-align:right;
}
div#content div.copyright_comic img {
	margin-bottom:3px;
}

/* div.paging */
div#content div.paging {
	border:1px solid #ddd;
	background:#f2f2f2;
	margin:1em 0 0.5em;
	padding:5px;
}
div#content div.paging a {
	color:#06c;
}
div#content div.paging div.pagingCounterNumbers {
	overflow:hidden;
	margin:0 0 0.25em;
	font-size:0.9em;
}
div#content div.paging div.pagingCounterNumbers div.pagingCounter {
	width:35%;
	float:left;
}
div#content div.paging div.pagingCounterNumbers div.pagingNumbers {
	width:60%;
	float:right;
	text-align:right;
	padding:3px 0;
}
div#content div.paging div.pagingCounterNumbers div.pagingNumbers div.disabled,
div#content div.paging div.pagingCounterNumbers div.pagingNumbers span.current,
div#content div.paging div.pagingCounterNumbers div.pagingNumbers a {
	background:#fff;
	border:1px solid #999;
	margin-left:2px;
	padding:0 0.5em;
	font-weight:bold;
	display:inline;
}
div#content div.paging div.pagingCounterNumbers div.pagingNumbers div.disabled {
	color:#ccc;
}
div#content div.paging div.pagingCounterNumbers div.pagingNumbers span.current {
	border-color:#666;
	background:#666;
	color:#fff;
}
div#content div.paging div.pagingCounterNumbers div.pagingNumbers a:hover {
	background:#ED5E44;
	color:#fff;
}
div#content div.paging div.pagingCounterNumbers div.pagingSort {
}
div#content div.paging div.pagingSort span.current {
	color:#999;
}

/* div.listing */
div#content div.listing {
	margin-bottom:1em;
}
div#content div.listing div.box {
	background:url(../img/common/left_pain/listing.gif) repeat-x bottom left;
	overflow:hidden;
	padding:10px 0;
}
div#content div.listing div.box div.thumb {
	width:100px;
	float:left;
	text-align:center;
}
div#content div.listing div.box div.listingContents {
	width:490px;
	float:right;
}
div#content div.listing div.box div.listingContents div.heading {
	overflow:hidden;
}
div#content div.listing div.box div.listingContents h3 {
	background:none;
	border:none;
	width:320px;
	float:left;
	margin-bottom:0.5em;
	padding:0;
	font-size:1em;
}
div#content div.listing div.box div.listingContents div.heading h3 span {
	font-weight:normal;
	font-size:0.9em;
}
div#content div.listing div.box div.listingContents div.heading h3 span.hasMelody {
	color:#0a0;
}
div#content div.listing div.box div.listingContents div.date {
	width:150px;
	float:right;
	font-size:0.85em;
	text-align:right;
	color:#666;
}
div#content div.listing div.box div.listingContents div.date span.lastupdate {
	color:#a00;
}
div#content div.listing div.box div.listingContents p.description {
	margin:0;
	overflow:hidden;
}
div#content div.listing div.box div.listingContents p.description img.thumb {
	float:left;
	margin:0 10px 10px 0;
}
div#content div.listing div.box div.listingContents div.statuses {
	margin-top:0.1em;
	color:#666;
	font-size:0.85em;
}
div#content div.listing div.box div.listingContents div.statuses a {
	color:#666;
}
div#content div.listing div.box div.listingContents div.statuses a:hover {
	color:red;
}

/* div.listing.none_thumb */
div#content div.listing.none_thumb {
}
div#content div.listing.none_thumb div.box div.listingContents {
	float:none;
	width:auto;
}
div#content div.listing.none_thumb div.box div.listingContents div.heading h3 {
	width:390px;
}
div#content div.listing.none_thumb div.box div.listingContents div.date {
	width:210px;
}

/* div.listing.thumb_right */
div#content div.listing.thumb_right {
}
div#content div.listing.thumb_right div.box div.thumb {
	float:right;
}
div#content div.listing.thumb_right div.box div.listingContents {
	float:left;
}

div#content div.heading ul.options {
	display:inline;
}
div#content div.heading ul.options li {
	display:inline;
}
div#content div.heading ul.options li a {
	display:block;
	width:10px; height:10px;
	position:absolute;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}
div#content div.heading ul.options li.rss a {
	background:url(../img/common/icons/rss.gif) no-repeat 0 0;
	width:26px; height:14px;
	/*top:6px; left:111px;*/
}
div#content div.heading ul.options li.more a {
	background:url(../img/common/left_pain/heading/options/more.gif) no-repeat 0 0;
	width:65px; height:14px;
	/*top:6px; left:152px;*/
	top:6px; left:111px;
}
div#content div.heading ul.options li.up a {
	background:url(../img/common/left_pain/heading/options/up.gif) no-repeat 0 0;
	width:14px; height:14px;
	top:6px; right:36px;
}
div#content div.heading ul.options li.down a {
	background:url(../img/common/left_pain/heading/options/down.gif) no-repeat 0 0;
	width:14px; height:14px;
	top:6px; right:14px;
}

div#content div.heading {
	position:relative;
	top:0;
	left:0;
}

/*===========================================
	table.listing
===========================================*/
div#content table.listing {
	border-collapse:collapse;
	width:98%;
	margin:0 0 1em auto;
}
div#content table.listing th, div#content table.listing td {
	background:url(../img/index/listing/dot.gif) repeat-x bottom;
	padding:0.5em;
}
div#content table.listing th {
}
div#content table.listing td {
}
div#content table.listing th.title {
}
div#content table.listing th.title a {
	background:url(../img/index/listing/arrow.gif) no-repeat 0 4px;
	padding-left:16px;
}
div#content table.listing td.date {
	font-size:0.85em;
	color:#666;
	text-align:right;
	width:12em;
}

/* div.listingPictures */
div#content div.listingPictures {
}
div#content div.listingPictures ul {
	margin-top:1em;
	overflow:hidden;
}
div#content div.listingPictures ul li {
	width:150px;
	float:left;
	margin-bottom:1em;
}
div#content div.listingPictures ul li.return {
	clear:left;
}
div#content div.listingPictures ul li.separator {
	background:url(../img/common/left_pain/listing.gif) repeat-x center left;
	width:100%;
	height:1px;
	margin:5px 0;
	float:none;
	clear:left;
	font-size:1px;
	text-indent:-9999px;
}
div#content div.listingPictures ul div.thumb {
	display:inline;
}
div#content div.listingPictures ul div.thumb a {
	border:1px solid #eee;
	background:no-repeat center #fff;
	display:block;
	width:139px;
	height:139px;
	margin:0 auto;
}
div#content div.listingPictures ul div.thumb a:hover {
	border-color:#03AAF0;
}
div#content div.listingPictures ul div.thumb img {
	display:none;
}
div#content div.listingPictures ul div.thumb a:hover img {
}
div#content div.listingPictures ul div.titleAndAuthor {
	margin:0.25em 10px 0.5em;
	text-align:center;
	font-size:0.9em;
}
div#content div.listingPictures ul div.statuses {
	padding:0 10px;
	color:#666;
	font-size:0.8em;
	line-height:1.2em;
}
div#content div.listingPictures ul div.statuses span.lastupdate {
	color:#a00;
}

/* div#starRatings */
div#starRatings {
	overflow:hidden;
}
div#starRatings h5 {
	float:left;
	padding:3px 0 0;
}
div#starRatings img.loading {
	margin-right:3px;
}
div#starRatings div.score {
	padding-top:3px;
}
div#starRatings div#starAdded,
div#starRatings ul {
	background:url(../img/common/star_ratings.gif) repeat-x 0 0;
	overflow:hidden;
	width:250px;
	height:25px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
div#starRatings ul li {
	width:25px;
	height:25px;
	float:left;
}
div#starRatings ul li a {
	display:block;
	overflow:hidden;
	text-indent:-999em;
}
div#starRatings ul li a.hover {
	background:url(../img/common/star_ratings.gif) no-repeat 0 -25px;
}
div#starRatings p.message {
	margin:0;
	clear:left;
}
div#starRatings div#starAdded div.starAddedInner {
	background:url(../img/common/star_ratings.gif) repeat-x 0 -50px;
	overflow:hidden;
	width:0;
	text-indent:-999em;
}
div#starRatings div#starAdded div#starAdded1  { width:25px; }
div#starRatings div#starAdded div#starAdded2  { width:50px; }
div#starRatings div#starAdded div#starAdded3  { width:75px; }
div#starRatings div#starAdded div#starAdded4  { width:100px; }
div#starRatings div#starAdded div#starAdded5  { width:125px; }
div#starRatings div#starAdded div#starAdded6  { width:150px; }
div#starRatings div#starAdded div#starAdded7  { width:175px; }
div#starRatings div#starAdded div#starAdded8  { width:200px; }
div#starRatings div#starAdded div#starAdded9  { width:225px; }
div#starRatings div#starAdded div#starAdded10 { width:250px; }

/*===========================================
	div#left_left_pain
===========================================*/
div#left_left_pain {
	width:200px;
	float:left;
}

/* div.section */
div#left_left_pain div.section {
}
div#left_left_pain div.section h3 {
	background:url(../img/common/left_pain/left_left_pain/heading.gif) no-repeat 0 0;
	margin:0;
	padding:5px 7px 0;
	height:25px;
	font-size:0.9em;
	font-weight:normal;
}
div#left_left_pain div.section h3 a {
}
div#left_left_pain div.section div.content {
	border:1px solid #d2d2d2;
	border-top:0;
	padding:3px;
}
div#left_left_pain div.section div.more {
	border-top:1px dotted #bbb;
	padding:3px 0 2px;
	text-align:right;
	font-size:0.85em;
}
div#left_left_pain div.section div.more a {
	background:url(../img/common/left_pain/left_left_pain/more.gif) no-repeat left;
	padding-left:7px;
}

/* div.short_heading*/
div#left_left_pain div.short_heading {
	background:url(../img/common/left_pain/left_left_pain/bg_short_heading.gif) no-repeat 0 0;
	border-bottom:1px solid #d2d2d2;
	padding:13px 7px 7px;
}

/* table.listing_icon */
div#left_left_pain div.section table.listing_icon {
}
div#left_left_pain div.section table.listing_icon td {
	width:60px;
	padding:4px 2px;
	vertical-align:top;
	text-align:center;
	font-size:0.825em;
}
div#left_left_pain div.section table.listing_icon td a.thumb {
	background:no-repeat center;
	display:block;
	overflow:hidden;
	width:60px;
	height:60px;
	margin:0 0 3px;
	text-decoration:none;
	text-indent:-9999em;
}
div#left_left_pain div.section table.listing_icon td span {
	display:block;
	overflow:hidden;
	width:60px;
}

/* div#user_photo_box */
div#left_left_pain div#user_photo_box {
	background:url(../img/common/left_pain/left_left_pain/user_photo_box/bg.gif) no-repeat top #ddd;
	padding:5px;
	text-align:center;
}
div#left_left_pain div#user_photo_box div.border {
	border:1px solid #c6c6c6;
	background:#fff;
	padding:10px 0 0;
}
div#left_left_pain div#user_photo_box div.thumb {
	margin-bottom:10px;
	padding:0 10px;
}
div#left_left_pain div#user_photo_box div.name {
	border-bottom:1px solid #ccc;
	padding:0 10px 10px;
}
div#left_left_pain div#user_photo_box ul.edit_menu {
	border-top:2px solid #fff;
	background:#f2f2f2;
	margin:0;
	text-align:left;
	padding:5px;
	font-size:0.9em;
	line-height:normal;
}

/* div#add_work_box */
div#left_left_pain div#add_work_box {
}
div#left_left_pain div#add_work_box a {
	background:url(../img/mypage/index/add_work.gif) no-repeat 0 0;
	display:block;
	width:200px;
	height:39px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}

/* div#myfriends_box */
div#left_left_pain div#myfriends_box {
}

/* div#circles_box */
div#left_left_pain div#circles_box {
}

/* div#circle_photo_box */
div#left_left_pain div#circle_photo_box {
	background:url(../img/common/left_pain/left_left_pain/circle_photo_box/bg.gif) no-repeat top #ddd;
	margin-bottom:0;
	padding:5px;
	text-align:center;
}
div#left_left_pain div#circle_photo_box div.border {
	border:1px solid #c6c6c6;
	background:#fff;
	padding:10px 0 0;
}
div#left_left_pain div#circle_photo_box div.thumb {
	border-bottom:1px solid #ccc;
	padding:0 10px 10px;
}
div#left_left_pain div#circle_photo_box ul.edit_menu {
	border-top:2px solid #fff;
	background:#f2f2f2;
	margin:0;
	text-align:left;
	padding:5px;
	font-size:0.9em;
	line-height:normal;
}

/* ul#circle_profile */
div#left_left_pain ul#circle_profile {
	padding:0 1px;
	font-size:0.9em;
}
div#left_left_pain ul#circle_profile li {
	background:url(../img/common/dotted.gif) bottom left repeat-x;
	padding:0.5em 0;
}


/*===========================================
	div#left_right_pain
===========================================*/
div#left_right_pain {
	width:390px;
	float:right;
}

/* div.section */
div#left_right_pain div.section {
}
div#left_right_pain div.section h3.heading {
	background-image:url(../img/common/left_pain/left_right_pain/section/heading.gif);
	margin-bottom:0;
}
div#left_right_pain div.section div.box {
	margin-bottom:10px;
	padding-bottom:1px;
}
div#left_right_pain div.section div.box.dotted {
	background:url(../img/common/dotted.gif) repeat-x bottom left;
}
div#left_right_pain div.section div.box h4 {
	margin-bottom:0.5em;
	font-size:0.9em;
	font-weight:normal;
	line-height:normal;
}

/* div.more */
div#left_right_pain div.more {
	margin-bottom:1em;
	text-align:right;
	font-size:0.9em;
}
div#left_right_pain div.more a {
	background:url(../img/common/left_pain/left_right_pain/more.gif) no-repeat left;
	padding-left:15px;
}

/* div#community_intro, div#user_intro */
div#left_right_pain div#community_intro,
div#left_right_pain div#user_intro {
	border:1px solid #ddd;
	padding:10px;
}
div#left_right_pain div#community_intro p,
div#left_right_pain div#user_intro p {
	margin:0;
}
div#left_right_pain div#community_intro table,
div#left_right_pain div#user_intro table {
	background:url(../img/common/dotted.gif) repeat-x top left;
	width:100%;
	margin:0;
}
div#left_right_pain div#community_intro table th, div#left_right_pain div#community_intro table td,
div#left_right_pain div#user_intro table th, div#left_right_pain div#user_intro table td {
	background:url(../img/common/dotted.gif) repeat-x bottom left;
	padding:0.5em 0;
	vertical-align:top;
	font-size:0.9em;
}
div#left_right_pain div#community_intro table th,
div#left_right_pain div#user_intro table th {
	width:6em;
}

/* div#newTopics */
div#left_right_pain div#newTopics {
}
div#left_right_pain div#newTopics ul {
}
div#left_right_pain div#newTopics ul li {
	background:url(../img/common/icons/baroon.gif) no-repeat 2px 2px;
	margin-bottom:0.25em;
	padding-left:25px;
}
div#left_right_pain div#newTopics ul li span.modified {
	padding-right:0.5em;
}


/*===========================================
	div#side(override)
===========================================*/
div#side {
}

div#side div.section {
	margin-bottom:1em;
}

/* div.section.rounded */
div#side div.section.rounded {
	background:url(../img/common/right_pain/section/rounded.gif) no-repeat bottom;
}
div#side div.section.rounded h4 {
	display:inline;
}
div#side div.section.rounded h4 a {
	display:block;
	width:300px; height:29px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	font-size:1px;
}
div#side div.section.rounded div.content {
	padding:10px 15px 15px;
}
div#side div.section.rounded div.content div.more {
	text-align:right;
}
div#side div.section.rounded div.content div.more a {
	background:url(../img/index/heading/options/more_arrow.gif) no-repeat left;
	padding:0 0 0 7px;
	font-size:0.75em;
}

/* div#easy_login */
div#side div#easy_login {
	background:url(../img/common/right_pain/easy_login/bg.gif) no-repeat 0 0;
	font-size:0.85em;
}
div#side div#easy_login h4 {
	padding:5px 5px 0;
}
div#side div#easy_login h4 a {
	display:block;
	background:transparent;
	width:290px; height:29px;
	margin:0 0 10px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	font-size:1px;
}
div#side div#easy_login table {
	width:260px;
	margin:0 auto;
}
div#side div#easy_login table th, div#side div#easy_login table td {
	padding-bottom:0.5em;
}
div#side div#easy_login table th {
	width:6em;
}
div#side div#easy_login table td {
}
div#side div#easy_login table td input {
	width:95%;
}
div#side div#easy_login ul.options {
	width:260px;
	margin:0 auto 0.5em;
}
div#side div#easy_login ul.options li {
	margin-bottom:0.5em;
}
div#side div#easy_login div.submit {
	background:url(../img/common/right_pain/easy_login/bottom.gif) no-repeat bottom;
	padding:5px 0 14px;
	text-align:center;
}

/* div#official_circles */
div#side div#official_circles {
}
div#side div#official_circles ul {
	width:300px;
	overflow:hidden;
}
div#side div#official_circles ul li {
	float:left;
	width:90px;
	margin-right:15px;
	list-style-type:none;
}
div#side div#official_circles ul li#official_circles_lyrics {
}
div#side div#official_circles ul li#official_circles_poems {
}
div#side div#official_circles ul li#official_circles_lightnovels {
	margin-right:0;
}

/* div#new_information */
div#side div#new_information h4 a {
	background:url(../img/common/right_pain/new_information/heading.gif) no-repeat 0 0;
}
div#side div#new_information div.content {
	padding-top:5px;
}
div#side div#new_information div.box {
	background:url(../img/common/right_pain/new_information/arrow.gif) no-repeat 0 0.7em;
	border-bottom:1px solid #ccc;
	padding:0.5em 0 0.5em 16px;
	font-size:0.9em;
}
div#side div#new_information div.box ul.spec {
	font-size:1em;
}
div#side div#new_information div.box ul.spec {
	margin:0;
}
div#side div#new_information div.box ul.spec li {
	display:inline;
}
div#side div#new_information div.box ul.spec li.date {
	margin-right:0.5em;
}
div#side div#new_information div.box ul.spec li.category {
	color:#ED5E44;
}
div#side div#new_information div.box ul.spec li.category a {
	background:transparent;
	color:#ED5E44;
}
div#side div#new_information div.box ul.spec li.category a:hover {
	color:#faa;
}
div#side div#new_information h5 {
	margin:0;
	font-size:1em;
	font-weight:normal;
}

/* div#new_ranking */
div#side div#new_ranking h4 a {
	background:url(../img/common/right_pain/new_ranking/heading.gif) no-repeat 0 0;
}
div#side div#new_ranking p.note {
	margin:1em 0 0;
	color:#666;
	font-size:0.85em;
}
div#side div#new_ranking div.sub_section {
	margin-bottom:15px;
}
div#side div#new_ranking div.sub_section div.heading {
	position:relative;
	top:0; left:0;
}
div#side div#new_ranking div.sub_section div.heading h5 {
	display:inline;
}
div#side div#new_ranking div.sub_section div.heading h5 a {
	display:block;
	width:270px; height:21px;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
	font-size:1px;
}
div#side div#new_ranking div.sub_section div.heading div.more {
	position:absolute;
	top:0px; left:50px;
}
div#side div#new_ranking div.sub_section div.box {
	background:url(../img/common/right_pain/new_ranking/box.gif) no-repeat right bottom;
	position:relative;
	top:0; left:0;
	padding:5px 0 5px;
}
div#side div#new_ranking div.sub_section div.box h6 {
	position:absolute;
	top:4px; left:0;
	width:23px;
	height:12px;
	margin:0;
	font-weight:normal;
	text-indent:-9999em;
	overflow:hidden;
}
div#side div#new_ranking div.sub_section div.box div.item {
	padding-left:30px;
	font-size:0.9em;
}

div#side div#new_ranking div.sub_section div.rank1 h6 {
	background:url(../img/common/right_pain/new_ranking/ranks/1.gif) no-repeat 0 0;
}
div#side div#new_ranking div.sub_section div.rank2 h6 {
	background:url(../img/common/right_pain/new_ranking/ranks/2.gif) no-repeat 0 0;
}
div#side div#new_ranking div.sub_section div.rank3 h6 {
	background:url(../img/common/right_pain/new_ranking/ranks/3.gif) no-repeat 0 0;
}


div#side div#new_ranking div#ranking_lyrics div.heading h5 a {
	background:url(../img/common/right_pain/new_ranking/ranking_lyrics/heading.gif) no-repeat 0 0;
}
div#side div#new_ranking div#ranking_lyrics div.heading div.more {
	left:34px;
}

div#side div#new_ranking div#ranking_poems div.heading h5 a {
	background:url(../img/common/right_pain/new_ranking/ranking_poems/heading.gif) no-repeat 0 0;
}
div#side div#new_ranking div#ranking_poems div.heading div.more {
	left:59px;
}

div#side div#new_ranking div#ranking_lightnovels {
	margin-bottom:0;
}
div#side div#new_ranking div#ranking_lightnovels div.heading h5 a {
	background:url(../img/common/right_pain/new_ranking/ranking_lightnovels/heading.gif) no-repeat 0 0;
}
div#side div#new_ranking div#ranking_lightnovels div.heading div.more {
	left:76px;
}

/* div#support_sites */
div#side div#support_sites {
	width:298px;
	border:1px solid #ccc;
	overflow:hidden;
}
div#side div#support_sites h4 {
	background:#ccc;
	margin-bottom:0;
	padding:0.5em;
	text-align:left;
	font-weight:normal;
}
div#side div#support_sites div.banners {
	width:149px;
	padding:10px 0;
	text-align:center;
}
div#side div#support_sites div.odd {
	float:left;
}
div#side div#support_sites div.even {
	float:right;
}