@charset "utf-8";
/*
Theme Name: PapyMama
Theme URI: REBIRTH
Description: REBIRTH
*/

@import url(http://fonts.googleapis.com/css?family=Average);

* {
  font-family: "arial", "helvetica", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "osaka", sans-serif;
  font-family: 'arial', 'helvetica', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'osaka', sans-serif;
  margin: 0px auto;
  padding: 0px;
  border-collapse: collapse;
}

body {
  text-align: center;
}

img {
  vertical-align: bottom;
  border: 0;
}

a:link,
a:visited {
  color: #f964a0;
  text-decoration: none;
}
a:active,
a:hover {
  color: #f99bcc;
  text-decoration: underline;
}

h1#ptitle {
  color: #f964a0;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  margin: 0px 0px 20px;
  padding: 0px 5px 2px;
  border-bottom: solid 1px #f964a0;
}

ol {
  padding: 0px 0px 5px;
  list-style-position: outside;
}
li {
  padding: 0px 0px 5px 10px;
  list-style-position: outside;
}

#container {
  color: #505050;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

#icon {
  position: absolute;
  top: 76px;
  left: 0px;
  width: 100%;
  height: 20px;
  z-index: 0;
  border-bottom: solid 1px #f99bcc;
}


#container,
#fbox {
  width: 885px;
  padding: 0px 20px;
}


#container {
  background: url('/image/back.jpg') repeat-y center;
}


#header {
  background: #ffffff;
  width: 100%;
  height: 54px;
  text-align: right;
  padding: 20px 0px 17px;
}
#header .right {
  line-height: 21px;
}
#header .right #search {
  padding: 0px 0px 12px;
}
.jqueryInputDefault {
  color: #999999;
}
#header .right #input {
  width: 153px;
  line-height: 16px;
  padding: 3px 5px;
}
#header .right #searchsubmit {
  width: 60px;
  height: 25px;
  font-size: 10px;
}
#header .right a {
  float: right;
  height: 15px;
  margin: 2px 20px 0px 0px;
}
#header .right #h0 {
  background-image: url('/image/menu/h0.jpg');
  width: 83px;
}
#header .right #h1 {
  background-image: url('/image/menu/h1.jpg');
  width: 72px;
}
#header .right .block {
  background: url('/image/top/icon.jpg') no-repeat 0px 4px;
  padding-left: 15px;
}


#menu {
  background: #ffffff;
  padding: 15px 0px 25px;
}
#menu a {
  float: left;
  height: 24px;
}
#menu #m0 {
  background-image: url('/image/menu/m0.jpg');
  width: 67px;
}
#menu #m1 {
  background-image: url('/image/menu/m1.jpg');
  width: 131px;
}
#menu #m2 {
  background-image: url('/image/menu/m2.jpg');
  width: 136px;
}
#menu #m3 {
  background-image: url('/image/menu/m3.jpg');
  width: 109px;
}
#menu #m4 {
  background-image: url('/image/menu/m4.jpg');
  width: 146px;
}
#menu #m5 {
  background-image: url('/image/menu/m5.jpg');
  width: 81px;
}
#menu #m6 {
  background-image: url('/image/menu/m6.jpg');
  width: 120px;
}
#menu #m9 {
  float: right;
  background-image: url('/image/menu/m9.jpg');
  width: 120px;
}


#data {
  float: left;
  width: 640px;
  margin: 0px;
  padding: 0px 0px 50px;
}


#flash {
  height: 360px;
  overflow: hidden;
  position: relative;
}
#flash #view ul {
  position: relative;
  z-index: 90;
}
#flash #view li {
  padding: 0px;
  list-style-type: none;
}
#flash #view li img {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position: relative;
  behavior: url('/js/PIE.htc');
}
#mtitle {
  margin: 0px 0px 0px 0px;
  position: relative;
  z-index: 100;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#tree {
  padding: 0px 5px 30px;
}
#tree a {
  text-decoration: underline;
}
#tree a:link,
#tree a:visited {
  color: #323232;
}
#tree a:active,
#tree a:hover {
  color: #f99bcc;
}
#tree span {
  padding: 0px 5px;
}


#navigation {
  clear: both;
  text-align: center;
  padding: 50px 10px 0px;
}
#navigation a,
#navigation span {
  line-height: 12px;
  padding: 0px 10px;
}
#navigation span {
  border-right: solid 1px #dfdfdf;
  border-left: solid 1px #dfdfdf;
}
#navigation .smaller {
  border-left: solid 1px #dfdfdf;
}
#navigation .larger {
  border-right: solid 1px #dfdfdf;
}
#navigation .previouspostslink,
#navigation .nextpostslink {
  padding: 0px 20px;
}
#navigation p a {
  line-height: 20px;
  padding: 0px;
}


