@import url("reset.css");

/* 汎用タグ設定 */
body {color:#FFF; background:#000; font-size:78%; line-height:1.5; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:10px;}

table {width:100%; border-collapse:separate;}
table td {vertical-align:top;}
th {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
th a {color:#fff;}

h2 { font-size: 16px; font-weight:bold;}

a {color:#a1bcdd; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
/*a:hover {color:#DDF; text-decoration:underline;} */

/*
ul {margin:0; padding:0; list-style-type:none;}
li {margin:0; padding:0; list-style-type:none;}
*/

/* 全体のレイアウト設定 */
body.ShowBlockL0R0 #main {width:100%; clear:both;}
body.ShowBlockL1R0 #main {width:100%; clear:both;}
body.ShowBlockL0R1 #main {width:100%; float:left; margin-right:-195px; clear:both;}
body.ShowBlockL1R1 #main {width:100%; float:left; margin-right:-195px; clear:both;}

#canvas {margin:0 auto; padding:0 10px; width:840px; text-align:left; background:url(images/bg_canvas.jpg) repeat-y center top; clear:both;}
body.ShowBlockL0R0 #centercolumn {float:left; width:100%;}
body.ShowBlockL1R0 #centercolumn {float:right; width:100%; margin-left:-195px;}
body.ShowBlockL0R1 #centercolumn {margin-right:195px;}
body.ShowBlockL1R1 #centercolumn {float:right; width:100%; margin-left:-195px;}

body.ShowBlockL1R0 #mainContents {margin-left:195px; padding:0 10px 0 0; clear:both;}
body.ShowBlockL1R1 #mainContents {margin-right:195px; margin-left:195px; padding:0; clear:both;}

/* ヘッダ設定 */
#header {margin:0 auto; padding:0; width:860px; height:90px; text-align:left; color:#666; background:url(images/bg_head.jpg) no-repeat center top; overflow:hidden;}
#header .siteTitle {float:left; width:49%;}
/*#header .siteTitle h1 {padding:20px 0 0 30px;}
#header .siteTitle h1 a {font-size:180%; color:#DDD; text-decoration:none;}
#header .siteTitle h1 a:hover {color:#FFF; text-decoration:underline;}
#header .siteTitle h2 {font-size:110%; padding:0 0 0 30px; color:#DDD;}*/
#header .siteTitle h1 {font-size:130%; letter-spacing:2px; padding:20px 0 0 30px; color:#DDD; font-weight:bold;}
#header .siteTitle h1 img {vertical-align:middle;}

#header .searchForm {float:right; width:49%;}
#header .searchForm .form {padding:30px 30px 0 0; text-align:right;}
#header .searchForm input.field {width:160px; height:25px; border:1px solid #C8C8C8; font-family:verdana,arial,sans-serif; font-size:110%; vertical-align:bottom;}
#header .searchForm input.button {width:60px; height:25px; background:#E6E6E6; border:solid 1px #969696; text-align:center; font-family:verdana,arial,sans-serif; color:#969696; font-size:110%; vertical -align:bottom;}
#header .searchForm input.button:hover {cursor:pointer; border:solid 1px #505050; background:#DCDCDC; color:#505050;}

/* ヘッダメニュー */
/*
#topmenu ul {width:820px; margin:0 auto; list-style:none; background:url(images/bg_menu.jpg) repeat-x left top;}
*/
#topmenu ul {width:820px; height:61px; margin:0 auto; list-style:none;}
#topmenu li {list-style:none; display:block; float:left; font-size:10px; font-weight:bold; height:61px; line-height:61px; margin:0 5px; text-align:center;}
#topmenu li a {display:block; float:left; height:61px; width:78px; background:url(images/button01.jpg) no-repeat center top; color:#99a2b7; text-decoration:none; padding-top:27px;}
#topmenu li a:hover { background:url(images/button02.jpg) no-repeat center top; color:#fff;}
#topmenu li .current {display:block; float:left; height:61px; background:url(images/button03.jpg) no-repeat center top; color:#fff; text-decoration:none;}

/* 中央カラム設定 */
#centerC {width:100%;}
#centerC .blockTitle {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
#centerC .blockContent {padding:5px 10px; margin-bottom:20px;}
/* #centerC ul.d3blogBlockLatestEntries li {margin:0; padding:0; list-style-type:none;} */

#centerL {float:left; width:48%;}
#centerL .blockTitle {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
#centerL .blockContent {padding:5px 10px; margin-bottom:20px;}

#centerR {float:right; width:48%;}
#centerR .blockTitle {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
#centerR .blockContent {padding:5px 10px; margin-bottom:20px;}

/* 左カラム設定 */
#leftcolumn {float:left; width:180px;}
#leftcolumn .blockTitle {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
#leftcolumn .blockContent {text-align:left; padding:10px; background:url(images/bg_content.jpg);}
#leftcolumn ul,li　{margin:0; padding:0; list-style-type:none;}
/*#leftcolumn a {font-weight:bold;}*/

/* 右カラム設定 */
#rightcolumn {float:right; width:180px;}
#rightcolumn .blockTitle {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
#rightcolumn .blockContent {text-align:left; padding:10px; background:url(images/bg_content.png) no-repeat top center;}

/* フッタ設定 */
#footer {margin:0 auto; padding:0; width:860px; height:80px; text-align:center; color:#FFF; background:url(images/bg_foot.jpg) no-repeat center bottom; overflow:hidden;}
#footer p {color:#EEE; margin:0 auto; padding-top:20px; font-size:10px;}

.item {border:1px solid #cccccc;}
.itemHead {padding:10px; color:#FFF; background:url(images/bg_title.jpg) repeat-x left bottom;}
.itemInfo {text-align:right; padding:3px 5px; background:#444;}
.itemTitle a {font-size:120%; font-weight:bold; color:#FFF;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px 5px; background:#444;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* .outer {border:1px solid silver;} */
.head {background:#c2cdd6; padding:5px; font-weight:bold; color:#333;}
.head a {color:#777;}
.even {background:#dee3e7; padding:5px; color:#555;}
.even a {color:#777;}
.odd {background:#e9e9e9; padding:5px; color:#555;}
.odd a {color:#777;}
tr.even td {background:#dee3e7; padding:5px; color:#555;}
tr.even td a {color:#777;}
tr.odd td {background:#e9e9e9; padding:5px; color:#555;}
tr.odd td a {color:#777;}
.foot {background:#c2cdd6; padding:5px; font-weight:bold; color:#333;}
.foot a {color:#777;}

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

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

div.xoopsCode {background:#fff; color:#000; border:1px inset #000080; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#fff; color:#000; border:1px inset #000080; padding:0px 6px 6px 6px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#ffffff; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2f5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}

ul.d3f_ctrl li a {color:#444;}
ul.d3f_listforums li {padding:5px 3px;}
div.d3f_info_ctrl a {color:#666;}
div.d3f_info_val,div.d3f_info_sub {color:#444;}
div.d3f_info_val a,div.d3f_info_sub a {color:#666;}

.notes {color:red;}

#leftcolumn #relBanner {
	padding-top:50px;
	padding-bottom:70px;
}

#leftcolumn #relBanner ul,li {
	padding:0;
	marrgin:0;
	list-style-type:none;
}
#centerC #commentNotes {
	text-align:left;
}