@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  line-height: 1.4;
  font-family: MS PGothic,sans-serif;
}

/* default values */
html {
  overflow-y: scroll;
}

body {
  color: #000000;
  background-color: #D7C5A2;
  background-color: #E7DBC3;
  font-size: medium;
  margin: 0 auto 3em auto;
  padding: 0;
  width: 800px;
}

a {
  text-decoration: underline;
}

a:link {
  color: #0000CC;
}

a:visited {
  color: #800080;
}

a:hover, a:active {
  color: #FF0000;
}

table {
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate;
}

td, th {
  margin: 1px;
  padding: 2px 5px;
  border: 1px solid #CCC;
}

th {
  white-space: nowrap;
}

td.number {
  text-align: right;
  white-space: nowrap;
}

em {
  font-style: normal;
  font-weight: bold;
  color: #0000CC;
}

p {
  margin: 1em 0 1em 0;
}

ul, ol {
  margin: 1em 1em 1em 2em;
}

ul.linklist li {
  list-style-type: none;
  background: 0% 0% url(../images/linklist_arrow.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px;
}

ul.linklist-middle li {
  list-style-type: none;
  background: 0% 50% url(../images/linklist_arrow.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px;
}

ul.spacy li {
  margin: 1em 0 1em 0;
}

ul.clear_spacy li {
  margin-top: 0;
  margin-bottom: 0;
}

ul.photos2 {
  margin: 1em 0;
  padding: 0;
  width: 760px;
  list-style-type: none;
  font-size: 0;
}

ul.photos2 li {
  font-size: 16px;
  margin: 1em 30px;
  _margin: 1em 20px;
  width: 320px;
  display: inline-block;
  vertical-align: top;
}

ul.photos2 p {
  margin: 0;
  font-size: small;
}

ul.photos3-comment {
  list-style-type: none;
}

ul.photos3-comment li {
  display: inline-block;
  width: 200px;
  margin: 0 20px 1em 0;
  vertical-align: top;
}

ul.photos3-comment p {
  margin: 0;
  font-size: 12px;
}

ul.app_btns {
  text-align: right;
}

ul.app_btns li {
  display: inline;
}

ul.app_btns img {
  border: 0px;
}

ul.year-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
}

ul.year-menu li {
  font-size: 16px;
  display: inline-block;
  width: 20%;
  margin: .5em 0;
  padding: 0;
  text-align: center;
}

ul#jump_to_month {
  margin: 0;
  padding: 5px 0;
  border: 1px solid #CCC;
  border-collapse: separate;
  width: 722px;
  font-size: 0;
}

ul#jump_to_month li {
  font-size: 16px;
  display: inline-block;
  width: 60px;
  text-align: center;
}

ol {
  padding: .5em .5em .5em 1.5em;
}

ol li {
  margin-left: 1em;
}

ol li span {
  font-weight: bold;
}

ol.spacy li {
  margin: 1em 0 1em 20px;
}

section:after {
  content: "";
  display: block;
  clear: both;
}

h1 {
  margin: 8px 0 5px 0;
  padding: 3px 0 3px .5em;
  font: 1.5em bold;
  background-color: #DDDDE6;
  background: url(../res/h1_bg.png) no-repeat;
  background-position: left;
  color: #404583;
}

h2 {
  clear: both;
  padding-left: 10px;
  margin: 2em 0 1em 0;
  border: solid;
  border-width: 0 0 1px 10px;
  border-color: #E76800;
  font-size: 1.2em;
}

h3 {
  clear: both;
  color: #7373F6;
  color: #2C2CAF;
  font-size: 100%;
  margin: 1em 0 1em 0;
}

h3:after {
  content: "";
  display: block;
  clear: both;
}

a:link img, a:visited img, a:hover img, a:active img {
  border: 2px solid #F00;
  border: 0;
}

hr {
  height: 1px;
  border: 1px dotted #AAA;
}

address {
  font-style: normal;
  font-size: small;
}

blockquote {
  margin: 10px 30px 10px 30px;
  padding: 0.5em;
  border: 1px dotted #888;
  background-color: #FFFFBB;
}

.form {
  width: 650px;
  margin: 0 auto 0 auto;
}

.form section {
  margin: 0;
  padding: 0;
  border: 1px solid #DDD;
}

.form section h2 {
  margin: 0;
  padding: .5em;
  color: #FFF;
  border: none;
  background-color: #00C;
}

.form section div {
  padding: 1em 1em 2em 1em;
}

.form .ssl-mark {
  margin-top: 30px;
  text-align: right;
  font-size: small;
}

.form .min-field {
  width: 100px;
}

.form .mid-field {
  width: 300px;
}

.form .max-field {
  width: 550px;
}

.form .phone-field {
  width: 100px;
}

.form textarea {
  width: 600px;
  height: 5em;
}

.form input {
  margin: .5em 0;
  padding: .2em;
}

.form select {
  margin: .5em 0;
  padding: .2em;
}

.form label {
  padding-right: 1em;
}

.form label.return-after:after {
  content: "\a";
  white-space: pre;
}

.form fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #DDD;
}

.form fieldset legend {
  font-weight: bold;
  color: #2C2CAF;
}

.form fieldset.vertical label:after {
  content: "\a";
  white-space: pre;
}

.form fieldset.vertical label.details {
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
  width: 100%;
}

.form fieldset.doubles label {
  margin: 0 1em 0 0;
  padding: 0;
  display: inline-block;
  width: 270px;
  vertical-align: text-top;
}

.form fieldset.doubles label.details {
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
  width: 100%;
}

.form fieldset.columns label {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 185px;
  vertical-align: text-top;
}

.form fieldset.columns label.details {
  margin: 1em 0 0 0;
  padding: 0;
  display: block;
  width: 100%;
}

.form span.required {
  color: #F00;
  font-size: 14px;
}

.form .note {
  color: #3F8C3E;
}

.form ol.oath-list {
  margin: .5em;
}

.form ol.oath-list li {
  margin: .5em 0;
}

.form #submit {
  text-align: center;
}

/* banner */
a img.banner {
  border: 0;
}

/* container */
#container {
  line-height: 1.4;
  margin: 0;
  padding: 0px;
  background: #FFF;
  border: solid #555;
  border-width: 0;
  wwidth: 800px;
}

.sp-only {
  display: none;
}

/* main contents */
#main {
  padding: 0 20px 1em 20px;
  background: #FFFFFF;
  border-top: 1px solid #DDD;
}

#main.volunteer #works {
  margin: 1.5em 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

#main.volunteer #works li {
  font-size: 16px;
  letter-spacing: normal;
  display: inline-block;
  width: 240px;
  margin: 0 20px 1em 0;
}

#main.volunteer #works li p {
  margin: 0;
  padding: 0;
  font-size: smaller;
}

#main.volunteer #works li:nth-child(3) {
  margin-right: 0;
}

#main.volunteer #works li:nth-child(6) {
  margin-right: 0;
}

#main.volunteer .course-select td {
  text-align: center;
}

#main.volunteer .to-application {
  text-align: center;
}

#main.volunteer .to-contact {
  text-align: center;
  margin: 2em auto;
  padding: 1em;
  border-radius: 10px;
  width: 80%;
  background: #CFEAD6;
}

#main .q-and-a li {
  list-style-type: none;
}

#main .q-and-a .q {
  margin-bottom: 0;
}

#main .q-and-a .q:before {
  content: "Q. ";
  font-size: 24px;
  color: #F00000;
}

#main .q-and-a .a {
  margin-top: 0;
}

#main .q-and-a .a:before {
  content: "A. ";
  font-size: 24px;
  color: #0000F0;
}

#main ul.q-and-a li {
  list-style-type: none;
}

#main ul.q-and-a li p:first-child {
  margin-bottom: 0;
}

#main ul.q-and-a li p:first-child:before {
  content: "Q. ";
  font-size: 24px;
  color: #F00000;
}

#main ul.q-and-a li p:last-child {
  margin-top: 0;
}

#main ul.q-and-a li p:last-child:before {
  content: "A. ";
  font-size: 24px;
  color: #0000F0;
}

img.left {
  margin-right: 10px;
  float: left;
}

img.right {
  margin-left: 10px;
  float: right;
}

img.center {
  display: block;
  margin: 1em auto 1em auto;
}

/* global menu */
.global_menu {
  text-align: right;
  font-size: small;
  background-color: #EEF4FF;
  padding: 3px .5em 3px 0;
  border: #DDDDDD solid;
  border-width: 0 0 1px 0;
  margin: 0;
}

.welcome {
  text-align: left;
  float: left;
  width: auto;
  padding: 3px 0 3px .5em;
  color: #5F66F3;
  font-size: small;
  font-weight: bold;
  vertical-align: center;
}

.topic_path {
  margin: 3px 0 3px 0;
  padding: 4px 0 0 .5em;
  font-size: small;
}

dl.spacy dt {
  margin-top: 1em;
}

.note {
  font-size: normal;
  color: #225F88;
}

.note2 {
  font-size: small;
  font-weight: bold;
  color: #007E00;
}

.caution {
  color: #DD5555;
  font-weight: bold;
}

.active {
  color: #FFF;
  background-color: #1B81E7;
  margin-left: 0;
  padding: .2em;
  font-size: 12px;
}

.inactive {
  margin-left: 0;
  padding: .2em;
  font-size: 12px;
}

div.photo_frame3 {
  clear: both;
  width: 590px;
  _width: 584px;
  margin: 0 auto 0 auto;
  padding: 11px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
  font-size: 0px;
}

div.photo_frame3 img {
  padding: 8px;
  margin: 8px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
}

div.photo_frame3 a:hover img,
div.photo_frame3 a:active img {
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
}

.timestamp {
  clear: both;
  margin: 0;
  padding: 2em 1em 0 0;
  font-size: small;
  text-align: right;
  border: 1px dotted #888;
  border-width: 1px 0 0 0;
  background-color: #FFF;
}

#footer {
  clear: both;
  font-size: small;
  border: solid #888;
  border-width: 1px 0 0 0;
  text-align: center;
  background: #FFFFFF;
}

#footer p {
  margin: 0;
}

.debug {
  color: #000;
  background-color: #FFBABA;
}

table.center {
  margin: 1em auto;
}

/* top page */
p#topnews {
  font-size: small;
  background: url(../res/news.png) no-repeat 0% 50%;
  padding-left: 32px;
  margin: 0;
  margin-bottom: 3px;
}

p#topad {
  font-size: small;
  font-weight: bold;
  margin: 1em 0 0 0;
  text-align: center;
}

/* main */
/* information */
.info {
  font-size: small;
  border: 1px solid #DDD;
  padding: 0 1em;
  margin-bottom: 1em;
}

/* notes */
.note {
  font-size: normal;
  color: #225F88;
}

.note2 {
  font-size: small;
  font-weight: bold;
  color: #007E00;
}

.note3 {
  font-size: small;
  color: #225F88;
}

.caution {
  color: #DD5555;
  font-weight: bold;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-small {
  font-size: small;
}

/* waiting dogs and cats for adoption */
.waiting-count {
  font-weight: bold;
  text-align: center;
}

.to-submit {
  clear: both;
  font-size: 30px;
  text-align: center;
  padding: 1.5em 0 2em 0;
}

#fureai .to-submit .catch {
  font-size: 24px;
}

#fureai .to-submit .text {
  font-size: 16px;
  margin: 0 3em;
}

.satooya-flow {
  margin: 50px auto;
  padding: 0;
  width: 700px;
  font-size: small;
}

.satooya-flow .title {
  color: #FFF;
  background: #4232DA;
  font-weight: bold;
  font-size: 20px;
  padding: .2em 0;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.satooya-flow .title.sub {
  color: #4232DA;
  background: #FFF;
  border: 2px solid #4232DA;
}

.satooya-flow .title.closing {
  background: #02972F;
}

.satooya-flow .step {
  margin: 0;
  padding: 5px 10px;
  border: solid #4232DA;
  border-width: 0 2px 2px 2px;
}

.satooya-flow .laststep {
  border-color: #02972F;
}

.satooya-flow img {
  margin: 0;
  padding: 0;
  clear: both;
}

.satooya-flow .option-step {
  background: url(../satooya/res/satooya-flow_through.png) right repeat-y;
  padding-left: 200px;
  mmargin: 0 0 0 200px;
  wwidth: 500px;
}

table.jyoutokai {
  width: 100%;
}

table.jyoutokai th, table.jyoutokai td {
  padding: 5px;
}

table.jyoutokai th {
  white-space: nowrap;
  width: 15%;
}

table.jyoutokai td {
  width: 75%;
}

#header {
  height: 60px;
  padding-left: 20px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 100%;
}

#header img {
  border-width: 0;
  margin: 0;
  padding: 0;
}

#header #logo {
  float: left;
  margin-top: 0px;
}

#header #bubble {
  position: relative;
  display: block;
  width: 106px;
  height: 21px;
  left: 580px;
  top: -46px;
  background: #FFF url(../images/osanpo_mark_header_bubble.png) no-repeat 100% 100%;
}

#header #bubble a {
  display: block;
}

#header-social {
  height: 73px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 0;
}

#header-social img {
  border-width: 0;
  margin: 0;
  padding: 0;
}

#header-social #logo {
  float: left;
  margin-top: 13px;
}

#header-social #social-icons {
  float: right;
  text-align: right;
  margin-top: 49px;
}

#header-counter {
  height: 63px;
  _height: 63px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 0%;
}

#header-counter img {
  border-width: 0;
}

#header-counter #logo {
  float: left;
}

#header-counter #logo img {
  margin: 3px 0 0 0;
}

#header-counter #counter {
  background-color: #FFF;
  float: right;
  border: 1px solid #888;
  height: 12px;
  _height: 9px;
  margin: 47px 0 0 0;
  _margin: 49px 0 0 0;
  padding: 1px;
  font-size: 9px;
}

#header-counter #counter img {
  vertical-align: text-bottom;
}

#header-counter a {
  text-decoration: none;
  color: #000;
}

ul#photos {
  padding: 0;
  margin: 0;
  clear: both;
}

ul#photos img {
  border: 0;
}

ul#photos li {
  float: left;
  list-style-type: none;
  padding: 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
  width: 200px;
}

ul#photos p {
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  font-size: small;
  padding: 3px;
}

#privacy-address {
  font-size: small;
  text-align: right;
}

p#footer-menu {
  margin-bottom: 1em;
}

#nav {
  margin: 1em auto;
}

#copyright-jp {
  font-size: x-small;
}

.shelter-story img {
  border: 0;
}

.lbj_banner_linktext {
  border: 1px solid #DDD;
  font-size: small;
  padding: 5px;
}

.course-menu img {
  border: 0;
}

.course-menu a:hover img, .course-menu a:active img {
  border: 0;
}

.column {
  width: 700px;
  margin: auto;
  padding: 1em;
  border: 1px dashed #888;
}

