﻿@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	list-style-type: none;
}


body, div, span, p, ul, ol, li, dl, dt, dd, table, tr, td, form, input, textarea, pre, code, blockquote {
	margin: 0px;
	padding: 0px;
}


body {
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	font-family: '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', Meiryo, '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', Osaka, sans-serif;
}


* html body {
	font-size: 80%;
/*	font-family: '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', Verdana, Arial, sans-serif; */
}

*:first-child+html body {
/*	font-family: '\30E1\30A4\30EA\30AA', '\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF', sans-serif; */
}


table {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}



a:link {
	color: #333399;
	text-decoration: underline;
}
a:visited {
	color: #804080;
	text-decoration: underline;
}
a:hover{
	color: #6666cc;
	text-decoration: none;
}
a:active {
	color: #6666cc;
	text-decoration: none;
}


a img {
	border: none;
	font-size: 10px;
}


a.noline:link, a.noline:visited {
	text-decoration: none;
}



ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}




.fr {
	float: right;
}
.fl {
	float: left;
}
.cb {
	clear: both;
	display: block;
	visibility: hidden;
}


.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}



.center {
	margin: 0px auto;
	text-align: center;
}

.tal {
	text-align: left;
}
.tar {
	text-align: right;
}


.mt2 {
	margin-top: 2px;
}
.mr2 {
	margin-right: 2px;
}
.mb2 {
	margin-bottom: 2px;
}
.ml2 {
	margin-left: 2px;
}

.mt5 {
	margin-top: 5px;
}
.mr5 {
	margin-right: 5px;
}
.mb5 {
	margin-bottom: 5px;
}
.ml5 {
	margin-left: 5px;
}

.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}

.mt15 {
	margin-top: 15px;
}
.mr15 {
	margin-right: 15px;
}
.mb15 {
	margin-bottom: 15px;
}
.ml15 {
	margin-left: 15px;
}

.mt20 {
	margin-top: 20px;
}
.mr20 {
	margin-right: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.ml20 {
	margin-left: 20px;
}


.pt2 {
	padding-top: 2px;
}
.pr2 {
	padding-right: 2px;
}
.pb2 {
	padding-bottom: 2px;
}
.pl2 {
	padding-left: 2px;
}

.pt5 {
	padding-top: 5px;
}
.pr5 {
	padding-right: 5px;
}
.pb5 {
	padding-bottom: 5px;
}
.pl5 {
	padding-left: 5px;
}

.pt10 {
	padding-top: 10px;
}
.pr10 {
	padding-right: 10px;
}
.pb10 {
	padding-bottom: 10px;
}
.pl10 {
	padding-left: 10px;
}

.pt15 {
	padding-top: 15px;
}
.pr15 {
	padding-right: 15px;
}
.pb15 {
	padding-bottom: 15px;
}
.pl15 {
	padding-left: 15px;
}

.pt20 {
	padding-top: 20px;
}
.pr20 {
	padding-right: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.pl20 {
	padding-left: 20px;
}



.fwb {
	font-weight: bold;
}
.fs8 {
	font-size: 8px;
}
.fs10 {
	font-size: 10px;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}






div.dummy {
	font-family:"ヒラギノ角ゴ Pro W3", "白舟古印体Pro", "ＡＲ古印体Ｂ", "ＤＦ隷書体", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}




#wrapper {
	margin: 0px auto;
	width: 1000px;
}

#wrapper999 {
	margin: 0px auto;
	width: 1000px;
}


div.header {
	width:100%;
	text-align:left;
	overflow:hidden;
}




div.footer {
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dashed gray;
	text-align: center;
	color: #999999;
	font-size: 12px;
}


div.profile {
	padding: 10px 20px;
	float: left;
}
div.profile table {
	border: 0px;
	border-spacing: 0px;
	font-size: 75%;
}
div.profile ul {
	float: left;
	width : 100%;
}
div.profile li {
	float: left;
}

div.profile li a {
	height: 26px;
	display: block;
	outline-style: none;
	text-indent: -9999px;
}
div.profile li a:hover {
	background-position: 0 -26px;
}

div.profile li.settings a {
	background-image: url(/img/menu_settings.gif);
	width: 64px;
}
div.profile li.logout a {
	background-image: url(/img/menu_logout.gif);
	width: 90px;
}



div.search {
	padding-top: 10px;
	float: right;
	display: inline;
	font-size: 10px;
}





div#scroller {
	position:fixed;
	right: 0;
	bottom: 0;
}

div#scroller a {
	display: inline-block;
	padding: 3px 7px;
	color: #ffffff;
	background-color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

