@charset 'utf-8';
body {
	text-align: center;
	color: black;
	font-size: 12px;
	margin: 0;
	padding:0 auto;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	background-color: #F5F3E8;
}

table {
}

td {
	margin : 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}

th {
	background-color: #dfdbda;
	color: #000000;
	padding: 2px;
	vertical-align: middle;
}

p {
	margin: 0;
	margin-left: 1em;
	padding: 5px;
	line-height: 1.4em;
	text-align: justify;
	text-justify:distribute;
}

a {
	background: transparent;
	color: #003366;
	font-weight:bold;
	text-decoration: none;
}

a:visited {
	color: #333300;
}

a:hover {
	color: #000066;
	text-decoration: underline;
}

th a {
	color: #ffffff;
}

h1, h2 {
	color: #2d335f;
	text-align: left;
}
h3, h4 {
	color: #6B5E2F;
	text-align: left;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #333333;
}

h5 {
	color: black;
	text-align: left;
	font-size: 1em;
}

ul {
	text-align: left;
	margin: 2px 2px 2px 15px;
	padding: 2px;
	list-style: square inside;
}
li {
	line-height: 1.4em;
}
ol {
	text-align: left;
}
img {
}
* html img {
	behavior: url(/script/iepngfix.htc);
}
input{
	font-size: 0.9em;
}

select{
	font-size: 0.9em;
}

textarea{
	font-size: 0.9em;
}

/* clearfix */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.redtext {
	color: red;
}

/*  */
#wrapper {
	margin: 0px auto;
	text-align: left;
	width: 1000px;
	padding: 5px 20px 0px 20px;
	background-color: #F5F3E8;
}

/* header */
#header {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 84px;
}
.headerlogo {
	width: 258px;
	height: 81px;
	padding: 0;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.logo20th {
	width: 110px;
	height: 50px;
	padding: 0;
	position: absolute;
	right: 275px;
	top: 0px;
}

.headerbanner {
	width: 100%;
	text-align: center;
}

#headerbar {
	font-size: 0.pt;
	text-align: left;
	padding: 0;
	width: 850px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#topmenu {
	list-style: none;
	text-align: left;
	width: 600px;
	position: absolute;
	left: -30px;
}
#topmenu li {
	font-size: 0.9em;
	display: block;
	float: left;
	border-right: 1px solid black;
	margin: 0px 0 2px 0;
	padding: 2px 0.5em 2px 20px;
}

#headerbar ul {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
#headerbar ul li {
	display: inline;
	float:left;
	position: relative;
	text-align: center;
	border-right: 1px solid black;
	margin: 0;
	padding: 0px 0.5em;
}
#headerbar ul li:hover, #headerbar ul li a:hover {
  background:#ffffff;/*ホバー時の親メニューの背景色*/
  color:#333;/*ホバー時の親メニューの文字色*/
}
#headerbar ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 130px;
  z-index: 100;
}
#headerbar ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 130px;/*サブメニューの幅*/
  height: 0;
  background:#FFFFFF; /*サブメニューの背景色*/
  
}
#headerbar ul li ul li a {
  width: 130px;/*サブメニューの幅*/
  visibility: visible;
  overflow: visible;
  padding: 0px;
  display: inline-block;
}
#headerbar ul li ul li:hover, #headerbar ul li ul li a:hover {
  background:#FFAFA9;/*ホバー時のサブメニューの背景色*/
}
#headerbar ul li:hover ul li, #headerbar ul li a:hover ul li{ 
  text-align: left;
  visibility: visible;
  overflow: hidden;
  height:20px;/*サブメニューの高さ*/
  z-index: 10;
  width: 130px;/*サブメニューの幅*/
 }


/* main contents wrapper */
#mainwrapper {
	clear: both;
	width: 100%;
	margin: 10px auto;
	padding: 0;
}

/* leftside */
#leftcolumn {
	width: 340px;
	float: left;
	height: auto;
}
.leftcolumn {
	width: 190px;
	font-size: 0.9em;
}
.leftcolumn img {
	margin: 0px 4px;
}

.leftblockTitle {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-bottom: solid 1px black;
}

.leftblockContent {
	margin: 5px 2px 10px 2px;
	padding: 3px;
	line-height: 1.2;
	
}


/* main */

#centercolumn {
	width: 640px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
