@charset "utf-8";
/*
 * 掲示板合併
 */
*{
	border: 0;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Apple Color Emoji', emojisymbols, sans-serif;
	margin: 0;
	padding: 0;
}

body {
    background-color: #f8f8f8;
    display: block;
    font-size: 16px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
    margin: 0;
	overflow: 100%;
	/*position: relative;*/
	text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	width: 100%;
}

body#erste {
    background-color: #FFF;
}
body#zweite {
    background-color: #fff;  /*元の配色→#edf3f8*/
}
body#dritte {
    background-color: #fff;  /*元の配色→#FEFBF1*/
}

#wrapper {
	height: 100%;
	text-align: center;
	width: 100%;
}

#container {
    height: 100%;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

body#dritte #container {
    overflow-x: hidden;
}

#container > img,
#container h2 + img {
    max-width: 550px;
    width: 40%;
}

body#zweite #container > img,
body#zweite #container h2 + img {
    max-width: 700px;
    min-width: 310px;
    width: 40%;
}
body#dritte #container > img,
body#dritte #container h2 + img {
/*    max-width: 550px;*/
    position: relative;
    top: 14px;
/*    transform: rotate(-3deg);*/
/*    width: 80%;*/
}

a:link{color:#3400BE;}
a:visited{color:#081889}
a:hover{background-color: rgba(255, 255, 255, 0.5);}
a:focus{background-color: rgba(210, 210, 210, 0.8);}

/****************************
*
*	ヘッダー
*
****************************/

#header {
    background-color: #f5567b;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-shadow: 0 -1px rgba(81, 81, 81, 0.5);
}
body#erste #header {
    background-color: #EAAD90 !important;        /*元の配色→#fcfcfc*/
    border-bottom: 1px solid #dedede;
    color: #fff;                      /*元の配色→#666*/
    text-shadow: none;
}
body#zweite #header {
    background-color: #5C5F5B;        /*元の配色→#2dbdff*/
    border-bottom: 1px solid ;　　　　/*元の配色→#16b1f8*/
    color: #ffffff;
    text-shadow: none;
}
body#dritte #header {
    background-color: #00874c;　　/*元の配色→#ff9800*/
    border-bottom: 1px solid #ffa900;
    color: #ffffff;
    text-shadow: none;
}

#header.left {
	text-align: left;
}

#header h1 {
    color: #000;             /*元の配色→#fff*/
    display: inline-block;
    font-size: 17px;
    margin: 0;
}
body#erste #header h1 {
    color: #fff;         /*元の配色→#333333*/
}
body#zweite #header h1 {
    color: #fff;         /*元の配色→#ffffff*/
}
body#dritte #header h1 {
    color: #ffffff;
}

#header h1 + div {
    font-weight: normal;
    display: inline-block;
	margin-left: 10px;
}

@media screen and (max-width: 480px) {
#header{
    padding: 6px 10px;
}

#header h1 {
	font-size: 16px;
}

#header h1 + div {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0;
}
}

#header a{
	color: #333333 !important;
}

#header.title{
	background:#FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #0038ff;
	font-size: 30px;
	padding: 15px 0;
	text-align: center;
}
#header.title a{
	color: #ff00ff !important;
	font-size: 31px;
	font-weight: bold;
	text-decoration: none;
}

#header.title a img {
	width: 500px;
}

/****************************
*
*	告知内容
*
****************************/
div.h2 {
    background-color: #2D2D2D;       /*元の配色→#F42641*/
    border-radius: 20px;
    color: #fff;
    font-size: 150%;
    margin: 10px;
    padding: 8px;
    /*text-shadow: 0 -1px #c1001a;*/
}
body#erste div.h2 {
    background-color: #EAAD90 !important;  /*元の配色→#e00000*/
    border-bottom: 1px solid #eee;
    border-top: 1px solid #f2f2f2;
    border-radius: 0;
    color: white;
    margin: 5px 0 10px;
    padding: 3px 0;
    text-shadow: 0 -1px #A90000;
}
body#zweite div.h2 {
    background-color: #5C5F5B;   /*元の配色→#ffffff*/
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    border-top: 1px solid #fbfbfb;
    color: #fff;       /*元の配色→#4a4a4a*/
    margin: 5px 0 10px;
    padding: 8px;
    text-shadow: 0 -1px #000000;  /*元の配色→#FFFFFF*/
}
body#dritte div.h2 {
    background-color: #00874c;　　/*元の配色→#ffc200*/
    border-bottom: 1px solid #ededed;
    border-radius: 0;
    border-top: 1px solid #fbfbfb;
    color: #FFFFFF;   /*元の配色→#000000*/
    margin: 5px -5px 10px;
    padding: 8px;
    position: relative;
    text-shadow: 0 -1px #d2a000;
    top: 10px;
