@import url("reset.css");
/* Reset CSS Import */

/* General Tag */
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #333333;
	font-size: 80%;
	line-height: 1.4em;
}
a:link {
	color: #D23030;
	text-decoration: none;
}
a:visited {
	color: #AB1A1A;
	text-decoration: none;
}
a:hover, active {
	color: #1C4589;
	text-decoration: underline;
}
h1 {
	margin: 8px 0;
	padding: 2px;
	font-size: 120%;
	font-weight: bold;
	color: #38558F;
	border-top:#4866A2 double 3px;
	border-bottom:#38558F solid 1px;
}
#module-contents h1 {
	margin: 0 -8px 4px -8px;
	padding: 2px 6px 2px 6px;
	color: #FFFFFF;
	background: #498DF1;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
	border-top:none;
	border-bottom:#38558F solid 1px;
	font-size: 120%;
	font-weight: bold;
}
h2 {
	margin: 4px 0;
	padding: 1px;
	font-size: 110%;
	font-weight: bold;
	color: #38558F;
	border-bottom:#4866A2 solid 1px;
}
#module-contents h2 {
	margin: 8px 0;
	color: #38558F;
	font-size: 110%;
	font-weight: bold;
	border-bottom:#4866A2 solid 1px;
}
h3 {
	margin: 2px 0;
	font-weight: bold;
	font-size: 105%;
	color: #38558F;
	border-bottom:#4866A2 dotted 1px;
}
#module-contents h3 {
	margin: 2px 0;
	color: #38558F;
	font-weight: bold;
	font-size: 105%;
	border-bottom:#4866A2 dotted 1px;
}
h4, h5 {
	font-size: 100%;
	color: #193F8A;
}
ul, ol {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
/* Layout */
.structure {
	width: 746px;
	margin: 0 auto; /* Box centering */
	padding: 8px;
	background-color:#FFFFFF;
}
div.structure#header {
	background-color:#FFFFFF;
	padding: 8px;
}
div#logo {
	float: left;
	width: 32px;
	padding: 0;
}