div#scroller a:link,
div#scroller a:visited {
	background-color: #333333;
}

div#scroller a:hover,
div#scroller a:active {
	background-color: #000000;
}





div.menu {
	height: 26px;
	margin: 5px auto;
}

div.menu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width : 100%;
	height: 26px;
}
div.menu li {
	float: left;
}

div.menu li a {
	margin-right: 5px;
	display: block;
	height: 26px;
	outline-style: none;
	text-indent: -9999px;
}
div.menu li a:hover {
	background-position: 0 -26px;
}
div.menu li a.selected {
	background-position: 0 -26px;
}

div.menu li.top a {
	background-image: url(/img/menu_top.gif);
	width: 65px;
}
div.menu li.home a {
	background-image: url(/img/menu_home.gif);
	width: 65px;
}
div.menu li.draw a {
	background-image: url(/img/menu_draw.png);
	width: 100px;
}
div.menu li.shared a {
	background-image: url(/img/menu_shared.gif);
	width: 120px;
}
div.menu li.relay a {
	background-image: url(/img/menu_relay.gif);
	width: 110px;
}
div.menu li.theme a {
	background-image: url(/img/menu_theme.gif);
	width: 95px;
}
div.menu li.list a {
	background-image: url(/img/menu_list.gif);
	width: 120px;
}
div.menu li.skeb_list a {
	background-image: url(/img/skeb_list.gif);
	width: 120px;
}
div.menu li.diary a {
	background-image: url(/img/menu_diary.gif);
	width: 110px;
}
div.menu li.template a {
	background-image: url(/img/menu_template.png);
	width: 120px;
}
div.menu li.random a {
	background-image: url(/img/menu_random.gif);
	width: 120px;
}
div.menu li.ranking a {
	background-image: url(/img/menu_ranking_100417.gif);
	width: 80px;
}
div.menu li.tag a {
	background-image: url(/img/menu_tag.gif);
	width: 95px;
}
div.menu li.tags a {
	background-image: url(/img/menu_tags.gif);
	width: 95px;
}
div.menu li.story a {
	background-image: url(/img/menu_story.gif);
	width: 105px;
}
div.menu li.game a {
	background-image: url(/img/menu_game.gif);
	width: 65px;
}
div.menu li.help a {
	background-image: url(/img/menu_help.gif);
	width: 65px;
}
div.menu li.shop a {
	background-image: url(/img/menu_shop.gif);
	width: 80px;
}
div.menu li.settings a {
	background-image: url(/img/menu_settings.gif);
	width: 90px;
}
div.menu li.festa a {
	background-image: url(/img/menu_festa.png);
	width: 110px;
}



ul.information li {
	line-height: 100%;
	margin-bottom: 5px;
}




div.draw a {
	display: block;
	height: 28px;
	outline-style: none;
	text-indent: -9999px;
}
div.draw a:hover {
	background-position: 0 -28px;
}
div.draw a#profile {
	width: 164px;
	background-image: url(/img/home/profile.png);
}
div.draw a#post {
	width: 164px;
	background-image: url(/img/draw_post.png);
}
div.draw a#theme {
	width: 164px;
	background-image: url(/img/draw_theme.png);
}
div.draw a#diary {
	width: 164px;
	background-image: url(/img/draw_diary.png);
}
div.draw a#skeb {
	width: 164px;
	background-image: url(/img/draw_skeb.png);
}
div.draw a#profile {
	width: 164px;
	background-image: url(/img/home/profile.png);
}




div.draw2 a {
	display: block;
	height: 34px;
	outline-style: none;
	text-indent: -9999px;
}
div.draw2 a:hover {
	background-position: 0 -34px;
}

div.draw2 a#profile {
	width: 164px;
	background-image: url(/img/user/profile_100310.png);
}
div.draw2 a#tape {
	width: 164px;
	background-image: url(/img/draw_tape_100401.png);
}
div.draw2 a#scratch {
	width: 164px;
	background-image: url(/img/draw_scratch_110401.png);
}
div.draw2 a#classic {
	width: 164px;
	background-image: url(/img/draw_classic_100916.png);
}
div.draw2 a#comment_classic {
	width: 164px;
	background-image: url(/img/comment_classic_100916.png);
}
div.draw2 a#post {
	width: 164px;
	background-image: url(/img/draw_post_100822.png);
}
div.draw2 a#theme {
	width: 164px;
	background-image: url(/img/draw_theme_100822.png);
}
div.draw2 a#post_tag {
	width: 164px;
	background-image: url(/img/draw_post_tag_100822.png);
}
div.draw2 a#post_user {
	width: 164px;
	background-image: url(/img/draw_post_user_110422.png);
}
div.draw2 a#diary {
	width: 164px;
	background-image: url(/img/draw_diary_091213.png);
}
div.draw2 a#skeb {
	width: 164px;
	background-image: url(/img/draw_skeb_100728.png);
}
div.draw2 a#skeb_tag {
	width: 164px;
	background-image: url(/img/draw_skeb_tag_100728.png);
}
div.draw2 a#skeb_user {
	width: 164px;
	background-image: url(/img/draw_skeb_user_110422.png);
}
div.draw2 a#nenga_post {
	width: 164px;
	background-image: url(/img/draw_nenga_post_101203.png);
}
div.draw2 a#nenga_skeb {
	width: 164px;
	background-image: url(/img/draw_nenga_skeb_101203.png);
}
div.draw2 a#icon {
	width: 164px;
	background-image: url(/img/draw_icon.png);
}