#side {
  float: right;
  width: 230px;
  padding: 0px 0px 50px;
}
#side #member {
  background: #ffffff;
  height: 95px;
}
#side .block {
  width: 200px;
  height: 30px;
  margin: 0px auto 3px;
}
#side #member .block {
  background-image: url('/image/side/member.jpg');
  width: 230px;
  height: 80px;
}
#side #s0 {
  background-image: url('/image/menu/s0.jpg');
}
#side #s1 {
  background-image: url('/image/menu/s1.jpg');
}
#side #s2 {
  background-image: url('/image/menu/s2.jpg');
}
#side #s3 {
  background-image: url('/image/menu/s3.jpg');
}
#side #s4 {
  background-image: url('/image/menu/s4.jpg');
}
#side #s5 {
  background-image: url('/image/menu/s5.jpg');
}
#side #s6 {
  background-image: url('/image/menu/s6.jpg');
}
#side #s7 {
  background-image: url('/image/menu/s7.jpg');
}
#side #s9 {
  background-image: url('/image/menu/s9.jpg');
}
#side #plugin {
  width: 200px;
  color: #969696;
  font-size: 10px;
  padding: 10px 0px 30px;
}
#side #arrow {
  background-image: url('/image/side/arrow.jpg');
  width: 16px;
  height: 16px;
  margin: 0px 0px 5px;
}
#side #recommend {
  background: #ffffff;
  height: 200px;
  margin: 0px;
}
#side #plugin .new {
  display: block;
  background: #ffffff;
  font-size: 11px;
  margin: 0px auto 3px;
  padding: 5px 10px;
}
#side #plugin .new:link,
#side #plugin .new:visited {
  color: #323232;
}
#side #plugin .new:active,
#side #plugin .new:hover {
  color: #f99bcc;
  text-decoration: none;
}
#side #qr {
  padding: 40px 0px;
  text-align: center;
}
#side #qr img {
  margin: 0px 0px 5px;
}
#side a.sb {
  display: block;
  width: 180px;
  text-align: center;
  padding: 15px 0px;
}
#side a.sb.txt {
  background: #ffffff;
  font-family: 'Average', sans-serif;
  font-size: 14px;
  text-decoration: none;
  margin: 15px auto;
  border: solid 1px #f964a0;
}
#side a.sb img {
  max-width: 100%;
}


#footer {
  clear: both;
  color: #808080;
  line-height: 13px;
  margin: 50px auto 0px;
  padding: 20px 0px 40px;
  border-top: solid 1px #f99bcc;
}
#footer,
#footer small {
  font-size: 10px;
}
#footer p.right { border-right: solid 1px #dfdfdf; }
#footer a {
  padding: 0px 12px;
  border-left: solid 1px #dfdfdf;
}
#footer a:link,
#footer a:visited {
  color: #808080;
}
#footer a:active,
#footer a:hover {
  color: #f99bcc;
}


.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

.block {
  display: block;
  background-repeat: no-repeat;
  background-position: bottom;
}
.block:link,
.block:visited {
  background-position: top;
}
.block:active,
.block:hover {
  background-position: bottom;
}
.block img {
  width: 100%;
  height: 100%;
}

.alpha:active,
.alpha:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}


#column {
  margin: 0px 10px 50px;
}
#column td {
  line-height: 16px;
  vertical-align: top;
  padding: 3px 0px 7px 15px;
}
#column td a:link,
#column td a:visited {
  color: #505050;
}
#column td a:active,
#column td a:hover {
  color: #f964a0;
}
#column td.cdate,
#column td.ccategory {
  white-space: nowrap;
}
#column .cdate {
  background: url('/image/top/icon.jpg') no-repeat 0px 6px;
}

.category {
  padding: 40px 0px 0px;
}
.category .block {
  height: 20px;
  margin: 0px 0px 10px;
}
.category #t3 { background-image: url('/image/top/event.jpg'); }
.category #t5 { background-image: url('/image/top/comm.jpg'); }
.category #t2 { background-image: url('/image/top/recycle.jpg'); }
.category #t8 { background-image: url('/image/top/plan.jpg'); }
.category #t9 { background-image: url('/image/top/column.jpg'); }
.category div {
  width: 150px;
  margin: 0px;
  padding: 0px 6px 0px 4px;
}
.category div a {
  display: block;
  background-repeat: no-repeat;
  background-position: top;
  padding: 105px 3px 0px;
}
.category div a:link,
.category div a:visited {
  color: #323232;
}
.category div a:active,
.category div a:hover {
  color: #f99bcc;
  text-decoration: none;
}
.category div a span {
  color: #999999;
  font-size: 11px;
}
.category div a p {
  line-height: 18px;
  padding: 2px 0px 0px;
}


