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

BODY{
	background-image : url(site-img/back-100-2px.jpg);
background-repeat : repeat;
text-align : center;
margin-left : auto;
margin-right : auto;

float : none;
clear : both;
overflow : visible;
visibility : visible;
padding-top : 0px;
margin-top : 0px;

}

#site-box{
	text-align : left;
margin-left : auto;
margin-right : auto;
width : 980px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
font-size : 17px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
letter-spacing : 4px;
line-height : 25px;
}

#header-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#contents-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#side-box{
	width : 175px;
float : left;
clear : left;
overflow : visible;
visibility : visible;
margin-right : 5px;
border-top-width : 1px;
border-right-width : 1px;
border-top-style : solid;
border-right-style : solid;
border-top-color : #d8e7fe;
border-right-color : #d8e7fe;
border-left-width : 1px;
border-bottom-width : 1px;
border-left-style : solid;
border-bottom-style : solid;
border-left-color : #d8e7fe;
border-bottom-color : #d8e7fe;
text-align : center;
}

#page-contents-box{
	float : left;
clear : right;
overflow : visible;
visibility : visible;

width : 796px;
border-width : 1px;border-style : solid;border-color : #d8e7fe;
margin-bottom : 10px;
}

#footer-box{
	text-align : center;border-width : 1px;border-style : solid;border-color : #d8e7fe;
float : none;
clear : both;
overflow : visible;
visibility : visible;
font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
line-height : 20px;
}

#h1-box{
	font-weight : normal;

background-image : url(site-img/h1-img-45-100.jpg);
background-repeat : repeat-y;
text-decoration : none;
padding-left : 80px;
float : none;
clear : both;
overflow : visible;
visibility : visible;

border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #779cff;
border-bottom-color : #779cff;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #779cff;
border-right-color : #779cff;
}

.h2-box{
	font-weight : normal;
background-image : url(site-img/parple-img-45-100.jpg);
background-repeat : repeat-y;
text-decoration : none;
padding-left : 80px;
float : none;
clear : both;
overflow : visible;
visibility : visible;

border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #da98fe;
border-bottom-color : #da98fe;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #da98fe;
border-right-color : #da98fe;
}

H1{
	font-size : 17px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
color : #2520fd;
text-decoration : none;
letter-spacing : 6px;
}

H2{
	font-size : 17px;
font-family : "ＭＳ ゴシック";
font-weight : normal;
color : #2520fd;
text-decoration : none;




letter-spacing : 6px;
}

.class-contents-box{
	padding-left : 5px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
}

TABLE{
	font-size : 16px;
border-collapse : collapse;border-spacing : 0px;
empty-cells : hide;
}




#attention-box{
	font-size : 15px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
padding-left : 10px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

A{
	font-weight : normal;
text-decoration : none;
color : #16055a;
}

#top-ad-box{
	text-align : center;
margin-top : 4px;
margin-bottom : 4px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#naka-ad-box{
	text-align : center;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#down-ad-box{
	text-align : center;
margin-top : 1px;
margin-bottom : 1px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#page-link-box{
	text-align : center;
float : none;
clear : both;
overflow : visible;
visibility : visible;
margin-top : 1px;
}

#nextpage-link-box{
	text-align : center;
margin-top : 2px;
margin-bottom : 2px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

.h3-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
background-image : url(site-img/english-box-img-45-100.jpg);
background-repeat : repeat-y;

border-width : 1px;border-style : solid;border-color : #88a9ff;


}

H3{
	font-size : 17px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
padding-left : 80px;



letter-spacing : 6px;
color : #2d6bff;

margin-top : 0px;
padding-top : 10px;
}




.txt-box{
	font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
float : none;
clear : both;
overflow : visible;
visibility : visible;
line-height : 25px;
letter-spacing : 4px;
padding-left : 5px;
}


.etc-ad-box{
	text-align : left;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}


img {
	vertical-align: middle; 
}



 a:hover img
{
	opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}





@media screen and (max-width: 1024px){
	
picture, video{
max-width: 100%;
height: auto;
}

html,body{
overflow-x: hidden;
}


body{
width : 100%;
font-size: clamp(12px, 3vw, 14px);

}


div, iframe {
	max-width: 100% ;
}

table {
	width: 100% ;
}

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

#side-box{
display : none;
}


#footer-box{
	text-align : center;border-width : 1px;border-style : solid;border-color : #d8e7fe;
float : none;
clear : both;
overflow : visible;
visibility : visible;
font-size : 9px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
line-height : 20px;
}

H1{
	font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
color : #2520fd;
text-decoration : none;
letter-spacing : 6px;
}

H2{
	font-size : 14px;
font-family : "ＭＳ ゴシック";
font-weight : normal;
color : #2520fd;
text-decoration : none;
letter-spacing : 6px;
}


H3{
	font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
padding-left : 80px;
letter-spacing : 6px;
color : #2d6bff;
margin-top : 0px;
padding-top : 10px;
}

.class-contents-box{
	padding-left : 5px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
font-size : 14px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
}



.txt-box{
	font-size : 12px;
font-family : "ＭＳ Ｐゴシック";
float : none;
clear : both;
overflow : visible;
visibility : visible;
line-height : 25px;
letter-spacing : 4px;
padding-left : 5px;
}



}