.column-double {
  width: 350px;
  margin: 0 5px;
  padding: 5px;
  border: 1px solid #888;
  float: left;
  font-size: small;
}

.column-double h3 {
  margin: 0;
  font-size: medium;
}

ul.checklist li {
  list-style-type: none;
  background: 0% 0% url(../res/checklist.png) no-repeat;
  margin-left: -20px;
  margin-bottom: .5em;
  padding-left: 20px;
}

ul.checklist-middle li {
  list-style-type: none;
  background: 0% 50% url(../res/checklist.png) no-repeat;
  margin-left: -20px;
  margin-bottom: .5em;
  padding-left: 20px;
}

tr.title th {
  color: white;
  background-color: #00C;
}

.photobox {
  float: left;
  width: 230px;
  margin: 10px;
  text-align: center;
  font-size: small;
}

.chubu-bg {
  background-color: #FFEBD7;
}

.checkpoint {
  width: auto;
  margin-left: 1em;
  text-align: right;
  font-size: small;
}

.form-required {
  font-size: small;
  color: #FF3366;
}

.form-option {
  font-size: small;
  color: #006600;
}

img.pol {
  background: url(../news/photo/news_090208al.jpg) no-repeat;
}

#scroller-to-top {
  display: block;
  position: fixed;
  bottom: 0px;
  left: auto;
  margin-left: 700px;
}

#scroller-to-top .scroll {
  background: url(../res/scroller-btn-to-top.png) no-repeat;
  width: 100px;
  height: 30px;
  opacity: 0.7;
}

#scroller-to-top .scroll:hover {
  opacity: 1.0;
}

.toForm {
  border-radius: 10px;
  width: 80%;
  margin: 2em auto;
  background: #7E7EFF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.toForm a {
  display: block;
  color: #FFF;
  text-decoration: underline;
  padding: 2em 0;
}

.toContact {
  border-radius: 10px;
  width: 80%;
  margin: 2em auto;
  background: #DDD;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}

.toContact a {
  display: block;
  padding: 2em 0;
}

.new {
  color: red;
  background: yellow;
}

/* Clear Fix */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.adoption ul.panel-menu {
  margin: 0;
  padding: 0;
}

.adoption ul.panel-menu li {
  list-style-type: none;
  float: left;
  width: 180px;
  height: 135px;
  margin: 5px;
}

.adoption ul.panel-menu li a img {
  border: 0;
}

.adoption table.cost tr td:first-child {
  white-space: nowrap;
}

.adoption #back {
  text-align: center;
}

.adoption #random-animals {
  border: 1px solid #888;
  text-align: center;
  position: relative;
  float: left;
  margin-bottom: 20px;
}

.adoption #random-animals img.btn {
  margin: 5px;
}

.adoption #random-animals #shuffle-button {
  position: absolute;
  cursor: pointer;
  font-size: small;
  left: 10px;
  top: 117px;
  border: 1px solid #888;
  background-color: white;
}

.adoption .photo_popups {
  margin: 0;
  font-size: 15px;
}

.adoption .photo_popups li {
  display: inline;
}

.adoption .photo_popups div {
  display: none;
  height: 240px;
  border: 1px solid #000;
  background: transparent;
  margin-left: -80px;
  z-index: 9999;
}

.adoption .photo_popups a {
  font-size: 13px;
}

.adoption .photo_popups a img {
  border: 0;
}

.adoption .photo_popups a:hover {
  background: #FFF;
}

.adoption .photo_popups a:hover div {
  display: block;
  position: absolute;
}

.adoption .page-menu {
  clear: both;
  text-align: center;
}

.adoption .more-satooya {
  clear: both;
  text-align: center;
}

.adoption .calendar_table {
  text-align: center;
  font-size: small;
  margin-left: 5px;
  padding: 0;
  float: left;
}

.adoption .calendar_table th, .adoption .calendar_table td {
  padding: 2px;
}

.adoption .calendar_sunday {
  background-color: #FFE1E1;
}

.adoption .calendar_saturday {
  background-color: #E1E1FF;
}

.adoption .timetable {
  text-align: center;
  font-size: small;
  margin: 0;
  padding: 0;
}

.adoption .timetable td, .adoption .timetable th {
  padding: 2px 4px;
}

.adoption .timetable_disable {
  background-color: #DDDDDD;
}

.adoption .timetable_school {
  background-color: #CCFFFF;
}

.adoption #cat-top-banner {
  text-align: center;
  font-size: 0;
}

.adoption #cat-top-banner #display {
  font-size: 0;
}

.adoption #cat-top-text {
  text-align: center;
}

.adoption #cat-top-text .caption {
  font-weight: bold;
  font-size: 30px;
}

.adoption #cat-top-text .text {
  font-weight: bold;
  margin-bottom: 2em;
}

.adoption #cat-top-text .all {
  font-size: 16px;
}

.adoption #cat-top-text .fureai {
  font-size: 16px;
  margin: 2em 0;
}

.adoption .dog-top-banner {
  text-align: center;
  font-size: 0;
}

.adoption .dog-top-banner #all {
  font-size: 16px;
}

.adoption .fureai-banner {
  clear: both;
  width: 500px;
  margin: 0 auto;
  padding: 1em 0;
}

.adoption .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 3em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat;
}

.adoption .menkai-belongings {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 1em;
  padding-top: 250px;
  background: url(../images/menkai-belongings-wide.png) no-repeat;
}

.adoption .column-pr {
  width: auto;
  margin: 1em 0;
  padding: .5em .5em;
  border: 1px solid #888;
  font-size: 16px;
}

.adoption .column-pr h3 {
  margin: 0;
  font-size: 16px;
}

.adoption .inhouse tr td {
  text-align: center;
}

.adoption .inhouse tr td img {
  width: 200px;
}

.adoption .inhouse tr td:nth-child(2) {
  font-size: 20px;
}

.adoption .inhouse tr.ok td:first-child {
  width: 20%;
  font-size: 20px;
  color: blue;
}

.adoption .inhouse tr.ok td:first-child p {
  font-size: 12px;
  color: #888;
}

.adoption .inhouse tr.ng td:last-child {
  width: 20%;
  font-size: 20px;
  color: red;
}

.adoption .inhouse tr.ng td:last-child p {
  font-size: 12px;
  color: #888;
}

#top.top * {
  font-size: small;
}

#top.top a {
  text-decoration: underline;
}

#top.top a:link {
  color: #0000CC;
}

#top.top a:visited {
  color: #800080;
}

#top.top a:hover, #top.top a:active {
  color: #FF0000;
}

#top.top a:link img, #top.top a:visited img, #top.top a:hover img, #top.top a:active img {
  border: 0;
}

#top.top em {
  font-style: normal;
  font-weight: bold;
  color: #0000CC;
}

#top.top #wrapper {
  background-color: #FFF;
}

#top.top #header {
  margin: 0;
  padding: 0 0 0 20px;
  background: #FFF url(../images/osanpo_mark_header.png) no-repeat 100% 100%;
  height: 60px;
}

#top.top tr.odd {
  background-color: #FFFFBE;
}

#top.top tr.even {
  background-color: #FFFFFF;
}

#top.top p.right {
  text-align: right;
}

#top.top #footer {
  clear: both;
  font-size: small;
  border: solid #888;
  border-width: 1px 0 0 0;
  text-align: center;
  background: #FFFFFF;
}

#top.top #footer p {
  margin: 0;
}

#top.top p#footer-menu {
  margin-bottom: 1em;
}

#top.top #nav {
  margin: 1em auto;
}

#top.top #copyright-jp {
  font-size: x-small;
}

#top.top h1 {
  padding-left: 15px;
  margin: 0 15px 10px 15px;
  font-size: medium;
  font-weight: bold;
  line-height: 1.4;
  color: white;
  clear: both;
  background-color: #88848E;
  background: url(../res/h1-bg-blueblack.png) no-repeat;
  background-position: left;
}

#top.top h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  border: none;
}

#top.top ul {
  list-style-type: none;
}

#top.top ul, #top.top li {
  margin: 0;
}

#top.top #wrapper {
  background-color: #F5F5F5;
}

#top.top #top-image {
  width: 800px;
  height: 300px;
  text-align: right;
}

#top.top #top-image h1 {
  margin: 0;
  padding: 0;
  background: none;
  display: inline;
}

#top.top #top-image p {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  float: left;
  text-align: left;
  vertical-align: bottom;
}

#top.top .top-image1 {
  background: #cccccc url(../images/top-image-1611a.jpg);
}

#top.top .top-image2 {
  background: #cccccc url(../images/top-image-1611b.jpg);
}

#top.top #hotmenu {
  background-color: #E6E6E6;
}

#top.top #hotmenu ul {
  text-align: right;
  padding: 5px 10px 5px 0;
}

#top.top #hotmenu ul li {
  display: inline-block;
  padding: 0 .5em;
  border-left: 1px solid #000;
}

#top.top #hotmenu ul li:first-child {
  border-left: none;
}

#top.top #hotmenu ul li span {
  color: #FFF;
  background-color: #3183DA;
  margin-left: .5em;
  padding: 0 .5em;
  font-weight: bold;
}

#top.top #summary {
  margin: 1em 20px 1em 15px;
  padding: 15px;
  background-color: #FFF;
}

#top.top #summary h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 5px;
  border-left: 5px solid #BBB;
}

#top.top #summary p {
  margin: 0;
}

#top.top #summary p.animals {
  margin: 1em 0 0 0;
  text-align: center;
}

#top.top #summary p.animals em {
  color: #0A0;
  font-size: 16px;
}

#top.top #contents {
  width: 580px;
  padding-bottom: 1em;
  float: left;
  background-color: #F5F5F5;
}

#top.top #main-nav {
  margin-top: 0px;
}

#top.top #sub-nav {
  margin-top: 15px;
}

#top.top #sub-nav p {
  margin: 0 15px;
  clear: both;
}

#top.top #schedule {
  padding-bottom: 1em;
}

#top.top #schedule .dog {
  color: #00C;
}

#top.top #schedule .cat {
  color: #C00;
}

#top.top #schedule .chubu {
  background-color: #FFE7BF;
}

#top.top #schedule p {
  margin: 0 15px;
}

#top.top #schedule table {
  width: 550px;
  margin-left: 15px;
  text-align: center;
  background-color: white;
  border: 1px solid #888;
  border-collapse: collapse;
}

#top.top #schedule table td, #top.top #schedule table th {
  border: 1px solid #888;
}

#top.top #hotnews ul {
  margin: 0 15px;
  background-color: white;
}

#top.top #hotnews li {
  clear: both;
  margin-bottom: 10px;
  padding: 5px;
  min-height: 75px;
  background-color: #FFF;
}

#top.top #hotnews img {
  float: left;
  margin-right: 10px;
}

#top.top #hotnews h2 {
  display: inline;
}

#top.top #hotnews p {
  margin: 0 0 0 110px;
}

#top.top #hotnews p.date {
  text-align: right;
}

#top.top #hotnews .to-archive {
  margin-right: 15px;
  text-align: right;
}

#top.top #sidebar {
  width: 200px;
  float: right;
  background-color: #F5F5F5;
  padding: 0 20px 0 0;
}

#top.top #sidebar .section {
  margin-bottom: 10px;
  background-color: #FFF;
}

#top.top #sidebar .section h1 {
  margin: 0 0 1em 0;
  padding: 0;
  color: black;
  background-color: #cccccc;
  background-image: url(../res/h1-bg-sidebar.png);
  background-repeat: no-repeat;
  background-position: left;
}

#top.top #sidebar .section > h2 {
  margin: 0.5em 0;
  padding: 0 0 0 5px;
  font-size: 100%;
  color: blue;
  font-weight: normal;
}

#top.top #sidebar .section p {
  margin: 0.5em 0;
  padding: 0 0 0 5px;
}

#top.top #sidebar .section#news ul {
  width: 200px;
  clear: both;
  background-color: #FFF;
}

#top.top #sidebar .section#news li {
  border: dotted #CCC;
  border-width: 1px 0 0 0;
  padding: 5px;
}

#top.top #sidebar .section#news li li h2 {
  color: inherited;
}

#top.top #sidebar .section#news li li.to-archive {
  text-align: right;
}

#top.top #sidebar .section#news .social-icons {
  letter-spacing: -0.4em;
  text-align: right;
  vertical-align: middle;
}

#top.top #sidebar .section#rescued .sum {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#top.top #sidebar .section#rescued .history {
  text-align: right;
}

#top.top #sidebar .section#rescued table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
  text-align: center;
}

#top.top #sidebar .section#mycalendar p:nth-child(3) {
  margin-left: 0;
  padding-left: 0;
  text-align: center;
}

#top.top #blogparts {
  text-align: center;
}

#top.top #blogparts h1 {
  font-size: small;
  font-weight: normal;
  color: inherit;
}

#top.top #poll {
  background-color: #FFFF99;
}

#top.top #social-buttons {
  clear: both;
  height: 20px;
  padding: 15px 0;
  background-color: #E6E6E6;
}

#top.top #social-buttons div {
  float: left;
  margin-right: 10px;
}

#top.top #social-buttons .facebook {
  width: 160px;
  position: relative;
  left: 39px;
}

#top.top #social-buttons .twitter {
  width: 120px;
  position: relative;
  left: 36px;
}

#top.top #social-buttons .google {
  width: 50px;
  position: relative;
  left: 17px;
}

#top.top .panel-nav {
  margin: 0 10px;
}

#top.top .panel-nav h1 {
  margin: 0;
  padding: 0;
  background: none;
}

#top.top .panel-nav .type1 {
  width: 270px;
  height: 167px;
  margin: 0 5px 10px 5px;
  float: left;
}

#top.top .panel-nav .type2 {
  width: 176px;
  height: 109px;
  margin: 0 5px 10px 5px;
  float: left;
}

#top.top .panel-nav .type3 {
  width: 270px;
  height: 84px;
  margin: 0 5px 10px 5px;
  float: left;
}

#dogs img {
  margin: 0;
  padding: 0;
  border: 0;
}

#dogs .good {
  color: #FF6600;
}

#dogs .bad {
  color: #0066FF;
}

#dogs .item {
  float: none;
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
}

#dogs .puppies {
  padding: 0;
  margin: 0;
  clear: both;
}

#dogs .puppies .item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#dogs .puppies .nopopup {
  padding-top: 21px;
}

#dogs .puppies p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 155px;
  height: auto;
  font-size: 13px;
}

#dogs .tokusetsu {
  margin: 0;
  padding: 0 0 20px 0;
  clear: both;
}

#dogs .tokusetsu .item {
  margin: 0 4px 0 0;
  padding: 0;
  width: 148px;
  border: solid;
  border-width: 1px 0 0 0;
  border-color: #DDD #888 #888 #DDD;
}

#dogs .tokusetsu .nopopup {
  padding-top: 21px;
}

#dogs .tokusetsu p {
  clear: both;
  margin: 0;
  padding: 0;
  width: 148px;
  height: 5em;
  font-size: 13px;
}