#centercolumnL { /* leftsideʤEE*/
	width: 100%;
	padding: 0;
	margin: 0;
}
#centeroutline {
	margin-bottom: 10px;
	padding: 0px;
}

.centercolumn {
	font-size: 1em;
	margin: 0;
}

.centercolumn th {
	background: #778899;
	color: #ffffff;
	vertical-align: middle;
}

#centerCcolumn {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

.centerCblockTitle {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	border-bottom: 1px solid black;
}

.centerCblockContent {
	margin: 0;
	padding: 8px 0px;
	line-height: 1.4em;
	width: auto;
}

#centerLcolumn {
	width: 400px;
	margin: 0;
	padding: 0 3px 0 0;
	float: left;
	overflow: hidden;
}
* html #centerLcolumn {
	width: 390px;
}
.centerLblockTitle {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	width: auto;
	border-bottom: 1px solid black;
}

.centerLblockContent {
	padding: 8px 0px;
	line-height: 1.4;
}

#centerRcolumn {
	width: 230px;
	float: right;
	margin: 0px 0px 6px auto;
}

.centerRblockTitle {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 4px 3px 3px 3px;
	width: auto;
	border-bottom: 1px solid black;
}

.centerRblockContent {
	margin: 0;
	padding: 8px 0px;
	line-height: 1.4;
}

.content {
	text-align: left;
	margin: 0;
	padding: 8px;
}

/* rightside */
#rightcolumn {
	width: 100%;
	margin-top: 10px;
}

.rightcolumn {
	font-size: 1em;
	border-bottom: solid 1px #dddddd;
}

.rightblockTitle {
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: solid 1px gray;
}

.rightblockContent {
	margin: 5px 2px 7px 2px;
	padding: 3px;
}

/* footer */
.footerbar {
	font-size: 9pt;
	text-align: left;
	margin: 16px 0px;
	padding: 3px;
	clear: both;
}

.footerbar a {
	color: #333300;
}

.footerbar a:visited {
	color: #333300;
}

.footerbar a:hover {
	color: #ff8c00;
	text-decoration:underline overline;
}

/* ****************** */

.outline {
	background: #ffffff;
	width: 96%;
	margin:auto;
	border-right: solid 1px #7a7acc;
	border-left: solid 1px #7a7acc;
}





input.formButton {}

.item {
	border-bottom: solid 1px silver;
}

.itemHead {
	margin: 0;
	padding: 3px;
}

.itemInfo {
	text-align: right;
	margin: 0;
	padding: 3px;
}

.itemTitle a {
	background: transparent;
	font-size: 120%;
	font-weight: bold;
}

.itemTitle a:visited {
}

.itemPoster {
	font-size: 0.9em;
}

.itemPostDate {
	font-size: 1em;
}

.itemStats {
	font-size: 0.9em;
}

.itemBody {
	margin: 0;
	padding-left: 5px;
}

.itemText {
	margin: 6px;
	line-height: 1.5em;
}

.itemFoot {
	text-align: right;
	margin: 0;
	padding: 3px;
	border-top: 1px solid silver;
}

.itemAdminLink {
	font-size: 0.9em;
}

.itemPermaLink {
	font-size: 0.9em;
}


.outer {
	border: solid 1px gray;
	background-color: white;
	margin: 6px auto;
}
.outer th {
	background-color: #EDEDDA;
	color:#666600;
}

.head {
	background-color: #EDEDDA;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.even {
	background-color: #EAEAD5;
	margin: 0;
	padding: 5px;
}

.odd {
	background: transparent;
	margin: 0;
	padding: 5px;
}

.foot {
	background: #EDEDDA;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	color:#666600;
}

tr.even td {
	background: #EAEAD5;
	margin: 0;
	padding: 5px;
}

tr.odd td {
	background: transparent;
	margin: 0;
	padding: 5px;
}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
	line-height: 1.4;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}

/* ٥ȰƁE*/
#eventawrapper {
	height: auto;
	overflow: auto;
	margin: 0;
}

#eventbwrapper {
	height: 300px;
	overflow: auto;
	margin: 0;
}

/* ˥塼 */
ul.bulletin_block_category_new {
	font-size: 1em;
	list-style-type: none;
	margin-left: 0;
	overflow: auto;
}

