@charset "UTF-8";
/* ==============================
  css-member-graffiti
=================================
blogNav-aria
---------------------------------
blog
---------------------------------
トップトッピックスリスト
---------------------------------
詳細トッピックスリスト
---------------------------------
blog-btnAria
---------------------------------
blog-btnAria2
---------------------------------
サイドボタン（トップへ戻る）
============================== */

/* ------------------------------
  mainTitle
------------------------------ */
h2#mainTitle {
  width: 695px;
  height: 36px;
  background: url(/image/contents/member/graffiti/maintitle.gif) no-repeat;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  margin-bottom: 15px;
}

/* ------------------------------
  blogHead
------------------------------ */
#blogHead {
  width: 695px;
  margin-bottom: 20px;
}

#blogHead-inr {
  width: 645px;
  padding: 12px 25px 17px 25px;
}

#blogHead .titleAria {
  width: 645px;
  margin-bottom: 15px;
}
/* clearfix */
#blogHead .titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#blogHead .titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #blogHead .titleAria {
  height: 1%;
}
#blogHead .titleAria {
  display: block;
}
/* End hide from IE-mac */

#blogHead .titleAria h2 {
  width: 195px;
  height: 28px;
  background: url(/image/contents/member/graffiti/h2.gif) no-repeat bottom;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}

#blogHead .titleAria p {
  width: 385px;
  font-size: 12px;
  color: #5c5c5c;
  line-height: 1.5;
  float: right;
}

#blogHead ul {
  width: 645px;
  height: 45px;
  background: url(/image/contents/member/graffiti/head_nav_bg.gif) no-repeat top right;
  padding-top: 20px;
}
/* clearfix */
#blogHead ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#blogHead ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #blogHead ul {
  height: 1%;
}
#blogHead ul {
  display: block;
}
/* End hide from IE-mac */

#blogHead li {
  height: 45px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
  overflow: hidden;
}
#blogHead li#navBlog-top {
  width: 163px;
}
#blogHead li#navOkawa {
  width: 120px;
}
#blogHead li#navIgarashi {
  width: 121px;
}
#blogHead li#navMocona {
  width: 120px;
}
#blogHead li#navNekoi {
  width: 121px;
}

#blogHead li a {
  height: 45px;
  display: block;
  text-decoration: none;
  outline: none;
  background-repeat: no-repeat;
}
#blogHead li#navBlog-top a {
  width: 163px;
  background-image: url(/image/contents/member/graffiti/nav_blog_top.gif);
}
#blogHead li#navOkawa a {
  width: 120px;
  background-image: url(/image/contents/member/graffiti/nav_ohkawa.gif);
}
#blogHead li#navIgarashi a {
  width: 121px;
  background-image: url(/image/contents/member/graffiti/nav_igarashi.gif);
}
#blogHead li#navMocona a {
  width: 120px;
  background-image: url(/image/contents/member/graffiti/nav_mocona.gif);
}
#blogHead li#navNekoi a {
  width: 121px;
  background-image: url(/image/contents/member/graffiti/nav_nekoi.gif);
}

#blogHead li a:hover {
  background-position: 0 -45px;
}

.entry {
  width: 645px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.graffiti-top .entry {
  background-color: #000;
}
.graffiti-ohkawa .entry {
  background-color: #a01535;
}
.graffiti-igarashi .entry {
  background-color: #055a11;
}
.graffiti-mocona .entry {
  background-color: #ff9100;
}
.graffiti-nekoi .entry {
  background-color: #1188dd;
}
.entry p {
  color: #FFFFFF;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
}

/* ------------------------------
  blog
------------------------------ */
#blog {
  width: 695px;
  margin-bottom: 20px;
}