#dogs .tokusetsu-banner {
  margin: 0 0 20px 0;
}

#dogs .dogs .item {
  width: 240px;
  border: 1px solid #888;
  margin: 10px 11px 10px 0;
  _margin: 10px 10px 10px 0;
}

#dogs .dogs .item .info {
  margin: .5em 0 .5em 0;
  border: 0;
  height: 5em;
  font-size: 13px;
}

#dogs .dogs .item .link {
  margin: 0 0 5px 0;
  text-align: center;
}

#dogs .adults {
  margin: 0;
}

#dogs .adults .item {
  width: 240px;
  border: 1px solid #888;
  margin: 10px 11px 10px 0;
  _margin: 10px 10px 10px 0;
}

#dogs .adults .item .info {
  margin: .5em 0 .5em 0;
  border: 0;
  height: auto;
  font-size: 13px;
}

#dogs .adults .item .link {
  margin: 0 0 5px 0;
  text-align: center;
}

#dogs .adults .item.Male {
  background-color: #F3FFFF;
  /*background: url(../satooya/dog/res/bk-male.png) repeat;*/
}

#dogs .adults .item.Female {
  background-color: #FFF0F0;
  /*background: url(../satooya/dog/res/bk-female.png) repeat;*/
}

#dogs .satooya {
  padding: 0;
  margin: 0;
  clear: both;
}

#dogs .satooya .item {
  padding: 0;
  margin: 2px 2px 15px 2px;
  border: 0;
  background-color: #FFD;
  background-image: url(../satooya/dog/res/kettei-mark.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#dogs .satooya .nopopup {
  padding-top: 21px;
}

#dogs .satooya p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
  width: 148px;
  height: 7em;
  font-size: 13px;
}

#dogs .satooya p span {
  font-size: x-small;
}

#dogs .satooya p span .date {
  font-size: 13px;
  font-weight: bold;
  color: #43689D;
}

#dogs section {
  /* Monthly pickup dogs 2 ones version */
  /* Monthly pickup dogs 3 ones version */
}

#dogs section.pickup2 h2 {
  margin: 0;
  padding: 0;
  height: 80px;
  border: none;
  background: url(../images/dogs-pickup-ribbon.png) no-repeat;
}

#dogs section.pickup2 p.category-comment {
  margin-left: 60px;
}

#dogs section.pickup2 .animals {
  width: 670px;
  margin: 0 auto;
}

#dogs section.pickup2 .animals .item {
  width: 300px;
  background-position: 0% 50%;
  background-size: cover;
  border: 1px solid #888;
  margin: 10px 15px;
}

#dogs section.pickup2 .animals .item .main-photo {
  height: 225px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 0% 50% !important;
}

#dogs section.pickup2 .animals .item .info {
  margin: .5em 0 .5em 0;
  border: 0;
  height: 108px;
  font-size: 13px;
  background: url(../images/dogs-medal.png) no-repeat;
  background-position: top 0px right 10px;
  background-size: 15% auto;
}

#dogs section.pickup2 .animals .item .info .note {
  font-size: 13px;
  color: #225f88;
  font-weight: normal;
}

#dogs section.pickup2 .animals .item .link {
  margin: 0 0 5px 0;
  text-align: center;
}

#dogs section.pickup2 .animals .item.Male {
  background-color: #F3FFFF;
  background: url(../satooya/dog/res/bk-male.png) repeat;
}

#dogs section.pickup2 .animals .item.Female {
  background-color: #FFF0F0;
  background: url(../satooya/dog/res/bk-female.png) repeat;
}

#dogs section.pickup2 .adopted {
  width: 630px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

#dogs section.pickup2 .adopted li {
  display: inline-block;
  width: 150px;
  height: 112px;
  position: relative;
}

#dogs section.pickup2 .adopted li a {
  display: block;
}

#dogs section.pickup2 .adopted li a:link, #dogs section.pickup2 .adopted li a:hover, #dogs section.pickup2 .adopted li a:active, #dogs section.pickup2 .adopted li a:visited {
  color: #FFF;
}

#dogs section.pickup2 .adopted li a p {
  position: absolute;
  margin: 0;
  padding: 0;
}

#dogs section.pickup2 .adopted li a img {
  width: 30%;
  left: 70%;
  top: 60%;
  position: absolute;
}

#dogs section.pickup2 .adopted li a:after {
  padding-top: 75%;
  display: block;
  content: "";
}

#dogs section.pickup3 h2 {
  margin: 0;
  padding: 0;
  height: 80px;
  border: none;
  background: url(../images/dogs-pickup-ribbon.png) no-repeat;
}

#dogs section.pickup3 .animals {
  margin: 0;
}

#dogs section.pickup3 .animals .item {
  width: 240px;
  border: 1px solid #888;
  margin: 10px 11px 10px 0;
}

#dogs section.pickup3 .animals .item .info {
  margin: .5em 0 .5em 0;
  border: 0;
  height: auto;
  font-size: 13px;
  background: url(../images/dogs-medal.png) no-repeat;
  background-position: top 0px right 10px;
  background-size: 15% auto;
}

#dogs section.pickup3 .animals .item .link {
  margin: 0 0 5px 0;
  text-align: center;
}

#dogs section.pickup3 .animals .item.Male {
  background-color: #F3FFFF;
  background: url(../satooya/dog/res/bk-male.png) repeat;
}

#dogs section.pickup3 .animals .item.Female {
  background-color: #FFF0F0;
  background: url(../satooya/dog/res/bk-female.png) repeat;
}

#dogs .social-buttons {
  height: 20px;
  padding: 5px 0 0 12px;
}

#dogs .social-buttons div {
  float: left;
  margin-right: 10px;
}

#dogs .social-buttons .facebook {
  width: 100px;
  opacity: 0.8;
}

#dogs .social-buttons .twitter {
  width: 100px;
}

#dogs .social-buttons .google {
  width: 60px;
}

#adog h1 {
  margin-bottom: 5px;
}

#adog h3 {
  margin: 0;
  font-size: small;
}

#adog #satooya {
  margin: 0 0 1em 0;
  text-align: center;
  color: #008800;
  font-weight: bold;
  font-size: medium;
}

#adog #media {
  width: 415px;
  _width: 420px;
  float: left;
  margin: 0;
  font-size: small;
}

#adog #media #first-photo {
  text-align: center;
}

#adog #media h3 {
  margin-top: 2em;
}

#adog #media img {
  margin: 0 4px 0 0;
}

#adog #media .movie {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: small;
}

#adog #information {
  float: left;
  width: 335px;
  _width: 330px;
  margin: 0 0 0 10px;
  padding: 0;
}

#adog #information div {
  border: 1px solid #DDD;
  margin-bottom: 20px;
  padding: 1em;
  font-size: small;
}

#adog #information em {
  color: #007E00;
}

#adog #information .satooya {
  background: url(../satooya/dog/syoukai/res/satooya_stamp.png) no-repeat 220px 100px;
}

#adog iframe {
  width: 400px;
  height: auto;
  margin: 0 5px 5px 0;
  padding: 0;
}

#adog .back-to-index {
  clear: both;
  text-align: center;
  padding: 1em 0 0 0;
  border: 1px solid #888;
  border-width: 1px 0 0 0;
}

#adog .cbox {
  clear: both;
  padding-top: 10px;
}

#adog #social-buttons {
  height: 20px;
  padding-left: 425px;
}

#adog #social-buttons div {
  float: left;
  margin-right: 10px;
}

#adog #social-buttons .facebook {
  width: 100px;
}

#adog #social-buttons .twitter {
  width: 100px;
}

#adog #social-buttons .google {
  width: 60px;
}

#dog-manual {
  /* Index */
  /* a page */
}

#dog-manual #left-pane {
  margin: 0 20px 20px 0;
  padding: 10px;
  width: 340px;
  float: left;
  border: dotted #888;
  border-width: 0 5px 0 0;
}

#dog-manual #right-pane {
  margin: 0 0 20px 0;
  padding: 10px;
  width: 340px;
  float: left;
}

#dog-manual #article {
  padding: 0 150px 1em 20px;
  background: #FFFFFF;
  border-top: 1px solid #DDD;
  /* photo */
}

#dog-manual #article.index {
  padding: 0 20px 1em 20px;
}

#dog-manual #article h1 {
  text-align: center;
  color: black;
  background: #D1F2CB;
}

#dog-manual #article h2 {
  color: #093488;
  border: 0;
  font-size: x-large;
  background: url(../contents/dog-manual/res/h2mark.png) no-repeat 0% 50%;
  padding-left: 30px;
}

#dog-manual #article h2.question {
  background: none;
}

#dog-manual #article h3 {
  color: #000;
}

#dog-manual #article table.cost {
  width: 300px;
  background-color: #FFF;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

#dog-manual #article table.cost caption {
  color: #000;
  background-color: #FFFFFF;
}

#dog-manual #article table.cost thead {
  background-color: #D9D9D9;
}

#dog-manual #article table.cost thead.first {
  color: #FFF;
  background-color: #808080;
}

#dog-manual #article table.cost tfoot th, #dog-manual #article table.cost tfoot td {
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  background-color: #C00000;
}

#dog-manual #article table.cost tr th, #dog-manual #article table.cost tr td {
  border: 1px solid #000;
}

#dog-manual #article table.cost tr th {
  text-align: center;
}

#dog-manual #article table.cost tr td {
  text-align: right;
  padding-right: 1em;
}

#dog-manual #article .column {
  margin: 0;
  padding: 50px 0 0 46px;
  border: 0;
  background: no-repeat url(../contents/dog-manual/res/column-bg.jpg);
}

#dog-manual #article .column h3 {
  color: #085FED;
  font-size: larger;
  margin: 20px 0 1.5em 60px;
}

#dog-manual #article .column > div {
  margin: 0;
  padding: 0 2em 1em 2em;
  width: 500px;
  border: 3px solid #085FED;
}

#dog-manual #article .ex {
  vertical-align: middle;
  color: #DB8A17;
}

#dog-manual #article .ex img {
  vertical-align: middle;
  margin: 0 1em .5em 0;
}

#dog-manual #article .question {
  vertical-align: middle;
  color: #9A4900;
  border: 0;
  margin: 3em 0 0 0;
  padding: 0;
}

#dog-manual #article .question img {
  vertical-align: middle;
  margin: 0 1em .5em 0;
}

#dog-manual #article .icon {
  float: left;
}

#dog-manual #article #page-menu {
  clear: both;
  margin-top: 5em;
  text-align: center;
  background-color: #D1F2CB;
}

#dog-manual #article #age-table .human {
  background-color: #99CCFF;
  text-align: center;
}

#dog-manual #article #age-table .dog {
  background-color: #FFFF99;
  text-align: center;
}

#dog-manual #article .photo-right {
  padding: 0 10px 10px 10px;
  float: right;
}

#dog-manual #article .photo-right p {
  margin: 0;
  padding: 0;
  width: 240px;
  text-align: center;
  font-size: small;
  color: #7A4429;
}

#dog-manual #article .photo-left {
  padding: 0 10px 10px 10px;
  float: left;
}

#dog-manual #article .photo-left p {
  margin: 0;
  padding: 0;
  width: 240px;
  text-align: center;
  font-size: small;
  color: #7A4429;
}

#dog-manual #article .photo-three {
  padding: 0 5px 10px 5px;
  width: 190px;
  float: left;
  text-align: center;
}

#dog-manual #article .photo-three p {
  margin: 0;
  padding: 0;
  font-size: small;
  color: #7A4429;
}

#dog-manual #article .to-ipet {
  text-align: center;
}

#dog-manual #article .to-ipet a {
  text-decoration: none;
}

#dog-manual #article .to-ipet a span {
  display: block;
  width: 400px;
  margin: 2em auto 3em auto;
  padding: 20px 0;
  color: #FFF;
  background-color: #FF5300;
  font-size: 20px;
}

#cats img {
  margin: 0;
  padding: 0;
  border: 0;
}

#cats .item {
  float: none;
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
}

#cats .update-date {
  text-align: right;
}

#cats .kitties {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .kitties li.item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#cats .kitties li.item .memo {
  color: #B45A91;
}

#cats .kitties p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 155px;
  height: auto;
  font-size: small;
}

#cats .kitties li.nopopup {
  padding-top: 21px;
}

#cats .kitties-compact {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .kitties-compact li.item {
  padding: 0;
  margin: 2px 2px 15px 2px;
  border: 0;
  background-color: #FFF;
}

#cats .kitties-compact p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
  width: 148px;
  height: auto;
  font-size: 13px;
}

#cats .kitties-compact p span.memo {
  color: #B45A91;
}

#cats .kitties-compact li.nopopup {
  padding-top: 21px;
}

#cats .wakaneko {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .wakaneko li.item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#cats .wakaneko li.item .memo {
  color: #B45A91;
}

#cats .wakaneko p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 340px;
  height: 3em;
  font-size: 13px;
}

#cats .wakaneko li.nopopup {
  padding-top: 21px;
}

#cats .wakearies {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .wakearies li.item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#cats .wakearies li.item .link {
  margin: 10px 0 5px 0;
  text-align: center;
}

#cats .wakearies p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 155px;
  height: auto;
  font-size: 13px;
}

#cats .wakearies p .memo {
  color: #B45A91;
}

#cats .wakearies li.nopopup {
  padding-top: 21px;
}

#cats .adults {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .adults li.item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#cats .adults li.item .link {
  margin: 10px 0 5px 0;
  text-align: center;
}

#cats .adults p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 155px;
  height: 4em;
  font-size: 13px;
}

#cats .adults p .memo {
  color: #B45A91;
}

#cats .adults li.nopopup {
  padding-top: 21px;
}

#cats .kanekoneko {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .kanekoneko li.item {
  padding: 0 8px 8px 8px;
  margin: 4px 4px 15px 4px;
  border: 1px solid;
  border-color: #DDD #888 #888 #DDD;
}

#cats .kanekoneko li.item .link {
  margin: 10px 0 5px 0;
  text-align: center;
}

#cats .kanekoneko p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 3px 0 3px 5px;
  border: 1px solid;
  border-color: #888 #DDD #DDD #888;
  width: 155px;
  height: auto;
  font-size: 13px;
}

#cats .kanekoneko p .memo {
  color: #B45A91;
}

#cats .kanekoneko li.nopopup {
  padding-top: 21px;
}

#cats .satooya {
  padding: 0;
  margin: 0;
  clear: both;
}

#cats .satooya li.item {
  padding: 0;
  margin: 2px 2px 15px 2px;
  border: 0;
  background-color: #FFD;
  background-image: url(../satooya/cat/res/kettei-mark.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#cats .satooya p {
  clear: both;
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
  width: 148px;
  height: 7em;
  font-size: 13px;
  font-family: sans-serif;
}

#cats .satooya p span {
  font-size: x-small;
}

#cats .satooya p span.date {
  font-size: 13px;
  font-weight: bold;
  color: #43689D;
}

