/***************************/
/* base                    */
/***************************/
body {
	text-align: center;
	font-size: 14px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	margin: 0px;
	padding: 0px;
font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
/*	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif; */
	background-color: #ffffff;
	line-height: 150%;
	color: #666666;
}

/***** 回り込み回避 *****/
.clear {
	clear: both;
}  

.clear hr {
	display: none;
}  

img {
	border: 0px;
}

a {
	color: #000;
	zoom: 1;
}

a:hover { color: #4d9400;}


/***** 一番外枠設定 *****/

.wrapper {
	margin: 0 auto;
	text-align: left;
	width:980px;
}



a {color: #286c8c; text-decoration: none; background-color: transparent;}
a:hover {color: #286c8c;}

a:hover { color: #cc0000;}


h1 {}
h2 {}
h3 {}
h4 {}
h5 {}


input.formButton {}
.newstitle {
	background-image: url(bk-title2.png);
}

.itemstitle {
	margin-left:20px;
	font-size: 15px;
}
.newsarea {
	margin-left: 10px;
	margin-top:10px;
}
.newsbody {
	margin-left: 20px;
}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}
th {background-color: #003699; color: #FFFFFF; padding : 5px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.html);}

td#leftcolumn {
	width: 250px;
	vertical-align: top;
	padding-top: 0px;

}
td#leftcolumn th {background-color: #996600; color: #FFFFFF; vertical-align: top;}
td#leftcolumn div.blockTitle {padding: 0px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#leftcolumn div.blockContent {
	line-height: 120%;
	padding-top: 0px;
	vertical-align: top;
}


td#centercolumn {	vertical-align: top;}

td#centercolumn th {background-color: #996633; color: #FFFFFF; vertical-align: top;}
td#centerCcolumn {vertical-align: top;}
td#centerCcolumn legend.blockTitle {color: #639ACE; font-weight: bold; }
td#centerCcolumn div.blockContent {}

td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent { padding-left: 10px;}

td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 150%;}

div#content {
	text-align: left;
	padding-top: 0px;
	vertical-align: top;
}

td#rightcolumn {
	vertical-align: top;
	padding-top: 0px;
}
td#rightcolumn th {background-color: #5B3E00; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#rightcolumn div.blockContent {line-height: 150%;}

tr#footerbar {text-align:center; background-image: url(hbar.html);}

td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}


.toiawase-form {
	width: 900px;
	margin-left: 20px;
	
}

.formmail_com {
	margin-left: 20px;
}

.form-1 {
	margin-left: 20px;
}

.outer {
	background-color: #ffffff;
	margin-left: 20px;
	margin-top: 20px;
	width: 730px;
	border: 1px solid #cccccc;

}
.head {
	background-color: #e7e7e7;
	padding: 10px;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 160px;
	vertical-align: middle;
}
.head a{
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 5px;
}
.even {
	padding: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #cccccc;
}
.odd {
	padding: 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #cccccc;
}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #FFFFFF; padding: 5px;}
tr.odd td {background-color: #FFFFFF; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; 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: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}
/***************************/
/* login area              */
/***************************/

#logon {
	text-align: center;
	font-size: 12px;
	color: #6e6e6e;
	width:930px;
}



/***************************/
/* header                  */
/***************************/
.head-line {
	width: 100%;
	height: 3px;
	background-image: url(head-border.png);
	background-repeat: repeat-x;
}

#head-bk {
	background-color: #ffffff;
	background-image: url(bk-head.png);
	height: 100px;
	width: 980px;
	background-repeat: no-repeat;
}

#headarea {
	height: 100px;
	float:left;
	margin-top: 0px;
	width: 980px;
}


.l-header {
	float:left;
	width: 220px;
	margin-top:70px;
	margin-left: 200px;
}

.r-header {
	float:right;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
}

#headarea a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #ffffff;
}

/***************************/
/* 内側の領域の設定        */
/***************************/

#inner {
	margin-top: 0px;
	padding: 0px;
	padding-bottom: 20px;
	width:980px;

}