div.draw3 a {
	display: block;
	width: 300px;
	height: 70px;
	outline-style: none;
	text-indent: -9999px;
}
div.draw3 a:hover {
	background-position: 0 -70px;
}
div.draw3 a#post_new {
	background-image: url(/img/draw_post_new_150809.png);
}
div.draw3 a#skeb_new {
	background-image: url(/img/draw_skeb_new_150809.png);
}
div.draw3 a#post_tag {
	background-image: url(/img/draw_post_tag_110625.png);
}
div.draw3 a#skeb_tag {
	background-image: url(/img/draw_skeb_tag_110625.png);
}
div.draw3 a#tnzk {
	background-image: url(/img/draw_tnzk_110630.png);
}
div.draw3 a#banner_tnzk {
	background-image: url(/img/banner_tnzk_110630.png);
}





span.banner a {
	display: block;
	height: 30px;
	margin: 0px 1px;
	padding: 0px;
	outline-style: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

span.banner a:hover {
	background-position : 0 -30px;
}
span.banner a#post_link {
	width: 120px;
	background-image: url(/img/btn_link.png);
}
span.banner a#post_comment {
	width: 120px;
	background-image: url(/img/btn_comment.png);
}
span.banner a#post_report {
	width: 110px;
	background-image: url(/img/btn_report.png);
}
span.banner a#post_lock {
	width: 110px;
	background-image: url(/img/btn_lock.png);
}
span.banner a#favpost {
	width: 140px;
	background-image: url(/img/btn_favpost.png);
}
span.banner a#favpost_edit {
	width: 130px;
	background-image: url(/img/btn_favpost_edit.png);
}
span.banner a#post_restore {
	width: 90px;
	background-image: url(/img/btn_restore.png);
}
span.banner a#post_download {
	width: 120px;
	background-image: url(/img/btn_download.png);
}
span.banner a#post_edit {
	width: 90px;
	background-image: url(/img/btn_edit.png);
}
span.banner a#post_delete {
	width: 90px;
	background-image: url(/img/btn_delete.png);
}
span.banner a#post_iconize {
	width: 130px;
	background-image: url(/img/btn_iconize.png);
}
span.banner a#post_public {
	width: 90px;
	background-image: url(/img/btn_public.png);
}
span.banner a#post_private {
	width: 120px;
	background-image: url(/img/btn_private.png);
}
span.banner a#theme_delete {
	width: 150px;
	background-image: url(/img/btn_theme_delete.png);
}
span.banner a#ranking_delete {
	width: 150px;
	background-image: url(/img/btn_ranking_delete.png);
}
span.banner a#ranking_restore {
	width: 140px;
	background-image: url(/img/btn_ranking_restore.png);
}




a#signup {
	display: block;
	width: 234px;
	height: 70px;
	margin: 0px 1px;
	padding: 0px;
	outline-style: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(/img/btn_signup.png);
}

a#signup:hover {
	background-position : 0 -70px;
}




div.top {
	width: 1000px;
	height: 450px;
	margin: 20px 0px 40px;
}


div.top td {
	width: 120px;
	height: 90px;
	border-style:solid;
	border-color:#996600;
	border-width:2px;
}

div.top img {
	width: 120px;
	height: 90px;
}



div.top_category {
	margin:0px 0px 10px;
	font-size: 12px;
}

div.top_category_selected {
	width: 120px;
	margin:0px 0px 10px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #003300;
	border: 1px solid #996600;
}

div.top_category a {
	padding:2px 5px;
	border: 1px solid #000000;
	text-decoration: none;
}

div.top_category a:hover, div.top_category a:active {
	color: #ffffff;
	background-color: #333399;
	text-decoration: none;
}