#cats .satooya li.nopopup {
  padding-top: 21px;
}

#cats .jyoutokai p {
  height: 10em;
}

#acat h1 {
  margin-bottom: 5px;
}

#acat h3 {
  margin: 2em 0 0 0;
  font-size: small;
}

#acat #satooya {
  margin: 0 0 1em 0;
  text-align: center;
  color: #008800;
  font-weight: bold;
  font-size: medium;
}

#acat #left-pane {
  width: 335px;
  _width: 330px;
  float: left;
  margin: 0;
  font-size: small;
}

#acat #left-pane #first-photo {
  text-align: center;
}

#acat .movie {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: small;
}

#acat #right-pane {
  float: left;
  width: 415px;
  _width: 420px;
  margin: 0 0 0 10px;
  padding: 0;
}

#acat #right-pane #other-photos img {
  margin: 0 4px 0 0;
}

#acat iframe {
  width: 400px;
  height: 225px;
  margin: 0 5px 5px 0;
  padding: 0;
}

#acat .back-to-index {
  clear: both;
  text-align: center;
  padding: 1em 0 0 0;
  border: 1px solid #888;
  border-width: 1px 0 0 0;
}

#acat .cbox {
  clear: both;
  padding-top: 10px;
}

#acat #social-buttons {
  height: 20px;
  padding-left: 345px;
}

#acat #social-buttons div {
  float: left;
  margin-right: 10px;
}

#acat #social-buttons .facebook {
  width: 100px;
}

#acat #social-buttons .twitter {
  width: 100px;
}

#acat #social-buttons .google {
  width: 60px;
}

#news {
  /* 3panes */
  /* entry list */
  /* main index */
  /* archive list */
  /* an entry */
  /* images */
}

#news .social-icons {
  margin: 10px 0 10px 0;
  padding: 0 0 10px 0;
}

#news .social-icons img {
  width: 40px;
  height: auto;
  margin: 0 5px;
}

#news #main-pane {
  font-size: small;
  width: auto;
  float: left;
  margin-bottom: 2em;
}

#news #sidebar {
  width: 25%;
  float: right;
  font-size: small;
}

#news #sidebar ul li {
  margin: 1em 0;
}

#news #sidebar .widget {
  margin-bottom: 2em;
}

#news #sidebar .widget_search .field {
  padding: .5em 0;
  margin: .5em 0;
}

#news #sidebar .widget_search .submit {
  padding: .5em 0;
  margin: .5em 0;
}

#news #sidebar .tagcloud {
  line-height: 2em;
}

#news #sidebar .tagcloud a {
  padding-right: 1em;
}

#news .list-base ul {
  margin: 15px 15px;
  background-color: white;
  list-style-type: none;
}

#news .list-base li {
  clear: both;
  padding: 5px;
  background-color: #FFF;
}

#news .list-base img {
  float: left;
  margin-right: 10px;
}

#news .list-base h2 {
  display: inline;
  border: 0;
}

#news .list-base p.date {
  text-align: right;
}

#news .nav-above {
  margin-top: 1em;
  border: #AAA dotted;
  border-width: 0 0 1px 0;
}

#news .nav-below {
  margin-top: 1em;
  border: #AAA dotted;
  border-width: 1px 0 0 0;
}

#news .entry-body {
  clear: both;
}

#news .entry-timestamp {
  font-size: 16px;
  border: 0;
  margin: 1em 0;
  text-align: right;
}

#news .entry-info {
  height: 30px;
  font-size: 16px;
  margin: 3em 0 0 0;
  padding-top: 10px;
  text-align: left;
  border: 1px solid #CCC;
  background-color: #EEE;
  /* social buttons */
}

#news .entry-info .entry-category {
  margin-right: 10px;
  float: right;
}

#news .entry-info .entry-category .categories {
  margin-right: .5em;
  padding-right: .5em;
  border-right: 1px solid black;
  display: inline;
}

#news .entry-info .entry-category .tags {
  display: inline;
}

#news .entry-info .social-buttons {
  height: 20px;
  padding-left: 10px;
  float: left;
}

#news .entry-info .social-buttons div {
  float: left;
  margin-right: 10px;
}

#news .entry-info .social-buttons .facebook {
  width: 150px;
}

#news .entry-info .social-buttons .twitter {
  width: 100px;
}

#news .entry-info .social-buttons .google {
  width: 60px;
}

#news .alignright {
  float: right;
  margin: 0 5px;
}

#news .alignleft {
  float: left;
  margin: 0 5px;
}

#news .related-entries li {
  margin: 1em 0;
}

.jyoutokai #satooya-banner {
  margin: 2em 0 1em 0;
  text-align: center;
}

.jyoutokai .menkai-flow {
  text-align: center;
  width: 610px;
  height: 200px;
  background: url(../images/menkai-flow.png) no-repeat;
}

#internship #flow #text {
  display: none;
}

#rescued table.year {
  width: 700px;
  margin: 0;
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate;
}

#rescued table.year td, #rescued table.year th {
  margin: 1px;
  padding: 1px;
  border: 1px solid #CCC;
  text-align: center;
}

#rescued table.year th {
  background-color: #E6E6ED;
}

#rescued table.year tr.each_sum {
  background-color: #FFE9E9;
}

#rescued table.year tr.all_sum {
  background-color: #E9E9FF;
}

#rescued .rescued_sum {
  width: 700px;
  margin: .5em 0 0 0;
  text-align: center;
  text-decoration: underline;
}

#rescued .jump_to_year {
  margin-left: 0;
}

#rescued .jump_to_year li {
  display: inline-block;
  width: 80px;
  padding: 0;
  text-align: center;
}

#rescued .month-graph {
  font-size: 0;
}

#rescued .month-graph img {
  border: 1px solid #888;
}

#rescued .month-graph p {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 12px;
}

#syuushi-houkoku .syuushi {
  width: 600px;
  border: 0;
}

#syuushi-houkoku .syuushi td {
  padding: 1px 5px 1px 5px;
  border: 0;
}

#syuushi-houkoku .syuushi td.number {
  text-align: right;
}

#syuushi-houkoku .syuushi td.minus {
  color: red;
}

#syuushi-houkoku .syuushi td.sum_text {
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
}

#syuushi-houkoku .syuushi td.sum_number {
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
}

#syuushi-houkoku .syuushi td.subtotal-text {
  text-align: right;
}

#syuushi-houkoku .syuushi td.payment_category {
  background-color: #EEE;
  text-align: left;
}

#syuushi-houkoku .syuushi td.income_category {
  background-color: #EEE;
  text-align: left;
}

#syuushi-houkoku .syuushi td.income, #syuushi-houkoku .syuushi td.payment {
  font-weight: bold;
}

#syuushi-houkoku .syuushi td.income {
  background-color: #CEEFED;
}

#syuushi-houkoku .syuushi td.payment {
  background-color: #FDDEDC;
}

#syuushi-houkoku .syuushi td.total {
  background-color: #CCCCCC;
}

.cooperation .pnl-menu {
  margin: 1em 0;
  padding: 1em 0;
  list-style-type: none;
  clear: both;
}

.cooperation .pnl-menu li {
  width: 253px;
  margin: 0;
  padding: 0 0 2em 0;
  text-align: center;
  float: left;
}

.cooperation .pnl-menu li p {
  width: 220px;
  margin-left: 16px;
  text-align: center;
  font-size: small;
}

.cooperation#houkoku table.initial {
  width: 580px;
  padding: 3px;
  border: 1px solid #CCC;
  border-collapse: separate;
}

.cooperation#houkoku table.initial td {
  margin: 1px;
  padding: 1px;
  border: 1px solid #CCC;
  text-align: center;
}

.cooperation#houkoku table.goods {
  width: 580px;
  padding: 3px;
  border: 1px solid #CCC;
}

.cooperation#shelter table.cost img {
  float: right;
}

.cooperation#kaijyou-bosyuu .target {
  font-size: 32px;
}

.cooperation#kaijyou-bosyuu #ex h3 {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}

.cooperation#kaijyou-bosyuu #ex p {
  margin: 0;
}

.cooperation#volubeit .course-menu {
  font-size: 0;
}

.cooperation#volubeit .course-menu img {
  display: inline-block;
}

.cooperation#volubeit .course-menu a {
  padding: 5px 0;
  width: 720px;
  display: block;
  text-align: center;
  background-color: #D5DCEF;
}

.cooperation#projects ul.projects {
  margin: 0;
  padding: 0;
}

.cooperation#projects ul.projects li {
  margin: 5px;
  padding: 10px 5px;
  float: left;
  width: 230px;
  height: 13em;
  list-style-type: none;
  border: 1px solid;
  text-align: center;
}

.cooperation#projects ul.projects p {
  margin: 5px;
  padding: 0;
  font-size: small;
}

.cooperation#projects ul.projects a {
  text-decoration: none;
}

.shelter #header {
  border-bottom: 1px solid #DDD;
}

.shelter .topic_path {
  margin-left: 20px;
}

.shelter#top * {
  font-size: 16px;
}

.shelter#top #image {
  width: 800px;
  height: 215px;
  background: url(../shelter/res/top-image.jpg);
}

.shelter#top #menu {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
}

.shelter#top #menu li {
  display: block;
  float: left;
  width: 180px;
  height: 215px;
  margin: 20px 20px;
  padding: 0 0 0 30px;
  background: url(../shelter/res/top-menu-bg.jpg) no-repeat;
}

.shelter#top #menu li h2 {
  margin: 0;
  padding: 0;
  color: #FF6600;
  font-size: 13px;
  border: 0;
}

.shelter#top #menu li p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.shelter#top #menu li a {
  color: black;
  text-decoration: none;
}

.shelter#top #menu li a:hover, .shelter#top #menu li a:active {
  color: red;
  text-decoration: underline;
}

.shelter#day h2 {
  clear: both;
  padding: 70px 0 0 15px;
  height: 60px;
  border: 0;
  font-size: 15px;
  background: url(../shelter/res/day-time-bg.png) no-repeat;
}

.shelter#day .photos {
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
}

.shelter#day .photos li {
  display: block;
  float: left;
  width: 200px;
  height: 225px;
  margin: 10px 20px;
  padding: 0;
}

.shelter#day .photos li.large {
  height: 300px;
}

.shelter#day .photos li p {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 12px;
}

.shelter#day .photos li img {
  border: solid 3px;
  border-color: #DDD #888 #888 #DDD;
}

.shelter#day .photos:after {
  content: "";
  display: block;
  clear: both;
}

.shelter#day #bottom-menu {
  text-align: center;
}

.contents#cat-1st #menu h2 {
  margin-top: 0;
}

.contents#cat-1st #menu li {
  width: 300px;
  margin: 20px;
  list-style-type: none;
  float: left;
}

.contents#cat-1st #menu li p {
  font-size: small;
  height: 4em;
}

.contents#cat-1st h2 {
  border: 1px #2A6A2A solid;
  background-color: #AEECAF;
  font-size: x-large;
  color: #2A6A2A;
}

.contents#cat-1st table td.color1 {
  background-color: #80FF80;
}

.contents#cat-1st table td.color2 {
  background-color: #FFC4E1;
}

.contents#cat-1st table th {
  color: white;
  background-color: #00C;
}

.contents#cat-1st table#goods {
  border: 0;
}

.contents#cat-1st table#goods td {
  border: 1px dotted;
  border-width: 0 0 1px 0;
}

.contents#cat-1st .column {
  margin: 0;
  padding: 38px 0 0 16px;
  background: no-repeat url(../contents/cat-1st/res/column-bg.png);
  border: 0;
  /* float box hack */
  overflow: hidden;
}

.contents#cat-1st .column > div {
  border: 2px solid #E73862;
  padding: 1em;
}

.contents#cat-1st .column h3 {
  margin: 0 0 0 80px;
  font-size: large;
  color: #E73862;
}

.contents#cat-1st .column:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

.contents#cat-1st .photobox-right {
  float: right;
  width: 230px;
  margin: 10px;
  text-align: center;
  font-size: small;
}

.contents#cat-1st #katazuke:after {
  content: "";
  clear: both;
  display: block;
}

#policy address {
  text-align: right;
}

#policy #article {
  padding: 20px;
}

#policy #article #first {
  padding: 0 1em;
  border: 1px solid #888;
  font-weight: bold;
}

.vet #main {
  border-top: 0;
}

.vet h1 {
  background: #FFF;
  padding: 20px;
  border: solid #AAA;
  border-width: 0 0 1px 0;
}

.vet#top h2 {
  margin: 0 0 1em 0;
  padding: 5px;
  text-align: center;
  color: white;
  background-color: #F6902A;
  border: 2px solid #C66000;
  border-width: 2px 0 2px 0;
  font-size: 100%;
}

.vet#top #first {
  margin: 20px;
}

.vet#top #to-gairai {
  border: 2px solid green;
  margin: 0 0 10px 0;
  padding: 10px;
}

.vet h2 {
  margin: 1em 0 0 0;
  padding: 0;
  color: #009;
  border: solid #009;
  border-width: 0 0 1px 0;
}

.vet h3 {
  padding-top: 1em;
  border-top: 1px dashed #ddd;
}

.vet h3 span {
  display: block;
  color: #000;
  font-weight: normal;
}

.vet table.price-list {
  padding: 3px;
  border: 1px solid #000;
  border-collapse: collapse;
}

.vet table.price-list th {
  border: 1px solid #000;
}

.vet table.price-list td {
  border: 1px solid #000;
}

.vet table.price-list td:last-child {
  text-align: right;
}

.vet table.price-list td.ope-option {
  border-top: 1px dashed #BBB;
  border-bottom: 1px dashed #BBB;
}

.vet #navigation {
  width: 280px;
  float: right;
  margin-bottom: 1em;
}

.vet #contents {
  width: 465px;
  float: right;
  margin-left: 15px;
  margin-bottom: 1em;
}

.vet .topic-path {
  margin: 0;
  padding: 5px 0 5px 0;
  font-size: small;
  border: dashed #AAA;
  border-width: 0 0 1px 0;
}

.vet .even-row {
  background: #E1ECFF;
}

.vet ul.linklist li {
  list-style-type: none;
  background: 0% 50% url(../vet/res/linklist_mark.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px;
}

.vet ul.linklist-top li {
  list-style-type: none;
  background: 0% 0% url(../vet/res/linklist_mark.png) no-repeat;
  margin-left: -20px;
  padding-left: 20px;
}

.vet a img, .vet a:hover img, .vet a:active img {
  border: 0;
}

.vet img.right {
  float: right;
}

.vet em {
  color: #00BB00;
}

.vet .to-application {
  text-align: center;
  margin-bottom: 2em;
}

.vet .contact {
  border-radius: 12px;
  background-color: #EEE;
  margin: 3em 80px;
  padding: 1em 5em;
  vertical-align: middle;
}

.vet .form .animal fieldset {
  margin: 0 0 1em 0;
}

.vet .form .animal .kind, .vet .form .animal .sex {
  display: inline-block;
  width: 250px;
}

.vet .form .animal .age:before {
  content: "\a";
  white-space: pre;
}

.bbs#top .to-bbs {
  text-align: center;
}

