@charset "euc-jp";

* {
 margin: 0;
 padding: 0;
 font-style: normal;
}
#centercolumn {
 float:left;
 width:560px;
 overflow:hidden;
}
#side_area {
 float:right;
 width:210px;
 overflow:hidden;
}
div.page {
 width: 784px;
 margin:0 auto;
 text-align:left;
}
/* ------------ HTML TAG Re-definition ------------ */
body {
 background-color: #FFF;
 color: #666666;
 font-family: Verdana, Helvetica, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'Hiragino Kaku Gothic Pro', '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3', osaka, sans-serif;
 font-size: 75%;
 margin: 0;
 padding: 0;
}
table {
 width: 100%;
 margin: 0;
 padding: 5;
}
table td {
 margin: 0;
 vertical-align: top;
 line-height: 130%;
}
img {
 border:0;
}
/* ------------ Link Color Settings ------------ */
a {
 color: #916666;
 text-decoration: none;
}
a:visited {
 color: #BD9595;
}
a:hover {
 color: #FF0000;
 text-decoration: underline;
}
/* ------------ Heading and List tag Settings ------------ */
h1, h2, h3, h4, h5 {
 font-weight:normal;
 font-size:inherit;
 padding:0;
 margin:0;
}

h1,h2{
 margin:0;
}

h3, h4, h5 {
 font-size: 100%;
}
ul, ol, li {
 margin: 0 0 0 10px;
 padding: 2px;
 text-align: left;
}
legend {
 padding: 0 10px;
 color: #F60;
 background: inherit;
}
legend {
 padding: 0 10px;
 color: #666;
 background: inherit;
}
/* ------------ Layout settings ------------ */
.usual {
 margin: 0;
 padding:0;
 text-align: center;
 color: #666;
}
/* Login Menu */
#user_menu_block {
 font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
 text-align: right;
 margin-top:5px;/* margin-top: 30px; */
}
#user_menu_block a {
 color:#555;
}
#login_btn {
 border: 1px outset #616655;
 color: #7F7F7F;
 background: #EEE;
}
/* Header */
#header {
 margin-top:30px;
 position:relative;
 font-size:10pt;
 margin-bottom:10px;
}
#header a {
 color:#555;
}
#logo {
 display:block;
 width:200px;
 background:url(../img/logo_r_line.gif) repeat-y right top;
}
.hm_main {
 position:relative;
 top: 0px;
 right:0;
 text-align:right;
 padding:0;
 margin:0;
}
.hm_main li {
 display:inline;
 list-style:none;
 margin:5px 0 0 5px;
 background:url(../img/hm_main_indent.gif) no-repeat left center;
 padding:0 0 0 14px;
}
.hm_sub {
 position:relative;
 top:50px;
 right:10;
 text-align:right;
 font-size:9pt;
 width:444px;
}
.hm_sub li {
 display:inline;
 margin:5px 0;
 padding:0px 5px 0px 10px;
 background:url(../img/arrow.gif) no-repeat left center;
}
.hm_index {
 position:relative;
 top:0px;
 right:0;
 margin:0;
 }