div.top_container {
	width:150px;
	text-align:left;
	float:left;
	display:inline;
}

div.top_container table {
	border: 0px;
	border-spacing: 0px;
}



table.top_draw {
	margin-left: 0px;
}

table.top_theme {
	margin-left: 0px;
}

table.top_list {
	margin-left: 0px;
}

table.top_random {
	margin-left: 0px;
}

table.top_ranking {
	margin-left: 0px;
}

table.top_tag {
	margin-left: 0px;
}


table.topic {
	width: 760px;
	height: 30px;
	color: #ffffff;
	text-align: left;
	text-shadow: 1px 1px 2px #666666;
}




div.genre {
	margin: 0px auto;
	text-align: center;
}




div.blackboard {
	width: 800px;
	min-height:600px;
	text-align: left;
	font-size: 12px;
	padding: 20px;
	margin:10px auto;
	color:#ffffff;
	background-color:#003300;
	border-style:solid;
	border-color:#996600;
	border-width:10px;
}
div.blackboard div.subject {
	margin-top: 20px;
	padding: 2px 20px;
	background-color: #336600;
}
div.blackboard div.content {
	margin-top: 10px;
	padding: 2px 20px;
	line-height: 200%;
	font-size:12px;
}
div.blackboard dl {
	margin:0px 0px 0px 0px;
}
div.blackboard dl dt {
	margin:20px 0px 0px 0px;
}
div.blackboard dl dd {
	margin:0px 0px 0px 0px;
}
div.blackboard a, div.blackboard a:link, div.blackboard a:visited {
	color: #ffff99;
}
div.blackboard a:hover, div.blackboard a:active {
	color: #ffff00;
}






div.notice {
	width: 100%;
	margin: 0px auto 10px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #339933;
	border: 3px double #ffffff;
}


div.theme {
	width: 100%;
	margin: 0px auto 10px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	font-size: 12px;
	color:#006600;
	background-color:#ffffff;
	border-style:double;
	border-color:#006600;
	border-width:3px;
}



div.alert {
	width: 100%;
	margin: 0px auto 10px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc3333;
	border: 5px double #ffffff;
}

div.alert a {
	color: #ffffff;
}


div.caution {
	width: 100%;
	margin: 0px auto 10px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff6600;
	border: 3px double #ffffff;
}



div.info {
	width: 100%;
	margin: 0px auto 10px;
	padding: 5px 0px;
	text-align: center;
	line-height: 150%;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #6666cc;
	border: 3px double #ffffff;
}








div.thread_comment {
	margin:0px 10px;
	font-size:12px;
}
div.thread_info {
	margin:0px 10px;
	font-size:12px;
	display:inline;
}
div.thread_type {
	margin:0px 10px;
	padding:0px 10px;
	font-size:12px;
	color:#ffffff;
	background-color:#cc6600;
	display:inline;
}
div.thread_title {
	font-size:14px;
	text-indent:10px;
	display:block;
}





div.home_menu {
	
}

div.home_menu table {
	border: 0px;
	width: 170px;
	font-size: 12px;
}

div.home_menu td {
	padding-top: 2px;
	padding-bottom: 2px;
}

div.home_menu div.subject {
	margin: 0px 10px 0px;
	padding: 0px 5px 0px;
	width: 180px;
	border: #996600 2px solid;
	color: #ffffff;
	background-color: #996600;
	font-size: 14px;
}

div.home_menu div.content {
	margin: 0px 10px 20px;
	padding: 5px;
	width:180px;
	border:#996600 2px solid;
}



div.user_menu {
	
}

div.user_menu table {
	border: 0px;
	width: 170px;
	font-size: 12px;
}

div.user_menu td {
	padding-top: 2px;
	padding-bottom: 2px;
}

div.user_menu div.subject {
	margin: 0px 10px 0px;
	padding: 0px 5px 0px;
	width: 180px;
	border: #336633 2px solid;
	color: #ffffff;
	background-color: #336633;
	font-size: 14px;
}

div.user_menu div.content {
	margin: 0px 10px 20px;
	padding: 5px;
	width:180px;
	border:#336633 2px solid;
}



div.guest_menu {
	
}

div.guest_menu table {
	border: 0px;
	width: 170px;
	font-size: 12px;
}

div.guest_menu td {
	padding-top: 2px;
	padding-bottom: 2px;
}

div.guest_menu div.subject {
	margin: 0px 10px 0px;
	padding: 0px 5px 0px;
	width: 180px;
	border: #666666 2px solid;
	color: #ffffff;
	background-color: #666666;
	font-size: 14px;
}