/* HTML, pico */
ul#bn_index {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
ul#bn_index li {
	margin: 0px 0px 8px 0px;
	padding: 0;
}
table.tableborder td {
	border:1px solid silver;
	padding: 4px;
}
table.tableborder th {
	background-color: #dfdbda;
	border:1px solid silver;
	color:black;
}
.catchcopy {
	font-size: 1.2em;
	font-weight: bold;
}
.img_gallary {
	text-align: center;
	padding: 0px auto;
	margin-right: 0;
	float: right;
	margin-left: 30px;
	margin-bottom: 16px;
}
.contactframe {
	clear: both;
	padding: 1em;
	width: 800px;
	margin-left: 0px;
}
.contactname {
	float: left;
	width: auto;
	font-size: 1.2em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
.contactadd {
	float: left;
	width: auto;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 16px;
}
.miniwidth {
	width: 700px;
}
.subdesc {
	width: auto;
	text-align: center;
	padding-top: 16px;
}

/* ѥ󤯤E */
.pico_breadcrumbs {
	font-size				:95%;
	padding				:0 0 3px;
	border-bottom			:1px #aaa solid;
}

/* piCal E */
/* ֥E */
table#calender_m {
	margin: 6px auto;
	background-color: white;
}
table#calender_m th {
	background-color: white;
	border: 1px solid silver;
	border-bottom: 2px solid gray;
}

.pical-weekmark {
	background-color: #F5F3E8;
}
td.picla-weekday {
	background-color: white;
	width: 120px;
	border: 1px solid silver;
}
td.pical-day {
	background-color: white;
	width: 120px;
	border: 1px solid silver;
}
/* ĥߥ˥E */
#pical-ex {
	background-color: white;
	margin: 0px auto;
	width: 98%;
	padding: 0px auto;
	border: 1px solid gray;
	text-align: center;
}
table#pical-exmini {
	background-color: white;
	border-collapse: collapse;
	margin: 0 auto;
	width: 96%;
	table-layout: fixed;
}
table#pical-exmini td {
}

td.pical_minidayname {
	background-color: white;
	text-align: center;
	border: 1px solid silver;
}
td.pical_miniday {
	text-align: left;
	border: 1px solid silver;
}

/* 桼˥塼 */
ul#mainmenu {
margin: 0;
padding: 0;
}
ul#mainmenu  li {
	padding: 4px 0.5em;
	display: inline;
	float: left;
	background-color: white;
	border: 1px solid silver;
}

/* ᥤ˥塼 */
/* management menu */
.mmenu ul {display:block;list-style-type: none;   margin:0;   padding:0;}
/* ֥˥塼1 */
.mmenu ul ul{   display:none;   position:absolute;   top:100%;   left:0; background-color: white;}
/* ֥˥塼2ܰʹ */
.mmenu ul ul ul {   top:0;   left:100%;}
/* E */
.mmenu li {   float:left; background-color: #FFFFFF; padding: 0.5em; border: 1px solid silver; }
.mmenu li li {   clear:both; border: none;}
.mmenu li:hover {   position:relative;}
.mmenu li:hover > ul {   display: block}
/* IE6 */
* html .mmenu li {   behavior: expression(      this.onmouseover=new Function("this.className='column1'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html .mmenu li li {   behavior: expression(      this.onmouseover=new Function("this.className='column2'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html .mmenu li li li {   behavior: expression(      this.onmouseover=new Function("this.className='column3'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
.mmenu .column1 {position:relative;}
.mmenu .column1 ul {display:block;}
.mmenu .column1 * ul {display:none;}
.mmenu .column2 {position:relative;}
.mmenu .column2 ul {display:block;}
.mmenu .column2 * ul {display:none;}
.mmenu .column3 {position:relative;}
.mmenu .column3 ul {display:block;}


/* event */
.eventlist {
	margin-bottom: 0px;
}
.eventlist img {
	text-align: left;
	margin: 3px 5px  3px 5px;
	width: 150px;
	height: auto;
}

#headerbar li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#headerbar li:last-child ul{
  left: -100%;
  width: 100%
}
#headerbar li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#headerbar li ul li a{
  padding: 13px 15px;
  background: #FFFFFF;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#headerbar li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#headerbar li:hover ul li:first-child{
  border-top: 0;
}
#headerbar li:hover ul li:last-child{
  border-bottom: 0;
}
#headerbar li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}