@charset "EUC-JP";

/* style.css */
body {
 font-family : "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka,sans-serif;
 margin : 0px;
 padding : 0px;
 color : #333;
 background-color : #EEE;
 line-height : 1.4em;
 word-wrap : break-word;
}

table {
 width : 100%;
 font-size : small;
 line-height : 1.4;
 text-align : left;
}

table td {
 vertical-align : top;
}

h1#header {
 font-family : "Arial Black", "Arial";
 font-size : 32px;
 color : #FFF;
 letter-spacing : 5pt;
 background-color : #666;
 margin : 0px;
 padding : 15px 10px 20px 10px;
 border-style : double none;
 border-color : #CCC #AAA;
 border-width : 5px 0px;
}

table#main {
 margin : 0px;
 padding : 0px;
 border-collapse : separate;
 background-color : #FFF;
}

td.colLeft , td.colRight {
 margin : 0px;
 padding : 0px;
 width : 170px;
 background-color : #FFF;
}

td.colRight {
 background-color : #FFF;
}

div.colLeft_Title , div.colRight_Title {
 margin : 0px;
 padding : 5px;
 color : #FFF;
 font-weight : bold;
 background-color : #666;
 border-style : solid;
 border-width : 1px;
 border-color : #666;
}

div.colLeft_Content , div.colRight_Content {
 margin : 0px;
 padding : 5px;
 color : #666;
 background-color : #FFF;
 border-style : none solid solid solid;
 border-width : 1px;
 border-color : #666;
}

div.center {
 width : 99%;
 margin : 0px 0px 0px 5px;
}

td.colCenter {
 margin : 0px;
 padding : 0px;
 border-style : none;
 background-color : #FFF;
}

div.colCenter_blkCenter_Title , div.colCenter_blkLeft_Title , div.colCenter_blkRight_Title {
 margin : 0px 2px;
 padding : 5px;
 color : #FFF;
 font-weight : bold;
 background-color : #666;
 border-style : solid;
 border-width : 2px;
 border-color : #666;
}

div.colCenter_blkCenter_Content , div.colCenter_blkLeft_Content , div.colCenter_blkRight_Content {
 margin : 0px 2px;
 padding : 5px;
 color : #666;
 background-color : #FFF;
 border-style : none solid solid solid;
 border-width : 2px;
 border-color : #666;
}

td#mainmenu a , td#usermenu a {
 display : block;
 margin : 1px 0px 0px 0px;
 background-color : #FFF;
}

td#mainmenu a:link , td#usermenu a:link {
 color : #666;
}

td#mainmenu a:visited , td#usermenu a:visited {
 color : #666;
}

td#mainmenu a:hover , td#usermenu a:hover {
 color : #F00; 
}

td#mainmenu a:active , td#usermenu a:active {
 color : #F90;
}

td#mainmenu a.menuTop , td#mainmenu a.menuMain , td#usermenu a {
}

td#mainmenu a.menuSub {
}

td#usermenu a.highlight {
 background-color : #CCC;
}

a, div#link, div#visiter, div#hover, div#active {
 text-decoration : none;
}

a:link, div#link {
 color : #066;
}

a:visited, div#visiter {
 color : #033;
}

a:hover, div#hover {
 color : #099;
}

a:active, div#active {
 color : #0FF;
}

a img {
 border-style : none;
}

h1 , h2 , h3 , h4 , h5 , h6 {
 margin : 0.5em 0px;
 border-style : none;
}

div#content {
 margin : 5px 0px;
 padding : 5px 0px;
}

.item {
 border-style : solid;
 border-color : #666;
 border-width : 1px;
}

.itemHead , th {
 background-color : #FC6;
 text-align : left;
 margin : 0px;
 padding : 5px;
}

.itemHead a:link , .itemHead a:visited , .outer th a:link , .outer th a:visited {
 color : #FFF;
}

.itemHead a:hover , .outer th a:hover {
 color : #DD0;
}

.itemHead a:active {
 color : #FF0;
}

.itemInfo {
 color : #336;
 font-size : x-small;
 background-color : #DDD;
 text-align : right;
 padding : 2px 5px;
}

.itemPoster {
}

.itemPostDate {
}

.itemStats {
}

.itemBody {
 padding : 2px 5px;
 background-color : #FFF;
}

.itemText {
 margin : 0px;
 line-height : 1.2;
}

