html { height:100%; }





a{/*リンクされた文字*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#999999;
    font-style:normal;
    text-decoration:underline;
}

a.linklink{
MARGIN-left:0px;
display:block;
width:90%;
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1px dashed;
border-color:#666666;
background:#FFFFFF;
text-decoration: none;
}

a.linklink:hover{
color:#FFFFFF;
background:#666666;
border:1px dashed ;
border-color:#666666;
background:FFFFFF;
text-decoration: none;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 3s ease-in-out infinite alternate;
    -moz-animation:blink 3s ease-in-out infinite alternate;
    animation:blink 3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:0.5;}
}



/*pc_cssここから*/

@media screen and (min-width:900px){

BODY {
	background-image: url("bricks.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size:cover;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-family: 'Anton', sans-serif;
	color: #000000;
	letter-spacing: 0.1em;
}



.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



img {
	width :100%; height:auto;
}

img.edu2{
width:50%; height:auto;
}



h1 {
  font-size: 150%; /* 文字サイズを15px */
  MARGIN-TOP: 100px;
  MARGIN-bottom: 2px;
}

h2 {
  font-size: 120%; /* 文字サイズを12px */
  MARGIN-TOP: 20px;
}

h3 {
  font-size: 100%; /* 文字サイズを12px */
  MARGIN-LEFT: 20px;
}

p.{
   MARGIN-TOP: 2px;
   padding:0px;
}

.smokebox{
	top:0px;
	left:0px;
	margin:0px;
	PADDING:0px;
	WIDTH: 100%;
	height:100%
	Z-INDEX:-1;
	position:fixed;
}


.box_contents1{
    clear:both;
    position: fixed;  
    top:10px
    bottom: 10px;  
    left: 10px;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 0px solid;
        border-left:#FF99CC 0px solid;
        border-right:#FF99CC 0px solid;
	WIDTH: 50%;
        HEIGHT: 100%; 
	PADDING-TOP: 10%;
	PADDING-BOTTOM: 0px
}

img.aaa{
	width :90%; height:auto;
}

img.bbb{
	width :20%; height:auto;
}




.box_contents2{
	clear:both;
	BORDER-TOP: #000000 1px solid;
        border-bottom:#000000 1px solid;
        border-left:#000000 1px solid;
        border-right:#000000 1px solid;
	WIDTH: 50%;
        HEIGHT: auto; 
	PADDING-TOP: 0%;
	PADDING-BOTTOM: 2%;
	PADDING-RIGHT: 2%;
	PADDING-LEFT: 2%;
	MARGIN:auto;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 2%;
}


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  width: 90%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: center;
}
table th {
  background-color:none;
  text-align: center;
  width: 30%;
}

.box_contents3{
	clear:both;
	BORDER-TOP: #000000 1px solid;
        border-bottom:#000000 1px solid;
        border-left:#FF99CC 0px solid;
        border-right:#FF99CC 0px solid;
	WIDTH: 50%;
        HEIGHT: auto; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px
	PADDING-LEFT: 5px;
	MARGIN:auto;
	MARGIN-TOP: 30px;
	MARGIN-BOTTOM: 30px;
position:absolute; 
Z-INDEX:1;
}




}/*pc_cssここまで*/


/*モバイル_cssここから*/

@media screen and (max-width:899px) {

BODY {
	height: 0;
	padding-top: 0%;
	background-image: url("bricks.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:cover;
	/*background-position:center bottom;*/
	font-family: 'Sawarabi Mincho', sans-serif;
	font-family: 'Anton', sans-serif;
	color: #000000;
	letter-spacing: 0.1em;
}

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


h1 {
  border-top: #000000 0px solid;
  border-bottom: #FF99CC 0px dashed;
  font-size: 150%; /* 文字サイズを15px */
  MARGIN-TOP: 20%;
}

h2 {
  font-size: 120%; /* 文字サイズを12px */
  MARGIN-TOP: 2%;
}

h3 {
  font-size: 100%; /* 文字サイズを12px */
  MARGIN-LEFT: 40px;
}

img {
	width :90%; height:auto;
}

.box_contents1{
	clear:both;
    top: 1%;  
    left: 1%;
	BORDER-TOP: #000000 0px solid;
        border-bottom:#000000 0px solid;
        border-left:#FF99CC 0px solid;
        border-right:#FF99CC 0px solid;
	WIDTH: auto;
        HEIGHT: 70%; 
	PADDING-TOP: 2%;
	PADDING-BOTTOM: 0px
	MARGIN:auto;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}

img.aaa{
	width :90%; height:auto;
}

img.bbb{
	width :20%; height:auto;
}



.smokebox{
	top:0px;
	left:0px;
	margin:0px;
	PADDING:0px;
	WIDTH: 720px;
	height:1280px;
	Z-INDEX:-1;
	position:fixed;
}
	
.box_contents2{
	align: center;
        clear:both;
	BORDER-TOP: #FFFFFF 0px solid;
        border-bottom: #FFFFFF 1px solid;
        border-left:#FF99CC 0px solid;
        border-right:#FF99CC 0px solid;
	WIDTH: auto;
        HEIGHT: auto; 
	PADDING-TOP: 0%;
	PADDING-BOTTOM: 10%;
	MARGIN:auto;
	MARGIN-TOP: 0%;
	MARGIN-BOTTOM: 1%;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  width: 90%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: center;
}
table th {
  background-color:none;
  text-align: center;
  width: 30%;
}

.box_contents3{
	clear:both;
	BORDER-TOP: #000000 1px solid;
        border-bottom:#000000 1px solid;
        border-left:#FF99CC 0px solid;
        border-right:#FF99CC 0px solid;
	WIDTH: 80%;
        HEIGHT: auto; 
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px
	PADDING-LEFT: 0px;
	MARGIN:auto;
	MARGIN-TOP: 30px;
	MARGIN-BOTTOM: 30px;
}

.cont_v00 {
	clear: both;
	float: none;
	width: 100%;
	max-width: 100%;
	line-height:150%;
	padding-TOP:10px;
	padding-bottom:5px;
}

}/*モバイル_cssここまで*/









