/* バナー*/
.bn{ display:inline-block; margin-bottom:8px; width:100%;}
.bn a{ width:281px; height:280px; text-indent:-999em; display:block; float:left;}
.bn a.bn01{ background:url(common/img/bn01.jpg) top left no-repeat; margin-right:18px;}
.bn a.bn02{ background:url(common/img/bn02.jpg) top left no-repeat;}
.bn a:hover{ background-position:bottom!important;}


.bn2{ clear:both; width:100%; margin-bottom:8px; display:inline-block;}
.bn2 a{ width:190px; height:60px; text-indent:-999em; display:block; float:left;}
.bn2 a.bn01{ background:url(common/img/lbn01.jpg) top left no-repeat; margin-right:4px;}
.bn2 a.bn02{ background:url(common/img/lbn02.jpg) top left no-repeat; margin-right:4px;}
.bn2 a.bn03{ background:url(common/img/lbn03.jpg) top left no-repeat;}

.bn2 a:hover{ background-position:bottom!important;}


/* お知らせ	 */
#rap .news{ float:left; width:281px; margin-right:10px;}
#rap .news h2{ background:url(common/img/t_news.jpg) top left no-repeat; height:30px; margin:0px; padding:0px;}
#rap .news ul{ list-style:none; display:inline--block; border-top:2px solid #FFBF39; border-bottom:2px solid #FFBF39; width:95%; margin-left:14px;}
#rap .news ul li{ clear:both; padding-bottom:4px; padding:3px;}
#rap .news ul li p{ width:60px; margin:0px; padding:0px; float:left;}

/* マイスターの日常 */
#rap .dire{ float:right; width:281px; display:inline-block;}
#rap .dire h2{ background:url(common/img/t_dire.jpg) top left no-repeat; height:30px; margin:0px; padding:0px;}
#rap .dire ul{ list-style:none; width:95%;}
#rap .dire ul li{ clear:both; padding-bottom:6px; display:inline-block;}
#rap .dire ul li h3{ border-bottom:1px solid #99D47F; margin:0px; padding:0px; text-indent:0px; height:auto; margin-bottom:6px;}
#rap .dire ul li img{ float:left; margin-right:4px;}
#rap .dire ul li div{ float:right; width:140px}

.box { border-bottom:5px solid #ccc; padding-bottom:6px; clear:both; display:inline-block; width:580px; margin-right:17px;}