@import url("reset.css");
/* 001*/
html {
	background-color: #E9F7EA;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-x;
}
body {
	color:#333;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 85%;
	line-height: 1.5;
}

a, a:visited {color:#5A93C9; text-decoration:none;}
a:hover {color:#88AC0B; text-decoration:underline;}

h1, h2, h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
}
h1 {
	font-size:200%;
	font-weight:normal;
	letter-spacing:-1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2 {
	font-size:160%;
	color:#333333;
	text-indent: 7px;
}
h3 {font-size:140%; font-weight:normal;}

h1, h2, h3, p {padding:10px; margin:0;}

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 {width:100%; border-collapse:collapse;}
th {background:#93BC0C url(images/nav.jpg) repeat-x; height:35px; padding-left:12px; padding-right:12px; color:#0099FF; text-align:left;}
th a {color:#EEE;}
th a:hover {color:#FFF; text-decoration:underline;}
td {vertical-align:top;}


label {display:block; font-weight:bold; margin:5px 0;}
input {padding:2px; border:1px solid #CCCCCC; 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;
	border:1px solid #88AD0C;
	background-image: url(images/search.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* ･?､･｢･ｦ･ﾈ */
#canvas {
	position:relative;
	width:1000px;
	text-align:left;
	background-color: #fff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content-wrap {
	position:relative;
	clear:both;
	float:left;
	width:970px;
	margin-left:15px;
	display:inline;
	border-top:5px solid #fff;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color: #fff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

/* ･ﾘ･ﾃ･ﾀ */
#header {
	position:relative;
	width:970px;
	height:100px;
	padding:0;
	background-color: #FFF;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header h1 a {
	position:absolute;
	margin:0;
	padding:0;
	color:#111;
	text-transform:none;
	text-decoration:none;
	top:30px;
	left:20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#header h1 a:hover {color:#666; text-decoration:underline;}
#header h2 {position:absolute; margin:0; padding:0; font:normal 12px Georgia, "Times New Roman", Times, serif; text-transform:none; color:#5b4a29; top:72px; left:25px;}

#header .header-links {
	position:absolute;
	top:70px;
	right:13px;
	color:#5B4A29;
	font-family: "Times New Roman", Times, serif;
}
#header .header-links a {color:#5b4a29; text-decoration:none; padding:0 2px; font-weight:bold;}
#header .header-links a:hover {color:#111;}

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

#header-photo {
	clear:both;
	padding:0;
	height:172px;
	width:970px;
	overflow:hidden;
	background-color: #fff;
	background-image: url(images/header_img.jpg);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center;
}
#header-photo img {border:none; margin:0; padding:0;} 

#nav {
	clear:both;
	padding:0;
	height:30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#nav ul {
	float:left;
	list-style:none;
	background:url(images/nav.jpg) repeat-x;
	width:970px;
	height:28px;
	text-transform:uppercase;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	border: 1px solid #CCCCCC;
	padding-top: 2;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#nav ul li {
	display:inline;
	margin:0;
	padding: 0px;
}
#nav ul li a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	color:#666;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#nav ul li a:hover, 
#nav ul li a:active {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00CC33;
}
#nav ul li.current a {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #33CC00;
}

/* ･皈､･?ｫ･鬣? */
#main {
	float:left;
	width:710px;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#main ul li {list-style-image:url(images/bullet.gif);}

#main .BlockTitle {margin-top:10px; padding-bottom:3px; font:bold 180% 'Trebuchet MS', Tahoma, Sans-serif; color:#895F30;}
#main .BlockContent {padding:5px 0;}

/* ･ｳ･?ﾆ･?ﾄﾀﾟﾄ? */
.CenterCblock,
.CenterLblock,
.CenterRblock {clear:both; margin-bottom:10px;}

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

#ModuleContents {font-size:100%; line-height:1.5; padding:5px 10px 5px 5px; clear:both;}

/* ･ｵ･､･ﾉ･ｫ･鬣? */
#sidebar {
	float:right;
	width:210px;
	padding:15px 0 0 0;
	margin:0;
}
#sidebar .BlockTitle {
	margin-top:10px;
	padding:5px;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-image: url(images/bg_title.jpg);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
}
#sidebar .BlockContent {padding:5px 15px;}

#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;
	color:#895F30;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
#mainmenu a:hover {color:#1773BC;}
#mainmenu a.menuTop {border-top:#DDD solid 1px; border-bottom:#DDD solid 1px;}
#mainmenu a.menuMain {border-bottom:#DDD solid 1px;}
#mainmenu a.menuSub {padding-left:25px;}

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

/* ･ﾕ･ﾃ･ｿ */
#footer {
	clear:both;
	width:1000px;
	font-size:95%;
	text-align:left;
	border-bottom:15px solid #fff;
	border-top: 1px solid #fff;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}
#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;
	width:970px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10;
	padding-left: 0;
}
#footer-bottom  a {color:#976834;}

.outer {}
.head {background-color:#CCC; padding:5px; font-weight:bold;}

.even {background-color:#EFEFEF; padding:5px;}
.odd  {background-color:#F8F8F8; padding:5px;}

.foot {padding:5px;}

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

.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 {font-weight:bold; font-size:160%; color:#895F30;}
.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 #895F30;}
.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; }
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 96%;
	position: absolute;
	margin-top: 123px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}