/* ------------------------------
  トップトッピックスリスト
------------------------------ */
.topi-group {
  width: 645px;
  margin-bottom: 10px;
}
.topi {
  height: 30px;
  background-color: #ececec;
  margin-bottom: 1px;
}
.topi a {
  width: 645px;
  height: 30px;
  background-color: #FFFFFF;
  text-decoration: none;
  display: block;
}
.topi a:hover {
  background-color: #f6f6f6;
}

.contributor-okawa {
  background-color: #a01535;
}
.contributor-igarashi {
  background-color: #055a11;
}
.contributor-mocona {
  background-color: #ff9100;
}
.contributor-nekoi {
  background-color: #1188dd;
}

.contributor-okawa a {
  background-color: #ececec;
}
.contributor-igarashi a {
  background-color: #ececec;
}
.contributor-mocona a {
  background-color: #ececec;
}
.contributor-nekoi a {
  background-color: #ececec;
}

.contributor-okawa a:hover {
  background-color: #a01535;
}
.contributor-igarashi a:hover {
  background-color: #055a11;
}
.contributor-mocona a:hover {
  background-color: #ff9100;
}
.contributor-nekoi a:hover {
  background-color: #1188dd;
}

.topi span.icon {
  width: 30px;
  height: 30px;
  display: block;
}
.contributor span.icon,
.contributor-sub span.icon {
  margin-right: 15px;
  float: left;
}
.sub span.icon {
  margin-left: 15px;
  float: right;
}
.contributor-okawa span.icon,
.ohkawa-sub span.icon {
  background: url(/image/contents/member/graffiti/icon_ohkawa.gif) no-repeat;
}
.contributor-igarashi span.icon,
.igarashi-sub span.icon {
  background: url(/image/contents/member/graffiti/icon_igarashi.gif) no-repeat;
}
.contributor-mocona span.icon,
.mocona-sub span.icon {
  background: url(/image/contents/member/graffiti/icon_mocona.gif) no-repeat;
}
.contributor-nekoi span.icon,
.nekoi-sub span.icon {
  background: url(/image/contents/member/graffiti/icon_nekoi.gif) no-repeat;
}

.topi span.date {
  display: block;
  font-size: 10px;
  padding-top: 9px;
}
.contributor span.date,
.contributor-sub span.date {
  padding-right: 10px;
  float: left;
}
.sub span.date {
  padding-left: 10px;
  float: right;
}
.contributor span.date {
  color: #FFFFFF;
}
.contributor-okawa a span.date {
  color: #a01535;
}
.contributor-igarashi a span.date {
  color: #055a11;
}
.contributor-mocona a span.date {
  color: #ff9100;
}
.contributor-nekoi a span.date {
  color: #1188dd;
}

.contributor a:hover span.date {
  color: #FFFFFF;
}
.ohkawa-sub span.date {
  color: #a01535;
}
.igarashi-sub span.date {
  color: #055a11;
}
.mocona-sub span.date {
  color: #ff9100;
}
.nekoi-sub span.date {
  color: #1188dd;
}

.topi span.title {
  display: block;
  padding-top: 8px;
}
.contributor span.title  {
  font-weight: bold;
  padding-right: 5px;
  float: left;
}
.contributor span.title  {
  color: #FFFFFF;
}
.contributor a span.title  {
  color: #FFFFFF;
}
.contributor-okawa a span.title {
  color: #a01535;
}
.contributor-igarashi a span.title {
  color: #055a11;
}
.contributor-mocona a span.title {
  color: #ff9100;
}
.contributor-nekoi a span.title {
  color: #1188dd;
}

.contributor a:hover span.title  {
  color: #FFFFFF;
}

.topi span.comm {
  display: block;
  padding-top: 8px;
}
.contributor-sub span.comm {
  padding-right: 10px;
  float: left;
}
.sub span.comm {
  float: right;
}
.contributor-sub a span.comm,
.sub a span.comm {
  color: #666666;
}