.hm_index li {
 display:inline;
 margin:5px 0;
 padding:0 5px 0 8px;
 background:url(../img/arrow.gif) no-repeat left center;
}
#dot_line {
 position:relative;
 top:0px;
 right:0;
 height:5px;
 _font-size:1px;
 vertical-align: middle;
 background:url(../img/dot_line.gif) repeat-x bottom;
}
#main_img {
 display:block;
 background:url(../img/main_img.jpg) no-repeat;
 height:200px;
 border-top:6px solid #DEDEDE;
 border-bottom:6px solid #DEDEDE;
}
#band_menu {
 padding-top:5px;
 height:32px;
 font-size:10pt;
 color: black;
}
#band_menu a {
 color: blue;
}
#main_area {
 clear:both;
 margin-top:16px;
}
#cc_base {
 width:530px;
 text-align:left;
 overflow:hidden;
 margin:0 auto;
 padding:15px 0;
}
#band_sarch_menu {
 padding-top:15px;
 height:32px;
 font-size:10pt;
 color: black;
}
#footer {
 clear:both;
 padding:4px;
 text-align:center;
 font-size:10px;
 background:#FFCC33;
}
/* ------------ centercolumn ------------ */
.centerCcolumn {
 clear:both;
}
.centerCcolumn .blockTitle {
 clear:both;
 color: #555;
 background:url(../img/blockTitleBack_c_bar.gif) no-repeat left center;
 padding: 8px 20px;
 line-height:normal;
 font: bold 110%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerCcolumn .blockContent {
 line-height: 150%;
 margin-bottom:10px;
}
.centerLcolumn {
 width: 49%;
 padding: 0 3px 0 0;
 float: left;
 overflow:hidden;
}
.centerLcolumn .blockTitle {
 color: #555;
 background:url(../img/blockTitleBack_c2.gif) no-repeat left center;
 padding: 3px 0 3px 22px;
 font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.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: #555;
 background:url(../img/blockTitleBack_c2.gif) no-repeat left center;
 padding: 3px 0 3px 22px;
 font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
}
.centerRcolumn .blockContent {
 padding: 3px 3px 8px 8px;
 line-height: 140%;
 margin-bottom:5px;
}
#content {
 clear: both;
 line-height:175%;
}
#page_top {
 clear: both;
 text-align: right;
}
#page_top a {
 margin-left:auto;
 display:block;
 width:65px;
 height:19px;
 text-decoration:none;
 background:url(../img/page_top.gif) no-repeat;
}
#xoops_banner {
 clear:both;
 text-align: center;
 padding: 15px 0;
}
/* ------------ left column & right column ------------ */
.leftcolumn {
 margin-bottom:15px;
}
.leftcolumn .blockTitle {
 font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
 text-align:center;
 display:block;
 height:26px;
 width:170px;
 padding:15px 20px 0 20px;
 overflow:hidden;
 background:url(../img/blockTitleBack_l.gif) no-repeat;
}
.leftcolumn .blockContent {
 padding: 5px 10px;
 line-height:150%;
 background:url(../img/left_back.gif);
}
.rightcolumn .blockTitle {
 font: bold 100%/normal 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', osaka, sans-serif;
 padding:5px 3px 5px 25px;
 background:url(../img/blockTitleBack_r.gif) no-repeat left center;
}
.rightcolumn .blockContent {
 padding: 5px 10px;
 line-height:150%;
 margin-bottom:10px;
}
/* ------------ xoops mainmenu & usermenu ------------ */
#mainmenu a, #usermenu a {
 display: block;
 text-decoration: none;
 color: #555;
 background-color:inherit;
 margin-bottom: 4px;
 padding: 3px;
 border-bottom:1px dotted #AAA;
}
#mainmenu a:hover, #usermenu a:hover {
 color: #f90;
 background-color:inherit;
}
#mainmenu a.menuSub, #mainmenu a.menuSub:hover {
 padding-left: 25px;
}
#usermenu a.highlight {
 color: #FFF;
 padding: 3px;
 background: #333;
}
/* ------------ for table ------------ */
.outer {
 border: 1px solid #EEE;
}
th {
 padding: 3px;
 vertical-align: middle;
 font-weight: bold;
 color: #666;
 border-bottom: 1px solid #CCC;
 background: #EEE;
}
.head {
 padding: 5px;
 color: inherit;
 border-bottom: 1px solid #CACACA;
 background: #F2F2F2;
}
.even {
 padding: 2px;
 color: inherit;
 border-bottom: 1px solid #CACACA;
 background: #F7F7F7;
}
.odd {
 padding: 2px;
 color: inherit;
 border-bottom: 1px solid #CACACA;
 background: #FAFAFA;
}
.foot {
 padding: 5px;
 font-weight: bold;
 color: inherit;
 background: #F2F2F2;
}
tr.even td {
 padding: 2px;
 border-bottom: 1px solid #CACACA;
}
tr.odd td {
 padding: 2px;
 border-bottom: 1px solid #CACACA;
}
tr.even {
 color: inherit;
 background: #F7F7F7;
}
tr.odd {
 color: inherit;
 background: #FAFAFA;
}
tr.odd:hover, tr.even:hover {
 color: #000;
 border-bottom: 1px solid #CACACA;
 background: #DFDFDF;
}
/* ------------ error message & quote and code ------------ */
div.errorMsg {
 background: #F5E8E8;
 color: #FF0000;
 text-align: center;
 font-weight: bold;
 padding: 10px;
 border: 1px solid #CCC;
}
div.confirmMsg {
 background: #EFF4DF;
 color: #003300;
 text-align: center;
 font-weight: bold;
 padding: 10px;
 border: 1px solid #CCC;
}
div.resultMsg {
 background-color: #FFF;
 color: #333;
 text-align: center;
 font-weight: bold;
 padding: 10px;
 border: 1px solid #CCC;
}
div.xoopsCode {
 background: #EFEFEF;
 color:inherit;
 border: 1px inset #CCC;
 padding: 6px;
 overflow: auto;
 width: 450px;
}
div.xoopsQuote {
 background: #EFEFEF;
 color:inherit;
 border: 1px inset #CCC;
 padding: 6px;
 overflow: auto;
 width: 450px;
}
/* ------------ for comment area ------------ */
.formButton {
 border: 1px outset #616655;
 background-color: #EEEEEE;
 color: #7F7F7F;
}
/* ------------ for comment ------------ */
.comTitle {
 margin-bottom: 2px;
}
.comText {
 padding: 2px;
}
.comUserStat {
 font-size:80%;
 border: 1px solid #CCC;
 margin: 2px;
 padding: 2px;
 background: #FFF;
 color:inherit;
}
.comUserStatCaption {
 font-weight: normal;
}
.comUserRank {
 margin: 2px;
}
.comUserRankText {
 font-size:80%;
}
.comUserImg {
 margin: 2px;
}
.comDate {
 font-size:80%;
}
.comDateCaption {
}
/* ------------ for bulletin or news module ------------ */
.itemHead {
 padding: 2px 5px;
 font-weight: bold;
 border-bottom: 1px dotted #CCC;
}
.itemInfo {
 text-align: right;
 padding: 3px 8px;
}
.itemTitle a {
 font-size: 120%;
 font-weight: bold;
 font-variant: small-caps;
 text-decoration: none;
}
.itemPoster {
 font-size: 90%;
}
.itemPostDate {
 font-size: 90%;
}
.itemStats {
 font-size: 90%;
}
.itemBody {
 padding: 0 8px 0 13px;
 overflow: hidden;
}
.itemText {
 margin-top: 5px;
 margin-bottom: 5px;
 line-height: 1.5em;
}
.itemText:first-letter {
 font-size: 1.5em;
 font-weight: bold;
}
.itemFoot {
 text-align: right;
 padding: 2px;
 border-top:1px dotted #CCC;
}
.itemAdminLink {
 font-size: 90%;
}
.itemPermaLink {
 font-size: 90%;
}