.basic-dog-training .index {
  width: 720px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

.basic-dog-training .index li {
  float: left;
  text-align: center;
  width: 200px;
  background-color: #EEE;
  margin: 10px;
  _margin: 5px;
  padding: 10px;
}

.basic-dog-training .index a,
.basic-dog-training .index a:visited,
.basic-dog-training .index a:active {
  color: #333333;
}

.basic-dog-training img.overflow {
  margin-bottom: 20px;
  _margin-bottom: 0;
}

.basic-dog-training .navigation {
  text-align: center;
  clear: both;
  padding-top: 20px;
  border: solid #DDD;
  border-width: 1px 0 0 0;
}

.basic-dog-training .step {
  height: 250px;
}

.basic-dog-training .one-point-advice {
  margin: 10px;
  padding: 10px 20px;
  border: 5px dotted pink;
}

.shelter-new ol {
  border: 0;
  background-color: #FFF;
}

.shelter-new #header {
  border-bottom: 1px solid #DDD;
}

.shelter-new .topic_path {
  margin-left: 20px;
}

.shelter-new #main {
  border: 0;
}

.shelter-new #map {
  width: 760px;
  height: 560px;
  background: url(../shelter_new/res/map.png);
}

.shelter-new #map #body {
  width: 760px;
  height: 440px;
  float: left;
  position: relative;
}

.shelter-new #map #menu {
  width: 540px;
  margin-left: 220px;
}

.shelter-new #map #menu .item {
  width: 135px;
  height: 30px;
  border: 0;
  _display: inline;
  float: left;
  _float: none;
  margin: 0;
  padding: 0;
}

.shelter-new #map #menu .item a img, .shelter-new #map #menu .item a:hover img, .shelter-new #map #menu .item a:active img {
  border: 0;
}

.shelter-new #map #display {
  width: 220px;
  height: 200px;
  float: left;
  position: relative;
  top: -150px;
}

.shelter-new #map #display #photo {
  margin: 30px 28px 5px 28px;
}

.shelter-new #map #display #text {
  font-size: small;
  margin: 0px 28px;
}

.shelter-new #map #submenu {
  width: 540px;
  height: 30px;
  float: left;
}

.shelter-new #map .star {
  display: none;
  position: absolute;
}

.shelter-new h1 {
  margin: 0;
  padding: 0;
}

.shelter-new#shelters #main {
  padding: 0;
  border: 0;
}

.shelter-new .page-item {
  float: left;
  margin: 30px 0 0 0;
  padding: 0;
  width: 380px;
  background: url(../shelter_new/res/photo-bg.jpg) no-repeat;
}

.shelter-new .page-item img {
  margin: 50px 0 10px 38px;
  padding: 0;
}

.shelter-new .page-item p {
  font-size: 12px;
  margin: 0;
  padding: 0 35px 50px 38px;
  background: url(../shelter_new/res/photo-bg.jpg) no-repeat 0% 100%;
}

.shelter-new #bottom-menu {
  clear: both;
  text-align: center;
  background-color: #EEE;
  border: 1px solid #888;
  margin: 1em 20px 0 20px;
}

.shelter-new#day #main {
  border-top: none;
}

.shelter-new#day .tasks {
  margin: 0;
  padding: 0;
}

.shelter-new#day .tasks ul.task-items {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}

.shelter-new#day .tasks ul.task-items li {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin: 0 20px 20px 0;
  padding: 0 0 0 0;
}

.shelter-new#day .tasks ul.task-items li:nth-child(3n) {
  margin-right: 0;
}

.shelter-new#day .tasks ul.task-items li h3 {
  font-size: 16px;
  margin: 0;
}

.shelter-new#day .tasks ul.task-items li p {
  font-size: 14px;
  margin: 0;
}

.shelter-new#day .flow table {
  float: left;
  width: 500px;
}

.shelter-new#day .flow img {
  float: right;
}

.shelter-new#day .flow p {
  clear: both;
  margin: 1em 0;
}

.shelter-new#animals #main {
  border-top: none;
}

.shelter-new#animals #main h2 {
  border: 0;
  margin: 1em 0;
  padding: 0;
}

.shelter-new#animals #main .animals ul {
  margin: 0;
  list-style-type: none;
}

.shelter-new#animals #main .animals ul li {
  width: 370px;
  display: inline-block;
  margin: 0 0 .5em 0;
  padding: 0;
  border: 1px solid #DDD;
  border-radius: 10px;
}

.shelter-new#animals #main .animals ul li:nth-child(even) {
  margin-left: 10px;
}

.shelter-new#animals #main .animals ul li a {
  display: block;
}

.shelter-new#animals #main .animals ul li a:link, .shelter-new#animals #main .animals ul li a:hover, .shelter-new#animals #main .animals ul li a:active, .shelter-new#animals #main .animals ul li a:visited {
  color: #000;
}

.shelter-new#animals #main .animals ul li img {
  margin: 0;
  padding: 0;
  width: 40%;
  vertical-align: bottom;
  float: left;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.shelter-new#animals #main .animals ul li p {
  color: #000;
  width: 50%;
  margin: 0 0 0 .5em;
  float: left;
  font-size: 2em;
}

.shelter-new#animals #main .animal p {
  width: 100%;
  margin: 1em 0;
  padding: 0;
  display: inline-block;
}

.shelter-new#animals #main .animal p.text img {
  width: 200px;
}

.shelter-new#animals #main .animal p.left img {
  float: left;
  margin-right: 1em;
}

.shelter-new#animals #main .animal p.right img {
  float: right;
  margin-left: 1em;
}

.shelter-new#animals #main .animal p.skill {
  height: 64px;
  background: url(http://www.lifeboat.or.jp/shelter/images/animals-skill.png) no-repeat;
  background-size: contain;
  display: flex;
  align-items: center;
}

.shelter-new#animals #main .animal p.skill span {
  display: block;
  margin-left: 80px;
  position: absolute;
  font-size: 25px;
}

.future-2024 .topic_path {
  margin: 10px 20px;
  font-size: small;
}

.future-2024 #contents {
  padding: 0 20px;
}

.future-2024 #contents p {
  font-size: larger;
  line-height: 2.0em;
  margin: 1.5em 0;
}

.future-2024 #contents p.comment {
  font-size: small;
  line-height: 1.5em;
}

.future-2024 #contents p.continue {
  text-align: right;
}

.future-2024 #contents ul.pagemenu {
  margin: 20px;
  font-size: small;
  list-style-type: none;
}

.future-2024 #contents ul.pagemenu li {
  display: inline;
  margin-right: 2em;
}

.future-2024 #contents hr {
  height: 0px;
  border: 0;
  border-top: 1px dashed #888;
}

.staff .note {
  font-size: 16px;
  font-weight: normal;
  color: green;
}

.staff .contact {
  border-radius: 10px;
  margin: 0 50px;
  padding: 50px;
  background-color: #DDD;
}

.staff .contact div a {
  font-size: 24px;
  text-decoration: none;
  color: #009A2F;
}

.staff .to-application {
  text-align: center;
}

.recruit table.status {
  border-collapse: collapse;
}

.recruit table.status th {
  color: #FFFFFF;
  background-color: #4E7097;
}

.recruit table.status th, .recruit table.status td {
  border: 1px solid #888;
}

.recruit .to-application {
  text-align: center;
}

.recruit .midcareer-flow {
  width: 570px;
  height: 136px;
  background: url(../images/staff-midcareer-flow.png);
}

.recruit .newgrad-flow {
  width: 720px;
  height: 136px;
  background: url(../images/staff-newgrad-flow.png);
}

#contact .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 3em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat;
}

.contact#qa ul.qa-list li {
  list-style-type: none;
}

.contact#qa ul.qa-list li .q {
  margin-bottom: .5em;
}

.contact#qa ul.qa-list li .q span {
  color: #F45360;
  font-size: 18px;
  font-weight: bold;
  padding-right: .5em;
}

.contact#qa ul.qa-list li .a {
  margin-left: 1.5em;
  margin-top: .5em;
}

.contact#qa ul.qa-list li .a span {
  color: #00BDFE;
  font-size: 18px;
  font-weight: bold;
  padding-right: .5em;
}

.contact .menkai-flow {
  text-align: center;
  width: 760px;
  height: 16px;
  margin-bottom: 1em;
  padding-top: 200px;
  background: url(../images/menkai-flow-wide.png) no-repeat;
}

/* Landing page */
.entrance h1 {
  color: black;
  background-image: none;
  margin: 1em 0 .5em 0;
  padding: 0;
}

.entrance #animals img {
  vertical-align: bottom;
}

.entrance #animals-left {
  width: 380px;
  float: left;
}

.entrance #animals-right {
  width: 380px;
  float: right;
}

.entrance #point-left {
  width: 370px;
  margin-right: 10px;
  float: left;
}

.entrance #point-left h2 {
  border: none;
  color: #E55;
  background-color: #FDD;
  border-radius: 10px;
  padding: .5em;
}

.entrance #point-right {
  width: 370px;
  margin-left: 10px;
  float: right;
}

.entrance #point-right h2 {
  border: none;
  color: #090;
  background-color: #DFD;
  border-radius: 10px;
  padding: .5em;
}

.entrance #satooya {
  line-height: 0;
}

.entrance #to-index {
  margin: 2em 0;
}

.entrance #to-index p {
  text-align: center;
}

.entrance #to-index #button {
  border: 2px solid #E57611;
  color: #FFCC66;
  background-color: #FFD583;
  font-size: x-large;
  text-align: center;
  margin: 1em auto;
  padding: .5em;
  width: 12em;
}

/* for Calendar Banner */
#calendar .banner {
  display: block;
  width: 728px;
  height: 90px;
  background: url(../cooperation/images/calendar-banner-2016e.jpg) no-repeat;
}

#calendar .banner-compact {
  display: block;
  width: 200px;
  height: 133px;
  background: url(../cooperation/images/calendar-banner-2016f.jpg) no-repeat;
  background-size: contain;
}

/* for clipmail cgi */
#clipmail {
  width: 600px;
  background-color: #FFF;
}

#clipmail h1 {
  margin: 1em 0 1em 0;
  padding: 0;
  background: none;
  border-bottom: 2px #00A solid;
}

#clipmail table.form {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #555 collapse;
}

#clipmail table.form th {
  background-color: #BAD4FD;
}

#clipmail .buttons {
  margin: 0;
  padding: 1em 0;
  border-bottom: 1px dotted #DDD;
}

#clipmail .buttons input {
  display: block;
  margin: 0 auto;
  padding: .5em 1em;
  font-size: 16px;
}

#clipmail .buttons .button {
  margin: 1em 0 0 0;
  text-align: center;
}

#clipmail .copyright {
  font-size: 16px;
  text-align: center;
}

#volunteer-schedule {
  /* Googleカレンダー設置用 */
  /* jQuery Mobile上書き */
}

#volunteer-schedule h3 {
  font-size: 20px;
  color: #00C;
}

#volunteer-schedule em {
  font-style: normal;
  font-weight: bold;
  color: red;
}

#volunteer-schedule ul {
  margin: 1em 1em 1em -.5em;
}

#volunteer-schedule table {
  width: 100%;
  border: 1px solid #CCC;
  border-collapse: collapse;
}

#volunteer-schedule table td {
  border-right: 1px solid #CCC;
}

#volunteer-schedule table img {
  width: 3em;
}

#volunteer-schedule .thanks {
  color: red;
  font-style: normal;
}

#volunteer-schedule #calendar {
  max-width: 800px;
  min-width: 300px;
}

#volunteer-schedule #calendar .body {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

#volunteer-schedule #calendar .body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#volunteer-schedule .ui-li-static img {
  position: absolute;
  top: 0;
  max-width: 80px;
  max-height: 80px;
}

#volunteer-schedule .ui-li-static img:nth-child(2) {
  left: 81px;
}

#volunteer-schedule .ui-li-static img:nth-child(3) {
  left: 161px;
}

#volunteer-schedule .ui-li-static div {
  float: right;
  width: 150px;
}

#baby-cats #container #main h1 {
  background: none;
  margin: 0;
  padding: .5em 0 .5em .5em;
}

#baby-cats #container #main ol.index {
  height: 260px;
  margin: 0;
  padding: 3em 0 3em 0;
}

#baby-cats #container #main ol.index li {
  margin: 5px;
  padding: 0;
  width: 240px;
  height: 80px;
  float: left;
  color: #4B1700;
  list-style-type: none;
}

#baby-cats #container #main ol.index li a {
  display: table-cell;
  vertical-align: middle;
  width: 240px;
  height: 80px;
  margin: 0;
  padding: 0 1em;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  background-color: #FFF;
  border-radius: 5em;
  border: 1px solid #AAA;
  box-shadow: 1px 1px 2px #444;
}

#baby-cats #container #main ol.index li a:hover, #baby-cats #container #main ol.index li a:active {
  background-color: #FFECCE;
}

#baby-cats #container #main ol.index li:nth-child(1) a:before {
  content: "0. ";
}

#baby-cats #container #main ol.index li:nth-child(2) a:before {
  content: "1. ";
}

#baby-cats #container #main ol.index li:nth-child(3) a:before {
  content: "2. ";
}

#baby-cats #container #main ol.index li:nth-child(4) a:before {
  content: "3. ";
}

#baby-cats #container #main ol.index li:nth-child(5) a:before {
  content: "4. ";
}

#baby-cats #container #main ol.index li:nth-child(6) a:before {
  content: "5. ";
}

#baby-cats #container #main ol.index li:nth-child(7) a:before {
  content: "6. ";
}

#baby-cats #container #main ol.index li:nth-child(8) a:before {
  content: "7. ";
}

#baby-cats #container #main ol.index li:nth-child(9) a:before {
  content: "8. ";
}

#baby-cats #container #main ol.index li.current-page {
  font-weight: bold;
  color: #FFF;
}

#baby-cats #container #main ol.index li.current-page a {
  color: #FFF;
  background-color: #E76800;
}

#baby-cats #container #main article section h1 {
  background-color: #DDDDE6;
  background: url(../images/h1_bg.png) no-repeat;
  background-position: left;
}

#baby-cats #container #main article section img {
  width: 80%;
}

#baby-cats #container #main article section.column {
  width: 90%;
  margin: 1em 2%;
  padding: 0 2% .5em 2%;
  border-radius: .5em;
  border: 1px solid #0589AE;
}

#baby-cats #container #main ul.topic-path {
  margin-left: 0;
  list-style-type: none;
}

#baby-cats #container #main ul.topic-path li {
  float: left;
  margin-left: .5em;
}

#baby-cats #container #main ul.topic-path li:before {
  content: " > ";
}

#baby-cats #container #main ul.topic-path li:nth-child(1):before {
  content: "";
}