div.guest_menu div.content {
	margin: 0px 10px 20px;
	padding: 5px;
	width:180px;
	border:#666666 2px solid;
}







div.submenu {
	margin: 5px auto 10px;
	font-size: 12px;
	text-align: center;
}

div.submenu a, div.submenu a:link, div.submenu a:visited {
	color: #003300;
}

div.submenu a:hover, div.submenu a:active {
	
}

div.submenu a.selected {
	font-weight: bold;
}

div.submenu_selected {
	margin: 0px 5px;
	padding: 2px 5px;
	font-weight: bold;
	color: #ffffff;
	background-color: #336633;
	display: inline;
}

div.submenu_disabled {
	margin: 0px 5px;
	padding: 2px 5px;
	color: #99cc99;
	display: inline;
}

div.submenu_enabled {
	margin: 0px 5px;
	padding: 2px 5px;
	color: #003300;
	display: inline;
}





div.modemenu {
	margin: 0px auto;
	text-align: left;
}

div.modemenu a {
	margin-right: 1px;
	display: block;
	height: 34px;
	outline-style: none;
	text-indent: -9999px;
}
div.modemenu a:hover {
	background-position: 0 -34px;
}

div.modemenu a.selected {
	background-position: 0 -34px;
}

div.modemenu a#top {
	width: 160px;
	background-image: url(/img/submenu_top.png);
}
div.modemenu a#top_selected {
	width: 160px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_top.png);
}
div.modemenu a#usertop {
	width: 160px;
	background-image: url(/img/submenu_usertop.png);
}

div.modemenu a#post {
	width: 140px;
	background-image: url(/img/submenu_post_100822.png);
}
div.modemenu a#post_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_post_100822.png);
}

div.modemenu a#diary {
	width: 140px;
	background-image: url(/img/submenu_diary_100822.png);
}
div.modemenu a#diary_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_diary_100822.png);
}

div.modemenu a#skeb {
	width: 140px;
	background-image: url(/img/submenu_skeb_100617.png);
}
div.modemenu a#skeb_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_skeb_100617.png);
}

div.modemenu a#tape {
	width: 140px;
	background-image: url(/img/submenu_tape_100401.png);
}
div.modemenu a#tape_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_tape_100401.png);
}

div.modemenu a#album {
	width: 140px;
	background-image: url(/img/submenu_album_100722.png);
}
div.modemenu a#album_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_album_100722.png);
}

div.modemenu a#scrap {
	width: 140px;
	background-image: url(/img/submenu_scrap_100310.png);
}
div.modemenu a#scrap_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_scrap_100310.png);
}

div.modemenu a#relay {
	width: 140px;
	background-image: url(/img/submenu_relay_100310.png);
}
div.modemenu a#relay_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_relay_100310.png);
}

div.modemenu a#classic {
	width: 140px;
	background-image: url(/img/submenu_classic_100822.png);
}
div.modemenu a#classic_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_classic_100822.png);
}

div.modemenu a#tnzk {
	width: 140px;
	background-image: url(/img/submenu_tnzk.png);
}
div.modemenu a#tnzk_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_tnzk.png);
}

div.modemenu a#user {
	width: 140px;
	background-image: url(/img/submenu_user_100709.png);
}
div.modemenu a#user_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_user_100709.png);
}

div.modemenu a#tag {
	width: 140px;
	background-image: url(/img/submenu_tag_100709.png);
}
div.modemenu a#tag_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_tag_100709.png);
}

div.modemenu a#festa {
	width: 140px;
	background-image: url(/img/submenu_festa_100805.png);
}
div.modemenu a#festa_selected {
	width: 140px;
	background-position: 0 -34px;
	background-image: url(/img/submenu_festa_100805.png);
}




div.sortmenu {
	text-align: center;
}

div.sortmenu a, div.sortmenu a:link, div.sortmenu a:visited {
	margin: 0px 10px 0px 0px;
	color: #003300;
}

div.sortmenu a:hover, div.sortmenu a:active {
	margin: 0px 10px 0px 0px;
	color: #003300;
}

div.sortmenu a.selected {
	font-weight: bold;
}







div.viewinfo {
	margin: 5px 0px 5px;
}






div.navi {
	margin: 5px 0px;
	text-align: center;
	font-family: Verdana,Geneva,Arial,sans-serif;
}

div.navi a {
	margin: 3px;
	padding: 0px 5px;
	border: 1px solid #336633;
	color: #003300;
	text-decoration: none;
}

div.navi a:hover, div.navi a:active {
	border: 1px solid #996600;
	color: #ffffff;
	background-color: #003300;
	text-decoration: none;
}

