body{
	background-color: #cccccc
}

input[type="text"] {
   /* input要素のうちtype属性値がtextのものに対して装飾 */
	width: 50px;
	height: 23px;
  	background-color: #fefefe;
	border: 1px solid #3c7fb1; /* 枠線 */
	border-radius: 0em;        /* 角丸 */
	font-size:15;
	font-weight:500;
	text-align:center;
	color:#000000;
}
#scrollTopOutput{visibility:hidden;}

.box {
	overflow-x: hidden; /* 横スクロールを隠す　*/
	overflow-y: auto;/* 【縦だけ】スクロールバー 　　　横だけのときは-xを指定する */
	width: 300px;height: 300px;
	border: 0px;
	border-radius: 0.5em;      /* 角丸 */
	background-color: #cccccc;
   	position:absolute; top:70px; left: 10px;

}


.btn_style {
   /* buttonに対して装飾 */

	width: 284px;
	height: 45px;
  	background-image: linear-gradient(0deg, #bbcccc, #efffff); /* グラデーション */
	border: 0px solid #3c7fb1; /* 枠線 */
	border-radius: 0.3em;      /* 角丸 */
	font-size:15;
	font-weight:300;
	text-align:center;
	color:#000000;
}
.btn_style:hover { /* mouseoverでメニュウ項目の色と大きさを変える */

	font-weight:400;
	transform:scale(1.0,1.2);
	transition:0.2s ;
	color:#ffffff;
  	background-image: linear-gradient(0deg,#aadddd, #334455); /* グラデーション */

}

#return_btn{
   /* buttonに対して装飾 */
 	position:absolute; top:20px; left: 20px;
	padding: 0 0;
  width: 150px;height: 32px;
  background-color: : #ffffff;
	border: 2px solid #554477;/* 枠線 */
	border-radius: 50px;     /* 角丸 */
	font-size:14;
	font-weight:300;
	text-align:center;
	color:#000000;

}
#return_btn:hover { /* mouseoverでメニュウ項目の色と大きさを変える */
	font-weight:800;
 	cursor: pointer;
}


#ifr{
	border:0;
	width: 1200px;	height: 800px;
 	position:absolute; top:50px; left: 350px;
}