a {  color: #000066; text-decoration: none}
a:hover {  color: #FFFFFF; text-decoration: underline}
.textsize10pt {
	font-size: 10px;
}
.background {
	background-image: url('mainimg/background.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-attachment: scroll

}
.tablebackground1 {
	background-attachment: scroll;
	background-image: url('mainimg/ani_1.gif');
	background-repeat: no-repeat;
	background-position: 239px -3px
}
.tablebackground2 {
	background-attachment: scroll;
	background-image: url('mainimg/ani_2.gif');
	background-repeat: no-repeat;
	background-position: 154px 334px
}
.background3 {
	background-attachment: scroll;
	background-image: url('mainimg/illust.gif');
	background-repeat: no-repeat;
	background-position: 9px 300px
}
.basebackground {
	background-attachment: scroll;
	background-image: url('baseimg/righr_background.gif');
	background-repeat: no-repeat;
	background-position:  
               519px 0px;
}
.backgroundbukatsu {
	background-attachment: fixed;
	background-image: url('campus/img/bukatsu_txtback.gif');
	background-repeat: no-repeat;
	background-position:  
               0px 0px;
}
.gokaku4men {
	border: 1px solid #0000CC;
}
.gokaku3men {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3399FF;
	border-right-color: #3399FF;
	border-bottom-color: #3399FF;
	border-left-color: #3399FF;
}
.gokaku2men {
	border-top: 1px none #3737FF;
	border-right: 1px solid #3737FF;
	border-bottom: 1px solid #3737FF;
	border-left: 1px none #3737FF;
}
.gokaku1mrn {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #9393FF;
}
.container
      {
         display: flex;
         flex-wrap: wrap;
      }
.columnl
      {
         width: 100%;
      }
.columnr
      {
         width: 100%;
      }

@media (min-width: 1200px)
      {
        .columnl
            {
                width: 40%;
            }
        .columnr
            {
                width: 60%;
            }

      }
.grpmenu-container
      {
         display: flex;
         flex-wrap: wrap;
      }
.grpcolumn
      {
         width: 100%;
      }

@media (min-width: 1200px)
      {
        .grpcolumn
            {
		display: none;
            }
      }
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #E25407;
	opacity: 0.6;
	border-radius: 50%;
	z-index: 9000;
      }
@media (min-width: 1200px)
      {
        #page_top
            {
                display: none;
            }
      }
#page_top::before {
	font-family: 'MS UI GOTHIC';
	font-weight: 900;
	content: '∧';
	font-size: 30px;
	color: #FFFFFF;
	position: absolute;
	width: 45px;
	height: 45px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
      }
.page_top_btn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-weight:bold;
	padding: 0.7em;
	text-align: center;
	background: rgb(255,0,0);
	color: #FFF;
	transition: 0.3s0;
      }
@media (min-width: 1200px)
      {
        .page_top_btn
            {
                display: none;
            }
      }
.page_top_btn:hover {
	background: rgb(255,0,0,0.8);
	color: rgb(255,255,255,0.8);
      }