@charset "euc-jp";
/* ------------ HTML TAG Re-definition ------------ */
body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Verdana, Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	font-size: 80%;
	margin: 0;padding: 0;
	}
table {
	width: 100%;
	margin: 0;
	padding: 0;
	}
table td {
	padding: 0;
	margin: 0;
	vertical-align: top;
	line-height: 130%;
	}

/* ------------ Link Color Settings ------------ */
a {color: #006699; background-color:inherit; text-decoration: none;}
a:hover {color: #FF0000;text-decoration: underline; background-color:inherit;}
a:visited {color: #003366; background-color:inherit;}

/* ------------ Heading and List tag Settings ------------ */
h1,h2 {}
h3,h4,h5 {
	color: #666666;
	background-color:inherit;
	font-size: 100%;
	margin-top: 10px;
	margin-bottom:5px;
}
ul, ol, li {
	margin:0 0 0 10px;
	padding:2px;
	text-align: left;
}
legend {padding: 0px 10px;color: #666666; background-color:inherit;}

/* ------------ from item settings ------------ */
textarea {
	width:300px;
}
#timezone_offset {
	width:300px;
}
#disclaimer {
	font-size:12px;
}

/* ------------ basic settings ------------ */
.clear {
	clear:both;
}

/* ------------ Layout settings ------------ */
.usual {
	margin:15px 0;
	padding:0;
	text-align:center;
	color: #666666;
	background-color: #A9A8A8;
	}
div.page {
	width: 800px;
	background-color: #FFFFFF;
	color:inherit;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	background-image: url(images/layout_middle.gif);
	background-repeat: repeat-y;
	float:left;
	}
#layout_head {
	background-image: url(images/layout_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:20px;
}
#layout_bottom {
	background-image: url(images/layout_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 14px;
}


/* ------------ Header elements ------------ */

#header {
	margin: 0 26px;
}
.logo {
	float:left;
}
#sub_menu {
	float:right;
	background-image: url(images/bar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align:right;
	padding-top:10px;
	width:500px;
}
#header_menu {
	clear:both;
	text-align:left;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	padding-top:10px;
}
#header_menu ul {
	margin:0;
	padding:0;
}
#header_menu li {
	float:left;
	padding: 0px 2px;
	margin:0 0 3px;
	text-decoration: none;
	white-space:nowrap;
	list-style:none;
	border-right:1px solid #DEDEDE;
	vertical-align: bottom;
}

#header_menu ul li a {
	color:#333333;
	font-weight:bold;
	display: block;
	list-style: none;
	padding: 5px 8px;
	text-decoration:none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align:center;
}
#header_menu ul li a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #575757;
}
#header_menu ul li a.active {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
/* ------------ main image area ------------ */
#main_img_ {
	clear:both;
	background-image: url(images/main_img_.jpg);
	height: 202px;
	text-align: center;
}


/* ------------ Content Area ------------ */

#top_information {
	padding-top: 10px;
	padding-bottom:6px;
}
#top_information2 {
	padding-top: 6px;
}
#content_area {
	clear:both;
	padding-top:10px;
	margin-left:26px;
	margin-right:26px;
	padding-bottom:10px;/*

	background-image: url(images/content_area.jpg);
	background-repeat:repeat;
	background-position:right top;
*/
}
#side_area {
	width:186px;
	margin-right: auto;
	border: 1px solid #E8E8E8;
	background-color:#F8F8F8;
	color:inherit;
	overflow:hidden;
}
#main_area {
	float:right;
	width:540px;
	border: 1px solid #E8E8E8;
	overflow:hidden;
}
#right_column {
	position: absolute;
	top: 20px;
	left: 810px;
	width:292px;
	text-align: left;
	overflow:hidden;
	background-color:#fafafa;
}

/* ------------ footer ------------ */
#footer {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	font-size:12px;
	text-align: center;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:20px;
	background-color: #A9A8A8;
	}
#footer a {
	color:#FFF;
}
/* ------------ left column ------------ */
.leftcolumn {
}
.block {
	padding:15px;
}

.leftcolumn .blockTitle {
	padding:12px 5px 12px 15px;	
	font-weight: bold;
	color:#666666;
	border: 1px solid #DEDEDE;
	background-image: url(images/title_back.gif);
	background-repeat: repeat-x;
	background-position:center;
	}

.leftcolumn .blockContent {
	margin: 10px;
	text-align:left;
	
}



/* ------------ xoops mainmenu & usermenu ------------ */

#mainmenu a {
	display: block;
	text-decoration: none;
	color:#666666;
	background-color:inherit;
	background-image:url(images/indent.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin-bottom:4px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#mainmenu a:visited {}
#mainmenu a:hover {color: #ff9900;}
#mainmenu a.menuTop {
	padding-left: 15px;}
#mainmenu a.menuMain {
	padding-left: 15px;}