#baby-cats #container #main ul.checklist li {
  font-size: 20px;
  background: url(../images/checkmark.png) no-repeat;
  background-size: contain;
  margin-left: .5em;
  padding-left: 2em;
}

body#mycalendar {
  width: 560px;
  margin: 0 auto;
  padding: 0;
  background-color: #DDD;
}

body#mycalendar * {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

body#mycalendar *:before, body#mycalendar *:after {
  content: "";
}

body#mycalendar p {
  font-size: 14px;
  color: #006700;
}

body#mycalendar #wrapper {
  background-color: #E9FAE9;
}

body#mycalendar #wrapper h1 {
  padding: 1em 20px;
  color: #FFF;
  background-image: none;
  background-color: #006700;
}

body#mycalendar #wrapper h2 {
  border: none;
  color: #006700;
  font-size: 14px;
}

body#mycalendar #wrapper ul {
  margin-left: 2em;
}

body#mycalendar #wrapper ul li {
  color: #006700;
  font-size: 14px;
}

body#mycalendar #wrapper section {
  margin: 1em 0;
  padding: 0 20px;
}

body#mycalendar #wrapper section.error h2 {
  border: none;
  font-size: 24px;
  margin: 1em 0;
}

body#mycalendar #wrapper section.error p {
  margin-bottom: 2em;
}

body#mycalendar #wrapper form {
  margin-top: 0;
}

body#mycalendar #wrapper input {
  height: 2em;
  cursor: pointer;
}

body#mycalendar #wrapper input.submit {
  display: block;
  width: 100%;
  height: 2.5em;
  font-size: 24px;
  margin: 0 auto;
  color: #FFF;
  background-color: #E67E29;
  border: none;
  border-radius: .5em;
  box-shadow: 1px 1px 2px #444;
}

body#mycalendar #wrapper input.activeBtn {
  color: #FFF;
  background-color: #006700;
}

body#mycalendar #wrapper fieldset {
  margin: 1em 0;
  padding: .5em 1em;
  color: #006700;
  background-color: #FFF;
  border: none;
  text-align: center;
  border-radius: .5em;
  box-shadow: 1px 1px 2px #444;
}

body#mycalendar #wrapper fieldset legend {
  color: #006700;
}

body#mycalendar #wrapper fieldset.two-ctrls input, body#mycalendar #wrapper fieldset.two-ctrls select {
  width: 45%;
  height: 2em;
}

body#mycalendar #wrapper fieldset.three-ctrls input, body#mycalendar #wrapper fieldset.three-ctrls select {
  width: 30%;
  height: 2em;
}

body#mycalendar #wrapper fieldset.three-sets {
  width: 25%;
  float: left;
  margin: 0 1% 1em 1%;
}

body#mycalendar #wrapper footer {
  padding: 1em;
  height: 100%;
  color: #FFF;
  background-color: #006700;
  text-align: center;
}

body#mycalendar #wrapper footer a:active, body#mycalendar #wrapper footer a:visited, body#mycalendar #wrapper footer a:link {
  text-decoration: none;
  color: #FFF;
}

body#mycalendar #display {
  margin-left: 30px;
}

body#mycalendar #display #calendarWrapper {
  width: 516px;
  height: 363px;
  position: relative;
}

body#mycalendar #display #calendarWrapper #calendar {
  width: 100%;
  height: 100%;
  border: 1px solid #888;
  background-size: contain !important;
}

body#mycalendar #display #calendarWrapper #calendar #photoWrapper {
  width: 153px;
  height: 153px;
  position: absolute;
  left: 348px;
  top: 40px;
}

body#mycalendar #display #calendarWrapper #calendar #photoWrapper #photo {
  width: 100%;
  height: 100%;
}

body#mycalendar #display #calendarWrapper #calendar #weekNumberWrapper {
  width: 516px;
  height: 363px;
  position: absolute;
  left: 0;
  top: 0;
}

body#mycalendar #display #calendarWrapper #calendar #weekNumberWrapper #weekNumber {
  width: 100%;
  height: 100%;
}

body#mycalendar #backBtn {
  text-align: center;
  margin: 2em 0;
}

body#mishina-akechi h1 {
  padding: 0;
}

body#mishina-akechi h1 img {
  width: 100%;
}

body .page-logo img {
  width: 100%;
}

