/usr/home/public_html/themes/over_the_rainbow/フォルダ内にあるstyle.cssをエディタで書き換えることで簡単に変更ができる。
　【style.css】参考までに、このホームページで使用しているstyle.cssを貼り付けておきます。
@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;   画面全体の背景     */
 background: #CCFFFF;
 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;        */
 color: #CCFFFF;
 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 １ページの割付 746px ------------------ */
.structure {
 width: 960px;
 margin: 0 auto; /* Box centering */
 padding: 8px;
 background-color:#FFFFFF;
}
div.structure#header {
/*      background-color:#FFFFFF;  ヘッダー最上部行の背景        */
 background-color:#CCFFFF;
 padding: 8px;
}
/* ------------------- ロゴの印字幅 32px ------------------ */
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;
}
/* ---------- TopePage News Abut Downloads Links Countact の幅-------- */
.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);
}

/* ------------------- 表題・副題の行幅 700px ------------------ */
div#sitetitle{
 float: left;
 width: 800px;
 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; フッター部分の背景         */
 background-color:#CCFFFF;
 width: 742px;
 margin: 0 auto;
 padding: 4px 2px 6px 2px;
 text-align: left;
}
#footer p, #footer a {
 color:#42a0e2;
}
/* ------------------- コンテンツ編集画面幅 554px ------------------ */
div#primary-contents {
 float: left;
 width: 726px;
 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;
}
/* ----------- カテゴリー（メニュー項目幅）180px ------------- */
div#secondaly-contents {
 float: right;
 width: 230px;
}
/* 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;   ブロック背景       */
 background: #FFFFCC;
}
.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;
}