@charset "utf-8";

a:link,a:active,a:visited {
  color: #F06;
  text-decoration: none;
}
a:hover {
  color: #06F;
  text-decoration: underline;
}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
.clr {clear: both;}
iframe {border:0;}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  background: url(https://www.ngo-terminal.net/img/bg.gif) repeat;
}
#top {
  margin-right: auto;
  margin-left: auto;
  width: 700px;
}
#top h1 {
  background: url(https://www.ngo-terminal.net/img/index_header.jpg) no-repeat center top;
  display: block;
  height: 400px;
  margin-bottom: 10px;
  text-indent: -9999px;
}
#top .case {
  background: url(https://www.ngo-terminal.net/img/index_top.gif) no-repeat center top;
  padding-top: 15px;
  margin-bottom: 10px;
}
#top .case .box {
  background: url(https://www.ngo-terminal.net/img/index_bottom.gif) no-repeat center bottom;
  padding: 0px 10px 10px;
}
#top .case .box dl ,#entrance {
  display: block;
  width: 340px;
  float: left;
  padding: 0px 5px;
}
#top .case .box dt {
  display: block;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  border-bottom: 2px solid #F99;
  font-size: 20px;
  color: #F36;
  letter-spacing: 0.1em;
  font-weight: bold;
}
#top .case .box dd p {
  display: block;
  padding: 5px;
}
#top .case .box dd ol li em {
  display: block;
  background: url(https://www.ngo-terminal.net/img/icon_arrow2.gif) no-repeat left center;
  padding-left: 18px;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  color: #F60;
}
#top .case .box dd ol li p {
  display: block;
  padding: 5px;
}
#entrance h2 {
  display: block;
  height: 50px;
  font-size: 46px;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
  color: #F00;
  margin-bottom: 5px;
}
#entrance p {
  display: block;
  margin-bottom: 5px;
  color: #F00;
  background: url(https://www.ngo-terminal.net/img/index_img.jpg) no-repeat center top;
  padding-top: 95px;
  font-size: 11px;
  line-height: 13px;
}
#entrance ul {
  display: block;
  margin-bottom: 5px;
}
#entrance ul li a {cursor: pointer;}
#entrance ul li .entry {
  background-image: url(https://www.ngo-terminal.net/img/btn_enter.gif);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 130px;
  text-indent: -9999px;
  margin-bottom: 10px;
}
#entrance ul li .leave {
  background-image: url(https://www.ngo-terminal.net/img/btn_leave.gif);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 130px;
  text-indent: -9999px;
}
#entrance ul li .entry:hover {background-position: center bottom;}
#entrance ul li .leave:hover {background-position: center bottom;}
#wrapper {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  background: #FFF;
}
#header {margin-bottom: 10px;}
#header h1 a {
  background-image: url(https://www.ngo-terminal.net/img/header.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 150px;
  text-indent: -9999px;
}
#header h1 a:focus,#bbs .prf dd .iframe,#entrance ul li a {
  outline:none;
  overflow:hidden;
}
.container {
  width: 615px;
  float: left;
  margin-bottom: 10px;
}
#main {
  width: 440px;
  margin-right: 5px;
  margin-left: 5px;
  float: right;
}
#main h2 {
  background: #F66;
  color: #FFF;
  line-height: 26px;
  height: 26px;
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  border: 1px solid #F99;
  display: block;
}
#main .case {
  border-top: 0px none;
  border-right: 1px solid #F99;
  border-bottom: 1px solid #F99;
  border-left: 1px solid #F99;
  margin-bottom: 10px;
  padding: 10px 10px 0px;
}
#main .case strong  {
  display: block;
  background: #906;
  color: #FFF;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  padding-left: 5px;
  border: 1px solid #C9C;
  letter-spacing: 0.1em;
}
#main .case .post .info ,#bbs .info{
  display: block;
  margin-bottom: 5px;
  padding: 5px;
  border: 2px dotted #F39;
  font-weight: bold;
  color: #06F;
  background: #FFC;
  height: 28px;
  line-height: 16px;
}