/*    transform: rotate(-3deg);*/
    width: 100%;
}
@media screen and (max-width: 480px) {
div.h2 {
    font-size: 140%;
    margin: 2px 10px 8px;
    padding: 4px;
}
}

body#erste div.h2 span {
    border-left: medium none;
    /*display: inline-block;*/
    font-weight: bold;
    padding: 0 0 0 5px;
    text-align: center;
    width: 100%;
}
body#zweite div.h2 span {
    border-left: 8px solid #fff;
    display: inline-block;
    font-weight: bold;
    padding: 0 0 0 5px;
    text-align: left;
    width: 50%;
}
body#dritte div.h2 span {
    border-left: 8px solid #00A95F;
    display: inline-block;
    font-weight: bold;
    padding: 0 0 0 5px;
    text-align: left;
    width: 50%;
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
body div.h2 span{
    width: 470px !important;
    font-size: 20px !important;
}
}
@media screen and  (max-width: 480px) {
body div.h2 span {
    width: 90% !important;
    font-size: 17px !important;
}
}

@media screen and  (max-width: 240px) {
body div.h2 span {
    font-size: 11px !important;
    width: 100% !important;
}
}

/* 告知本文 */
.innerBody {
    background-color: #fcfbf5;
    border: 11px solid #e8e8e8;
    border-radius: 20px;
    color: #333;
    margin: 0 10px;
    padding: 20px 8px 30px;
    text-align: left;
}
body#erste .innerBody {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    margin: 0 auto;
    min-width: 310px;
    padding: 30px 8px 40px;
    text-align: left;
    width: 50%;
}
body#zweite .innerBody {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    margin: 0 auto;
    min-width: 310px;
    padding: 30px 8px 40px;
    text-align: left;
    width: 50%;
}
body#dritte .innerBody {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    margin: 0 auto;
    min-width: 310px;
    padding: 30px 8px 0;
    text-align: left;
    width: 50%;
}
@media screen and (max-width: 320px) {
.innerBody {
    border: 5px solid #e8e8e8;
}
}
@media screen and (min-width: 481px) and (max-width: 1023px) {
body#zweite .innerBody,
body#dritte .innerBody {
    padding: 10px 8px 30px;
    width: 470px;
}
body#dritte .innerBody {
    width: 470px;
}
}
@media screen and  (max-width: 480px) {
body#zweite .innerBody,
body#dritte .innerBody{
    padding: 5px 0px 10px;
    width: 80%;
}
body#dritte .innerBody{
    padding: 10px 0px 30px;
    width: 80%;
}
}

.innerBody ul.boardList {
    margin: 1px 2px;
    padding: 3px 8px;
    width: 100%;
}
@media screen and (max-width: 480px) {
.innerBody ul.boardList {
    margin: 1px 0;
    padding: 3px 0;
}
}
.innerBody ul.boardList li {
    display: inline-block;
    list-style: none;
	width: 100%;
}

.innerBody ul.boardList li a {
    background-color: #AA0007;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 1px 1px 5px;
/*    min-width: 300px;*/
    padding: 10px;
    text-decoration: none;
    text-shadow: /*0 -1px #005693*/;
}
body#erste .innerBody ul.boardList li a {
    background-color: #EAAD90;　　　/*元の配色→#f10404*/
    text-shadow: 0 -1px #bb0000;
    padding: 15px 10px;
}
body#zweite .innerBody ul.boardList li a {
    background-color: #5C5F5B;     /*元の配色→#0073fe*/
    border-radius: 2px;
    padding: 10px;
    text-shadow: 0 -1px #0061d6;
}
body#dritte .innerBody ul.boardList li a {
    background-color: #00874c;  /*元の配色→#fe3200*/
    border-radius: 2px;
    width: 80%;
    padding: 10px;
    text-shadow: 0 -1px #000000;
}

.innerBody ul.boardList li a:hover {
    background-color: #49ACF2;
}
body#erste .innerBody ul.boardList li a:hover {
    background-color: #C45E80;　　/*元の配色→#FB4E4E*/
}
body#zweite .innerBody ul.boardList li a:hover {
    background-color: #cc3333;    /*元の配色→#005ECF*/
}
body#dritte .innerBody ul.boardList li a:hover {
    background-color: #00A95F;
    text-shadow: 0 -1px #000000;
}
.innerBody ul.boardList li a span {
    background-color: #ffffff;
    border-radius: 20px;
    color: #0038ff;
    display: inline-block;
    font-size: 95%;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 6px 10px;
	text-decoration: underline;
    text-shadow: 0 -1px #a2d8ff;
}
body#erste .innerBody ul.boardList li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: 0 -1px /*#bb0000*/;
}
body#zweite .innerBody ul.boardList li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
body#dritte .innerBody ul.boardList li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.innerBody ul.boardList li a {
    font-size: 15px;
    margin: 2px 0;
    padding: 10px 5px !important;
}
}

