/*  ボックス
 *      
 */
/*--------------------------------------------- イメージボックス */
div#imgbox{
	border:1px #cccccc solid;
	margin-left:200px; /* 次に来るイメージを右側に配置するため */
	margin-bottom:10px; /* 次に来るイメージを右側に配置するため */
	width: 530px;
	height: 273px;
}
#imgbox img{
	width: 530px;
	height: 273px;
}
#imgbox object{
	width: 530px;
	height: 273px;
}

/*--------------------------------------------- ヒストリーボックス */
div#4historybox{
	clear:both; /* 回り込みクリア */
/*	float:left;  次に来るイメージを右側に配置するため */

	margin-top:5px;
	margin-left:5px;
	width:730px;
}
.historymore{/*moreの部分*/
	margin-top:10px;
	width:480px;
	text-align:right;/*右寄せ*/
}
.historyborder{
	clear:both;							/*	となりにQRコードとチャレンジ25を置く為	*/
	float:left;							/*	この2行を加える							*/
	margin-top:10px;
	margin-left:15px;
	width:500px;
	height:250px;
	overflow:auto;/*文字が多いときはスクロール*/
	border:0px #cccccc solid;
	border-width:2px 1px 1px 2px;
}

.history{/*中のスクロールする部分*/
	margin-top:10px;
	margin-left:10px;
	width:420px;
}

.QRborder{
	margin-left:525px;
	width:200px;
	height:250px;
	border:0px #cccccc solid;
}

/*--------------------------------------------- ヒストリーのフォント */
.historyfont1{/* What's new */
	font-size:18px;
/*	color:#f02005;*/
	color:#0055ff;
	font-weight:bold;
	font-family: "Monotype Corsiva","Arial";
}
.historyfont2{/* more */
	font-size:14px;
/*	color:#f02005;*/
	color:#0055ff;
	font-weight:normal;
	font-family: "Monotype Corsiva","Arial";
/*sugi	text-decoration:underline;*/
}
a.historyfont2:hover{/* more */
	color:#f06010;
}
.historyfont3{/* 日付 */
	font-size:11px;
/*	text-decoration:underline; */
	letter-spacing	:0.05em;			/*文字の間隔を指定する*/
}
.historyfont4{/* 内容 */
	color:#0055ff;
	margin-left:20px;/*右へずらす*/
	line-height:25px;		/*行間を指定する */
	font-size:11px;
	letter-spacing	:0.05em;			/*文字の間隔を指定する*/
}
/*--------------------------------------------- 右側ボックス */
div#rightbox{
/*	border-left:1px #cccccc solid;*/
	margin-left:10px; /*右へずらす*/
}
/*--------------------------------------------- リクルートボックス */

div#recruitbox{
 overflow      : auto;
 margin-top    : 15px;
 width         : 100%;
 height        : 130px;
}

#recruitbox div.left{
 width         : 220px;
 height        : 120px;
 float         : left;
 text-align    : center;
	margin-left:15px;
}
#recruitbox div.right{
 width         : 220px;
 height        : 120px;
 float         : left;
 text-align    : center;
	margin-left:15px;
}

#recruitbox a{
  display      : block;
  margin-top  : 0px;
  margin-left  : 0px;
  margin-right  : 3px;
  margin-bottom  : 3px;
  width:210px;
  height:110px;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,strength=5,direction=135);
}
#recruitbox a:hover{
  margin-top  : 3px;
  margin-left  : 3px;
  margin-right  : 0px;
  margin-bottom  : 0px;
  filter       : none;
}

#recruitbox img{
	width:210px;
	height:110px;
}