*{border:0 none;margin:0;padding:0;}
ul li {vertical-align: top;}
.par parsys{position:relative;z-index:15;}
#notice-board{background-color:#fff;overflow:visible;}
#notice-board-nav{}
#notice-board-nav>ul{font-size:0;margin:0 auto;padding:15px 35px 15px 25px;text-align:left;display:inline-block;float:left;}
#notice-board-nav>ul>li{display:inline;}
#notice-board-nav>ul>li>a{color:#999;padding-left:25px;margin-left:50px;font-weight:bold;line-height:30px;}
#notice-board-nav>ul>li>a.active{color:#333;}
#notice-board-show{display:none;}

#notice-board-items{margin-top:20px;clear:both;padding-top:20px;}
#notice-board-items>div{background:url(../../../../etc/designs/bochk_web/images/main/icon-component.png) no-repeat 21px top;}
#notice-board-items>div>div{border-left:2px solid #47c7bd;margin-left:35px;padding:0 35px;overflow:visible;text-align:right;}
#notice-board-items>div>div>a{font-size:90%;font-weight:bold;margin:15px 10px;} 
#notice-board-items>div>div>ul{min-width:903px;text-align:left;overflow:hidden;display:none;padding-bottom:20px;}
#notice-board-items>div>div>ul.author{display:block;}
#notice-board-items>div>div>ul li{cursor:pointer;}
#notice-board-items>div>div>ul li[id^="notice-board-item-"]{width:300px;height:196px;}

ul.component-boxframe{text-align:left;font-size:0;overflow:hidden;}
ul.component-boxframe li[id^="notice-board-item-"]{position:relative;display:inline-block;*display:inline;zoom:1;background-color:#fff;text-align:left;border-top:4px solid #000;font-size:15px;overflow:hidden;box-shadow:0 0 10px #999;}
#notice-board-items ul.component-boxframe li.card{float:none;}
ul.component-boxframe li.card img{display:block;width:100%;height:auto;}
ul.component-boxframe li.card h1{font-size:110%;padding:10px;}
ul.component-boxframe li.card ul{padding:0 10px 10px 25px;*padding:4px 10px 10px 25px;list-style:square outside;font-size:90%;line-height:1.4em;}
ul.component-boxframe li.card ul>li{vertical-align:top;padding-top:0;padding-bottom:7px;}
ul.component-boxframe li.card ul>li>a{display:block;vertical-align:top;}
ul.component-boxframe li.card ul>li>*:first-child{*margin-top:-4px;}
ul.component-boxframe li.card a{position:relative;z-index:2;}
ul.component-boxframe li.card .morelink{position:absolute;z-index:1;left:0;bottom:0;right:0;width:100%;height:100% !important;font-weight:bold;background:url(../../../../etc/designs/bochk_web/images/main/btn-board-more.png) no-repeat right bottom!important;padding:0!important;color:#fff!important;font-size:90%;text-align:center;}
ul.component-boxframe li.card .morelink span{position:absolute;bottom:4px;right:15px;width:70px;}
ul.component-boxframe li.card .morelink span:hover{text-decoration:underline;}
ul.component-boxframe .type-a>h1{padding:15px 10px;}
ul.component-boxframe .type-c>img{width:100%;}
ul.component-boxframe .type-d>div>h1{position:absolute;}
ul.component-boxframe .type-d>div>img{width:100%;}

#notice-board-nav ul li.red>a{background:transparent url(../../../../etc/designs/bochk_web/images/main/icon-board-arrow-red.png) no-repeat left center;}
#notice-board-nav ul li.orange>a{background:transparent url(../../../../etc/designs/bochk_web/images/main/icon-board-arrow-orange.png) no-repeat left center;}
#notice-board-nav ul li.green>a{background:transparent url(../../../../etc/designs/bochk_web/images/main/icon-board-arrow-green.png) no-repeat left center;}
#notice-board-nav ul li.blue>a{background:transparent url(../../../../etc/designs/bochk_web/images/main/icon-board-arrow-blue.png) no-repeat left center;}

ul.component-boxframe li.orange{border-top:4px solid #D00024;}
ul.component-boxframe li.blue{border-top:4px solid #FAAF40;}
ul.component-boxframe li.green{border-top:4px solid #1B8EBB;}
ul.component-boxframe li.red{border-top:4px solid #783C64;}

ul.component-iconframe{text-align:center;font-size:0;border-top:1px solid #ccc;padding-top:30px;margin-top:30px;}
ul.component-iconframe li{position:relative;display:inline-block;*display:inline;zoom:1;font-size:15px;margin:0 45px;overflow:hidden;border:1px solid #a8a7ac;border-radius:5px;}
ul.component-iconframe li a{background:url(../../../../etc/designs/bochk_web/images/main/iconframe-bg.png) repeat-x center top;width:200px;height:118px;text-align:center;font-size:90%;}
ul.component-iconframe li a>span:first-child{display:block;height:70px;background-repeat:no-repeat;background-position:center center;}
ul.component-iconframe li a>span{display:block;}
ul.component-iconframe li#iconframe-icon-1 a span:first-child{background-image:url(../../../../etc/designs/bochk_web/images/main/iconframe-icon-1.png);}
ul.component-iconframe li#iconframe-icon-2 a span:first-child{background-image:url(../../../../etc/designs/bochk_web/images/main/iconframe-icon-2.png);}
ul.component-iconframe li#iconframe-icon-3 a span:first-child{background-image:url(../../../../etc/designs/bochk_web/images/main/iconframe-icon-3.png);}
ul.component-iconframe li#iconframe-icon-4 a span:first-child{background-image:url(../../../../etc/designs/bochk_web/images/main/iconframe-icon-4.png);}