@media screen and (min-width: 371px) and (max-width: 767px) {
.innerBody ul.boardList li a {
	font-size: 14px;
    margin: 2px 0;
    padding: 5px 0 5px 2px !important;
}
.innerBody ul.boardList li a span {
    padding: 5px;
}
}

@media screen and (max-width: 370px) {
.innerBody ul.boardList li a {
    font-size: 13px;
    margin: 2px 0;
    max-width: 290px;
    min-width: 290px;
    padding: 10px 5px !important;
}
.innerBody ul.boardList li a span {
    border-radius: 5px;
    font-size: 12px;
    margin: 0;
    padding: 4px 3px;
}
}



/*boardList2*/

.innerBody ul.boardList2 {
    margin: 1px 2px;
    padding: 3px 8px;
}
@media screen and (max-width: 480px) {
.innerBody ul.boardList2 {
    margin: 1px 0;
    padding: 3px 0;
}
}
.innerBody ul.boardList2 li {
    display: inline-block;
    list-style: none;
}

.innerBody ul.boardList2 li a {
    background-color: #AA0007;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 1px 8px 5px;
    min-width: 300px;
    padding: 10px;
    text-decoration: none;
    text-shadow: /*0 -1px #005693*/;
}
body#erste .innerBody ul.boardList2 li a {
    background-color: rgb(202, 28, 61);　　　/*元の配色→#f10404*/
    text-shadow: 0 -1px #bb0000;
    padding: 15px 10px;
}
body#zweite .innerBody ul.boardList2 li a {
    background-color: #5C5F5B;     /*元の配色→#0073fe*/
    border-radius: 2px;
    padding: 10px;
    text-shadow: 0 -1px #0061d6;
}
body#dritte .innerBody ul.boardList2 li a {
    background-color: #B3250F;  /*元の配色→#fe3200*/
    border-radius: 2px;
    padding: 10px;
    text-shadow: 0 -1px #000000;
}

.innerBody ul.boardList2 li a:hover {
    background-color: #49ACF2;
}
body#erste .innerBody ul.boardList2 li a:hover {
    background-color: #EAAD90;　　/*元の配色→#FB4E4E*/
}
body#zweite .innerBody ul.boardList2 li a:hover {
    background-color: #cc3333;    /*元の配色→#005ECF*/
}
body#dritte .innerBody ul.boardList2 li a:hover {
    background-color: #B3250F;
    text-shadow: 0 -1px #000000;
}
.innerBody ul.boardList2 li a span {
    background-color: #ffffff;
    border-radius: 20px;
    color: #0038ff;
    display: inline-block;
    font-size: 95%;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 6px 10px;
	text-decoration: underline;
    text-shadow: 0 -1px #a2d8ff;
}
body#erste .innerBody ul.boardList2 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: 0 -1px /*#bb0000*/;
}
body#zweite .innerBody ul.boardList2 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
body#dritte .innerBody ul.boardList2 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.innerBody ul.boardList2 li a {
    font-size: 15px;
    margin: 2px 0;
    padding: 10px 5px !important;
}
}

@media screen and (min-width: 371px) and (max-width: 767px) {
.innerBody ul.boardList2 li a {
	font-size: 14px;
    margin: 2px 0;
    padding: 5px 0 5px 2px !important;
}
.innerBody ul.boardList2 li a span {
    padding: 5px;
}
}

@media screen and (max-width: 370px) {
.innerBody ul.boardList2 li a {
    font-size: 13px;
    margin: 2px 0;
    max-width: 290px;
    min-width: 290px;
    padding: 10px 5px !important;
}
.innerBody ul.boardList2 li a span {
    border-radius: 5px;
    font-size: 12px;
    margin: 0;
    padding: 4px 3px;
}
}


/*boardList3*/

.innerBody ul.boardList3 {
    margin: 1px 2px;
    padding: 3px 8px;
}
@media screen and (max-width: 480px) {
.innerBody ul.boardList3 {
    margin: 1px 0;
    padding: 3px 0;
}
}
.innerBody ul.boardList3 li {
    display: inline-block;
    list-style: none;
}

