@font-face {
  font-family: 'fon1';
	src: url('../font/mathFont.eot');
	src: url('../font/mathFont.eot?#iefix') format('embedded-opentype'),
			url('../font/mathFont.woff') format('woff'),
  			url('../font/mathFont.ttf') format('truetype');
}
@font-face {
  font-family: 'fon2';
	src: url('../font/cmr10.eot');
	src: url('../font/cmr10.eot?#iefix') format('embedded-opentype'),
			url('../font/cmr10.woff') format('woff'),
  			url('../font/cmr10.ttf') format('truetype');
}
body, #oyaBox, .topBox{
margin: auto;
}
img, iframe{
border: 0px;
}
#oyaBox{
position: relative;
width: 800px;
}
#o_box{
position:relative;
width: 980px;
margin:auto;
	}

.topBox{
  width:100%;height:86px;overflow: hidden;margin-bottom:0px;
text-align: left;
}

div.mathf{
font-family:'fon1';
margin:0.2em 0 0.5em 0;
padding-bottom: 0.3em;
padding-left:5em;
border-bottom: 2px solid #373F80;
font-size: large;
}
#shado{
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=1);
font-size: xx-large;
font-weight: 800;
position: absolute;
top:7px;
left:7px;
z-index: -7;
}
#shado2{
color: white;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2);
font-size: xx-large;
font-weight: 800;
position: absolute;
top:8px;
left:8px;
z-index: -1;
}
#dai{
padding: 0;
font-size: xx-large;
font-weight: 800;
text-shadow:0px 0px 2px #ffffff, 1px 1px 5px #000000;
color:#333B6B;
padding:10px;
}
#dai a{
color:#333B6B;
text-decoration: none;
}
#dai a:hover{
background: none;
color:#4A569C;
}
.cl{
clear:both;
}

#kensaku{	
	position: absolute;
	top:30px;
	left: 400px;
margin-top:8px;
padding:0 0 0 0;
background-color: #ffffff;
}
#pan{
position:absolute;top:0.5em;right:1em;
font-size: small;
}
.naviTop{
margin: auto;
text-align: center;
width: 100%;
border:0px;
height: 50px;
margin-top:40px;
}
.naviTop ul{
  list-style-type: none;
  font-size:medium;
  width: 100%;
  margin:0px;
  padding:0px;
}
.naviTop li{overflow: hidden;white-space: nowrap;
display : inline;
  margin: 0px 1px;  float:left;
  width:14.2%;
  margin: auto;
}
.naviTop li a{
text-shadow:1px 1px 8px #ffffff;
  display : block; position: relative;
  border-bottom: 2px #D5D5D5 solid;
  color : #000033;
  margin : 0px 0px 0px 1px; 
  font-weight: bold;
  padding: 1em 0 1em 0; 
  background-color : #E8E8E8;
 background: -webkit-gradient(linear, right top, left top, from(rgba(23,23,23,0.2)), to(rgba(240,240,240,0.2))),-webkit-gradient(linear, left bottom, left top, from(rgba(23,23,23,0.2)), to(rgba(240,240,240,0.2))); /*chrome,safari*/
   background: -moz-linear-gradient(right, rgba(23,23,23,0.2), rgba(240,240,240,0.2)),-moz-linear-gradient(bottom, rgba(23,23,23,0.3), rgba(240,240,240,0.2)); /* Firefox */
   background: linear-gradient(to left, rgba(23,23,23,0.2), rgba(240,240,240,0.2)),linear-gradient(bottom, rgba(23,23,23,0.3), rgba(240,240,240,0.2)); 
filter:progid:DXImageTransform.Microsoft.Gradient(
GradientType=1,StartColorStr=#ffeeeeee,EndColorStr=#ffd4d4d4);
    border-top: 2px #646464 solid;
 text-decoration: none;

}
.naviTop li a:hover{
    border-bottom: 2px #AA0A00 solid;
    color:#C12F1A;
}
#ads1, #ads2, #ads3, #ads4, #ads5{
position: absolute;
}
#ads1{
top: 100px;
right: 0;
}
#ads2{
top:190px;
right: 10px;
}
#ads3, #ads4{
bottom:6em;
}
#ads3{left:3em;}
#ads4{
left:400px;
margin-left:1em;}
#ads5{
bottom: 3.5em;
right: 0;
}
#main_box{
margin-top:120px;
width: 100%;
padding-bottom: 350px;
margin-bottom: 0.5em;
}
h1{
text-align: left;
text-shadow:0 0 10px #000055;
font-size:large;
font-weight: bold;
width:95%;
margin: auto;
color:white;
padding:0.7em 0 0.5em 1em;
border-radius: 0.2em;
box-shadow:3px 3px 4px 2px #c3c3c3;
background-color: #254272;
background: -webkit-gradient(linear, left top, left bottom, from(#DFE5EB), color-stop(50%,#7F98B2), color-stop(50%,#3F546A), to(#4C657F));
background: -moz-linear-gradient(top, #DFE5EB, #7F98B2 50%, #3F546A 50%, #4C657F);
background:linear-gradient(to bottom, #DFE5EB, #7F98B2 50%, #3F546A 50%, #4C657F);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff94AFD7,EndColorStr=#ff1A2F4F);
/*-PIE-background:linear-gradient(top, #DFE5EB, #7F98B2 50%, #3F546A 50%, #4C657F);
behavior:url("PIE.htc");*/
position:relative;
}
h1 span{
border-left: 6px solid #CFCFCF;
padding-left: 1em;
}
h2{
		width: 96%;
  font-size : large;
		margin-left: 0.5em;
		margin-top: 1.5em;
	line-height: 2;
  font-weight : bold;
  padding-left: 0.8em;
  border-bottom: #687385 solid 1px;
  border-left: #687385 solid 8px;
}
.honbun{
width: 95%;
margin: 0.5em 0 0 1em;
border-bottom: 2px solid #373F80;
}
.honbun p{
width: 94%;
line-height: 1.8;
font-size: medium;
text-align:left;
margin:1em 2% 1em 4%;
padding-bottom: 1em;
border-bottom:2px #6B86AD dotted;
}
.honbun div{
line-height: 2;
margin:20px;
padding-bottom: 1em;
border-bottom:2px #6B86AD dotted;}
.honbun p:last-of-type, .honbun div:last-of-type{
border-bottom: none;
}
a{
  color : #000033;
}
table{
border:1px black solid;	
border-collapse: collapse;
	}
td{
text-align:center;
border:1px solid black;	
	}
img a:hover{
background-color: white;
}
#bottomBox{
margin-top:10px;
width:100%;height:120px;
text-align:center;
}
#bottomB{
width:95%;text-align:center;font-size:small;
margin-top:10px;
font-weight:normal;color:#616161;
}
#bottomB a{
color: #6B6B6B;
text-decoration: none;

}
#bottomB a:hover{
 cursor: text;
 background-color: white;
}
.bBar{
padding:0px;text-align: center;padding:3px;
width: 98%;
font-size: 75%;
border-top: 2px solid #373F80;
}
.bBar A{
color: #353764;
border-left-style: solid;border-left-width:1px;border-left-color: #353764;
padding-left: 10px;padding-right:10px;padding-top:1px;padding-bottom:1px;
}
.bBar A:hover{
color: white;
background-color: #353764;
}
.susiki{
font-size:85%; margin-left:20px; white-space:nowrap;padding: 0px;
}
.lft{
float: left;
}
.uLine{
text-decoration: underline;
}
/*
math mi{
font-family: 'fon1';
font-size:120%; 
}*/
span.mfon{
font-family: 'fon1';
margin-left:0.2em;
margin-right:0.2em;
}
div.naviTop li a.here{
    border-bottom: 2px #AA0A00 solid;
  color : #5C5C5C;
text-shadow:1px 1px 8px #ffffff,0 0 4px #ffffff,0 0 2px #ffffff,0 0 6px #ffffff;
}
div.naviTop li a.here:hover{
color : #5C5C5C;
cursor: default;
}
/*新しいナビはid*/
#naviTop{
margin: auto;
text-align: center;
width: 100%;
border:0px;
height: 50px;
margin-top:40px;
}
#naviTop ul{
  list-style-type: none;
  font-size:medium;
  width: 100%;
  margin:0px;
  padding:0px;
}
#naviTop li{
overflow: hidden;white-space: nowrap;
display : inline;
  margin: 0px 1px;  float:left;
  width:14.2%;
  margin: auto;
background-color : #010126;
box-shadow:0px 0px 2px 0px #ffffff, 2px 2px 5px 2px #8C8C8C;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff010126,EndColorStr=#ff45456E);
}
#naviTop li a{
text-shadow:1px 1px 8px #1C1C1C;
  display : block; position: relative;
  border-bottom: 2px #010126 solid;
  color : #E3E3E3;
  margin : 0px 0px 0px 1px; 
  font-weight: bold;
  padding: 0.7em 0 0.7em 0; 
	background: -webkit-gradient(linear,left top, left bottom, from(#131347), color-stop(50%, #45456E), color-stop(50%, #202061), to(#010126));/*chrome,safari*/
  background: -moz-linear-gradient(top, #131347, #45456E 50%, #202061 50%, #010126); /* Ffox */
   background: linear-gradient(to bottom, #131347, #45456E 50%, #202061 50%, #010126);

    border-top: 5px #0D0D17 solid;
 text-decoration: none;

}
#naviTop li a:hover{    
		text-shadow:0 0 14px #fff,0px 0px 18px #FFF, 0 0 30px #fff;
    color : #E3E3E3;
}
#naviTop li a.here{
background: -webkit-gradient(linear,left top, left bottom, from(#38387A), color-stop(50%, #8181A1), color-stop(50%, #4D4D94), to(#131359));/*chrome,safari*/
  background: -moz-linear-gradient(top, #38387A, #8181A1 50%, #4D4D94 50%, #131359); /* Ffox */
   background: linear-gradient(to bottom, #38387A, #8181A1 50%, #4D4D94 50%, #131359);
    border-bottom: 2px #AA0A00 solid;border-top: 5px #38387A solid;
  color : #484851;
text-shadow:0 0 2px #fff,0 0 4px #ffffff,1px 1px 6px #ffffff,0 0 12px #ffffff, 0 0 20px #fff;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff38387A,EndColorStr=#ffC1C1D9);
}
#naviTop li a.here:hover{       
cursor: default;color : #484851;
}
/*テーブルレイアウト*/
.tbl{display:table;text-indent:0;}
span.i_tbl{display:inline-table;text-indent:0;}
.td{display:table-cell;padding:0.2em;}
.tr{display:table-row;}
.td.r{text-align:right;}
.td.l{text-align:left;}
.td.c{text-align:center;}
/*連立テーブル*/
.renritu{display:inline-table;text-indent:0;padding:0;font-family:'fon1', serif;}
.renritu span.td{padding:0.2em;margin:0;vertical-align:middle;line-height:1;}
.renritu span.tr{padding:0;margin:0;}
.renritu span.td.r_kako{font-size:240%;vertical-align:middle;padding:0;margin:0;font-family:'fon1', serif;}
/*ボーダーボトム*/
.bd_bt{
border-bottom:1px solid black;
}
.bdbt .td{
border-bottom:1px solid black;
}
/*タブレット端末　縦の時*/
@media screen and (orientation:portrait){
#naviTop li a{font-size: small;}
#ads2{left: 0;}
#ads3{left:1em;}
#ads4{left:400px;}
}
/*ルート*/
span.root{
	position:relative;
margin-top: 3px;margin-right:4px;margin-left:3px;
display:inline-block;
text-align:left;
width:24px;
text-indent:0;
letter-spacing:0;
vertical-align: middle;
line-height: 1.1;

}
span.root::before{content: '√';
	display:inline-block;line-height:1.1;font-family:'fon1', serif;font-size:155%;
	padding-right: 10px;margin-left:0px;
	vertical-align: middle;}
span.root.two{width:34px;}
span.root.three{width:44px;}
span.root.four{width:54px;}
span.root.five{width:64px;}
span.root.six{width:74px;}
span.root.seven{width:86px;}
span.root.rui{width:33px;}
span.root.rb{width:28px;font-size:170%;vertical-align:middle;}
span.root > span{
position:absolute;
width:12px;top:0;padding:2px 0 0 3px;
left:8px;
display:inline;
vertical-align:middle;
font-size:medium;
line-height:1;
border-top:1px solid black;
}
span.root.two > span{width:21px;}
span.root.three > span{width:31px;}
span.root.four > span{width:45px;}
span.root.five > span{width:55px;}
span.root.six > span{width:65px;}
span.root.seven > span{width:73px;}
span.root.rb > span{font-size:small;margin-left:5px;}
span.root.rb .bunsu{margin-top:-5px;}
span.root.rb .tbl{margin-left:-1px;margin-top:-1px;}
span.root.rui > span{width:18px;}
/*分数の中のルート*/
span.td.bunbo span.root{
top:2px;
}
span.td.bunsi span.root{top:1px;}
span.td.bunsi span.root >span{
font-size:medium;margin-bottom: 0;padding-bottom: 0;line-height: 1;
}
span.td.bunbo span.root >span{
font-size:medium;;
}