/* ------------ add top ------------ */

#top_main{
 width:784px;
 height:250px;
 margin:0 0 20px 0;
 position:relative;
 overflow:hidden
}

#top_main img{
 position:absolute;
 top:0;
 left:0
}

#top_main #main_top{
 position:absolute;
 top:9px;
 right:9px;
 width:230px;
 height:113px;
 overflow:hidden
}

#top_main #main_bottom{
 position:absolute;
 bottom:9px;
 right:9px;
 width:230px;
 height:113px;
 overflow:hidden
}

#top_main #main_top a,#top_main #main_bottom a{
 display:block;
 position:absolute;
 top:0px;
 right:0;
 width:230px;
 height:113px
}

#top_box{
 width:784px;
 overflow:hidden;
 margin-bottom:20px
}

#top_box #box_left{
 width:514px;
 float:left;
 margin-right:10px
}

#top_box #box_left iframe{
 width:512px;
 _width:510px;
 height:134px;
 _height:132px;
 float:left;
 margin-right:0;
 border:1px #c1c5c6 solid
}

#top_box #box_left h2{
 width:514px;
 height:26px;
 position:relative;
 overflow:hidden;
 margin-bottom:3px
}

#top_box #box_left img{
 position:absolute;
 top:0;
 left:0
}

#top_box #box_right{
 width:260px;
 float:right
}

#top_box #box_right h2{
 width:260px;
 height:26px;
 position:relative;
 overflow:hidden;
 margin-bottom:3px
}

#top_box #box_right img{
 position:absolute;
 top:0;
 left:0
}

#top_box #box_right p{
 width:234px;
 height:110px;
 border:1px #c1c5c6 solid;
 padding:12px;
 line-height:130%;
 overflow:auto;
 text-align:justify;
 text-justify:distribute
}

#top_box #box_right p span{
 text-align:right;
 display:block;
 font-size:80%;
	padding-top:10px;
	font-weight:bold
}

