@import url("reset.css");

/* 全般設定 */
html {
	background:#ffffff;
}

body {
	background:#ffffff;
	font:small/1.8 'Trebuchet MS', Verdana, Tahoma, Arial, Geneva, sans-serif;
	color:#666;
	text-align:center;
	letter-spacing:0.1em;
}

a, a:visited {color:#663300; text-decoration:underline;}
a:hover {color:#ff6600; background:#ffff66; text-decoration:underline;}

h1, h2, h3 {font-family:'Trebuchet MS', Tahoma, Sans-serif;}

h1 {font-size:140%; font-weight:bold; color:#ff0000; border-bottom:3px solid #ff0000; border-top:3px solid #ff0000; margin-bottom:10px; padding-top:3px; padding-bottom:3px; margin-top:20px; background:#fffacd;}

h2 {font-size:120%; font-weight:bold; color:#ff0000; border-bottom:1px dashed #ff0000; margin-bottom:10px; padding-top:20px; margin-top:20px;}

h3 {font-size:100%; font-weight:bold; color:#ff0000; margin-bottom:5px; padding-top:10px; margin-top:10px;}

h1, h2, h3, p {padding:5px;}

ul, ol {margin:5px 20px; padding:0 20px;}
ul {list-style:none;}

img {border-none;}
img.float-right {margin:5px 0px 10px 10px;}
img.float-left {margin:5px 10px 10px 0px;}

table {border-collapse:separate;}
th {background:#cccccc; height:35px; padding-left:12px; padding-right:12px; color:#333333; text-align:left; font-weight:bold;}
th a {color:#EEE;}
th a:hover {color:#FFF; text-decoration:underline;}
td {vertical-align:top; padding:3px;}


.read {
	font-size: 110%;
	font-weight: normal;
	color: #AA0000;
	padding-bottom: 30px;
	letter-spacing: 2px;
}


.copy {
	font-size: 120%;
	font-weight: bold;
	color: #AA0000;
	padding-bottom: 30px;
	letter-spacing: 2px;
}


label {display:inline; font-weight:bold; margin:5px 0;}
input {padding:2px; border:1px solid #666666; font:normal 1em Verdana, sans-serif; color:#777;}

textarea {padding:2px; border:1px solid #666666; font:normal 1em Verdana, sans-serif; color:#777;}

input.button {font:bold 12px Arial, Sans-serif; height:24px; margin:0; padding:2px 3px; color:#FFF; background:#aaaaaa; border:1px solid #8e6101; display:inline;}

/* レイアウト */

#canvas {
	position:relative;
	background:#fff url(images/wrap-bg.jpg) repeat-y;
	width:900px;
	margin:0px auto 0 auto;
	text-align:left;
	border-left:1px solid #ff0000;
	border-right:1px solid #ff0000;
	padding-top:5px;
}

#content-wrap {position:relative; background:#fff repeat-x; clear:both; float:left; width:870px; padding:0 0 15px 0; margin-left:15px; display:inline; border-top:5px solid #fff; border-bottom:1px solid #e5e5e5;}

/* ヘッダ */
.slogan {
	position:absolute; margin:0; padding:0; font:normal x-small Georgia, "Times New Roman", Times, serif; text-transform:none; color:#5b4a29; top:5px; left:20px; z-index:50; border:0;
	}


#header {
	position:relative;
	background:#FFF url(images/header-bg.jpg)
	repeat-x;
	width:870px;
	height:100px;
	padding:0; margin:0 auto;
}

.logo a {position:absolute; margin:0; padding:0; font:normal 30px Georgia, "Times New Roman", Times, serif; color:#111; text-transform:none; text-decoration:none; top:30px; left:20px; border-bottom:0px; border-top:0px;}
.logo a:hover {color:#666; text-decoration:underline; background:transparent; border:0;}

#header .header-links {position:absolute; top:30px; right:15px; color:#5B4A29;}
#header .header-links a {color:#666666; text-decoration:none; padding:0 2px; font-weight:bold;}
#header .header-links a:hover {color:#ff6600; background:#ffff66;}

#header .searchform {position:absolute; top:60px; right:0; width:240px; background:#ffffff; border:none;}
#header .searchform input.textbox {width:150px; color:#777; height:18px; padding:2px; vertical-align:top;}
#header .searchform input.button {width:60px; height:24px; padding:2px 5px; vertical-align:top;}

#header-photo {clear:both; background:#fff; margin:5px auto; padding:0; height:250px; width:900px; overflow:hidden;}
#header-photo img {border:none; margin:0; padding:0;} 


#nav {clear:both; margin:0; padding:0; height:30px;}
#nav ul {float:left; list-style:none; background:url(images/menutitle2.jpg) repeat-x; width:870px; height:30px; text-transform:uppercase; margin:5px 0 5px 15px; padding:0; display:inline; vertical-align: bottom;}
#nav ul li {display:inline; margin:0; padding:0;}
#nav ul li a {padding:12px 12px 2px 12px; display: inline; color: #666666; font-weight: bold; text-align:center; background-repeat: no-repeat; border-right:1px solid #CCCCCC; font-size:100%; text-decoration:none;}
#nav ul li a:hover, 
#nav ul li a:active {padding:12px 12px 2px 12px; background:url(images/menutitle.jpg) repeat-x; text-decoration:none; color:#ff6600; background-repeat: no-repeat;}


/* メインカラム */
#main {float:left; width:610px; padding:10px 0 0 0; margin:0 0 0 10px; display:inline;}
#main ul li {list-style-image:url(images/bullet.gif);}

#main .BlockTitle {margin-top:10px; padding-bottom:3px; font:bold 120%; font-weight:bold; color:#ff0000; border-bottom:2px solid #ff0000; border-top:2px solid #ff0000; margin-bottom:10px; padding-top:3px; padding-bottom:3px; margin-top:20px; background:#fffacd;
}
#main .BlockContent {padding:5px 0;}

/* コンテンツ設定 */
.CenterCblock,
.CenterLblock,
.CenterRblock {clear:both; margin-bottom:10px;}

#CenterLColumn {float:left; width:49%;}
#CenterRColumn {float:right; width:49%;}

#ModuleContents {line-height:1.8; padding:5px 10px 5px 5px; clear:both;}

/* サイドカラム */
#sidebar {float:right; width:230px; padding:15px 0 0 0; margin:0;}
#sidebar .BlockTitle {background:#fffacd; margin-top:20px; padding:3px; font-weight:bold; color:#b22222; font-size:120%; padding-left:10px;}
#sidebar .BlockContent {padding:5px;}

#sidebar ul {list-style:none; margin:0; padding:0; text-decoration:none;}
#sidebar li {list-style:none; margin:0; padding:5px;}

* html body #sidebar ul.sidemenu li {height:1%;}

/* メインメニュー及びユーザメニュー */
#mainmenu, #usermenu {margin:0; padding:0; text-align:left;}
#mainmenu a {display:block; margin:0 1px; padding: 5px 0;}
#mainmenu a:hover {}
#mainmenu a.menuTop {border-bottom:#aaa dotted 1px;}
#mainmenu a.menuMain {border-bottom:#aaa dotted 1px;}
#mainmenu a.menuSub {padding-left:25px;}

#usermenu a {display:block; border-bottom:#DDD solid 1px; margin:0 1px; padding: 5px 0;}
#usermenu a:hover {}
#usermenu a.menuTop {border-top:#DDD solid 1px;}
#usermenu a.highlight {background-color:#FCC;}

/* フッタ */
#footer {clear:both; width:900px; font-size:100%; text-align:left; padding:10px 0; border-bottom:10px solid #fff; border-top: 1px solid #fff;}
#footer a:hover {color:#000;}
#footer h3 {color:#976834; margin:0; padding:0 10px; text-transform:uppercase; font-weight:bold;}

#footer-columns {color:#888; margin:0 auto; padding:0; width:840px;}
#footer-columns a {text-decoration:none; font-weight:bold; color:#666666;}
#footer-columns ul {list-style:none; margin:10px 0 0 0; padding:0; border-top:1px solid #e5e5e5;}
#footer-columns li {border-bottom:1px solid #e5e5e5;}
#footer-columns li a {display:block; font-weight:normal; padding:5px 0 5px 10px; width:96%;}
#footer-columns .col3, .col3-center {float:left; width:32%;}
#footer-columns .col3-center {margin:0 15px;}

#footer-bottom {clear:both; color:#666; margin:0 auto; width:870px; padding:0px; text-align:center;}
#footer-bottom  a {color:#976834;}

.outer {}
.head {background-color:#eee8aa; padding:10px; font-weight:bold; color:#663300; margin:10px;}

.even {background-color:#fafad2; padding:10px; margin:10px;}
.odd  {background-color:#fffacd; padding:10px; margin:10px;}

.foot {padding:5px;}

tr.even td {background-color:#EEE; padding:10px;}
tr.odd td {background-color:#FAFAFA; padding:10px;}

.item {}
.itemHead {padding:3px 8px; background:transparent; color:#895F30; border-left:1px solid #895F30; border-bottom:1px solid #895F30;}
.itemInfo {text-align:right; padding:3px; background:#F3F3F3; border-right:1px solid #895F30;}
.itemTitle a {color:#ff0000;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:5px 10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px; border-top:1px solid #ff0000;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

div.errorMsg {background:#FCC; text-align:center; border-top:1px solid #DDF; border-left:1px solid #DDF; border-right:1px solid #AAA; border-bottom:1px solid #AAA; font-weight:bold; padding:10px;}
div.confirmMsg {background: #DDFFDF; color:#136C99; text-align:center; border-top:1px solid #DDF; border-left:1px solid #DDF; border-right:1px solid #AAA; border-bottom:1px solid #AAA; font-weight:bold; padding:10px;}
div.resultMsg {background:#CCC; color:#333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #666; border-bottom:1px solid #666; padding:10px;}

div.xoopsCode {background:#FAFAFA; border:1px inset #000080; font-family: "Courier New",Courier,monospace; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#FAFAFA; border:1px solid #369; padding:3px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2F5376; font-weight:bold; border:1px solid silver; background-color:#FFF; 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:0;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }