.all_bc{
background-color:#FFFFFF;
width:850px;
}

html{

height:100%;
}

body {
	font-size:14px;
	background:url(../gra/b_c_bg.jpg) repeat left top;
	background-attachment: fixed;
	background-size:cover;
	height:100%;
	line-height: 22px;
	font-family: "メイリオ","Meiryo",‘ヒラギノ丸ゴ ProN W4′, ‘Hiragino Maru Gothic ProN’;
	margin: 0;
	
}

.niipen{
margin-left:-15px;
}

.bict{
	font-weight:bolder;
	line-height: 25px;

}
h1{
margin-top:0px;
}


h2{
font-size:25px;
	font-weight:bolder;
	margin-left: 20px;
	color: #FF3333;
	line-height:27px;
}

.btn_bc img{
	margin:0px 5px 0px 5px;
}

.b_c_con{
margin:0px 20px 0px 20px;
}


.all_bc{
   background: #FFFFFF url(..gra/noise.png) center center;
}

.lesson_sk_memo{
margin:5px 5px 5px 5px;
background-color:#FFFFFF;
}

.lesson_sk_memo2{
width:750px;
background-color:#FFB500;
}


.kihon{
background-color:#FF8080;
width:780px;
}

.3type{
margin:0px 5px 0px 5px;

}

img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
	
}


img.grow:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(2,2);
}

.typetext{
display:block;
padding:10px;
}

.bimoji_c_day{
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:27px;
font-weight:600;
color:#993333;

margin-top:15px;
}

.b_c_moyou img{

}

.topim{
	margin-left:33px;
	padding-bottom: 12px;
}

.topbtn{
margin-top:-3px;
}

.freebtnbg{
   background:url(../gra/bc_btnbg.png) repeat;

}

.freebtnbg img{

margin-top:20px;
margin-bottom:20px;
}

.table1 {
width:700px;/* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #999999 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	margin-top: 5px;
	;
	margin-bottom: 3px;
}

.table1 td {
border: 1px #999999 solid;} /* セルの枠線（太さ・色・スタイル） */

.text1{
	margin-left:15px;
	;
	margin-right: 15px;
}

.table2 {
border: 1px #669933 solid;
} /* セルの枠線（太さ・色・スタイル） */

.text2{
	margin-left:10px;
	margin-right:10px;
}

.book {
/*border-width:1px;
border-color: #999999;
border-style: solid;*/
background:#DDE8D2;

}





.niti{

margin-left:25px;}

.bcsk{
	margin-left: 15px;
}

.bgsk{
background-color:#FFEAE6;
}

.linebc {
border-width:1px;
border-color: #CC3366;
border-style: solid;
}

#sidemenu{
	position:fixed;
	right:45px;
	top:25px;
	padding-bottom:15px;
}
#sidemenu ul{
	margin-top:15px;
	text-align:center;
}
#sidemenu ul li{
	margin-bottom:5px;
	padding:0;
	line-height:3;
}

.bnr a {
  display: inline-block;
  background: url(../gra/print_b.png) no-repeat;
  background-size: cover;
}

.bnr a img {
  vertical-align: middle;
  transition: opacity 0.8s;
}

.bnr a:hover img {
  opacity: 0;
}
.clm{
overflow:auto;
	width:800px;
	height:300px;
	
	background-color:#FFFFDF;
	}

.clmtop{
background-image:url(../gra/clmtitl.png);
width:800px;
height:58px;
}

.atil{
margin-top:3px;
}


.new{
	border-width:1px;
	height:34px;
	border-color:#00CC99;
	border-style: solid;
	background:url(../gra/topnew.png)  no-repeat left top;
	width: 780px;
	padding-top:3px;
	padding-bottom:3px;
}

.new a{
text-decoration:none;
color:#009999;
margin-left:10px;
}

.new a:hover{
color:#33CC99;
}

.new a:active{
color:#666666;
}

.bigi{
vertical-align:bottom;
background:url(../gra/bigi.png)  no-repeat left top;
height:30px;
}

.bigi a{
display:block;
color:#993333;
margin-left:30px;

}

.bigi a:hover{
color:#FF0000;
}

.bigi a:active{
color:#666666;
}

.retop{
margin-right:50px;
}

 * {
 box-sizing: border-box;
           }

.wrapper {
 padding: 10px;
position: relative;
left:550px;
margin-bottom:5px;
} 

.box {
 position: relative;
 background:#F9D83C;
 height: 30px;
width: 200px;
padding:5px;
border: 1px solid #FBC522;
}

.box:after {
content: '';
position: absolute;
border-top: 10px solid #F9D83C;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -9px;
right: 15px;

}
.box:before {
content: '';
position: absolute;
border-top: 10px solid #FBC522;
border-right: 5px solid transparent;
 border-left: 5px solid transparent;
bottom: -11px;
right: 15px;
}


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