#top_list{
 width:784px;
 margin-bottom:20px
}

#top_list h2{
 width:784px;
 height:26px;
 position:relative;
 overflow:hidden;
 margin-bottom:10px
}

#top_list h2 img{
 position:absolute;
 top:0;
 left:0
}

#top_list #list_main{
 width:784px;
 overflow:hidden;
 margin-bottom:5px
}

#top_list #list_main #list_left{
 float:left
}

#top_list #list_main #list_left a{
 color:#2f82d5
}

#top_list #list_main #list_right{
 float:right
}

#top_list th{
 padding:0;
 color: #666;
 border:none;
 background:#fff
}

#top_list table{
 border:1px #c1c5c6 solid;
 border-collapse:collapse;
 border-spacing:0
}

#top_list th{
 padding:5px 10px;
 border:1px #c1c5c6 solid;
 border-width:0 0 1px 1px;
 font-weight:bold;
 text-align:left
}

#top_list td{
 padding:5px 10px;
 border:1px #c1c5c6 solid;
 border-width:0 0 1px 1px
}

#top_list td a{
 color:#2f82d5
}

/* ------------ add join ------------ */

div#join{
 line-height:160%;
 padding-top:10px
}

div#join p,div#join ol{
 margin-bottom:20px
}

div#join img{
 margin:5px 0;
 margin-left:15px
}

div#join div.join_end{
 margin-bottom:20px
}

div#join img.mail{
 margin:5px 15px
}

div#join li strong{
 color:#cc0000
}

/* ------------ add explain ------------ */

div#explain{
 line-height:160%;
 padding-top:10px
}

div#explain p,div#explain ul{
 margin-bottom:10px
}

div#explain p.end,div#explain ul.end{
 margin-bottom:20px
}

div#explain li.start{
 list-style:none;
 margin:0;
 margin-left:-10px;
 padding:0
}

/* ------------ add service ------------ */

div#service{
 line-height: 160%;
 padding-top:10px
}

div#service ul{
 margin-bottom:10px
}

div#service p,div#service ul.end{
 margin-bottom:20px
}

div#service div.photo{
 margin:0 0 10px 34px;
 width:724px;
 height:240px;
 background-color:#eee;
 position:relative
}

div#service div.photo img.p_left{
 position:absolute;
 top:10px;
 left:10px
}

div#service div.photo img.p_right{
 position:absolute;
 top:10px;
 left:367px
}

div#service div.photo p.t_left{
 width:347px;
 text-align:center;
 position:absolute;
 top:215px;
 left:10px
}

div#service div.photo p.t_right{
 width:347px;
 text-align:center;
 position:absolute;
 top:215px;
 left:367px
}

/* ------------ add history ------------ */

div#history{
 line-height: 160%;
 padding-top:10px;
 margin:100px 0;
 text-align:center
}

/* ------------ add link share ------------ */

div#history a,
div#service a,
div#explain a,
div#join a{
 color:#2f82d5;
 text-decoration:underline
}

div#history a:visited,
div#service a:visited,
div#explain a:visited,
div#join a:visited{
 color:#0066CC;
 text-decoration:underline
}

div#history a:hover,
div#service a:hover,
div#explain a:hover,
div#join a:hover{
 color:#2f82d5;
 text-decoration:none
}

/* ------------ add h1 h2 share ------------ */

div#join h1,
div#explain h1,
div#service h1{
 font-size:120%;
 font-weight:bold;
 border:#c1c5c6 1px solid;
 background:url(../img/box_bg.gif) repeat-x bottom;
 margin-bottom:20px
}

div#join h1 span,
div#explain h1 span,
div#service h1 span{
 line-height:160%;
 display:block;
 padding-left:8px;
 border-left:#ffb219 4px solid;
 margin:3px
}

div#join h2,
div#explain h2,
div#service h2{
 font-size:100%;
 font-weight:bold;
 border-bottom:#c1c5c6 1px solid;
 margin-bottom:5px;
 padding:5px;
 padding-left:0
}

/* ------------ add RooBO no wa ------------ */

#header div{
 position:absolute;
 top:2px;
 left:210px
}

:root *> #header div{
 top:0;
 left:220px
}

#header div p.att{
 font-size:80%;
	color:#F00;
	padding-top:53px;
}