#mainmenu a.menuSub {
	margin-left: 10px;
	padding-left: 15px;
	background-image:url(images/indent_allow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#usermenu a {
	display: block;
	margin-bottom:4px;
	text-decoration: none;
	background-image:url(images/indent.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#usermenu a {color: #6F6C65;}
#usermenu a:visited {color: #6F6C65;}
#usermenu a:hover {color: #ff9900;}
#usermenu a.menuTop {}
#usermenu a.menuMain {border-bottom: 1px dotted #cdcdcd;}
#usermenu a.highlight {color: #dd0000; background-color: #ffeedd;}


/* ------------ main content ------------ */
.centercolumn {
	text-align:left;
	line-height: 140%;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	}
.centercolumn_top {
	text-align:left;
	line-height: 140%;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	border:1px solid #CCCCCC;
}

/*block detail*/
.centercolumn th {vertical-align: middle;}

.centerCcolumn .blockTitle {
	margin:10px 0 0;
	line-height:normal;
	font-size: 1.0em;
	font-weight: bold;
	padding: 8px;
	background-image: url(images/bar.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.centerCcolumn .blockContent {
	line-height: 150%;
}

.centerCcolumn2 .blockTitle {
	margin:10px 0 0;
	line-height:normal;
	font-size: 1.0em;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 6px;
}
.centerCcolumn2 .blockContent {
	line-height: 150%;
	margin-bottom:8px;
}

.centerLcolumn {
	width: 48%;
	padding: 0px 3px 0px 0px;
	}
.centerLcolumn .blockTitle {
	margin:0;
	padding: 2px;
	font-weight: bold;
	}
.centerLcolumn .blockContent { padding: 3px 3px 8px; line-height: 140%;}


.centerRcolumn {
	width: 48%;
	padding: 0px 0px 0px 3px;
	}
.centerRcolumn .blockTitle {
	margin:0;
	padding: 2px;
	font-weight: bold;
	}
.centerRcolumn .blockContent { padding: 3px 3px 8px; line-height: 140%;}

#content {
	overflow:hidden;
}
/* ------------ main content hedding set ------------ */
#content h1, #content h2, #content h3, #content h4, #content h5,
 .blockContent h1, .blockContent h2, .blockContent h3, .blockContent h4, .blockContent h5 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
	color:#333333;
	background-color: inherit;
}
#content h1, .blockContent h1 {
	margin:10px 0 0;
	line-height:normal;
	font-size: 1.5em;
	font-weight: bold;
	padding-top: 11px;
	padding-bottom: 8px;
}
#content h2, .blockContent h2 {
	margin:10px 0 0;
	line-height:normal;
	font-size: 1.25em;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 7px;
}
#content h3, .blockContent h3 {
	margin:10px 0 0;
	line-height:normal;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 6px;
}

#page_top {
	text-align:right;
	padding-top:40px;
	padding-right:10px;
}

#xoops_banner {
	text-align:center;
}
/* ------------ right column ------------ */
.rightcolumn {
	line-height:130%;
	}
.rightcolumn th {background-color: #666666; color: #FFFFFF;}
.rightcolumn .blockTitle {
	margin:3px;
	padding: 3px 0px 4px 15px;
	font-weight: bold;
	color:#666666;
	border-bottom: 1px solid #D4D4D4;
}
.rightcolumn .blockContent {
	padding:0 3px 3px;
	text-align:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* ------------ for table ------------ */
th {
	padding : 3px;
	vertical-align : middle;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	color: #666;
	background-color:#CCCCCC;
	}
.outer {border: 1px solid #E8E8E8;}
.head {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	background-color: #E2E2E2;
	color:inherit;
}
.even {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	background-color: #F3F3F3;
	color:inherit;
}
.odd {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	background-color: #FFFFFF;
	color:inherit;
}
.foot {padding: 5px; font-weight: bold;}
tr.even td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
tr.odd td {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
tr.even {
	background-color: #F3F3F3;
	color:inherit;
}
tr.odd {
	background-color: #FFFFFF;
	color:inherit;
}
tr.odd:hover, tr.even:hover {
	color: #000000;
	background-color: #DFDFDF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}

div.errorMsg {
	background-color: #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;
	color: #333333;
}
div.confirmMsg {
	background-color: #CCFF33;
	color: #003333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
div.resultMsg {
	background-color : #FFFFFF;
	color: #333333;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #CCCCCC;
}

div.xoopsCode {
	background: #FFFFFF;
	color:inherit;
	border: 1px inset #336600;
	font-family: "Courier New",Courier,monospace, osaka;
	padding: 0px 6px 6px 6px;
	overflow: auto;
	width: 350px;
}
div.xoopsQuote { 
	background: #FFFFFF;
	color:inherit;
	border: 1px inset #336600;
	font-family: "Courier New",Courier,monospace, osaka;
	padding: 0px 6px 6px 6px;
	overflow: auto;
	width: 350px;
}

/* ------------ for newbb module ------------ */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comText img {width: 370px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; background-color:inherit; 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-style: normal; font-size: 9px}
.comDateCaption {font-weight: bold; font-style: normal;}


/* ------------ for news module ------------ */
.item {}
.itemHead {padding: 3px;color: #666666; background-color:inherit; border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #666666;}
.itemInfo {text-align: right; padding: 3px}
.itemTitle a {font-size: 120%; font-weight: bold; font-variant: small-caps;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef; color:inherit;}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
/* ------------ for news block ------------ */
.news_new {
	font-size:10px;
	margin-left:-2px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(http://en.marimba.org/en/images/top/arr_red.gif);
	margin-bottom:10px;
	line-height:140%;
}

/* ----------- for myalbum --------------- */
.myalbum_img {
	width:370px;
}

/* ----------- for events ------------ */
.ehead {
	width: 50px;
	color: #224400;
	text-align: justify; text-justify: distribute-all-lines;
}