div.navi span.current {
	margin: 3px;
	padding: 0px 5px;
	border: 1px solid #996600;
	color: #ffffff;
	font-weight: bold;
	background-color: #336633;
}

div.navi span.disabled {
	margin: 3px;
	padding: 0px 5px;
	border: 1px solid #99cc99;
	color: #99cc99;
}





div.pager {
	margin: 0px;
	text-align: center;
	font-size: 14px;
	font-family: Verdana,Geneva,Arial,sans-serif;
}

div.pager a {
	margin: 0px 1px;
	padding: 1px 5px;
	border: 1px solid #336633;
	color: #003300;
	text-decoration: none;
}

div.pager a:hover, div.pager a:active {
	border: 1px solid #996600;
	color: #ffffff;
	background-color: #003300;
	text-decoration: none;
}

div.pager span.current {
	margin: 0px 1px;
	padding: 1px 5px;
	border: 1px solid #996600;
	color: #ffffff;
	background-color: #336633;
	font-weight: bold;
}

div.pager span.disabled {
	margin: 0px 1px;
	padding: 1px 5px;
	border: 1px solid #99cc99;
	color: #99cc99;
}






ul.pager {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
}
ul.pager li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul.pager li span.current {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 5px 5px;
	color: #ffffff;
	background-color: #003300;
	border: 1px #999999 solid;
	font-weight: bold;
}
ul.pager li span.disabled {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 5px 5px;
	color: #99cc99;
	border: 1px solid #99cc99;
}
ul.pager li a {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 5px 5px;
}
ul.pager li a:link,
ul.pager li a:visited {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #666666;
	text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
	color: #ffffff;
	background-color: #336633;
	border: 1px solid #996600;
	text-decoration: none;
}





div.thumb {
	width: 170px;
	height: 130px;
}

div.thumb div.frame_outer {
	width:168px;
	height:128px;
	border-width: 1px;
	border-style: solid;
	border-color: #cc9900 #663300 #663300 #cc9900;
}

div.thumb div.frame_body {
	width:162px;
	height:122px;
	border:3px solid #996600;
}

div.thumb div.frame_inner {
	width: 160px;
	height: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #663300 #cc9900 #cc9900 #663300;
}

div.thumb img.thumb {
	width: 160px;
	height: 120px;
	border-style: none;
}



/* diary thumb ============================================================================================================================================== */

div.diary_thumb {
	width: 170px;
	height: 130px;
}

div.diary_thumb div.frame_outer {
	width:168px;
	height:128px;
	border-width: 1px;
	border-style: solid;
	border-color: #ed8c00 #7b1a1d #7b1a1d #ed8c00;
}

div.diary_thumb div.frame_body {
	width:162px;
	height:122px;
	border:3px solid #b65500;
}

div.diary_thumb div.frame_inner {
	width: 160px;
	height: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #7b1a1d #ed8c00 #ed8c00 #7b1a1d;
}

div.diary_thumb img.thumb {
	width: 160px;
	height: 120px;
	border-style: none;
}



/* classic thumb ============================================================================================================================================ */

div.classic_thumb {
	width: 170px;
	height: 130px;
}

div.classic_thumb div.frame_outer {
	width:168px;
	height:128px;
	border-width: 1px;
	border-style: solid;
	border-color: #ae9a5d #4a3a25 #4a3a25 #ae9a5d;
}

div.classic_thumb div.frame_body {
	width:162px;
	height:122px;
	border:3px solid #7f6a42;
}

div.classic_thumb div.frame_inner {
	width: 160px;
	height: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #4a3a25 #ae9a5d #ae9a5d #4a3a25;
}

div.classic_thumb img.thumb {
	width: 160px;
	height: 120px;
	border-style: none;
}





div.thumb_list {
	margin: 0px auto;
	padding: 0px;
}

div.thumb_list table.thumb_list {
	margin-left: 20px;
}

div.thumb_list table.thumb_list tr {
	height: 200px;
}

div.thumb_list table.thumb_list td {
	width: 190px;
	font-size: 10px;
	vertical-align: top;
}



div.thumb_list table.thumb_info {
	width: 170px;
	margin-top: 0px;
	border: 0px;
}

div.thumb_list table.thumb_info tr {
	height: 16px;
}

div.thumb_list table.thumb_info td.created {
	width: auto;
	color: #999999;
	text-align: left;
	line-height: 100%;
	vertical-align: middle;
	white-space: nowrap;
}