#inner a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #ffffff;
}

.left-area {
	width: 250px;
	float: left;
}


.right-area {
	width: 710px;
	float: right;
}

/*　left　menu  */
.tbl-leftmenuarea {
	width: 250px;
	background-color: #efefef;
}

.tbl-leftmenu {
	margin-top: 5px;
	margin-left: 0px;
	background-color: #ffffff;
	width: 240px;
	margin-left: 5px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	margin-bottom: 5px;
}

.tbl-leftmenu td {
	padding:  8px 5px;;
    border: #E3E3E3 dotted;
    border-width: 0 0 1px 0px;
}


.bnr-bottom {
	margin-top: 30px;
}

.bnr-bottom td {
	padding:5px;
}

.bk-kaiho {
	width: 225px;
	height: 150px;
	background-image: url(bk-kaiho.png);
}

.bk-kouyu {
	width: 225px;
	height: 150px;
	background-image: url(bk-kouyu.png);
}


.bk-konjaku {
	width: 225px;
	height: 150px;
	background-image: url(bk-konjaku.png);
}


.bn-pos {
	position: relative;
	left: 15px;
	top: 15px;
	width: 140px;
	font-size: 12px;
	
}

/***************************/
/* Fotter area             */
/***************************/
.footerline {
	margin-top: 20px;
}





.ft {
	clear: both;
	padding: 5px 0px 0px 0px;
	text-align: center;
	background-color: #efefef;
	height: 25px;
	font-size: 10px;
	
}

.copyarea {
	background-color: #102877;
	height: 115px;
	width:100%
	float: left;
	

}

#copyfoot {
	width:980px;
	margin: 0 auto;

}
.copyl {
	float: left:
	width: 200px;
}


.copy-r {
	padding-right: 0.75em;
	margin: 10px 0px 0px 0px;
	float: right;
} 

 .ft ul.piped {
	display: inline;
	margin-bottom: 0;
}

 .ft ul.piped li {
}

 .ft ul.piped li a.first {
	margin-right: -0.2em;
}

/* PIPED LINKS */
.piped {
}


.piped li {
	display: inline;
}

.piped a {
	border-left: 1px solid #797c80;
	padding: 0 0 0 0.75em;
	margin-left: 0.75em;
	text-decoration: none;
	color: #102877;
}

.piped a.first {
	border-left: 0 !important;
	padding-left: 0;
	margin-left: 0 !important;
}

.piped a:hover {
	text-decoration: underline;
	color: #9D3C6D;
}

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


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


.cont-right {
	width: 710px;
	margin-left:20px;
}

/* コンテンツ */

.koumokutitle {
	background-image:url(bk-title.png);
	height: 30px;
	width: 710px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}




table.tbl-meibo {
    width: 640px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
    margin-left: 20px;
}

table.tbl-meibo th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    color: #333333;
}
table.tbl-meibo td {
    padding: 5px 3px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}


table.tbl-kaiho {
    width: 450px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
}


table.tbl-kaiho td {
    padding: 5px 3px;
    border: 1px #E3E3E3 dotted;
    border-width: 0 0 1px 0px;
}



table.tbl-nakama {
    width: 700px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
}


table.tbl-nakama td {
    padding: 5px 3px;
    border: 1px #E3E3E3 dotted;
    border-width: 0 0 1px 0px;
}


.tbl-nakama a {
	text-decoration: underline;
}

.tbl-nakama a:hover {
	text-decoration: none;
}


.tbl-kouyuroku td {
	vertical-align:top;
	
}

/*  サイトマップ  */
.site {
	width: 660px;
	margin-left: 20px;
}

.site dl.listMenu {
	clear: both;
	margin-bottom: 15px;
	text-align: left;
}
.site dl.listMenu dt {
	background-image:url(y-1.gif);
	background-repeat: no-repeat;
	padding: 0 0 5px 25px;
	margin: 5px 0 0 0;
}
.site dl.listMenu dd {
	background: url(y-2.gif) no-repeat 0 0.3em;
	padding: 0 0 8px 25px;
	margin: 0 0 0 30px;
}
#siteL {
	float: left;
	width: 330px;
}
#siteR {
	float: left;
	width: 330px;
}

