@import "share.css";


/*----------サイドナビ------------*/

#item ul.sideNavi {
  width: 230px;
  line-height: 140%;
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 20px;
  padding: 0;
}

#item ul.sideNavi li {
  line-height: 140%;
}

#item ul.sideNavi li a {
  width: 202px;
  height: 21px;
  overflow: hidden;
  color: #555555;
  font-weight: bold;
  text-decoration: none;
  display: block;
  background: url(../images/share/text_side_navi.gif) no-repeat 0px 0px;
  padding: 7px 5px 0 23px;
}

#item ul.sideNavi li a:hover,
#item ul.sideNavi li a.on {
  background-position: -230px 0px;
}

/*----------コンテンツ------------*/

#item h2 {
  width: 550px;
  font-size: 1px;
  line-height: 0%;
  margin: 0 0 20px;
  padding: 0;
}

#item p {
  margin: 0 15px 10px;
  padding: 0;
}

#item ul.example {
  border: 1px solid #E1D5A9;
  background: #FDFAEC;
  margin: 0 25px 10px;
  padding: 10px 10px 5px 10px;
}

#item ul.example li {
  margin: 0 0 5px;
  padding: 0;
}

#item p.imgShare {
  margin: 30px 15px 10px;
  padding: 0;
}

#item .pickup {
  width: 550px;
  float: left;
  background: url(../images/item/bg_pickup.gif) no-repeat 10px 100%;
  margin: 0 0 30px;
  padding: 0;
}

#item .pickup h3 {
  width: 550px;
  line-height: 0%;
  margin: 0 0 8px;
  padding: 0;
}

#item .pickup p.pickupLeft {
  width: 187px;
  float: left;
  margin: 0;
  padding: 0 15px 13px 25px;
}

#item .pickup p.pickupLeft img {
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  padding: 3px;
}

#item p.btnInquiry {
  width: 550px;
  text-align: center;
  font-size: 1px;
  line-height: 0%;
  margin: 0 0 15px;
  padding: 30px 0 0;
}

#item .pickup .pickupRight {
  width: 300px;
  float: left;
  margin: 0;
  padding: 0 0 3px;
}

#item .pickup .pickupRight p {
  line-height: 140%;
  margin: 0 0 10px;
  padding: 0;
}

#item .pickup .pickupRight p.title {
  font-size: 120%;
  font-weight: bold;
}

#item .pickup .pickupRight p a {
  font-weight: bold;
}

#item .list {
  width: 550px;
  margin: 0 0 20px;
  padding: 0;
  clear: both;
}

#item .list h2 {
  width: 520px;
  font-size: 120%;
  font-weight: bold;
  line-height: 140%;
  background: url(../images/item/bg_category-title.gif);
  position: relative;
  margin: 0 0 10px;
  padding: 5px 15px;
}

#item .list h2 p.stamp {
  position: absolute;
  top: -15px;
  right: 15px;
  margin: 0;
  padding: 0;
}

#item .list h2 .rssFeed {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
  padding: 0;
}

#item p.lead strong {
  color: #FF6600;
}

#item .list ul {
  width: 520px;
  margin: 0 15px;
  padding: 0;
}

#item .list ul li {
  color: #999999;
  background: url(../images/share/arrow_01.gif) no-repeat 0% 50%;

  margin: 0 0 6px;
  padding: 0 0 0 10px;
}

#item .list ul li.end span {
  color: #EE1A1A;
  font-weight: bold;
}

#item .list ul li.end a {
  text-decoration: line-through;
}

#item .list p.btn {
  width: 520px;
  text-align: center;
  margin: 20px 0 0;
  padding: 0;
}

#item .list p.catEntrytitle {
  font-weight: bold;
  background: url(../images/share/arrow_01.gif) no-repeat 0% 50%;
  margin: 0 15px 3px;
  padding: 0 0 0 10px;
}

#item .list p.end span {
  color: #EE1A1A;
  font-weight: bold;
}

#item .list p.end a {
  text-decoration: line-through;
}

#item .list table {
  width: 520px;
  text-align: center;
  border-collapse: collapse;
  margin: 0 15px 20px 15px;
  padding: 0;
}

#item .list table.taMore {
  text-align: left;
}

#item .list table th {
  font-weight: normal;
  vertical-align: top;
  border: 1px solid #999999;
  background: #EEEEEE;
  margin: 0;
  padding: 5px;
}

#item .list table th.th1 {
  width: 85px;
}

#item .list table th.th2 {
  width: 88px;
}

#item .list table th.th3 {
  width: 137px;
}

#item .list table th.th4 {
  width: 104px;
}

#item .list table th.th5 {
  width: 56px;
}

#item .list table.taMore th {
  width: 100px;
}

#item .list table td {
  font-weight: normal;
  vertical-align: top;
  border: 1px solid #999999;
  margin: 0;
  padding: 5px 10px;
}

#item .list table td p {
  line-height: 140%;
  margin: 0 0 10px;
  padding: 0;
}

#item .list h3 {
  font-size: 100%;
  background: url(../images/share/arrow_01.gif) no-repeat 0% 50%;
  margin: 0 15px 5px;
  padding: 0 0 0 10px;
}

#item .list .paginateNavi {
  font-size: 85%;
  text-align: right;
  margin: 10px 15px;
  padding: 0;
}

#item p.backList,
#item p.consultation {
  width: 520px;
  text-align: center;
  margin: 0 0 20px;
  padding: 0;
}

#item ul.catNavi {
  width: 528px;
  float: left;
  border: 1px solid #E9DCAB;
  background: #FFFBEE;
  margin: 0 0 30px;
  padding: 10px 10px 0 10px;
}

#item ul.catNavi li {
  width: 156px;
  float: left;
  display: inline;
  background: url(../images/share/arrow_red.gif) no-repeat 0px 5px;
  margin: 0;
  padding: 0 10px 10px;
}

.ss_eval {
  font-size: 14px;
  color: #669900;
  background-color: #fffbee;
  letter-spacing: 0.1em;
  line-height: 150%;
  margin-bottom: 40px;
  margin-top: 30px;
  padding: 15px;
  border: 1px solid #e9dcab;
}

.ss_eval_h4 {
  color: #669900;
  font-weight: bold;
  font-size: 16px;
  background-image: none;
  margin-bottom: 5px;
}


#item p.consultation {
  width: 520px;
  text-align: center;
  padding: 0;
  clear: both;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
}