@charset "utf-8";

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

BODY{
	text-align : center;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
float : none;
clear : both;
overflow : visible;
visibility : visible;
background-image : url(site-img/100-100-back.jpg);
background-repeat : repeat;
overflow-x: hidden!important;


}

#site-box{
	font-size : 15px;
font-family : "ＭＳ Ｐゴシック";
text-align : left;
margin-left : auto;
margin-right : auto;
width : 980px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
line-height : 25px;
letter-spacing : 5px;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #0fbdff;
border-right-color : #0fbdff;
}

#header-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
height : 120px;
margin-bottom : 10px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #0fbdff;
}

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

#footer-box{
	font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
text-align : center;
margin-top : 20px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #0fbdff;
border-bottom-color : #0fbdff;
float : none;
clear : both;
overflow : visible;
visibility : visible;
padding-top : 5px;
padding-bottom : 5px;
}

#h1-box{
	background-image : url(site-img/h1-50-980.jpg);
background-repeat : no-repeat;
height : 50px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #afe8f5;
}

H1{
	font-size : 18px;
font-weight : normal;
padding-left : 65px;


padding-top : 15px;
letter-spacing : 8px;


}

#h2-box{
	background-image : url(site-img/h2-50-980.jpg);
height : 50px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
background-repeat : no-repeat;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #afe8f5;
}

H2{
	font-size : 18px;
padding-left : 65px;
font-weight : normal;
padding-top : 14px;
letter-spacing : 8px;
}

#attention-tittle-box{
	background-image : url(site-img/tittle-45-30.jpg);
background-repeat : no-repeat;

float : none;
clear : both;
overflow : visible;
visibility : visible;
padding-left : 55px;
padding-top : 11px;
font-size : 18px;
font-weight : normal;
letter-spacing : 10px;
color : #e8048c;




border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #ee4f73;


padding-bottom : 9px;
}

#attention-txt-box{
	padding-left : 5px;

float : none;
clear : both;
overflow : visible;
visibility : visible;
width : 98%;
font-size : 14px;
}

#link-box{
	text-align : center;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #d7eeff;
border-bottom-color : #d7eeff;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

STRONG{
	font-size : 15px;
font-weight : normal;
text-decoration : none;
}

A{
	text-decoration : none;
color : black;
}

#idiom-down-box{
	margin-left : 10px;
width : 98%;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

TABLE{
	font-weight : normal;
border-spacing : 0px;
text-decoration : none;
}



}


















#next-page-box{
	text-align : right;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

#next-page-box{
	text-align : center;

}

#ad-up-box{
	text-align : center;
margin-top : 3px;
margin-bottom : 3px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #f0f0f0;
border-bottom-color : #f0f0f0;
padding-top : 3px;
padding-bottom : 3px;
}

#ad-naka-box{
	text-align : center;
margin-top : 3px;
margin-bottom : 3px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #f0f0f0;
border-bottom-color : #f0f0f0;
padding-top : 3px;
padding-bottom : 3px;
}

#ad-down-box{
	text-align : center;
padding-top : 3px;
padding-bottom : 3px;
margin-top : 3px;
margin-bottom : 3px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #f0f0f0;
border-bottom-color : #f0f0f0;
}

#down-word-tittle-box{
	border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #7ddbff;
float : none;
clear : both;
overflow : visible;
visibility : visible;




}




#top-kanji-box{
	margin-left : 4px;
margin-right : 4px;
width : 98%;
}

.kanji-img-box{
	margin-left : 4px;
margin-right : 4px;
width : 98%;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}

.kanji-tittle-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
height : 51px;
background-image : url(site-img/17x50-back.jpg);
background-repeat : repeat-x;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #f3b074;
}

H3{
	font-size : 15px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
color : #ee6c02;





padding-left : 90px;

margin-top : -35px;
}

EM{
	font-weight : normal;
font-style : normal;
text-decoration : none;
}

.txt-box-class{
	margin-top : 2px;
margin-left : 4px;
margin-right : 4px;
margin-bottom : 2px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}




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

img {
	vertical-align: middle; 
}




@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, 13px);

}


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

table {
	width: 100% ;
}

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

img { vertical-align: middle; }


#site-box{
	font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
text-align : left;
margin-left : auto;
margin-right : auto;
float : none;
clear : both;
overflow : visible;
visibility : visible;
line-height : 25px;
letter-spacing : 3px;
border-left-width : 1px;
border-right-width : 1px;
border-left-style : solid;
border-right-style : solid;
border-left-color : #0fbdff;
border-right-color : #0fbdff;
}


#header-box{
	float : none;
clear : both;
overflow : visible;
visibility : visible;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #0fbdff;
height : 40px;
}

#h1-box{
	background-image : url(site-img/h1-50-980.jpg);
background-repeat : no-repeat;
float : none;
clear : both;
overflow : visible;
visibility : visible;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #afe8f5;
}

H1{
	font-size : 15px;
font-weight : normal;
padding-left : 65px;

padding-top : 15px;
letter-spacing : 8px;

}


H2{
	font-size : 15px;
padding-left : 65px;
font-weight : normal;
padding-top : 14px;
letter-spacing : 8px;
}



#attention-tittle-box{
	background-image : url(site-img/tittle-45-30.jpg);
background-repeat : no-repeat;
height : 45px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
padding-left : 55px;
padding-top : 12px;
font-size : 18px;
font-weight : normal;
letter-spacing : 10px;
color : #e8048c;

}


#attention-txt-box{
	padding-left : 5px;

float : none;
clear : both;
overflow : visible;
visibility : visible;
width : 98%;
font-size : 12px;
}


#footer-box{
	font-size : 11px;
font-family : "ＭＳ Ｐゴシック";
font-weight : normal;
text-align : center;
margin-top : 20px;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #0fbdff;
border-bottom-color : #0fbdff;
float : none;
clear : both;
overflow : visible;
visibility : visible;
padding-top : 5px;
padding-bottom : 5px;
letter-spacing : 2px;
line-height : 15px;
}

.txt-box-class{
	margin-top : 2px;
margin-left : 4px;
margin-right : 4px;
margin-bottom : 2px;
	font-size : 12px;
float : none;
clear : both;
overflow : visible;
visibility : visible;
}



}