.itemFoot {
 color : #336;
 font-size : x-small;
 background-color : #DDD;
 text-align : right;
 padding : 2px 5px;
}

.itemAdminLink {
}

.itemPermaLink {
}

tr.even td {
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #CCC;
}

.outer tr.even td {
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #CCC;
}

tr.odd td {
 background-color : #FFF;
 margin : 0px;
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #CCC;
}

.even {
 background-color : #EEE;
 padding : 5px;}

.odd {
 background-color : #EEE;
 padding : 5px;
}

.outer {
 width : 100%;
 border-style : solid;
 border-width : 1px;
 border-color : #AAA;
}

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

.foot {
 background-color : #EEE;
 padding : 5px;
}

.comTitle {
 font-weight : bold;
 background-color : #FFF;
 margin : 0px 0px 5px 0px;
 padding : 5px;
 border-style : solid;
 border-width : 0px 0px 1px 0px;
 border-color : #EEE;
}

.comText {
}

div.xoopsCode {
 font-family : "monospace";
 background-color : #FFF;
 margin : 5px 0px;
 padding : 0px 0px 0px 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #333;
}

div.xoopsQuote {
 background-color : #FFF;
 margin : 5px 0px;
 padding : 0px 0px 0px 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #333;
}
blockquote {
 margin : 5px;
}

.comUserStat {
 font-size : xx-small;
 font-weight : bold;
 color : #099;
 margin : 1px 0px 0px 0px;
 padding : 1px;
 border-style : solid;
 border-width : 1px;
 border-color : #AAA;
}

.comUserStatCaption {
 font-weight : normal;
}

.comUserRank {
 margin : 0px 0px 15px 0px;
}

.comUserRankText {
 font-size : xx-small;
}

.comUserImg {
 margin : 2px;
}

.comDate {
 font-size : x-small;
 text-align : right;
}

.comDateCaption {
 font-weight : bold;
}

ul {
 margin : 2px;
 padding : 2px;
 list-style : decimal inside;
}
li {
 margin : 0px 0px 0px 2px;
 list-style : square inside;
}

div.errorMsg {
 background-color : #FCC;
 text-align : center;
 border-style : solid;
 border-width : 1px;
 border-color : #DDF #AAA #AAA #DDF;
 font-weight : bold;
 padding : 10px;
}

div.confirmMsg {
 font-weight : bold; 
 color : #C33;
 background-color : #DDD;
 text-align : center;
 margin : 0px;
 padding : 10px;
 border-style : solid;
 border-width : 2px;
 border-color : #AAA;
}

div.resultMsg {
 font-weight : bold;
 color : #333;
 background-color : #CCC;
 text-align : center;
 padding : 10px;
 border-style : solid;
 border-width : 2px;
 border-color : #666;
}

#footer {
 font-family : "Arial Black", "Arial";
 font-size : x-small;
 color : #333;
 background-color : #CCC;
 text-align : center;
 margin : 0px;
 padding : 5px;
 border-style : solid none none none;
 border-width : 2px;
 border-color : #AAA;
}

#footer a {
 color : #999;
}

#footer a:hover {
 color : #933;
}

div.colLeft_Content table , div.colCenter_blkCenter_Content table , div.colCenter_blkLeft_Content table , div.colCenter_blkRight_Content table , div.colRight_Content table {
 width: 90%;
}

a.LinkBtn {
 text-align : left;
 text-decoration : none;
 margin : 5px;
 padding : 10px;
 display : block;
 color : #666;
 border-style : solid;
 border-width : 1px;
 border-color : #999;
}

a:visited.LinkBtn , a:link.LinkBtn {
 text-decoration : none;
}
a:hover.LinkBtn {
 background-color : #CFC;
}
a:active.LinkBtn {
 background-color : #FCC;
}

a.menu {
 text-align : left;
 text-decoration : none;
 margin : 0px 0px 0px 5px;
 padding : 10px 0px;
 display : block;
 color : #FFF;
 height:74px;
 width: 313px;
 background-color : #6e99ff;
}

a:visited.menu , a:link.menu {
 text-decoration : none;
}
a:hover.menu {
 background-color : #7af;
}
a:active.menu {
 background-color : #FCC;
}


