body { background: #000 url(images/body_backimage.jpg); color: #fff; font-size: 93%; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック; margin: 0; padding: 0; }

table {
	
}

td {
	margin : 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}

th {
	background: #626262;
	color: #ffffff;
	padding: 2px;
	vertical-align: middle;
}

p {
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

a { background: transparent; color: #f8ba8c; vertical-align: middle; }

a.ive { background: transparent; color: #cccccc; vertical-align: middle; }

a:visited {
	color: #b6b57f;
}

a:hover {
	color: #dc143c;
	text-decoration: underline;
}

th a {
	color: #ffffff;
}

h1, h2, h3, h4, h5 {
	color:#fff;
}

ul {
	text-align: left;
	margin: 2px 2px 2px 15px;
	padding: 2px;
	list-style: square outside;
}

input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

.outline { background: #262320; width: 910px; margin:auto; }

.headerlogo { background-color: #000; background-repeat: no-repeat; background-attachment: scroll; background-position: left 50%; width: 910px; height: 80px; margin: 0; padding: 0; }

.headerbanner { background-color: #000080; background-repeat: no-repeat; background-attachment: scroll; background-position: right 50%; width: 100%; text-align: center; vertical-align: middle; }

.headerbar {
	background: url(images/nav.gif) repeat-x;
	font-size: 10pt;
	text-align: right;
	margin: 0;
	padding: 3px 5px;
	border-bottom: solid 1px #dddddd;
}

.leftcolumn {
	background: url(images/lb.gif) left repeat-y;
	width: 190px;
	font-size: 0.9em;
	border-right: solid 1px #dddddd;
}

.leftcolumn th {
	background: #b0b0b0;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.leftblockTitle {
	background: url(images/hbar.gif) repeat-x ;
	color: #b6b6b6;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.leftblockContent {
	margin: 5px 2px 10px 2px;
	padding: 3px;
	line-height: 1.2;
}

.centeroutline { width: 689px; margin-bottom: 10px; }

.centercolumn { font-size: 0.9em; margin: 0; padding-right: 9px; padding-left: 6px; }
.centercolumn th {
	background: #778899;
	color: #ffffff;
	vertical-align: middle;
}

.centerCcolumn {
	margin: 0 0 0 0;
}

.centerCblockTitle { background: url(images/bg.gif); color: #4d4d80; font-size: 1.1em; font-weight: bold; margin: 0; }

.centerCblockContent { line-height: 1.4; }

.centerLcolumn {
	width: 343px;
	margin: 0 3px 10px 0;
	padding: 0;
}

.centerLblockTitle { color: #c7c7c7; font-size: 1.1em; font-weight: bold; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 4px 3px 3px; }

.centerLblockContent { font-size: 12px; line-height: 15px; margin-right: 3px; margin-bottom: 10px; padding: 0; }

.centerRcolumn {
	width: 343px;
}

.centerRblockTitle { background: url(images/bg.gif); color: #b6b6b6; font-size: 12px; font-weight: bold; line-height: 13px; margin: 0; padding: 4px 3px 3px; }

.centerRblockContent { font-size: 12px; margin: 0 0 10px; padding: 0; line-height: 15px; }

.content {
	text-align: left;
	margin: 0;
	padding: 0;
}

.rightcolumn { width: 206px; font-size: 0.9em; }

.rightcolumn th {
	background: #b6b6b6;
	color: #ffffff;
	font-size: 0.9em;
	vertical-align: middle;
}

.rightblockTitle { background: #ffffff url(images/hbar.gif) repeat-x; color: #c7c7c7; font-size: 1.1em; font-weight: bold; margin: 0; }

.rightblockContent {
	margin: 0 0 7px;
	padding: 0;
	line-height: 1.2;
}

.footerbar { background: #000; color: #c7c7c7; font-size: 10pt; font-weight: bold; text-align: center; margin: 0; padding: 3px 0; border: solid 1px #250707; }

.footerbar a {
	color: #ffffff;
}

.footerbar a:visited {
	color: #ffffff;
}

.footerbar a:hover {
	color: #fff;
	text-decoration:underline overline;
}
.footerbar_text { background: #000; color: #c7c7c7; font-size: 10pt; font-weight: bold; text-align: center; margin: 0 104px; padding: 3px 0; }
input.formButton {}

.item {
	border: solid 2px #fff;
}

.itemHead {
	background: #646464;
	color: #ffffff;
	margin: 0;
	padding: 3px;
}

.itemInfo {
	background: #000;
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemTitle a {
	background: transparent;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
	color: #e6e6e6;
}

.itemPoster {
	font-size: 10px;
}
.itemPostDate {
	font-size: 0.9em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	padding-left: 5px;
}

.itemText {
	margin: 6px;
	line-height: 1.5;
}

.itemFoot {
	background: #646464;
	text-align: right;
	margin: 0;
	padding: 0;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}

td#mainmenu a {
	text-decoration: none;
	margin: 0;
	padding: 2px;
	display: block;
}

td#mainmenu a:visited{
	color:#9d9dff;
}


td#mainmenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}

td#mainmenu a.menuTop {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}
td#mainmenu a.menuMain {
	margin: 0;
	padding-left: 3px;
	border-bottom: dotted 1px #7a7acc;
}

td#mainmenu a.menuSub {
	margin: 0;
	padding-left: 9px;
	border-bottom: dotted 1px #7a7acc;
}

td#usermenu a {
	background: #000;
	text-decoration: none;
	margin: 0;
	padding: 2px 2px 2px 5px;
	border-bottom: 1px dotted #7e8ac4;
	display: block;
}

td#usermenu a:visited {
	color:yellow;
}

td#usermenu a:hover {
	background: #e6e6e6;
	text-decoration: none;
}
td#usermenu a.menuTop {}

td#usermenu a.highlight {
	background: #ffcccc;
}

.outer { border-color: #c0c0c0; border-width: 0; }

.head { color: #333; background: #d6d6d6; font-weight: bold; margin: 0; padding: 5px; }

.even { color: #000; background: #fff; margin: 0; padding: 0; }

.odd { color: #646464; background: #e6e6e6; margin: 0; padding: 5px; }

.foot {
	background: #c2cdd6;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}
tr.even td {
	background: #efefef;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: #e6e6e6;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}
.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}


.top_books_table { width: 689px; }
.top_books_title { padding: 0; }
.top_books_magazine { background-color: #000; text-align: center; padding-top: 8px; padding-bottom: 7px; }
.top_books_magazineimage { margin-right: auto; margin-left: auto; }
.top_news_table { width: 343px; }
.top_news_table2 { margin-top: 5px; margin-bottom: -10px; }
.top_news_btn { text-align: center; margin: 0; padding: 0; }
.top_news_kiji { color: white; font-size: 12px; line-height: 15px; text-align: left; vertical-align: middle; padding: 3px 0 0 3px; }
.top_news_title { text-align: center; margin: 0; padding: 0; }
.top_model_table { width: 689px; }
.top_model_btn { padding: 0; }
.top_model_kiji { color: red; text-align: left; padding: 0; }
.shame_table1 { background-color: #fff; width: 649px; margin: 20px; }
.shame_catch { color: #444; font-size: 15px; font-weight: bold; line-height: 18px; background-color: #ffffdb; text-align: left; padding: 20px; border: solid 1px #ffc100; }
.shame_qr { text-align: center; padding-top: 50px; padding-bottom: 50px; }
.shame_text1 { color: black; font-size: 12px; font-weight: normal; line-height: 15px; background-color: #ffffdb; text-align: left; padding: 20px; border: solid 1px #ffc100; }
.backno_table1 { font-size: 13px; background-color: #fff; width: 649px; margin: 0; }
.backno_text1 { color: black; font-size: 13px; font-weight: bold; background-color: #eee; margin-top: 20px; margin-bottom: 20px; padding: 20px; }
.backno_text2 { color: #d6d8ee; font-size: 15px; font-weight: bold; background-color: #555; padding: 5px 20px; }
.backno_text3 { color: #2a2d73; font-size: 15px; background-color: #eee; padding: 3px 5px; }
.backno_text4 { color: #2a2a2a; font-size: 15px; line-height: 17px; background-color: #eee; padding: 3px 5px 5px 10px; }
.backno_space { background-color: #262320; padding: 0; }
.stsna_item { width: 500px; margin: 20px 94px 20px 95px; }




.accordion{
	width:689px;
	overflow:visible;
	list-style:none;
	margin-bottom:10px;
	background:#333;
}


.accordion li{
	float:left;
	width:20%;
	overflow:hidden;
	height:450px;
	-moz-transition:width 0.2s ease-out;
	-webkit-transition:width 0.2s ease-out;
	-o-transition:width 0.2s ease-out;
	transition:width 0.2s ease-out;
	-moz-transition-delay:0.15s;
	-webkit-transition-delay:0.15s;
	-o-transition-delay:0.15s;
	transition-delay:0.15s;
}


.accordion li p{
	margin:0px;
}


.accordion:hover li{
	width:1%;
}


.accordion li:hover{
	width:95%;
}


.sli01	{ background:#000; color:#000;}
.sli02	{ background:#333; color:#000;}
.sli03	{ background:#000; color:#fff;}
.sli04	{ background:#333; color:#fff;}
.sli05	{ background:#000; color:#000;}


