@import url("../common.css");

/* ========== 事例紹介 ========== */

/* --- 全て＆カテゴリ別事例一覧 --- */
.work_list {
  width:100%;
}

.work_list h4 {
  margin:0 0 10px 0;
  padding:3px 10px 3px 15px;
  border-left:10px solid #87BF0F;
  background:#F0F0F0;
  color:#7AAC0D;
  text-align:left;
}

.work_list h4 a {
  color:#7AAC0D;
  text-decoration:none;
}

.work_list h4 a:hover {
  text-decoration:underline;
}

.work_list .description {
  width:700px;
  height:300px;
  margin:0;
  padding:0;
}

.work_list ul {
  width:100%;
  margin:0 0 20px 0;
  padding:0;
}

.work_list li {
  margin:0;
  padding:5px 10px;
  text-align:left;
  list-style-type:none;
  font-size:1.0em;
}

.work_list li a {
  color:#787878;
  text-decoration:none;
}

.work_list li a:hover {
  color:#7DAF13;
  text-decoration:underline;
}

/* --- 製品記事 --- */
.work_entry {
  width:700px;
  padding:10px 5px;
  text-align:left;
}

.work_entry .entry_body,
.work_entry .entry_more {
  width:100%;
  padding:0 0 10px 0;
  font-size:0.9em;
}

.work_entry .entry_body p,
.work_entry .entry_more p {
  padding:5px 0;
  text-indent:0.9em;
}

.work_entry ul {
  margin:5px 0;
  padding:0;
}

.work_entry li {
  margin-left:20px;
}