div#navigation {
	float: left;
	width: 746px;
	padding: 4px 0 0 0;
	text-align: left;
}
.header-navi li {
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	list-style: none;
	padding: 0 4px 0 4px;
	font-weight: bold;
	text-decoration: none;
}
.header-navi li a {
	display:block;
	float:left;
	width:86px;
	padding: 2px 0 2px 0;
	margin-right: 4px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
.header-navi li a#navi-red {
	background-image: url(images/navi_bg_red.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-red {
	background-image: url(images/navi_bg_red_over.gif);
}
.header-navi li a#navi-orange {
	background-image: url(images/navi_bg_orange.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-orange {
	background-image: url(images/navi_bg_orange_over.gif);
}
.header-navi li a#navi-yellow {
	background-image: url(images/navi_bg_yellow.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-yellow {
	background-image: url(images/navi_bg_yellow_over.gif);
}
.header-navi li a#navi-green {
	background-image: url(images/navi_bg_green.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-green {
	background-image: url(images/navi_bg_green_over.gif);
}
.header-navi li a#navi-aqua {
	background-image: url(images/navi_bg_aqua.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-aqua {
	background-image: url(images/navi_bg_aqua_over.gif);
}
.header-navi li a#navi-blue {
	background-image: url(images/navi_bg_blue.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-blue {
	background-image: url(images/navi_bg_blue_over.gif);
}
.header-navi li a#navi-purple {
	background-image: url(images/navi_bg_purple.gif);
	background-repeat: no-repeat;
}
.header-navi li a:hover#navi-purple {
	background-image: url(images/navi_bg_purple_over.gif);
}

div#sitetitle{
	float: left;
	width: 700px;
	padding: 0;
	vertical-align: text-bottom;
}

p#sitename {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	margin: 2px 0 0 0;
	padding: 6px;
	color: #DE2315;
	font-size: 26px;
	font-weight: bold;	
}

p#sitename a {
	color: #DE2315;
	text-decoration:none;
}

p#slogan {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	margin: 7px 0 0 0;
	padding: 6px 6px 6px 4px;
	color: #1C4589;
	font-size: 12px;
	font-weight: bold;
}

div#container-red {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #E44545 solid 3px;
	border-bottom: #E44545 solid 3px;
}
div#container-orange {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #F89341 solid 3px;
	border-bottom: #F89341 solid 3px;
}
div#container-yellow {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #EBBE1F solid 3px;
	border-bottom: #EBBE1F solid 3px;
}
div#container-green {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #50CA4A solid 3px;
	border-bottom: #50CA4A solid 3px;
}
div#container-skyblue {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #48A8EA solid 3px;
	border-bottom: #48A8EA solid 3px;
}
div#container-blue {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #2947B9 solid 3px;
	border-bottom: #2947B9 solid 3px;
}
div#container-purple {
	overflow: hidden; /* Easy clearfix */
	background-color:#FFFFFF;
	padding: 8px 0 8px 0;
	border-top: #683A98 solid 3px;
	border-bottom: #683A98 solid 3px;
}
div#footer {
	clear:both;
	background-color:#FFFFFF;
	width: 742px;
	margin: 0 auto;
	padding: 4px 2px 6px 2px;
	text-align: left;
}
#footer p, #footer a {
	color:#42a0e2;
}
div#primary-contents {
	float: left;
	width: 554px;
	margin: 0;
	background-color:#FFFFFF;
	border-top: solid 2px #F1F1F1;
	border-left: solid 2px #EAEAEA;
	border-right: solid 2px #EAEAEA;
	border-bottom: solid 2px #D8D8D8;
}
div#secondaly-contents {
	float: right;
	width: 180px;
}
/* Center Column */
#center-column .blocktitle {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	background-image: url(images/title_bg.gif);
	background-repeat: no-repeat;
	border-bottom:#38558F solid 1px;
	font-size: 120%;
	font-weight: bold;
}
#center-column-left .blocktitle, #center-column-right .blocktitle {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	background-image: url(images/title_bg.gif);
	font-size: 120%;
	font-weight: bold;
}
#center-column .blockcontents {
	clear: both;
	margin: 0 4px 4px 4px;
	padding: 6px;
	font-size: 100%;
	line-height: 1.4;
	background: #ffffff;
}
#module-contents {
	clear: both;
	margin: 0 4px;
	padding: 0 4px;
	line-height: 1.5;
	background: #ffffff;
}
#center-column-left {
	float: left;
	width: 49.5%;
	background: #ffffff;
}
#center-column-right {
	float: right;
	width: 49.5%;
	background: #ffffff;
}
.center-center-block, .center-left-block, .center-right-block {
	clear: both;
	margin: 0 0 10px 0;
}
/* Left&Right Column */
#left-column, #right-column {
	overflow: hidden;
	background: #FFFFFF;
}
.LeftBlock, .RightBlock {
	padding: 0;
}
#left-column .blocktitle, #right-column .blocktitle {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #D23030;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_white.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-red, #right-column .blocktitle-red {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_red.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-orange, #right-column .blocktitle-orange {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_orange.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-yellow, #right-column .blocktitle-yellow {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_yellow.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-green, #right-column .blocktitle-green {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_green.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-aqua, #right-column .blocktitle-aqua {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_aqua.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-blue, #right-column .blocktitle-blue {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_blue.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blocktitle-purple, #right-column .blocktitle-purple {
	margin: 0;
	padding: 4px 6px 4px 6px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-align: left;
	font-weight: bold;
	background: url(images/side_title_bg_purple.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#left-column .blockcontents, #right-column .blockcontents {
	margin: 0 0 6px 0;
	padding: 4px;
	text-align: left;
	border-top: #F0F0F0 solid 1px;
	border-left: #EAEAEA solid 1px;
	border-right: #EAEAEA solid 1px;
	border-bottom: #C0C0C0 solid 1px;
}
/* Main Menu and User Menu */
.mainmenu, #usermenu {
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: transparent;
}
.mainmenu li, #usermenu li {
	display: inline;
}
#mainmenu a {
	display: block;
	padding: 2px 6px 2px 6px;
	background-color: transparent;
	border: solid 1px transparent;
	text-decoration: none;
	color: #184088;
	border-bottom: dotted 1px #C0C0C0;
}
#mainmenu a:hover {
	background-image: url(images/main_menu_bg.gif);
	color: #480E0E;
	background-color:#E44545;
	border-top: solid 1px #FBDBDB;
	border-bottom: solid 1px #EC5D5D;
}
.mainmenu a.menuTop {
	padding: 5px 10px;
}
.mainmenu a.menuMain {
	padding: 5px 10px;
}
.mainmenu a.menuSub {
	padding: 5px 5px 5px 15px;
}
#usermenu a {
	display: block;
	padding: 2px 6px 2px 6px;
	background-color: transparent;
	border: solid 1px transparent;
	text-decoration: none;
	color: #184088;
	border-bottom: dotted 1px #C0C0C0;
}
#usermenu a.menuTop {
}
#usermenu a:hover {
	background-image: url(images/user_menu_bg.gif);
	background-color:#ACDBF7;
	color: #0F316E;
	border-top: solid 1px #FAFAFA;
	border-bottom: solid 1px #BBBBBB;
}
/******************************************************************************/