.topi span.comment {
  display: block;
  font-weight: bold;
  padding-top: 8px;
}
.contributor-sub span.comment {
  padding-right: 5px;
  float: left;
}
.sub span.comment {
  padding-left: 10px;
  float: right;
}
.ohkawa-sub span.comment {
  color: #a01535;
}
.igarashi-sub span.comment {
  color: #055a11;
}
.mocona-sub span.comment {
  color: #ff9100;
}
.nekoi-sub span.comment {
  color: #1188dd;
}

.topi span.tag {
  font-size: 1px;
  display: block;
  padding-top: 9px;
}
.contributor span.tag,
.contributor-sub span.tag {
  float: left;
}
.sub span.tag {
  padding-left: 5px;
  float: right;
}

/* ------------------------------
  詳細トッピックスリスト
------------------------------ */
.detail-group {
  width: 645px;
  margin-bottom: 16px;
}

.detail-group-sub {
  width: 645px;
  margin-bottom: 12px;
}

.comment-sub {
  width: 579px;
  padding-left: 66px;
}

.topi-content {
  color: #333333;
  padding: 20px;
  margin-bottom: 1px;
}
/* clearfix */
.topi-content:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.topi-content {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .topi-content {
  height: 1%;
}
.topi-content {
  display: block;
}
/* End hide from IE-mac */

.content-okawa {
  background-color: #f3e5e9;
}
.content-igarashi {
  background-color: #e7ede7;
}
.content-mocona {
  background-color: #fff2e6;
}
.content-nekoi {
  background-color: #e9f1fb;
}

.topi-content p {
  margin-bottom: 1.5em;
}
.topi-content p.image {
  padding-right: 20px;
  float: left;
}

.topi span.icon2 {
  width: 66px;
  height: 30px;
  display: block;
  margin-right: 15px;
  float: left;
}

.contributor-okawa span.icon2 {
  background: url(/image/contents/member/graffiti/icon_ohkawa2.gif) no-repeat;
}
.contributor-igarashi span.icon2 {
  background: url(/image/contents/member/graffiti/icon_igarashi2.gif) no-repeat;
}
.contributor-mocona span.icon2 {
  background: url(/image/contents/member/graffiti/icon_mocona2.gif) no-repeat;
}
.contributor-nekoi span.icon2{
  background: url(/image/contents/member/graffiti/icon_nekoi2.gif) no-repeat;
}



/* ------------------------------
  blog-btnAria
------------------------------ */
#blog-btnAria {
  width: 278px;
  padding-top: 10px;
  padding-left: 367px;
}
/* clearfix */
#blog-btnAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#blog-btnAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #blog-btnAria {
  height: 1%;
}
#blog-btnAria {
  display: block;
}
/* End hide from IE-mac */

#blog-btnAria p {
  width: 131px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 8px;
  float: left;
}

#blog-btnAria p a {
  width: 131px;
  height: 23px;
  display: block;
  text-decoration: none;
  outline: none;
  background-repeat: no-repeat;
}
#blog-btnAria p#btnPrev a {
  background-image: url(/image/contents/member/graffiti/btn_prev.gif);
}
#blog-btnAria p#btnNext a {
  background-image: url(/image/contents/member/graffiti/btn_next.gif);
}

#blog-btnAria p a:hover {
  background-position: 0 -23px;
}

/* ------------------------------
  blog-btnAria2
------------------------------ */
#blog-btnAria2 {
  width: 131px;
  padding-left: 514px;
  padding-bottom: 20px;
}
/* clearfix */
#blog-btnAria2:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#blog-btnAria2 {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #blog-btnAria 2{
  height: 1%;
}
#blog-btnAria2 {
  display: block;
}
/* End hide from IE-mac */

#blog-btnAria2 p#btnBack {
  width: 131px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: right;
}
#blog-btnAria2 p#btnBack a {
  width: 131px;
  height: 23px;
  background: url(/image/contents/member/topics/btn_back.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#blog-btnAria2 p#btnBack a:hover {
    background-position: 0 -23px;
}