#site a {
	text-decoration: underline;
	color: #072c3b;
}

#site a:hover {
	text-decoration: none;
	color: #9D3C6D;
}


.tbl-kaigiroku {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
     border: 1px #E3E3E3 solid;
   
}

table.tbl-kaigiroku th {
    padding:5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
    background-color: #efefef;
    color: #333333;
}

table.tbl-kaigiroku td {
    padding:5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

/*　おといあわせ　*/
.tbl-contact {
	width: 700px;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 10px;
	border: 1px #666666 solid;
}

.tbl-contact td {
	padding: 5px;
	border: 1px #666666 solid;
	text-align: left;

}

.tr-color1 { 
background-color: #efefef; /* 奇数行の背景色 */ 
} 

.tr-color2 { 
background-color: #ffffff; /* 偶数行の背景色 */ 
} 

.ulinfo {
list-style-type: none;
}

.tbl-archive1 {
	width: 710px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
	margin-left: 10px;
}

table.tbl-archive1 th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #0c5a91;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    color: #ffffff;

}
table.tbl-archive1 td {
    padding: 5px 3px ;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    width: 35px;
}

.tbl-archive1 a {
	text-decoration: underline;
}

.tbl-archive1 a:hover {
	text-decoration: none;
}
td.archive1-head {
	background-color: #efefef;
	padding: 10px;
	font-weight: bold;
	color: #000000;
	width: 100px;
	vertical-align: middle;
	text-align: center;
}

table.tbl-archive2 {
    width: 700px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
    margin-left: 20px;
}

table.tbl-archive2 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    color: #333333;
}
table.tbl-archive2 td {
    padding: 5px ;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}


hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}





/* font size */
div#changeArea{
}

div#changeArea ul {
	list-style: none;
	padding:0px;
	margin: 0px;
	line-height: 150%;
}

div#changeArea ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 0px;
}
div#changeArea ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
div#changeArea ul#fontSize li {
	background-color: #efefef;
	border: 1px solid #cccccc;
	padding: 3px 10px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
}
div#changeArea ul#fontSize li:hover {
	background-color: #ffffff;
}
div#changeArea ul#fontSize li.active {
	background-color: #102877;
	color: #ffffff;
}
div#changeArea ul#fontSize li.active:hover {
	background-color: #999;
}


.square_btn {
    display: inline-block;
    padding: 10px;
    text-decoration: none;
   background: #102877;
    color: white;
    font-size:24px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: .4s;
    border: solid 5px #102877;
 }

.square_btn:hover {
     color: #286c8c;
    border: solid 5px #102877;
    background-color: #ffffff;

}


h1.event {
    margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    font-size: 24px;            /* 文字サイズ指定 */
    background-color:  #102877;    /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    padding: 10px 0 10px 30px;  /* 余白指定 */
    margin-bottom:  20px;       /* 周りの余白指定 */
}

h1.event:before {
    content: '';                /* 空の要素を作る */
    height: 110%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -3px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(3deg);    /* 回転 */
}
h1.event:after {
    content: '';                /* 空の要素を作る */
    height: 116%;               /* 高さ指定 */
    width: 3px;                 /* 幅指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left: 14px;                 /* 位置調整 */
    top: -6px;                  /* 位置調整 */
    margin:  auto;              /* 位置調整 */
    background-color:  #fff;    /* 背景色指定 */
    transform: rotate(-15deg);  /* 回転 */
}


.tbl-event {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 10px;
     border: 1px #E3E3E3 solid;
   
}

.tbl-event th {
    padding:5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    text-align: center;
    background-color: #efefef;
    color: #333333;
}

.tbl-event td {
    padding:10px 7px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

h2.event {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-top: 60px;
}

			
			
/* ここから下がボタンのCSS　*/
.btn-animation-02 {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #cc0000;
  border: 2px solid #cc0000;
  font-size: 16px;
  color: #cc0000;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
			}