@media screen and (max-device-width: 640px), screen and (min-resolution: 150dpi) {
  ul.linklist {
    margin-left: 2em;
  }
  ul.linklist li {
    background-size: 2em auto;
    margin-left: -1.5em;
    padding: .5em 0 .5em 2em;
  }
  ul.linklist-middle {
    margin-left: 2em;
  }
  ul.linklist-middle li {
    list-style-type: none;
    background-size: 2em auto;
    background-position-y: .2em;
    margin-left: -1.5em;
    padding: .5em 0 .5em 2em;
  }
  ul.checklist li {
    list-style-type: none;
    background: 0% 0% url(../res/checklist.png) no-repeat;
    margin-left: -20px;
    margin-bottom: .5em;
    padding-left: 20px;
  }
  ul.photos2 {
    width: 100%;
    font-size: 0;
  }
  ul.photos2 li {
    margin: 1em 1%;
    display: inline-block;
    float: none;
    width: 98%;
    vertical-align: top;
  }
  ul.photos2 li p {
    font-size: 16px;
  }
  ul.year-menu li {
    width: 25%;
  }
  ul#jump_to_month {
    padding: 0;
    width: 100%;
  }
  ul#jump_to_month li {
    width: 16%;
    margin: .5em 0;
  }
  * {
    margin: 0;
    padding: 0;
    font-size: 16px;
    word-wrap: break-word;
  }
  body {
    width: 100%;
    font-size: 16px;
  }
  ul, ol {
    margin: 1em;
  }
  form input {
    width: 100%;
  }
  form select {
    width: 100%;
  }
  form textarea {
    width: 100%;
  }
  #header {
    margin: 0;
    padding: 0 !important;
    width: 100%;
    height: auto;
    background-image: none !important;
  }
  #header img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  #header #bubble {
    display: none;
  }
  #footer {
    padding: 0 2%;
  }
  #footer #nav {
    line-height: 2.0;
  }
  .topic_path {
    margin: 0;
    padding: 1em 0;
    font-size: 16px;
  }
  .form {
    width: 100%;
  }
  .form section h2 {
    margin: 0 !important;
  }
  .form section div {
    padding: 0 2%;
  }
  .form .ssl-mark {
    margin-top: 1em;
    width: 100%;
    text-align: right;
    font-size: 10px;
  }
  .form .ssl-mark img {
    width: 50% !important;
    height: auto !important;
  }
  .form .min-field {
    width: 30%;
  }
  .form .mid-field {
    width: 94%;
  }
  .form .max-field {
    width: 94%;
  }
  .form .phone-field {
    width: 60%;
  }
  .form textarea {
    width: 94%;
    height: 3em;
  }
  .form input {
    margin: .5em 0;
    padding: .5em 0 .5em .5em;
  }
  .form input[type=radio] {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
  }
  .form input[type=checkbox] {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
  }
  .form input#submit-button {
    width: 70%;
    height: auto;
  }
  .form select {
    margin: .5em 0;
    padding: .5em 0;
  }
  .form label:after {
    content: "\a";
    white-space: pre;
  }
  .form label.cancel-return:after {
    content: "";
  }
  .form fieldset {
    margin: 1em 0;
    padding: 2%;
  }
  .form fieldset.vertical label {
    width: 100%;
  }
  .form fieldset.columns label {
    width: 100%;
  }
  #main {
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }
  #main h1 {
    margin: .5em 0;
    padding: .2em;
    font-size: 24px;
  }
  #main h2 {
    margin: 1.5em 0 .2em 0;
    padding: .2em 0 .2em 10px;
    font-size: 20px;
  }
  #main h2:after {
    content: "";
    display: block;
    clear: both;
  }
  #main img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
  #main img.right {
    width: 40%;
    height: auto;
    margin-left: 1%;
  }
  #main img.left {
    width: 40%;
    height: auto;
    margin-right: 1%;
  }
  #main table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
  }
  #main table tr th, #main table tr td {
    margin: 0;
    padding: 1em 0;
    white-space: normal;
  }
  #main table tr td {
    padding-left: 1em;
  }
  #main table.jyoutokai td {
    padding: 0;
  }
  #main table.jyoutokai td img {
    width: 100%;
  }
  #main table.jyoutokai th {
    padding: 0;
    white-space: normal;
  }
  #main .column-double {
    margin: .5em 0;
    padding: 2%;
    width: 96%;
    float: none;
  }
  #main .panel-menu li {
    margin: 0;
    padding: 0;
    width: 50%;
    height: auto;
  }
  #main .to-submit {
    padding: 1em 0 2em 0;
  }
  #main .to-submit img {
    width: 80%;
  }
  #fureai #main .to-submit .catch {
    font-size: 24px;
  }
  #fureai #main .to-submit .text {
    font-size: 16px;
    margin: 0;
  }
  #main.volunteer #requirements tr {
    font-size: 0;
  }
  #main.volunteer #requirements tr th, #main.volunteer #requirements tr td {
    display: inline-block;
    width: 100%;
  }
  #main.volunteer #requirements ul {
    margin: 1em .5em 1em 1.5em;
  }
  #main.volunteer #works li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 1% 1em 1%;
    width: 48%;
  }
  #main.volunteer iframe.schedule {
    width: 100%;
  }
  #main.volunteer .to-application {
    margin-bottom: 3em;
  }
  #main.volunteer .to-application img {
    width: 60% !important;
  }
  #main img.pdf {
    width: 1.5em;
    height: auto;
  }
  .timestamp {
    background-color: white;
    margin: 0;
    padding: 2em 1em 0 0;
  }
  .sp-only {
    display: block;
  }
  .adoption .schedule {
    width: 100%;
  }
  .adoption .schedule th:nth-child(4), .adoption .schedule td:nth-child(4) {
    display: none;
  }
  .adoption .schedule * {
    font-size: 14px;
  }
  .adoption #random-animals {
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
    width: 100%;
  }
  .adoption #random-animals #display {
    width: 100%;
  }
  .adoption #random-animals #display img {
    width: 20%;
    height: auto;
  }
  .adoption #random-animals #shuffle-button {
    position: relative;
    font-size: 16px;
    left: 0;
    top: 0;
    margin: .5em 0;
  }
  .adoption #random-animals .btn {
    width: 80%;
    margin: 0 0 1em 0;
  }
  .adoption .satooya-flow {
    width: 100%;
  }
  .adoption .satooya-flow .step {
    padding: 0;
  }
  .adoption .satooya-flow .step h3 {
    margin-left: 1em;
  }
  .adoption .satooya-flow .step ul {
    margin: 0 .5em 1em 1.5em;
    padding-top: 1em;
  }
  .adoption .satooya-flow .option-step {
    padding: 0 0 0 20%;
    background-size: contain;
  }
  .adoption .photo_popups a:hover div {
    display: none;
  }
  .adoption .photo_popups li:nth-child(1) {
    display: none;
  }
  .adoption table.cost tr td:first-child {
    width: 30%;
  }
  .adoption .plane-photos {
    font-size: 0;
  }
  .adoption .plane-photos img {
    width: 50% !important;
  }
  .adoption #cat-top-banner #display img {
    width: 25%;
  }
  .adoption .dog-top-banner #display img {
    width: 25%;
  }
  .adoption .fureai-banner {
    width: 100%;
    margin: 0 auto;
    padding: 1em 0;
  }
  .adoption .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none;
  }
  .adoption .menkai-flow p {
    font-size: 20px;
  }
  .adoption .menkai-belongings {
    text-align: center;
    width: 100%;
    height: auto;
    margin-top: 1em;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-belongings-sp.png) no-repeat;
    background-size: cover;
    background: none;
  }
  .adoption .inhouse tr td {
    padding: 0 !important;
    text-align: center;
  }
  .adoption .inhouse tr td img {
    width: 100%;
  }
  .adoption .inhouse tr.ok td:fist-child {
    width: 30%;
  }
  .adoption .inhouse tr.ok td:last-child {
    width: 40%;
  }
  .adoption .inhouse tr.ng td:first-child {
    width: 40%;
  }
  .adoption .inhouse tr.ng td:last-child {
    width: 30%;
  }
  #dogs .good {
    font-size: 13px;
  }
  #dogs .bad {
    font-size: 13px;
  }
  #dogs .item {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    border: 1px solid #DDD !important;
    font-size: 16px !important;
    width: 32% !important;
  }
  #dogs .item p {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: none;
  }
  #dogs .item p .memo {
    font-size: 13px;
    display: block;
  }
  #dogs .item p.info {
    height: auto !important;
  }
  #dogs .adults .item p .memo {
    display: block;
  }
  #dogs .tokusetsu .item p {
    font-size: 12px;
    height: 7em;
  }
  #dogs section.pickup2 h2 {
    width: 100%;
    height: 3em;
    background: url(../images/dogs-pickup-ribbon-sp.png) no-repeat;
    background-size: contain;
  }
  #dogs section.pickup2 p.category-comment {
    margin-left: 2%;
  }
  #dogs section.pickup2 .animals {
    width: 100%;
  }
  #dogs section.pickup2 .animals .item {
    width: 49% !important;
    margin: 0;
  }
  #dogs section.pickup2 .animals .item .main-photo {
    height: 7.5em;
  }
  #dogs section.pickup2 .animals .item .info {
    height: auto;
    background-image: none;
  }
  #dogs section.pickup2 .animals .item .link img {
    width: 80%;
  }
  #dogs section.pickup2 .adopted {
    width: 100%;
    margin: 0;
  }
  #dogs section.pickup2 .adopted li {
    width: 45%;
    height: 100%;
    background-size: contain !important;
  }
  #dogs section.pickup3 h2 {
    width: 100%;
    height: 3em;
    background: url(../images/dogs-pickup-ribbon-sp.png) no-repeat;
    background-size: contain;
  }
  #dogs section.pickup3 .animals .item .info {
    background-image: none;
  }
  #adog h3 {
    font-size: 16px;
  }
  #adog #media {
    margin-bottom: 2em;
    width: 100%;
    float: none;
  }
  #adog #media #other-photos {
    font-size: 0;
  }
  #adog #media #other-photos img {
    margin: 0;
    width: 50%;
  }
  #adog #media .movie img {
    display: none;
  }
  #adog #media .movie iframe {
    width: 100%;
  }
  #adog #media:after {
    content: "";
    clear: both;
    display: block;
  }
  #adog .back-to-index {
    padding-bottom: 1em;
  }
  #adog #social-buttons {
    height: 2em;
    padding: 0;
  }
  #adog #social-buttons div {
    float: left;
    margin-right: 1em;
  }
  #adog #social-buttons .facebook {
    width: auto;
  }
  #adog #social-buttons .twitter {
    width: auto;
  }
  #adog #social-buttons .google {
    width: auto;
  }
  #adog #information {
    float: none;
    margin: 0;
    width: 100%;
  }
  #adog #information div {
    border: none;
    margin-bottom: 2em;
    padding: 0;
  }
  #adog #information div ul {
    margin-left: 2em;
  }
  #cats .item {
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
    border: 1px solid #DDD !important;
    font-size: 16px !important;
    width: 32% !important;
  }
  #cats .item p {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    border: none;
  }
  #cats .item p .memo {
    font-size: 13px;
    display: block;
  }
  #cats .item p.info {
    height: auto !important;
  }
  #cats .item .link img {
    width: 80%;
  }
  #cats .wakearies .item p .memo {
    display: block;
  }
  #cats .adults .item p .memo {
    display: block;
  }
  #cats .kanekoneko .item p .memo {
    display: block;
  }
  #acat h3 {
    font-size: 16px;
  }
  #acat #left-pane {
    width: 100%;
    float: none;
  }
  #acat #left-pane #first-photo img {
    width: 100%;
  }
  #acat #left-pane ul {
    margin-left: 2em;
  }
  #acat #right-pane {
    width: 100%;
    float: none;
    margin: 0;
  }
  #acat #right-pane #other-photos {
    font-size: 0;
  }
  #acat #right-pane #other-photos img {
    margin: 0;
    width: 50%;
  }
  #acat #right-pane .movie img {
    display: none;
  }
  #acat #right-pane .movie iframe {
    width: 100%;
  }
  #acat .back-to-index {
    padding-bottom: 1em;
  }
  #acat #social-buttons {
    height: 2em;
    padding: 0;
  }
  #acat #social-buttons div {
    float: left;
    margin-right: 1em;
  }
  #acat #social-buttons .facebook {
    width: auto;
  }
  #acat #social-buttons .twitter {
    width: auto;
  }
  #acat #social-buttons .google {
    width: auto;
  }
  #top.top * {
    margin: 0;
    padding: 0;
    font-size: 16px;
  }
  #top.top #top-image {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover;
  }
  #top.top #top-image:after {
    padding-top: 62.5%;
    display: block;
    content: "";
  }
  #top.top #top-image > h1 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
  }
  #top.top .top-image1 {
    background: #cccccc url(../images/top-image-1905am.jpg);
  }
  #top.top .top-image2 {
    background: #cccccc url(../images/top-image-1906bm.jpg);
  }
  #top.top #hotmenu ul li {
    margin: .5em 0;
  }
  #top.top #hotmenu ul li.special {
    background-color: #80DC3C;
    border-left: none;
  }
  #top.top #hotmenu ul li.special a:visited, #top.top #hotmenu ul li.special a:link {
    text-decoration: none;
    color: #000;
  }
  #top.top #social-buttons {
    margin: 0;
    padding: .5em 0;
    width: 100%;
    height: auto;
  }
  #top.top #social-buttons div {
    float: none;
    display: inline-block;
  }
  #top.top #social-buttons div.facebook {
    margin: 0 10% 0 2%;
    padding: 0;
    width: 40%;
    left: 0;
  }
  #top.top #social-buttons div.twitter {
    margin: 0;
    padding: 0;
    width: 40%;
    left: 0;
  }
  #top.top #contents {
    width: 96%;
    float: none;
    margin: 0;
    padding: 0 2%;
  }
  #top.top #contents h1, #top.top #contents h2 {
    margin: 0;
    padding: 0;
    width: 100%;
    background-image: none;
    background-color: #88848E;
  }
  #top.top #contents h1 {
    font-size: 24px;
  }
  #top.top #contents p {
    margin: 0;
    width: 100%;
  }
  #top.top #contents #schedule table {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #top.top #contents #schedule table tr th, #top.top #contents #schedule table tr td {
    padding: 1em 0;
  }
  #top.top #contents #main-nav {
    margin: 1em 0;
  }
  #top.top #contents .panel-nav {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #top.top #contents .panel-nav h1 {
    display: inline-block;
  }
  #top.top #contents .panel-nav li {
    margin: 0;
    padding: 0;
    width: 50%;
    height: auto;
  }
  #top.top #contents .panel-nav li.type2 {
    width: 50%;
  }
  #top.top #contents .panel-nav li.type3 {
    width: 100%;
  }
  #top.top #contents .panel-nav li img {
    width: 100%;
    height: auto;
  }
  #top.top #contents .panel-nav li h1, #top.top #contents .panel-nav li h2 {
    background-color: #F5F5F5;
  }
  #top.top #contents #hotnews {
    margin: 1em 0;
  }
  #top.top #contents #hotnews ul {
    margin: 0;
  }
  #top.top #contents #hotnews ul li h2 {
    background: transparent;
  }
  #top.top #contents #hotnews ul li img {
    margin: 0 0 0 1%;
    width: 30%;
    height: auto;
    float: right;
  }
  #top.top #sidebar {
    width: 96%;
    padding: 0 2%;
    float: none;
  }
  #top.top #sidebar .section {
    margin: 1em 0;
    padding: 0;
  }
  #top.top #sidebar .section h1 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    background-image: none;
    background-color: #CCCCCC;
  }
  #top.top #sidebar .section img {
    width: 100%;
    height: auto;
  }
  #top.top #sidebar .section#news ul {
    width: 100%;
  }
  #top.top #sidebar .section#news .social-icons {
    margin: 0;
  }
  #top.top #sidebar .section#news .social-icons > a > img {
    width: 15%;
    height: auto;
  }
  #top.top #sidebar .section#yahoo img {
    width: 30%;
    height: auto;
    float: left;
    margin-right: 1%;
  }
  #top.top #sidebar .section#mycalendar img {
    width: 80%;
  }
  #top.top #nav {
    margin: 1em 0;
    padding: 0 2%;
  }
  #dog-manual #article {
    margin: 0;
    padding: 0 2%;
  }
  #dog-manual #article h2 {
    margin: 1.5em 0;
    padding: 0 0 0 7%;
    font-size: 20px;
    background-size: 5%;
  }
  #dog-manual #article h3 {
    font-size: 20px;
  }
  #dog-manual #article img {
    width: 100%;
    height: auto;
  }
  #dog-manual #article table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
  #dog-manual #article ul {
    margin: 0;
    padding: 0;
  }
  #dog-manual #article ul li {
    background-size: 10%;
    margin: 1em;
    padding: 0 0 0 10%;
  }
  #dog-manual #article ul.checklist {
    margin-left: 0;
  }
  #dog-manual #article ul.checklist li {
    margin-left: 0;
    padding-left: 2em;
  }
  #dog-manual #article ol {
    margin-left: 0;
  }
  #dog-manual #article.index li {
    padding: 0;
  }
  #dog-manual #article #summary img {
    width: 30%;
  }
  #dog-manual #article #left-pane, #dog-manual #article #right-pane {
    float: none;
    width: 90%;
    margin: 0 0 0 10%;
    padding: 0;
    border: none;
  }
  #dog-manual #article #left-pane ul, #dog-manual #article #right-pane ul {
    margin: 0 0 0 1em;
    padding: 0;
  }
  #dog-manual #article #left-pane li, #dog-manual #article #right-pane li {
    margin: .5em 0;
  }
  #dog-manual #article .photo-right, #dog-manual #article .photo-left {
    padding: 1em 0;
    float: none;
  }
  #dog-manual #article .photo-right img, #dog-manual #article .photo-left img {
    width: 100%;
    height: auto;
  }
  #dog-manual #article .photo-right p, #dog-manual #article .photo-left p {
    width: auto;
    font-size: 16px;
  }
  #dog-manual #article .photo-three {
    width: 100%;
    padding: 1em 0;
    float: none;
  }
  #dog-manual #article .photo-three img {
    width: 100%;
    height: auto;
  }
  #dog-manual #article .photo-three p {
    font-size: 16px;
  }
  #dog-manual #article .column {
    width: 100%;
    margin: 2em 0;
    padding: 0;
    background: none;
  }
  #dog-manual #article .column div {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
  }
  #dog-manual #article .column h3 {
    margin: 0;
    padding: 6% 0 6% 25%;
    background: url(../contents/dog-manual/res/column-bg.jpg) no-repeat 0 50%;
    background-size: 20%;
  }
  #dog-manual #article .ex img {
    margin: 0 2% 0 0;
    width: 15%;
  }
  #dog-manual #article .icon {
    margin: 5% 5% 5% 0;
    padding: 0;
    width: 15%;
  }
  #dog-manual #article .to-ipet a span {
    width: 70%;
    margin: 2em auto 3em auto;
    padding: 1em 2em;
  }
  #baby-cats #check th:nth-child(1) {
    width: 20%;
  }
  #baby-cats #check th:nth-child(2) {
    width: 30%;
  }
  #news #header {
    width: 100%;
    height: auto;
  }
  #news #header img {
    width: 100%;
  }
  #news #main {
    width: 96%;
    margin: 0;
    padding: 0 2%;
  }
  #news #main .topic_path {
    margin: 0;
    padding: 1em 0;
    font-size: 16px;
  }
  #news #main h1 {
    width: auto;
    font-size: 20px;
    margin: .5em 0;
    padding: 0;
    background-color: transparent;
    background-image: none;
  }
  #news #main .entry-body {
    margin-bottom: 3em;
  }
  #news #main .entry-info {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 2%;
  }
  #news #main .entry-info .social-buttons {
    float: none;
    width: auto;
    height: auto;
    margin: 1em 0;
    padding: 0 0 1em 0;
  }
  #news #main .entry-info .social-buttons div {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
  }
  #news #main .entry-info .social-buttons div .google {
    margin-left: 1em;
  }
  #news #main .entry-info .entry-category {
    margin: 1em 0;
    padding: 0;
    float: none;
    clear: both;
  }
  #news #main .entry-info .entry-category .categories {
    margin: 1em 0;
    padding: 0;
    border: none;
    display: block;
  }
  #news #main .entry-info .entry-category .tags {
    margin: 1em 0;
    padding: 0;
    display: block;
  }
  #news #main .entry-info ul.related-entries {
    margin: 0;
    padding: 0;
    list-mark-style: squre;
  }
  #news #main .entry-info ul.related-entries li {
    margin: 0;
    padding: 0;
  }
  #news #main #sidebar {
    width: auto;
    float: none;
  }
  #news #footer {
    padding: 0 2%;
  }
  .jyoutokai #satooya-banner {
    margin: 2em 0 1em 0;
    text-align: center;
  }
  .jyoutokai #satooya-banner img {
    width: 50%;
  }
  .jyoutokai .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none;
  }
  #internship iframe {
    width: 100%;
  }
  #internship #flow img {
    display: none;
  }
  #internship #flow #text {
    display: block;
  }
  #internship #flow #text div {
    width: 95%;
    margin: 0 auto;
    text-align: center;
  }
  #internship #flow #text div.item {
    border: 1px solid #888;
    border-radius: .5em;
  }
  #rescued table.year {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
  #rescued table.year td, #rescued table.year th {
    margin: 0;
    padding: 0;
  }
  #rescued .rescued_sum {
    width: 100%;
  }
  #rescued .center-name {
    display: none;
  }
  #rescued .jump_to_year {
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  #rescued .jump_to_year li {
    margin: .5em 0;
    font-size: 16px;
    width: 25%;
  }
  #rescued .month-graph p {
    font-size: 16px;
  }
  #syuushi-houkoku .syuushi {
    width: 100%;
    border: 0;
  }
  #syuushi-houkoku .syuushi td {
    padding: 1px 5px 1px 5px;
    border: 0;
  }
  .cooperation .pnl-menu li {
    width: 80%;
    float: none;
    margin: 0 auto;
  }
  .cooperation .pnl-menu li p {
    width: 100%;
    margin-left: 0;
  }
  .cooperation#houkoku table.initial {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
  }
  .cooperation#houkoku table.initial td {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
  }
  .cooperation#houkoku table.goods {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .cooperation#shelter table.cost img {
    float: right;
  }
  .cooperation#shelter table.cost tr {
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  .cooperation#shelter table.cost tr td, .cooperation#shelter table.cost tr th {
    display: inline-block;
    border: none;
  }
  .cooperation#shelter table.cost tr td:nth-child(1), .cooperation#shelter table.cost tr th:nth-child(1) {
    width: 69%;
    border-right: 1px dotted #CCC;
    font-weight: bold;
  }
  .cooperation#shelter table.cost tr td:nth-child(2), .cooperation#shelter table.cost tr th:nth-child(2) {
    width: 30%;
  }
  .cooperation#shelter table.cost tr td:nth-child(3), .cooperation#shelter table.cost tr th:nth-child(3) {
    width: 100%;
    border-top: 1px dotted #CCC;
    border-bottom: 1px solid #CCC;
  }
  .cooperation#shelter table.cost tr td:nth-child(3) img, .cooperation#shelter table.cost tr th:nth-child(3) img {
    width: 50%;
  }
  .cooperation#shelter section#meaning img {
    width: 50%;
  }
  .cooperation#kaijyou-bosyuu #ex img {
    margin: 0;
    padding: 0;
    width: 50%;
  }
  .cooperation#volubeit .course-menu a {
    padding: .5em 0;
    width: 100%;
  }
  .cooperation#volubeit .course-menu a img {
    width: 80%;
  }
  .cooperation#projects ul.projects li {
    margin: .5em 0;
    padding: 0;
    float: clear;
    width: 100%;
    height: auto;
  }
  .cooperation#projects ul.projects p {
    margin: .5em 3%;
    font-size: 16px;
  }
  .cooperation#projects ul.projects a {
    font-size: 20px;
  }
  .shelter#top .topic_path {
    margin-left: 1em;
  }
  .shelter#top #image {
    width: 100%;
    height: auto;
    background-size: contain;
  }
  .shelter#top #image:after {
    padding-top: 26.9%;
    display: block;
    content: "";
  }
  .shelter#top #menu {
    margin: 0;
    padding: 1em 0;
  }
  .shelter#top #menu li {
    margin: 0;
    padding: 0;
    width: 32%;
    background: none;
  }
  .shelter#top #menu li h2 {
    font-size: 16px;
    height: 2.5em;
  }
  .shelter#top #menu li p {
    font-size: 16px;
  }
  .shelter#top #menu li:nth-child(2) {
    padding: 0 2%;
  }
  .shelter#top #menu:after {
    display: block;
    clear: both;
    content: "";
  }
  .shelter#day h2 {
    margin: 1em 0 -3em 0;
    padding: 20% 0 0 5%;
    width: 95%;
    height: auto;
    background-size: contain;
  }
  .shelter#day h2:after {
    padding-top: 17%;
    display: block;
    content: "";
  }
  .shelter#day .photos {
    margin: 0;
    padding: 0;
    font-size: 0;
  }
  .shelter#day .photos li {
    width: 32%;
    height: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .shelter#day .photos li img {
    border: none;
  }
  .shelter#day .photos li.large {
    height: auto;
  }
  .shelter#day .photos li p {
    margin: 0;
    padding: 0;
  }
  .shelter#day .photos li:nth-child(2), .shelter#day .photos li:nth-child(5) {
    padding: 0 2%;
  }
  .shelter#day .photos li.large {
    width: 100%;
  }
  .shelter#day #bottom-menu {
    margin: 2em 0 1em 0;
    text-align: center;
  }
  .contents#cat-1st #menu {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .contents#cat-1st #menu h2 {
    margin-top: 0;
  }
  .contents#cat-1st #menu li {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .contents#cat-1st #menu li p {
    font-size: 16px;
    height: auto;
  }
  .contents#cat-1st h2 {
    font-size: 20px;
  }
  .contents#cat-1st table {
    border: none;
  }
  .contents#cat-1st table td ul {
    margin: 0 0 0 2em;
  }
  .contents#cat-1st table#age td, .contents#cat-1st table#age th {
    width: 100%;
    display: inline-block;
  }
  .contents#cat-1st table#goods td {
    width: 100%;
    display: inline-block;
  }
  .contents#cat-1st table#goods td img {
    width: 80%;
  }
  .contents#cat-1st img.graph {
    width: 100%;
  }
  .contents#cat-1st p {
    margin: 1em 0;
    padding: 0;
  }
  .contents#cat-1st .column {
    margin: 1em 0;
    padding: 0;
    width: 100%;
    background: none;
    text-align: left;
  }
  .contents#cat-1st .column > div {
    padding: .5em;
  }
  .contents#cat-1st .column h3 {
    margin: 0;
    font-size: 16px;
  }
  .contents#cat-1st .column p {
    margin: 0;
    padding: 0;
    font-size: 16px;
  }
  .contents#cat-1st .photobox {
    width: 46%;
    margin: 0;
    padding: 0 2%;
  }
  .contents#cat-1st .photobox-right {
    margin: 0 0 0 .5em;
    padding: 0 0 0 .5em;
    width: 45%;
    border-left: 1px dotted #DDD;
  }
  .contents#cat-1st #katazuke .photobox {
    padding: 0;
    width: 40%;
  }
  .contents#cat-1st #katazuke > img {
    width: 15%;
  }
  #sitemap ul li {
    line-height: 2.0;
  }
  #policy address {
    text-align: right;
  }
  #policy #article {
    padding: 0;
  }
  #policy #article #first {
    padding: 0 .5em;
  }
  .vet#top #first {
    margin: 1em 0;
    padding: 0;
  }
  .vet#top #contents {
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
  }
  .vet#top #navigation {
    margin: 2em 0 0 0;
    padding: 0;
    width: 100%;
    float: none;
  }
  .vet#top #navigation h2 {
    font-size: 20px;
  }
  .vet#top #navigation ul {
    margin: 0;
  }
  .vet#top #navigation ul li {
    margin: 1em 0;
    padding: 0 0 0 2em;
    font-size: 16px;
    background-size: contain;
  }
  .vet .to-application {
    margin: 2em 0;
  }
  .vet .to-application img {
    width: 60% !important;
  }
  .vet .contact {
    margin: 1em 0;
    padding: 0;
    word-wrap: break-word;
  }
  .vet .form #month, .vet .form #date {
    display: inline-block;
    width: 30%;
  }
  .vet .form #month select, .vet .form #date select {
    width: 80%;
  }
  .vet .form .animal .kind, .vet .form .animal .sex {
    width: 90%;
  }
  .vet .form .animal .kind label:after, .vet .form .animal .sex label:after {
    content: "";
  }
  .vet iframe {
    width: 100%;
  }
  .bbs#top .to-bbs {
    margin: 0 0 2em 0;
  }
  .bbs#top .to-bbs img {
    width: 80%;
  }
  .basic-dog-training .index {
    width: 100%;
    margin: 0 0 2em 0;
    padding: 0;
  }
  .basic-dog-training .index li {
    float: none;
    text-align: center;
    width: 99%;
    margin: 0;
    padding: 0;
    border: 1px solid #888;
    border-radius: .5em;
  }
  .basic-dog-training .index li a {
    display: block;
    padding: 1em 0;
  }
  .basic-dog-training img.overflow {
    margin: 0;
  }
  .basic-dog-training .navigation {
    padding-top: 1em;
  }
  .basic-dog-training .step {
    height: auto;
    display: block;
  }
  .basic-dog-training .step:after {
    display: block;
    clear: both;
    content: "";
  }
  .basic-dog-training .one-point-advice {
    margin: 0;
    padding: .5em;
    border: 1px solid pink;
  }
  .shelter-new .topic_path {
    margin: 0 1em;
    padding: 1em 0;
  }
  .shelter-new #map {
    width: 100%;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .shelter-new #map #body {
    width: 100%;
    height: auto;
    float: none;
    position: normal;
  }
  .shelter-new #map #body:after {
    padding-top: 39.5%;
    content: "";
    display: block;
  }
  .shelter-new #map #menu {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .shelter-new #map #menu .item {
    width: 50%;
    height: auto;
    border: 0;
    float: left;
  }
  .shelter-new #map #menu .item img {
    vertical-align: bottom;
  }
  .shelter-new #map #display {
    margin: 0;
    padding: 0 0 0 1.3%;
    width: 100%;
    height: auto;
    top: 0;
  }
  .shelter-new #map #display #photo {
    width: 20%;
    margin: 0;
    padding: 2% 0 0 3%;
  }
  .shelter-new #map #display #text {
    display: none;
  }
  .shelter-new #map #submenu {
    display: none;
  }
  .shelter-new #map .star {
    display: none;
  }
  .shelter-new #bottom-menu {
    margin: 1em auto;
    padding: 0;
    width: 80%;
  }
  .shelter-new #bottom-menu a {
    display: block;
    padding: 1em 0;
  }
  .shelter-new#shelters h1 {
    margin: 0;
    padding: 0;
  }
  .shelter-new#shelters h1 img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .shelter-new#shelters .page-item {
    margin: 0;
    padding: 40px 0 0 0;
    width: 100%;
    float: none;
    background-size: cover;
    text-align: center;
  }
  .shelter-new#shelters .page-item img {
    margin: 0;
    padding: 0;
    width: 80%;
  }
  .shelter-new#shelters .page-item p {
    font-size: 16px;
    margin: 0;
    padding: 1em 10% 40px 10%;
    background-size: cover;
  }
  .shelter-new#day .tasks ul.task-items {
    margin: 0;
  }
  .shelter-new#day .tasks ul.task-items li {
    width: 48%;
    margin: 0 2% 1em 0 !important;
  }
  .shelter-new#day .tasks ul.task-items li:nth-child(2n) {
    margin-right: 0;
  }
  .shelter-new#day .flow table {
    width: 100%;
  }
  .shelter-new#animals #main .animals ul li {
    width: 100%;
  }
  .shelter-new#animals #main .animals ul li:nth-child(even) {
    margin-left: 0;
  }
  .shelter-new#animals #main .animal p {
    width: 100%;
    margin: 1em 0;
  }
  .shelter-new#animals #main .animal p.text img {
    width: 40%;
  }
  .shelter-new#animals #main .animal p.skill {
    width: 100%;
    height: auto;
    margin: 2em 0 4em 0;
    position: relative;
    background: url(http://www.lifeboat.or.jp/shelter/images/animals-skill.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
  }
  .shelter-new#animals #main .animal p.skill:after {
    padding-top: 15%;
    display: block;
    content: "";
  }
  .shelter-new#animals #main .animal p.skill span {
    display: block;
    margin-left: 20%;
    position: absolute;
    font-size: 25px;
  }
  .future-2024 .topic_path {
    margin: 0;
    font-size: 16px;
  }
  .future-2024 #contents {
    padding: 0 2%;
  }
  .future-2024 #contents p {
    font-size: 16px;
  }
  .future-2024 #contents p.comment {
    font-size: 16px;
  }
  .future-2024 #contents ul.pagemenu {
    margin: 0;
    font-size: 16px;
  }
  .future-2024 #contents ul.pagemenu li {
    margin: 0;
  }
  .staff .steps {
    margin: 1em 0;
  }
  .staff .steps li {
    margin: 0;
  }
  .staff .contact {
    margin: 1em 5%;
    padding: 1em 5%;
  }
  .staff .to-application {
    padding-top: 2em;
  }
  .staff .to-application img {
    width: 60% !important;
  }
  .recruit table.status th, .recruit table.status td {
    float: left;
    width: 90%;
    padding: 5% !important;
  }
  .recruit .midcareer-flow {
    width: 100%;
    height: auto;
    background: none;
  }
  .recruit .midcareer-flow img {
    width: 100%;
  }
  .recruit .newgrad-flow {
    width: 100%;
    height: auto;
    background: none;
  }
  .recruit .newgrad-flow img {
    width: 100%;
  }
  .recruit .to-application {
    padding: 2em 0;
  }
  .recruit .to-application img {
    width: 60% !important;
  }
  #contact .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
    padding-top: 0;
    background: url(../images/menkai-flow-sp.png) no-repeat;
    background-size: cover;
    background: none;
  }
  #contact .menkai-flow p {
    font-size: 20px;
  }
  .contact .menkai-flow {
    text-align: center;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    padding-top: 0;
    background-size: cover;
    background: none;
  }
  /* for Calendar Banner */
  #calendar {
    position: relative;
    widht: 100%;
  }
  #calendar:before {
    content: "";
    display: block;
    padding-top: 67%;
  }
  #calendar .banner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    background: url(../cooperation/images/calendar-banner-2016f.jpg) no-repeat;
    background-size: contain;
  }
  /* for clipmail cgi */
  #clipmail {
    width: 90%;
  }
  #clipmail table.form td {
    word-break: break-all;
  }
  #clipmail .buttons {
    padding: 2em 0;
  }
  #clipmail .buttons input {
    padding: 1em 0;
  }
  #clipmail .buttons .button {
    margin: 2em 0 0 0;
  }
  #baby-cats #container #main {
    width: 100%;
    margin: 0;
    padding: 0 0 1em 0;
    background-color: #DDD;
  }
  #baby-cats #container #main h1 {
    margin: 0;
    padding: 0;
  }
  #baby-cats #container #main article {
    width: 96%;
    margin: 1em 2%;
    padding: 0 0 1em 0;
    background-color: #FFF;
    border-radius: .5em;
  }
  #baby-cats #container #main article h2 {
    margin: 0;
    padding: 1em;
    border: none;
    color: #FFF;
    background-color: #E76800;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
  }
  #baby-cats #container #main article section {
    padding: 0 1em;
  }
  #baby-cats #container #main article section h3 {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
  }
  #baby-cats #container #main article section h3:before {
    content: "◆";
  }
  #baby-cats #container #main article section p {
    width: 100%;
  }
  #baby-cats #container #main article section img {
    width: 100%;
  }
  #baby-cats #container #main article section table {
    margin: 1em 0;
  }
  #baby-cats #container #main article section table td {
    padding-left: 1em;
  }
  #baby-cats #container #main article section section {
    margin: 0;
    padding: 0;
  }
  #baby-cats #container #main article section.column {
    width: 90%;
    margin: 1em 2%;
    padding: 0 2% .5em 2%;
    border-radius: .5em;
    border: 1px solid #0589AE;
  }
  #baby-cats #container #main article#prologue {
    padding: .5em 0;
  }
  #baby-cats #container #main article#prologue h1 {
    color: #000;
    font-weight: bold;
    margin-top: .5em;
  }
  #baby-cats #container #main ul.topic-path {
    margin: 0;
    padding: 0;
    color: #FFF;
    background: #4B1700;
  }
  #baby-cats #container #main ul.topic-path li {
    margin: 0;
    padding: 1em 1em 1em 2em;
    list-style-type: none;
    float: left;
    background: 0% 0% url(../images/baby-cats-topicpath.png) no-repeat #4B1700;
    background-size: contain;
  }
  #baby-cats #container #main ul.topic-path li:before {
    content: "";
  }
  #baby-cats #container #main ul.topic-path li:first-child {
    background-image: none;
    padding: 1em;
  }
  #baby-cats #container #main ul.topic-path li a {
    display: block;
    text-decoration: none;
  }
  #baby-cats #container #main ul.topic-path li a:visited, #baby-cats #container #main ul.topic-path li a:hover, #baby-cats #container #main ul.topic-path li a:link {
    color: #FFF;
  }
  #baby-cats #container #main ul.q-and-a li {
    margin: 1em 0;
  }
  #baby-cats #container #main ul.q-and-a li ul li {
    margin: 0;
  }
  #baby-cats #container #main ul.checklist li {
    font-size: 20px;
    background: url(../images/checkmark.png) no-repeat;
    background-size: contain;
    margin-left: .5em;
    padding-left: 2em;
  }
  #baby-cats #container #main ol.index {
    height: auto;
    border-radius: .5em;
    margin: 1em 2%;
    padding: .25em .5em;
    background-color: #FFF;
  }
  #baby-cats #container #main ol.index li {
    width: auto;
    height: auto;
    float: none;
    color: #4B1700;
    list-style-position: inside;
    margin: .5em 0;
    padding: 0;
  }
  #baby-cats #container #main ol.index li a {
    width: auto;
    height: auto;
    display: block;
    text-decoration: none;
    font-size: 16px;
    margin: 0;
    padding: 1em;
    color: #000;
    background-color: #F9CC9D;
    border: none;
    border-radius: .5em;
    box-shadow: none;
  }
  #baby-cats #container #main ol.index li.current-page {
    font-weight: bold;
    color: #FFF;
  }
  #baby-cats #container #main ol.index li.current-page a {
    color: #FFF;
    background-color: #E76800;
  }
  body#mycalendar {
    width: 100%;
  }
  body#mycalendar #wrapper h1 {
    padding: 1em;
  }
  body#mycalendar #wrapper img {
    width: 100%;
  }
  body#mycalendar #wrapper fieldset.two-ctrls {
    width: auto;
  }
  body#mycalendar #wrapper fieldset.three-ctrls {
    width: auto;
  }
  body#mycalendar #wrapper fieldset.three-sets {
    width: 91%;
    clear: both;
    margin: 0 0 1em 0;
  }
  body#mycalendar #wrapper #display {
    margin-left: 0;
  }
  body#mycalendar #wrapper #display #calendarWrapper {
    position: relative;
    width: 100%;
    height: auto;
  }
  body#mycalendar #wrapper #display #calendarWrapper:before {
    content: '';
    display: block;
    padding-top: 70%;
  }
  body#mycalendar #wrapper #display #calendarWrapper #calendar {
    border: none;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  body#mycalendar #wrapper #display #calendarWrapper #calendar #photoWrapper {
    width: 30%;
    height: 42%;
    left: 67%;
    top: 11%;
  }
  body#mycalendar #wrapper #display #calendarWrapper #calendar #photoWrapper #photo {
    width: 100%;
    height: 100%;
  }
  body#mycalendar #wrapper #display #calendarWrapper #calendar #weekNumberWrapper {
    width: 100%;
    height: 100%;
  }
}