.innerBody ul.boardList3 li a {
    background-color: #AA0007;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin: 1px 8px 5px;
    min-width: 300px;
    padding: 10px;
    text-decoration: none;
    text-shadow: /*0 -1px #005693*/;
}
body#erste .innerBody ul.boardList3 li a {
    background-color: rgb(202, 28, 61);　　　/*元の配色→#f10404*/
    text-shadow: 0 -1px #bb0000;
    padding: 15px 10px;
}
body#zweite .innerBody ul.boardList3 li a {
    background-color: #5C5F5B;     /*元の配色→#0073fe*/
    border-radius: 2px;
    padding: 10px;
    text-shadow: 0 -1px #0061d6;
}
body#dritte .innerBody ul.boardList3 li a {
    background-color: #B3250F;  /*元の配色→#fe3200*/
    border-radius: 2px;
    padding: 10px;
    text-shadow: 0 -1px #000000;
}

.innerBody ul.boardList3 li a:hover {
    background-color: #49ACF2;
}
body#erste .innerBody ul.boardList3 li a:hover {
    background-color: #C45E80;　　/*元の配色→#FB4E4E*/
}
body#zweite .innerBody ul.boardList3 li a:hover {
    background-color: #cc3333;    /*元の配色→#005ECF*/
}
body#dritte .innerBody ul.boardList3 li a:hover {
    background-color: #B3250F;
    text-shadow: 0 -1px #000000;
}
.innerBody ul.boardList3 li a span {
    background-color: #ffffff;
    border-radius: 20px;
    color: #0038ff;
    display: inline-block;
    font-size: 95%;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 6px 10px;
	text-decoration: underline;
    text-shadow: 0 -1px #a2d8ff;
}
body#erste .innerBody ul.boardList3 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: 0 -1px /*#bb0000*/;
}
body#zweite .innerBody ul.boardList3 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
body#dritte .innerBody ul.boardList3 li a span {
    background-color: inherit;
    border-radius: 0;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 0;
	text-decoration: inherit;
    text-shadow: unset;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.innerBody ul.boardList3 li a {
    font-size: 15px;
    margin: 2px 0;
    padding: 10px 5px !important;
}
}

@media screen and (min-width: 371px) and (max-width: 767px) {
.innerBody ul.boardList3 li a {
	font-size: 14px;
    margin: 2px 0;
    padding: 5px 0 5px 2px !important;
}
.innerBody ul.boardList3 li a span {
    padding: 5px;
}
}

@media screen and (max-width: 370px) {
.innerBody ul.boardList3 li a {
    font-size: 13px;
    margin: 2px 0;
    max-width: 290px;
    min-width: 290px;
    padding: 10px 5px !important;
}
.innerBody ul.boardList3 li a span {
    border-radius: 5px;
    font-size: 12px;
    margin: 0;
    padding: 4px 3px;
}
}



.innerBody strong {
    color: #00874c;
    display: inline-block;
    font-size: 18px;
    margin: 0 0 5px;
}

/* 署名 */
.signature{
    color: #666;
    font-size: 12px;
    margin: 30px 10px 0;
    text-align: right;
}

/* 広告枠 */
.pickupPr{
	text-align: center;
	margin: 15px;
}

/****************************
*
*	フッター
*
****************************/
#footer {
    background-color: #2d2d2d;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    bottom: 0;
    color: #ffffff;
    padding: 10px 0;
    /*position: absolute;*/
    text-align: center;
    text-shadow: 0 -1px #000000;
    width: 100%;
}

body#erste #footer {
    background-color: #EAAD90 !important;      /*元の配色→#fcfcfc*/
    border-top: 1px solid #c4c4c4;
    color: #fff;                 /*元の配色→#333333*/
    text-shadow: none;
}
body#zweite #footer {
    background-color: #5C5F5B;        /*元の配色→#fcfcfc*/
    border-top: #1px solid #DCDCDC;
    color: #dddddd;     /*元の配色→#333333*/
    text-shadow: none;
}
body#dritte #footer {
    background-color: #00874c;　　/*元の配色→#ff9800*/
    color: #ffffff;
    text-shadow: none;
}

@media screen and (max-width: 480px) {
#footer {
	font-size: 12px;
	/*position: static;*/
    position: relative;
}
}
@media screen and (max-width: 768px) {
/*#footer {
    position: relative;
}*/


#footer span {
	display: none;
}
}

@media screen and (max-width: 240px) {
#footer {
	font-size: 12px;
	position: inherit;
}
#footer span {
	display: none;
}
}