#areamap,#main .post ,#bbs{
  border-right: 1px solid #C9C;
  border-bottom: 1px solid #C9C;
  border-left: 1px solid #C9C;
  border-top-width: 0px;
  border-top-style: none;
  padding: 5px;
  display: block;
  margin-bottom: 10px;
}
#areamap img {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.age {
  border-right: 1px solid #C9C;
  border-bottom: 1px solid #C9C;
  border-left: 1px solid #C9C;
  border-top-width: 0px;
  border-top-style: none;
  padding: 5px;
  display: block;
  margin-bottom: 10px;
}
.age li {
  display: block;
  height: 18px;
  margin-bottom: 5px;
  line-height: 18px;
  background: url(https://www.ngo-terminal.net/img/icon_arrow3.gif) no-repeat left center;
  padding-left: 18px;
  font-weight: bold;
}
.age .btm0{margin-bottom: 0px;}

.relationship   {
  display: block;
  padding: 5px;
  border-top: 0px none;
  border-right: 1px solid #C9C;
  border-bottom: 1px solid #C9C;
  border-left: 1px solid #C9C;
  margin-bottom: 10px;
}
.relationship li dl {
  display: block;
  height: 86px;
  margin-bottom: 5px;
  padding-left: 125px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}
.relationship li dt {
  display: block;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #06F;
}
.relationship li dd p {
  display: block;
  margin-bottom: 10px;
}
.relationship li dd em {
  display: block;
  text-align: right;
  background: url(https://www.ngo-terminal.net/img/icon_arrow2.gif) no-repeat right center;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  padding-right: 18px;
}
.relationship li .rel1 {background: url(https://www.ngo-terminal.net/img/rel_friend.jpg) no-repeat left top;}
.relationship li .rel2 {background: url(https://www.ngo-terminal.net/img/rel_lover.jpg) no-repeat left top;}
.relationship li .rel3 {background: url(https://www.ngo-terminal.net/img/rel_marry.jpg) no-repeat left top;}
.relationship li .rel4 {background: url(https://www.ngo-terminal.net/img/rel_sexfriend.jpg) no-repeat left top;}
.relationship li .rel5 {background: url(https://www.ngo-terminal.net/img/rel_illicitlove.jpg) no-repeat left top;}
.relationship li .rel6 {
  background: url(https://www.ngo-terminal.net/img/rel_abnormal.jpg) no-repeat left top;
  border-bottom-width: 0px;
  border-bottom-style: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#bbs .prf {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #CCC;
  float: left;
  width: 405px;
}
#bbs .prf dt {
  display: block;
  width: 90px;
  height: 120px;
  float: left;
}
#bbs .prf dd {
  display: block;
  float: left;
  margin-left: 5px;
  width: 298px;
}
#bbs .prf dd ul {
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px solid #999;
}
#bbs .prf dd ul li {
  display: block;
  line-height: 18px;
  height: 18px;
}
#bbs .prf dd ul li em {
  font-weight: bold;
  color: #906;
}
#bbs .prf dd p {
  font-size: 11px;
  line-height: 14px;
  display: block;
  padding: 3px;
  border: 1px solid #CCC;
  margin-bottom: 5px;
}
#bbs .prf dd .iframe {
  display: block;
  height: 24px;
  width: 160px;
  float: right;
  line-height: 24px;
  background: url(https://www.ngo-terminal.net/img/prf_send_btn.gif) no-repeat center top;
  text-indent: -9999px;
}
#bbs .prf dd .iframe:hover {background: url(https://www.ngo-terminal.net/img/prf_send_btn.gif) no-repeat center bottom;}

#side1, #side2 {
  width: 165px;
  float: right;
}
#side1 h2 {
  display: block;
  line-height: 26px;
  height: 26px;
  background: #F66;
  border: 1px solid #F99;
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 0.1em;
}
#side1 .case {
  border-right: 1px solid #F99;
  border-bottom: 1px solid #F99;
  border-left: 1px solid #F99;
  padding: 10px 5px 0px;
  margin-bottom:10px;
}

#menu li {
  display: block;
  background-image: url(https://www.ngo-terminal.net/img/icon_arrow1.gif);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 8px;
  margin-bottom: 10px;
  font-size: 14px;
}
#menu li a,
#menu li p {
  font-weight: bold;
}
#menu select {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border: 1px solid #999;
  display: block;
  float: left;
}
#menu li .btn {
  background-image: url(https://www.ngo-terminal.net/img/side1_search_btn.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 24px;
  width: 40px;
  text-indent: -9999px;
  border-width: 0px;
  border-style: none;
  display: block;
  float: left;
  margin-left: 3px;
}
#menu li .btn:hover {
  background-position:center bottom;
}

#relationship   {
  display: block;
}
#relationship li dl {
  display: block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
}
#relationship li:last-child dl {
  border-bottom:none;
}
#relationship li dt img {
  width:100%
}
#relationship li dd p {
  margin-bottom: 10px;
  text-align:justify;
}
#relationship li dd em {
  display: block;
  text-align: right;
  background-image: url(https://www.ngo-terminal.net/img/icon_arrow2.gif);
  background-repeat: no-repeat;
  background-position: right center;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  padding-right: 18px;
}

#age,
#areamap,
#main .post,
#bbs {
  margin-bottom: 10px;
}
#age li {
  display: block;
  height: 18px;
  line-height: 18px;
  margin-bottom: 5px;
  background-image: url(https://www.ngo-terminal.net/img/icon_arrow3.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  font-weight: bold;
}
#age .btm0{margin-bottom: 0px;}

#side2 dl {
  display: block;
  margin-bottom: 10px;
}
#side2 dt {
  display: block;
  line-height: 26px;
  height: 26px;
  background: #F66;
  border: 1px solid #F99;
  padding-left: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 0.1em;
}
#side2 dd {
  border-top: 0px none;
  border-right: 1px solid #F99;
  border-bottom: 1px solid #F99;
  border-left: 1px solid #F99;
  padding: 10px 5px 0px;
  font-size:10px;
}
#side2 dd em {
  display: block;
  font-weight: bold;
  color: #939;
}
#side2 dd p {
  display: block;
  margin-bottom: 10px;
}

#footer {
  text-align: center;
  line-height: 20px;
  height: 20px;
}

/*パンくずリスト*/
.breadcrumbs {
  width:100%;
  white-space:nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom:10px;
}
.breadcrumbs ol {
  padding:0;
}
.breadcrumbs li {
  display:inline-block;
  vertical-align:top;
}
.breadcrumbs li:first-child::before {
  padding: 0 1px 0 0;
  font-family: FontAwesome;
  content: "";
  font-size: 14px;
}
.breadcrumbs li:before {
  padding: 0 4px 0 2px;
  content: ">";
  font-family: FontAwesome;
  font-size: 14px;
}
.breadcrumbs a {
  color:#09F;
}
.breadcrumbs a.disabled{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color:#000000;
}