input#legacy_xoopsform_uname , input#legacy_xoopsform_pass {
 background-color : #FFF;
 width     : 20em;
 border-style     : groove;
 border-width     : 1px;
 border-color     : #CCF;
}

div.copyright {
 color : #999;
 border-top : #999 solid 1px;
 text-align: center;
 margin : 5px 15px;
 padding : 3px;
}
div.whatsnew {
 margin : 10px 20px;
}

/* top page */

body {
 font-family : "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka,sans-serif;
 background-image: url("img/bg01.gif");
 background-repeat: repeat;
 margin: 0;
 padding: 0;
 text-align: center;
 color: #000;
 font-size: 11px;
 line-height : 1.6em;
}
body,td,th {
 font-family : "£Í£Ó £Ð¥´¥·¥Ã¥¯", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka,sans-serif;
}

.oneColFixCtr #container {
 width: 98%;
 background: #FFF;
 margin: 0 auto;
 border: 1px solid #000;
 text-align: left;
}
.oneColFixCtr #mainContent {
 padding: 0 20px;
}

img.muj_photo {
 border: #999 solid 1px;
 padding: 2px;
 background: #FFF;
}
span.what {
 color: #363;
 font-size:14px;
 font-weight : bold;
}
div.coment {
 font-size: 12px;
 line-height : 1.3em;
 margin: 2px 8px;
}

.tab {
 text-align: center;
 color: #FFF;
 word-spacing: 5px;
 padding-top : 18px;
}
.tab a {
 font-size: 12px;
 text-decoration: none;
}
.tab a:link {
 color: #FFF;
}
.tab a:visited {
 color: #FFF;
}
.tab a:hover {
 color: #F60;
}
.tab a:active {
 color: #F00;
}

.tab2 {
 text-align: right;
 color: #066;
 word-spacing: 3px;
 padding : 4px 20px;
}
.tab2 a {
 font-size: 12px;
 text-decoration: none;
}
.tab2 a:link {
 color: #066;
 text-decoration: none;
}
.tab2 a:visited {
 color: #066;
}
.tab2 a:hover {
 color: #F60;
}
.tab2 a:active {
 color: #F00;
}

table.menu {
 background: #69f;
 margin-left: 5px;
 width: 313px;
}
table.menu:hover {
 background: #F96;
}
a.menu table{
 color: #FFF;
}
span.menu_title {
 color: #000;
}
div.menu_text {
 margin: 5px;
}
div.url {
 text-align: right;
 color: #999;
}
table.menu_sub {
 width: 98%;
 padding: 2px;
 border: #999 solid 1px;
 margin: 1px;
}
td.sub_menu {
 background-image: url("img/sub_menu.png");
 background-repeat: no-repeat;
 padding: 7px 4px 12px 30px;
 color: #FF0;
s}
td.sub_menu a {
 color: #000;
}
td.sub_menu a:link {
 color: #FFF;
}
td.sub_menu a:visited {
 color: #FFF;
}
td.sub_menu a:hover {
 color: #F60;
}
div.sub_title {
 background-color: #FC6;
 padding: 2px 12px;
 margin: 4px 20px 10px 30px;
}
div.sub2_title {
 padding: 2px 0px;
 margin: 4px 20px 10px 30px;
 border-color: #099;
 border-style: solid;
 border-width: 0px 0px 1px 30px;
}
div.text {
 margin: 4px 20px 20px 60px;
 line-height : 1.8em;
}

div#news-wrapper h1 {
 font-size : 12px;
 background-color: #FC6;
 padding: 2px 12px;
 margin: 4px 20px 10px 0px;
}
div#news-list h2 {
 color : #999;
 font-size : 12px;
}
div#news-art-body {
 margin: 10px 20px;
}

.box {
 font-size : 10px;
 margin : 0px 1px 20px 1px;
 padding: 6px;
 border-style : solid;
 border-width : 1px;
 border-color : #FC6;
 background-color : #EEE;
}
a:hover.box {
 background-color : #FF0;
}
font.box {
 background-color : #FFE;
}
img.snap {
 border : #CCC solid 1px;
 padding : 2px;
 margin : 2px;
}
table.hyo1 th {
 background-image: url("img/bg02.gif");
 font-weight: normal;
}
table.hyo1 td {
 border-style : solid;
 border-color : #ccc;
 border-width : 0px 0px 1px 0px;}

img.banner {
 position: relative;
 top: -11px;}