@charset "euc-jp"; 

* {margin:0; padding:0; font-style:normal;}
div.page {width:820px; margin:0 auto; text-align:left;}
#main-area {float:right; width:580px; overflow:hidden;}
#side-area {float:left; width:190px; overflow:hidden; color:#666666; background:#FFFFFF;}

body {background-color:#FFFFFF; color:#666666; font-family:'Lucida Grande','Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', '¥á¥¤¥ê¥ª', Osaka, 'MS PGothic', sans-serif; font-size:80%; margin:0; margin-bottom:10px; padding:0; padding-top:5px;}
table {margin:0; padding:0;}
table.menu{width:100%;}
table td {padding:0; margin:0; vertical-align:top; line-height:130%;}

/* ------------ link color ------------ */
a {color:#304991; text-decoration: underline;}
a:hover {color:#FF0000; text-decoration:underline;}
a:visited {color:#304991;}
.sub{ border-left:10px;}

/* ------------ midashi and list ------------ */
logo {display:block; width:780px; height:196px; margin-top:0px;}
h1, h2, h3, h4 {color:#304991; background:inherit; padding:0; margin:5px 0 5px; font-size:100%;}
h1 {color:#FFFFFF; background:url(images/title-back.jpg) no-repeat left center; padding:17px 0 14px 15px; font-size:180%;}
h2 {color:#666666; background:url(images/title-back2.jpg) repeat-x left center; padding:8px 0 7px 10px; font-size:115%;}
h3 {font-size:115%; background:url(images/ic-01.jpg) no-repeat left center; padding-left:13px; padding-top:5px;}
ul, ol, li {margin:0 0 0 7px; padding:2px; text-align:left;}
legend {padding:0 10px; color:#304991; background:inherit;}

/* ------------ layout ------------ */
#page-back {background:url(images/frame-back.jpg) repeat-y;}
#page-head {background:url(images/frame-head.jpg) no-repeat left top;}
#page-bottom {background:url(images/frame-bottom.jpg) no-repeat left bottom;}
#page-base {width:780px; margin:0 26px 0 20px; padding:20px 0; overflow:hidden;}
#header {width:780px;}
#contents {margin-top:16px;}

/* ------------ main-area ------------ */
.centerCcolumn .blockTitle {clear:both; color:#666666; background:url(images/title-back2.jpg) repeat-x left center; padding:8px 0 8px 10px; line-height:normal; font-weight:bold;}
.centerCcolumn .blockContent {line-height:150%; margin-bottom:10px;}
.centerLcolumn {width:49%; padding:0 3px 0 0; float:left; overflow:hidden;}
.centerLcolumn .blockTitle {color:#666666; background:url(images/title-back2.jpg) repeat-x left center; padding:8px 0 7px 10px; font-size:110%; font-weight:bold;}
.centerLcolumn .blockContent {padding:3px 8px 8px 3px; line-height:140%; margin-bottom:5px;}
.centerRcolumn {width:48%; padding:0 0 0 3px; float:right; overflow:hidden;}
.centerRcolumn .blockTitle {color:#666666; background:url(images/title-back2.jpg) repeat-x left center; padding:8px 0 7px 10px; font-size:110%; font-weight:bold;}
.centerRcolumn .blockContent {padding:3px 3px 8px 8px; line-height:140%; margin-bottom:5px;}
#page_top {clear:both; text-align:right;}
#page_top a {margin-left:auto; display:block; width:75px; height:19px; text-decoration:none; background:url(images/page_top.gif) no-repeat;}

/* ------------ side-area ------------ */
#side-area a{color:#666666;}
#side-back {color:inherit; background:#FFFFFF url(images/side-back.jpg) repeat-y;}
#side-head {background:url(images/side-head.jpg) no-repeat left top;}
#side-bottom {background:url(images/side-bottom.jpg) no-repeat left bottom;}
#side-base {overflow:hidden; margin:0 auto; padding:0 0 10px 0;}
.leftcolumn .blockTitle_top, .leftcolumn .blockTitle_top {font-weight:bold; text-align:center; display:block; height:26px; width:190px; padding-top:10px; color:#FDFDFD;}
.leftcolumn .blockTitle, .rightcolumn .blockTitle {font-weight:bold; text-align:center; display:block; height:26px; width:190px; padding-top:10px; background:url(images/side-title.jpg) no-repeat; color:#FDFDFD;}
.leftcolumn .blockContent, .rightcolumn .blockContent {padding:5px 10px; line-height:150%; margin-bottom:10px;}

/* ------------ global menu ------------ */
#header_menu {width:780px; height:38px; background:#FFFFFF url(images/menu-back.jpg); border:0; margin:0;}
#tab {top:0; height:0; background:repeat-x top; margin:0;}
#tab ul {list-style:none; float:left; margin:0; padding:0;}
#tab li {display:inline; float:left; margin:0; padding:0;}
#tab a {background:url(images/menu-r.jpg) no-repeat right top; text-decoration:none; border:0; display:block; float:left; margin:0; padding:0;}
#tab a span {display:block; background:url(images/menu-l.jpg) no-repeat left top; color:#666666; font-weight:bold; line-height:36px; padding:0 9px;}
#tab a:hover,#tab li.item_active a {background-position:right bottom;}
#tab a:hover span,#tab li.item_active a span {background-position:left bottom; color:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none;}

/* ------------ footer menu------------ */
#footer {clear:both; padding-top:16px; text-align:center;}
#footer-menu {display:block; width:700px; margin-left:auto; margin-right:auto; margin-top:15px;}
#footer-menu ul {list-style:none; margin:0px; margin-left:20px;}
#footer-menu li {display:inline; margin:0px; font-weight:bold;}
#footer-menu a {background:url(images/ic-02.jpg) no-repeat left center; padding-left:13px; color:#666666; text-decoration:none; margin:5px;}
#footer-menu a:hover {color:#304991; text-decoration:none;}

/* ------------ xoops menu ------------ */
#mainmenu a {background:url(images/ic-02.jpg) no-repeat left center; display:block; text-decoration:none; color:#666666; background-color:inherit; 
margin-bottom:5px; padding:6px; padding-left:13px; border-bottom:1px dotted #AAAAAA;}
#mainmenu a.sub{background:url(images/ic-03.gif) no-repeat 15px center; padding-left:26px;}
#mainmenu a.li{background-position:left 8px; padding-left:13px;}
#mainmenu a:hover {color:#304991; background-color:#F4F4F4;}
#mainmenu a.menuSub, #mainmenu a.menuSub:hover {padding-left:25px;}
#mainmenu a.menuMain, #mainmenu a.menuMain:hover {padding-left:13px;}
#mainmenu a.menuTop, #mainmenu a.menuTop:hover {padding-left:13px;}
#usermenu a {background:url(images/ic-02.jpg) no-repeat left center; display:block; text-decoration:none; color:#666666; background-color:inherit; margin-bottom:5px; padding:6px; padding-left:13px; border-bottom:1px dotted #AAAAAA;}
#usermenu a:hover {color:#304991; background-color:#F4F4F4;}
#usermenu a.highlight {color:#FFFFFF; padding:3px; background:#333333;}

/* ------------ table ------------ */
td {margin:0px;  vertical-align:top; font-size:100%;}
input.formButton {}
th {background-color:#395199; color:#FFFFFF; vertical-align :middle; padding:7px;}
.outer {background:#FFFFFF; border:1px solid #b7b7b7;}
.head {vertical-align:middle; background-color:#E6EAF7; padding:5px; font-weight:bold; color:#555555;}
.even {background-color:#F2F4FB; padding:5px;}
.even a {color:#666666; text-decoration:none;}
.even a:hover {color:#FF9900; text-decoration:none;}
.odd {background-color:#F9FAFD; padding:5px;}
.odd a {color:#666666; text-decoration:none;}
.odd a:hover {color:#FF9900; text-decoration:none;}
.foot {background-color:#D7DEF2; padding:5px; font-weight:bold; color:#009999;}
tr.even td {background-color:#F9FAFD; padding:5px;}
tr.odd td {background-color:#F9FAFD; padding:5px;}

/* ------------ form ------------ */
.item {border:1px solid #a7a7a7; background-color:#FFFFFF; background-repeat:no-repeat;}
.itemHead {background-color:#E6EAF7; padding:5px; border-bottom:1px dotted #b7b7b7;}
.itemInfo {padding:5px;}
.itemTitle a {padding-left:10px; font-weight:bold;}
.itemTitle {padding-left:10px; font-weight:bold;}
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {padding:10px;}
.itemText {font-size:12px; line-height:120%;}
.itemText:first-letter {font-size:133%; font-weight:bold;}
.itemFoot {}
.itemAdminLink {}
.itemPermaLink {}

/* ------------ xoops message ------------ */
div.errorMsg {background:#F5E8E8; color:#FF0000; text-align:center; font-weight:bold; padding:10px; border:1px solid #CCCCCC;}
div.confirmMsg {background:#EFF4DF; color:#003300; 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:#EFEFEF; color:inherit; border:1px inset #CCCCCC; padding:6px; overflow:auto; width:450px;}
div.xoopsQuote {background:#EFEFEF; color:inherit; border:1px inset #CCCCCC; padding:6px; overflow:auto; width:450px;}

/* ------------ comment ------------ */

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:80%; color:inherit; 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:inherit; font-weight:bold; font-size:80%;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:80%; font-weight:bold;}
.comUserRankImg {border:0;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:normal; font-size:80%}
.comDateCaption {font-weight:bold; font-style:normal;}

/* ------------ decoration ------------ */
div.frame-red {border:1px solid #FFC4C4; background:#FFE6E6; margin:3px 0; padding:10px;}
div.frame-blue {border:1px solid #CAD2EE; background:#F2F4FB; margin:3px 0; padding:10px;}
.note {line-height:200%; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;}
.marker-red {color:inherit; background:#FFCCCC; padding:2px;}
.marker-yellow {color:inherit; background:#FFFF66; padding:2px;}
.denial{text-decoration:line-through;}
.blink{text-decoration:blink; color:#FF6666; font-weight:bold;}
.photo-r {float:right; margin:0 0 3px 2px; padding:2px; border:1px solid #CCCCCC; background:#FFFFFF; color:inherit;}
.photo-l {float:left; margin:0 2px 3px 0; padding:2px; border:1px solid #CCCCCC; background:#FFFFFF; color:inherit;}
.clear {clear:both; line-height:0px;}
.float-l {float:left; overflow:hidden; padding:0px 0% 0px 11px; width:47%;}
.hidden {visibility:hidden;}