.outer {
	border: solid 1px #dae4e9;
}
.head {
	padding: 5px;
	font-weight: bold;
	background-color: #dbe5eb;
}
.even {
	padding: 5px;
	background-color: #ecf3f5;
}
.odd {
	padding: 5px;
	background-color: #f7fbfc;
}
.foot {
	padding: 5px;
}
th {
	padding: 5px;
	color: #193f8a;
	background-color: #ced8dd;
	font-weight: bold;
}
tr.even td {
	padding: 5px;
	background-color: #ecf3f5;
}
tr.odd td {
	padding: 5px;
	background-color: #f7fbfc;
}
.item {
}
.itemHead {
	padding: 3px 8px;
	color: #ffffff;
	background: #5a6c8f;
}
.itemInfo {
	padding: 3px;
	text-align: right;
	background: #dbe5eb;
}
.itemTitle a {
	font-variant: small-caps;
	font-weight: bold;
	color: #ffffff;
	background: transparent;
}
.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 {
	padding: 3px;
	text-align: right;
	background: #ecf3f5;
}
.itemAdminLink {
	font-size: 90%;
}
.itemPermaLink {
	font-size: 90%;
}
div.errorMsg {
	padding: 10px;
	border-top: 1px solid #ddffff;
	border-right: 1px solid #9bb6e6;
	border-bottom: 1px solid #9bb6e6;
	border-left: 1px solid #ddffff;
	font-weight: bold;
	text-align: center;
	background: #ffcccc;
}
div.confirmMsg {
	padding: 10px;
	border-top: 1px solid #ddffff;
	border-right: 1px solid #9bb6e6;
	border-bottom: 1px solid #9bb6e6;
	border-left: 1px solid #ddffff;
	font-weight: bold;
	color: #136C99;
	text-align: center;
	background: #ddffdf;
}
div.resultMsg {
	padding: 10px;
	border-top: 1px solid silver;
	border-right: 1px solid #5a6c8f;
	border-bottom: 1px solid #5a6c8f;
	border-left: 1px solid silver;
	font-weight: bold;
	color: #333333;
	text-align: center;
	background: #dbe5eb;
}
div.xoopsCode {
	padding: 0 6px 6px 6px;
	border: 1px inset #000080;
	font-family: "Courier New", Courier, monospace;
	background: #f7fbfc;
}
div.xoopsQuote {
	padding: 3px;
	border: 1px solid #336699;
	background: #f7fbfc;
}
.comTitle {
	margin-bottom: 2px;
	font-weight: bold;
}
.comText {
	padding: 2px;
}
.comUserStat {
	padding: 2px;
	margin: 2px;
	border: 1px solid silver;
	font-size: 10px;
	font-weight: bold;
	color: #2F5376;
	background-color: #ffffff;
}
.comUserStatCaption {
	font-weight: normal;
}
.comUserStatus {
	margin-top: 10px;
	margin-left: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #2F5376;
}
.comUserRank {
	margin: 2px;
}
.comUserRankText {
	font-size: 10px;
	font-weight: bold;
}
.comUserRankImg {
	border: 0;
}
.comUserName {
}
.comUserImg {
	margin: 2px;
}
.comDate {
	font-size: smaller;
	font-style: italic;
	font-weight: normal;
}
.comDateCaption {
	font-style: normal;
	font-weight: bold;
}