@charset "utf-8";
/* CSS Document */
body { 
	background-image     : url("mainteBoskeBackLOGO.jpg");
	background-repeat    : no-repeat;
	background-attachment: fixed;
	background-position  : 0px 20px;  
	background-size      : 100%;
} 

h3	{
	color       : #008080;
	font-size   : 16px;
	font-weight : bolder;
	font-family : "Osaka−等幅","ＭＳ ゴシック","monospace";
	text-align  : center;
}
#formWrap {
	width       :100%;
	margin      :0 auto;
	color       :#000000;
	line-height :120%;
	font-size   :100%;
}
#areaMenuButton {
	text-align  : center;
}

.ann_box {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #ff0000;
    border-radius: 8px;
}
.ann_box .box-title {
    position: absolute;
    display: inline-block;
    top: -8px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 14px;
    background: #FFF;
    color: #ff0000;
    font-weight: bold;
}
.ann_box p {
    font-size: 12px;
    color: #000000;
    margin: 0; 
    padding: 0;
}
.menu_button {
    width       : 300px;
    height	: 40px;
    font-size	: 20px;
    border-width: 4;
    background-color: #ccccff;
}
.btn-square-pop {
  width		: 300px;
  font-size	: 20px;
  position	: relative;
  display	: inline-block;
  margin	: 10px;
  padding	: 0.5em;
  text-decoration: none;
  color		: #FFF;
  background	: #008080;/*背景色*/
  border-bottom	: solid 2px #00684b;/*少し濃い目の色に*/
  border-radius	: 4px;/*角の丸み*/
  box-shadow	: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-family	: "Osaka−等幅","ＭＳ ゴシック","monospace";
  font-weight	: bold;
}

.btn-square-pop:active {
  border-bottom	: solid 2px #008080;
  box-shadow	: 0 0 2px rgba(0, 0, 0, 0.30);
}

@media screen and (min-width: 600px) {
    /* 768px以上用（タブレット用）の記述 */
	h3	{
		color            : #008080;
		font-size        : 18px;
		font-weight      : bolder;
		font-family      : "Osaka−等幅","ＭＳ ゴシック","monospace";
		text-align       : center;
	}
	#formWrap {
		width       : 600px;
		margin      : 0 auto;
		color       : #000000;
		line-height : 200%;
		font-size   : 100%;
	}

}
@media screen and (min-width: 600px) {
    /* 768px以上用（ＰＣ用）の記述 */
	h3	{
		color            : #008080;
		font-size        : 18px;
		font-weight      : bolder;
		font-family      : "Osaka−等幅","ＭＳ ゴシック","monospace";
		text-align       : center;
	}
	#formWrap {
		width       : 640px;
		margin      : 0 auto;
		color       : #000000;
		line-height : 200%;
		font-size   : 100%;
	}

}