@charset "utf-8";
/*  begin */


.ara_005 { position: relative;}

.ara_005 .art_list_all { position: relative;}
.ara_005 .art_list_all > li { padding: 25px 0; border-bottom: 1px solid #dedede; min-height: 120px;}
.ara_005 .art_list_all > li > a { position: relative; display: block; padding-left: 140px;}
.ara_005 .art_list_all > li.no_img { min-height: inherit;}
.ara_005 .art_list_all > li.no_img > a { padding-left: 0;}
.ara_005 .art_list_all > li > a span { position: absolute; left: 0; top: 2px; display: block; width: 118px; height: 118px; border: 1px solid #eaeaea;}
.ara_005 .art_list_all > li > a span img { width: 118px; height: 118px; transition: opacity .3s ease;}
.ara_005 .art_list_all > li > a h2 { font-size: 20px; font-weight: bold; line-height: 1.3; margin: 0 0 9px 0; color: #222;}
.ara_005 .art_list_all > li > a p { margin-bottom: 7px; color: #808080;}
.ara_005 .art_list_all > li > a ul:after { content: ""; display: block; clear: both;}
.ara_005 .art_list_all > li > a ul li { float: left; padding: 0 6px; background: url(/data/skin/content/1/ara_005//images/icon_bu.png) no-repeat 0 2px; line-height: 1; font-size: 12px;}
.ara_005 .art_list_all > li > a ul li:first-child { background: none; padding-left: 0; font-size: 12px;}
.ara_005 .art_list_all > li > a ul li.name { color: #808080;}
.ara_005 .art_list_all > li > a ul li.date { color: #bbbbbb;}
.ara_005 .art_list_all > li > a:hover h2, .ara_005 .art_list_all > li > a:hover p, .ara_005 .art_list_all > li > a:hover img { opacity: .75;}

.ara_005.skinbox .art_list_all { margin-top: -25px;}
/*  end */