div.thumb_list table.thumb_info td.title {
	width: auto;
	color: #666666;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

div.thumb_list table.thumb_info td.title a {
	text-decoration: none;
}

div.thumb_list table.thumb_info td.tag {
	width: auto;
	text-align: left;
	line-height: 100%;
	vertical-align: bottom;
}

div.thumb_list table.thumb_info td.theme {
	width: 16px;
	text-align: right;
}

div.thumb_list table.thumb_info td.private {
	width: auto;
	vertical-align: middle;
}

div.thumb_list table.thumb_info span.private {
	padding: 0px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc0000;
}


div.thumb_list div.thumb_info {
	width: 170px;
	height: 16px;
	margin-top: 2px;
}
div.thumb_list div.thumb_rank_info {
	display: block;
	width: 168px;
	height: 14px;
	margin-top: 2px;
	border: 1px #333333 solid;
}

div.thumb_list div.thumb {
	width: 170px;
	height: 130px;
}

div.thumb_list img.thumb {
	width: 160px;
	height: 120px;
	border-style: none;
}




/*
div.thumb_list div.frame_outer {
	width:168px;
	height:128px;
	border-width: 1px;
	border-style: solid;
	border-color: #cc9900 #663300 #663300 #cc9900;
}

div.thumb_list div.frame_body {
	width:162px;
	height:122px;
	border:3px solid #996600;
}

div.thumb_list div.frame_inner {
	width: 160px;
	height: 120px;
	border-width: 1px;
	border-style: solid;
	border-color: #663300 #cc9900 #cc9900 #663300;
}
*/


div.thumb_list img.user {
	margin: 2px 0px;
}

div.thumb_list img.comment {
	margin-top: -2px;
}


div.thumb_list span.created {
	float: left;
	margin-top: 3px;
	color: #999999;
	white-space: nowrap;
}


div.thumb_list span.username {
	float: left;
	margin-top: 3px;
}


div.thumb_list span.comment {
	float: right;
	margin-top: 3px;
	padding: 0px 5px;
	color: #ffffff;
	background-color: #666666;
}


div.thumb_list span.commented {
	float: right;
}


div.thumb_list span.thumb_rank {
	float: left;
	height: 100%;
	padding: 0px 5px;
	color: #ffffff;
	background-color: #333333;
}

div.thumb_list span.thumb_count {
	float: right;
	padding-right: 5px;
	color: #333333;
}















div.thumb_table {
	margin: 0px auto;
	padding: 0px;
}

div.thumb_table table.thumb_list {
	margin: 0px;
}

div.thumb_table table.thumb_list tr {
	height: 160px;
}

div.thumb_table table.thumb_list td {
	width: 162px;
	font-size: 10px;
	vertical-align: top;
}



div.thumb_table table.thumb_info {
	width: 142px;
	margin-top: 0px;
	border: 0px;
}

div.thumb_table table.thumb_info tr {
	height: 16px;
}

div.thumb_table table.thumb_info td.created {
	width: auto;
	color: #999999;
	text-align: left;
	line-height: 100%;
	vertical-align: middle;
	white-space: nowrap;
}

div.thumb_table table.thumb_info td.title {
	width: auto;
	color: #666666;
	font-weight: normal;
	line-height: 100%;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

div.thumb_table table.thumb_info td.title a {
	text-decoration: none;
}

div.thumb_table table.thumb_info td.tag {
	width: auto;
	text-align: left;
	line-height: 100%;
	vertical-align: bottom;
}

div.thumb_table table.thumb_info td.theme {
	width: 16px;
	text-align: right;
}

div.thumb_table table.thumb_info td.private {
	width: auto;
	vertical-align: middle;
}

div.thumb_table table.thumb_info span.private {
	padding: 0px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc0000;
}


div.thumb_table div.thumb_info {
	width: 142px;
	height: 16px;
	margin-top: 2px;
}

div.thumb_table div.thumb {
	width: 142px;
	height: 109px;
}

div.thumb_table img.thumb {
	width: 132px;
	height: 99px;
	border-style: none;
}


div.thumb_table div.frame_outer {
	width:140px;
	height:107px;
	border-width: 1px;
	border-style: solid;
	border-color: #cc9900 #663300 #663300 #cc9900;
}

div.thumb_table div.frame_body {
	width:134px;
	height:101px;
	border:3px solid #996600;
}

div.thumb_table div.frame_inner {
	width: 132px;
	height: 99px;
	border-width: 1px;
	border-style: solid;
	border-color: #663300 #cc9900 #cc9900 #663300;
}














div.draft_list {
	width: 480px;
	padding: 0px;
	margin:10px auto;
	text-align:center;
}

div.draft_list table {
	margin-left: 0px;
}

div.draft_list tr {
	height: 140px;
}

div.draft_list td {
	width: 190px;
	font-size: 12px;
}


div.draft_list div.thumb {
	width: 166px;
	height: 126px;
}


div.draft_list img.thumb {
	width: 160px;
	height: 120px;
	border: 3px solid #996600;
}






ul.post_comment {
	margin: 5px 0px 0px;
	font-size: 12px;
	text-align: left;
}


ul.post_comment li {
	padding: 5px 0px 10px;
	border-bottom: 1px dotted #ececec;
	line-height: 1.5;
	vertical-align: top;
}

ul.post_comment li.owner {
	background-color: #f6f6ff;
}

ul.post_comment li span.thumb {
	display: block;
	overflow: hidden;
	position: absolute;
}

ul.post_comment li span.thumb a {
	border: 0px;
}

ul.post_comment li span.thumb img {
	width: 80px;
	height: 60px;
	border:2px solid #996600;
	-ms-interpolation-mode: bicubic;
}

ul.post_comment li span.body {
	margin-left: 10px;
	width: 610px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	display: inline-block;
}

ul.post_comment span.author {
	margin-left: 0px;
}

ul.post_comment span.created {
	margin-left: 10px;
	font-size: 10px;
	color: #999999;
}

ul.post_comment span.new {
	margin-left: 10px;
	color: #ff9900;
	font-size: 12px;
	font-weight: bold;
}

ul.post_comment span.edit {
	margin-left: 10px;
	font-size: 12px;
}

ul.post_comment span.edit a {
	color: #669966;
}

ul.post_comment span.edit a:hover {
	color: #006600;
}

ul.post_comment span.delete {
	margin-left: 10px;
	font-size: 12px;
}

ul.post_comment span.delete a {
	color: #cc9999;
}

ul.post_comment span.delete a:hover {
	color: #cc0000;
}

ul.post_comment div.comment {
	margin-top: 5px;
	line-height: 1.5;
}







span.story_index a {
	padding: 0px 5px;
}




img.icon {
	margin-right: 1px;
	vertical-align: top;
}

img.frame {
	margin-bottom: -120px;
	position: relative;
	top: -125px;
	left: -5px;
	border: 0px;
}






a.thumb {
	display: block;
	width: 100%;
	height: 100%;
}

a.thumb:hover {
	text-decoration:none;
}




/* skeb thumb ============================================================================================================================================ */
div.skeb_thumb {
	position: relative;
	width: 120px;
}

div.skeb_thumb img.thumb {
	width: 120px;
	height: 160px;
	border: 1px solid #cccccc;
}

div.skeb_thumb img.ring {
	position: absolute;
	top: 0px;
	left: -3px;
	border: 0px;
}



/* kokuban icon large ============================================================================================================================================ */

span.kokuban_iconL {
	display: block;
	width:  120px;
	height: 120px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.kokuban_iconL img {
	width:  160px;
	height: 120px;
	position: absolute;
	top: 0px;
	left: -20px;
	-ms-interpolation-mode: bicubic;
}



/* kokuban icon middle ============================================================================================================================================ */

span.kokuban_iconM {
	display: block;
	width:  60px;
	height: 60px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.kokuban_iconM img {
	width:  80px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: -10px;
	-ms-interpolation-mode: bicubic;
}




/* kokuban icon small ============================================================================================================================================ */

span.kokuban_iconS {
	display: block;
	width:  30px;
	height: 30px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.kokuban_iconS img {
	width:  40px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: -5px;
	-ms-interpolation-mode: bicubic;
}




/* skeb icon large ============================================================================================================================================ */

span.skeb_iconL {
	display: block;
	width:  120px;
	height: 120px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.skeb_iconL img {
	width:  120px;
	height: 160px;
	position: absolute;
	top: -20px;
	left: 0px;
	-ms-interpolation-mode: bicubic;
}



/* skeb icon middle ============================================================================================================================================ */

span.skeb_iconM {
	display: block;
	width:  60px;
	height: 60px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.skeb_iconM img {
	width:  60px;
	height: 80px;
	position: absolute;
	top: -10px;
	left: 0px;
	-ms-interpolation-mode: bicubic;
}



/* skeb icon small ============================================================================================================================================ */

span.skeb_iconS {
	display: block;
	width:  30px;
	height: 30px;
	line-height: 100%;
	overflow: hidden;
	position: relative;
//	border: 1px solid #cccccc;
	z-index: 1;
}

span.skeb_iconS img {
	width:  30px;
	height: 40px;
	position: absolute;
	top: -5px;
	left: 0px;
	-ms-interpolation-mode: bicubic;
}