#data .list {
  display: block;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  min-height: 100px;
  font-size: 12px;
  line-height: 20px;
  padding: 10px 10px 10px 170px;
  white-space: normal;
}
#data .list:link,
#data .list:visited {
  background-color: #ffffff;
  color: #323232;
}
#data .list:active,
#data .list:hover {
  background-color: #fff5fa;
  color: #323232;
  text-decoration: none;
}
#data .list p {
  color: #505050;
  font-size: 11px;
  line-height: 18px;
  padding: 5px 0px 0px;
}
#data .border {
  border-bottom: dotted 1px #bfbfbf;
}


#event {
  background: #ffffff;
  padding: 10px 15px;
  border: solid 1px #bfbfbf;
}
#event h1 {
  margin: 0px 0px 10px;
  padding: 0px 10px 5px;
}
#event li {
  display: inline;
  line-height: 22px;
  swhite-space: nowrap;
  padding: 0px 10px;
}

.column {
  letter-spacing: 1px;
  padding: 0px 0px 50px;
}
.column p {
  line-height: 20px;
}
.column p a {
  text-decoration: underline;
}
.column .alignnone {
  margin: 0px 0px 10px;
}
.column .aligncenter {
  display: block;
  margin: 0px auto 10px;
}
.column .alignleft {
  float: left;
  margin: 0px 10px 10px 0px;
}
.column .alignright {
  float: right;
  margin: 0px 0px 10px 10px;
}
.column .catlink {
  float: right;
  padding: 0px 20px 0px 0px;
}
.column table {
  margin: 0px 5px;
}
.column caption {
  text-align: left;
  padding: 0px 0px 5px;
}
.column td {
  padding: 5px 15px;
  border: solid 1px #bfbfbf;
}


.base h1 { font-size: 15px; }
.base h2 { font-size: 14px; }
.base h3 { font-size: 13px; }
.base h1, .base h2, .base h3, .base strong { color: #323232; }
.base h1, .base h2, .base h3, .base p {
  line-height: 22px;
  padding: 10px 0px 0px;
}
.base ol { margin: 5px 0px 0px 20px; }
.base ul { margin: 5px 0px 0px 15px;}
.base li { padding: 5px 0px 0px; }

#page {
  letter-spacing: 1px;
}
#page .links {
  float: left;
  font-size: 10px;
  text-align: center;
  padding: 0px 0px 10px 5px;
}
#page .links a {
  display: block;
  width: 110px;
  height: 110px;
  color: #505050;
  text-decoration: none;
  margin: 0px 0px 2px;
}
#page .links a:link,
#page .links a:visited {
  border: solid 3px #e6e6e6;
  border: solid 3px #ffffff;
}
#page .links a:active,
#page .links a:hover {
  border: solid 3px #f99bcc;
}


#form {
  width: 350px;
  padding: 30px 0px 0px;
}
#form p {
  text-align: left;
  padding: 0px 0px 20px;
}
#form .text input,
#form textarea {
  width: 100%;
  font-size: 12px;
}
#form input {
  line-height: 20px;
  margin: 0px;
  padding: 0px 5px;
}
#form textarea {
  height: 144px;
  line-height: 18px;
  padding: 5px;
}
#form #submit {
  text-align: center;
  margin: 15px 0px;
}
#form .text input,
#form .num input {
  height: 22px;
}
#form .num input {
  width: 40px;
}
#form #submit input {
  width: 80px;
  height: 28px;
  line-height: 18px;
  margin: 0px 5px;
  padding: 0px 5px;
}
#form b,
.wpcf7-response-output,
.wpcf7-not-valid-tip-no-ajax {
  color: #f964a0;
}
#form h3 {
  color: #f964a0;
  font-size: 11px;
  padding: 0px 0px 5px;
}
#form h4 {
  color: #d90000;
  font-size: 11px;
  font-weight: normal;
}
#form .nonmember {
  width: 340px;
  margin: 0px 0px 20px;
  padding: 10px;
  border: solid 1px #f964a0;
}
#form .nonmember   p {
  padding: 0px 0px 10px;
}
#form .nonmember  .text input {
  width: 330px;
}