@charset "UTF-8";

/* =========================================================
   category
========================================================= */

/* category index
----------------------------------------------- */
.contentGpCategoryCategoryType section.categoryType,
#categoryListTop section {
  margin-bottom: 20px;
}
.contentGpCategoryCategoryTypes section h2,
.contentGpCategoryCategoryType section.categoryType h2,
#categoryListTop section h3 {
  margin-bottom: 10px;
  padding: 7px 10px;
  background-color: #e6f4f4;
  font-size: 120%;
  font-weight: bold;
}
#categoryListTop section h3 {
  background-image: none;
  line-height: normal;
}
.contentGpCategoryCategoryType section.categoryType ul,
#categoryListTop section ul {
  margin: 0 0 0 2em;
  list-style-type: disc;
}

/* category docs
----------------------------------------------- */
.docs-title {
  position: relative;
}
.docs-title .header {
  background-image: url(../category/images/tl-shinchaku-bottom.gif);
  background-position: right top;
  background-repeat: no-repeat;
}
.docs-title .header h2 {
  height: 30px;
  margin-bottom: 10px;
  padding: 1px 10px 0px 23px;
  background-image: url(../category/images/tl-shinchaku-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 130%;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
}
.docs-shinchaku {
  margin-bottom: 30px;
}
.docs-category section {
  margin-bottom: 10px;
}
.docs-category section h2 {
  margin-bottom: 10px;
  padding: 0px 5px 0px 22px;
  background-color: #d3f2f2;
  background-image: url(../category/images/tl-classtitle.gif);
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 120%;
  font-weight: bold;
  line-height: 30px;
}
.contentGpCategory ul {
  padding: 0px 5px;
}
.contentGpCategory ul li {
  padding: 0px 0px 5px 8px;
  background-image: url(../category/images/ic-list-shinchaku.gif);
  background-position:left 7px;
  background-repeat: no-repeat;
}
.more {
  padding-right: 10px;
  text-align: right;
}
/* anshin */
body[id^="page-category-bunya-anshin"] .docs-title .header {
  background-image: url(../category/images/tl-shinchaku2-bottom.gif);
}
body[id^="page-category-bunya-anshin"] .docs-title .header h2 {
  background-image: url(../category/images/tl-shinchaku2-top.gif);
}
body[id^="page-category-bunya-anshin"] .docs-shinchaku .header {
  background-image: url(../category/images/tl-shinchaku2-repeat.gif);
}
body[id^="page-category-bunya-anshin"] .docs-shinchaku .header h2 {
  background-image: url(../category/images/tl-shinchaku2.gif);
}
body[id^="page-category-bunya-anshin"] .docs-category section h2 {
 background-color: #ffdce8;
  background-image: url(../category/images/tl-classtitle2.gif);
 }
/*
body[id^="page-category-bunya-anshin"] .contentGpCategory ul li {
  background-image: url(../category/images/ic-list2.gif);
}
*/
/* zokusei bousai */
body[id^="page-category-zokusei-bousai"] .docs-title .header {
  background-image: url(../category/images/tl-shinchaku2-repeat.gif);
}
body[id^="page-category-zokusei-bousai"] .docs-title .header h2 {
  background-image: url(../category/images/tl-shinchaku2.gif);
}


/* feed
----------------------------------------------- */
ul.feed {
  position: absolute;
  top: 8px;
  right: 10px;
}
ul.feed li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
ul.feed li a {
  display: block;
  width: 40px;
  height: 0;
  padding-top: 13px;
  background-repeat: no-repeat;
  overflow: hidden;
}
ul.feed li a.feedRss {
  background-image :url(../category/images/bt-rss.gif);
}
ul.feed li a.feedAtom {
  background-image: url(../category/images/bt-atom.gif);
}

/* pagination
----------------------------------------------- */
#content .pagination {
  margin-top: 30px;
  text-align: center;
}
#content .pagination .separator {
  margin: 0 10px;
}

/* side (yoshinogawa original)
----------------------------------------------- */
body[id^="page-category-bunya-anshin"] #menu .pieceHeader {
  background-color: #ff3f62;
  background-image: url(../category/images/tl-side2.gif);
}
/*
body[id^="page-category-bunya-anshin"] #categoryList .pieceHeader,
body[id^="page-category-bunya-anshin"] #attractInformationAnshin .pieceHeader{
  line-height:25px;
  background-image: url(../category/images/tl-side2-re.gif);
  background-position:center center;
  border-bottom: 2px solid #FF5A88;
}
body[id^="page-category-bunya-anshin"] #categoryList .pieceHeader h2,
body[id^="page-category-bunya-anshin"] #attractInformationAnshin .pieceHeader h2{
  padding:0 5px 0 9px;
  background-image: url(../category/images/tl-side2-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  overflow:hidden;
}
*/
body[id^="page-category-bunya-anshin"] #menu .pieceBody .level1 section h3,
body[id^="page-category-bunya-anshin"] #menu .pieceBody .level2 section h3,
body[id^="page-category-bunya-anshin"] #menu li {
  background-image: url(../category/images/ic-yajirushi2.gif);
}
#attributeList .pieceHeader {
  background-repeat: repeat !important;
}


/* =========================================================
   organization
========================================================= */

/* organization index
----------------------------------------------- */
.contentOrganizationGroups section {
  margin-bottom: 30px;
}
.contentOrganizationGroups section h2 {
  padding: 5px 10px;
  background-color: #65ccc9;
  font-size: 110%;
  font-weight: bold;
}
.contentOrganizationGroups section h2 span.name a {
  color: #fff;
}
.contentOrganizationGroups section h2 span.name a:hover {
  text-decoration: none;
}
.contentOrganizationGroups section h2 span.tel-wrapper,
.contentOrganizationGroups section h2 span.email-wrapper {
  display: none;
}
.contentOrganizationGroups section ul li:nth-child(even) {
  background-color: #faf6dd;
}
.contentOrganizationGroups section ul li > span {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding: 5px 10px;
}
.contentOrganizationGroups section ul li span.name {
  width: 25%;
}
.contentOrganizationGroups section ul li span.email-wrapper {
  width: 30%;
}
.contentOrganizationGroups section ul li span.tel-wrapper {
  width: 20%;
}

/* docs
----------------------------------------------- */
.contentOrganizationGroupDepartment,
.contentOrganizationGroupUnit {
  position: relative;
  margin-bottom: 30px;
}
.contentOrganizationGroupDepartment .articleHeader,
.contentOrganizationGroupUnit .articleHeader {
  background-image: url(../category/images/tl-shinchaku-bottom.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
.contentOrganizationGroupDepartment .articleHeader h2,
.contentOrganizationGroupUnit .articleHeader h2 {
  background-image: url(../category/images/tl-shinchaku-top.gif);
  background-position:left top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  font-size:130%;
  font-weight:bold;
  height:30px;
  line-height:30px;
  margin-bottom:10px;
  padding:0 10px 0 25px;
}
.contentOrganizationGroupDepartment ul,
.contentOrganizationGroupUnit ul {
  padding: 0px 5px;
}
.contentOrganizationGroupDepartment ul li,
.contentOrganizationGroupUnit ul li {
  padding: 0px 0px 5px 10px;
  background-image: url(../category/images/ic-list-shinchaku.gif);
  background-position: left 5px;
  background-repeat: no-repeat;
}
.contentOrganizationGroupUnit ul.feed li {
  padding: 0;
  background: none;
}


/* unitAbout, unitBusiness
----------------------------------------------- */
#unitAbout, #unitBusiness {
  margin-bottom: 30px;
}
#unitAbout .pieceHeader h2, #unitBusiness .pieceHeader h2 {
  margin-bottom: 10px;
  padding: 5px 5px 4px 15px;
  background-color: #e1f5f5;
  font-size: 120%;
  font-weight: bold;
}
#unitAbout .pieceBody, #unitBusiness .pieceBody {
  padding: 0 15px;
}


/* =========================================================
   calender
========================================================= */

/* calendarEvents
----------------------------------------------- */
.calendarEvents h2 {
  margin: 0 0 10px;
  padding: 5px 0 5px 10px;
  background-color: #e1f5f5;
  font-weight: bold;
}
.calendarEvents .upperPagination, .calendarEvents .lowerPagination {
  margin: 10px 0;
  text-align: center;
}
.calendarEvents table {
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #ccc;
}
.calendarEvents table th,
.calendarEvents table td {
  padding: 5px 15px;
  border: 1px solid #ccc;
  background: #fff;
}
.calendarCalendarEvents table th,
.calendarCalendarEvents table td {
  width: 14%;
}
.calendarEvents table th {
  background: #e6e6e6;
  vertical-align: middle;
}
.calendarEvents table td {
  vertical-align: top;
}
.calendarMonthlyEvents table td,
.calendarTodayEvents table td {
  vertical-align: middle;
}
.calendarEvents table td.image {
  width: 130px;
  padding: 5px 0;
  text-align: center;
}
.calendarEvents table .image img {
  max-width: 120px;
  height: auto;
}
.calendarEvents table .event p {
  display: inline;
}
.calendarEvents table .event p.category {
  margin-left: 5px;
}
.calendarEvents table .date .closeDate {
  /*
  display: block;
  */
}
.calendarEvents table .sun,
.calendarEvents table .holiday {
  color: #ff0000;
}
.calendarEvents table .sat {
  color: #3366ff;
}
.calendarCalendarEvents table p.category span {
  display: block;
}

/* pageTitle
----------------------------------------------- */
#page-docs-index #pageTitle,
#page-shisei-docs-index #pageTitle {
  display: none;
}
body[id^="page-docs"] #pageTitle .pieceContainer, body[id^="page-docs"] #pageTitle .pieceBody,
body[id^="page-shisei-docs"] #pageTitle .pieceContainer, body[id^="page-shisei-docs"] #pageTitle .pieceBody {
  border: none;
  background: none;
}
body[id^="page-docs"] #pageTitle .pieceBody h1,
body[id^="page-shisei-docs"] #pageTitle .pieceBody h1 {
  padding: 10px;
  border-top: 1px solid #9ac7c4;
  border-bottom: 1px solid #9ac7c4;
  background-color: #f1faf9;
  background-image: none;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  line-height: auto;
}


/* =========================================================
   docs
========================================================= */

/* contentGpArticleDocs
----------------------------------------------- */
.contentGpArticleDocs {
  position: relative;
}
.contentGpArticleDocs h2.date {
  margin: 0px 0px 5px 0px;
  padding: 5px 0 5px 10px;
  background-color: #f1faf9;
  font-weight: bold;
}
.contentGpArticleDocs ul {
  margin: 0px 0px 25px 7px;
}
.contentGpArticleDocs ul li {
  margin: 0px;
  padding: 0px 0px 5px 8px;
  background-image: url(../doc/images/ic-list-shinchaku.gif);
  background-position: 0px 0.6em;
  background-repeat: no-repeat;
}

/* contentGpArticleDoc
----------------------------------------------- */
.contentGpArticleDoc .date {
  margin: 0;
  padding-right: 10px;
  text-align: right;
}
.contentGpArticleDoc .body,
.contentGpArticleDoc .maps,
.contentGpArticleDoc .rels,
.contentGpArticleDoc .tags {
  margin-bottom: 50px;
  padding: 0 20px;
}
.contentGpArticleDoc .maps h2,
.contentGpArticleDoc .rels h2,
.contentGpArticleDoc .tags h2 {
  margin-bottom: 5px;
  padding: 3px 0px 3px 8px;
  border-left: 4px solid #5cb8b7;
  background-color: #f1f1f1;
  font-weight: bold;
}
.contentGpArticleDoc .rels li {
  padding-left: 8px;
  background-image: url(../doc/images/ic-list-shinchaku.gif);
  background-position: left 7px;
  background-repeat: no-repeat;
}
.contentGpArticleDoc .tags li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin-right: 8px;
}

/* inquiry
----------------------------------------------- */
#content .inquiry {
  clear: both;
  margin: 10px 0px 0px 0px;
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #333;
}
#content .inquiry h2 {
  clear: both;
  margin-bottom: 5px;
  background-image: none;
  border: none;
  font-size: 110%;
  font-weight: bold;
}
#content .inquiry address {
  margin-bottom: 10px;
}
#content .inquiry address div {
  display: inline;
  margin-right: 10px;
}
#content .inquiry address div.section {
  display: block;
  font-weight: bold;
}

/* back-btn
----------------------------------------------- */
.back-btn {
  clear: both;
  margin-top: 20px;
  text-align: center;
}
.back-btn a {
  display: block;
  width: 95px;
  margin: 0px auto;
  padding: 3px 0px;
  border: 1px solid #999999;
  background-color: #ececec;
}
#page-docs-index .back-btn {
  display: none;
}

/* =========================================================
   tag
========================================================= */

/* contentTagTag
----------------------------------------------- */
#page-tag-index #contentBody ul {
  padding: 15px;
  border: 1px solid #ccc;
}
#page-tag-index #contentBody ul li {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#page-tag-index #contentBody ul li:after {
  content: "/";
  margin: 0 5px 0 10px;
}
#page-tag-index #contentBody ul li:last-child:after {
  display: none;
}
.contentTagTag h2 {
  padding: 5px 0px 5px 10px;
  background-color: #65ccc9;
  font-size: 110%;
  font-weight: bold;
}
.contentTagTag ul {
  padding: 10px 5px 5px 5px;
}
.contentTagTag ul li {
  margin: 0px;
  padding: 0px 0px 5px 10px;
  background-image: url(../doc/images/ic-list-shinchaku.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
}

/* =========================================================
   form
========================================================= */

/* surveyForms
----------------------------------------------- */
.surveyForms .form {
  margin-bottom: 20px;
}
.surveyForms .form h2.name {
  margin-bottom: 10px;
  padding: 7px 10px;
  background-color: #B1E4FF;
  font-size: 120%;
  font-weight: bold;
}

/* surveyForm
----------------------------------------------- */
.surveyForm .body {
  margin-bottom: 20px;
}
#new_survey_form_answer {
  font-size: 90%;
}
#new_survey_form_answer .questions .question {
  margin-bottom: 15px;
}
#new_survey_form_answer .questions .question .note {
  color: #ff0000;
}
#new_survey_form_answer .question .question_content {
  margin-bottom: 10px;
  padding: 4px 8px;
  border: none;
  background-color: #F1F1F1;
  border-left: 4px solid #65ccc9;
  font-weight: bold;
}
#new_survey_form_answer .questions .question .answer_content {
  padding-left: 15px;
}
#new_survey_form_answer .reload, #new_survey_form_answer .talk {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #aaa;
}
#new_survey_form_answer .field {
  margin-top: 15px;
}
#new_survey_form_answer .submit {
  margin-top: 20px;
  padding: 10px 0px;
  background-color: #E3F5FF;
  text-align: center;
}
/* error */
#new_survey_form_answer #errorExplanation {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ee0000;
}
#new_survey_form_answer #errorExplanation h2 {
  padding: 7px 0 4px 15px;
  border-radius: 4px;
  background-color: #fff;
  color: #ee0000;
}
#new_survey_form_answer #errorExplanation p {
  margin-left: 15px;
}
#new_survey_form_answer #errorExplanation ul {
  list-style-type: disc;
  margin-left: 30px;
}
#new_survey_form_answer #errorExplanation li {
  color: #ee0000;
}


/* =========================================================
   piece
========================================================= */

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  margin: 7px 0px 0px 0px;
}
#breadCrumbs li:before {
  content: ">";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
#breadCrumbs li:last-child:before {
  content: "";
  display: none;
}
#breadCrumbs li {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-right: 0.25em;
  padding-right: 1em;
}

/* side-list
----------------------------------------------- */
#menu .pieceBody .level1,
#menu .pieceBody .level2,
#links ul,
#menu ul {
  padding: 5px 5px 0px 5px;
  background-color: #FCF7E3;
}
#menu .pieceBody .level1 section h3,
#menu .pieceBody .level2 section h3,
#links li,
#menu li {
  padding: 0px 0px 5px 8px;
  background-color: transparent;
  background-image: url(../piece/images/ic-list.gif);
  background-position: left 4px;
  background-repeat: no-repeat;
  margin-left:0px;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  line-height: inherit;
}

/* calendar
----------------------------------------------- */
#calendar .pieceContainer {
  padding-top: 8px;
  background-image: url(../piece/images/bg-ring.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
#calendar .pieceHeader {
  display: none;
}
#calendar .pieceBody {
  background-image: url(../piece/images/bg-calendar-repeat.gif);
  background-position: left top;
  background-repeat: repeat-y;
}
#calendar .pieceBody table {
  width: 90%;
  margin: 0 auto;
  border-color: #aaa;
  font-size: 90%;
}
#calendar .pieceBody th, #calendar .pieceBody td {
  height: 24px;
  line-height: 24px;
  padding: 0;
  border-color: #aaa;
  font-weight: bold;
  text-align: center;
}
#calendar .pieceBody table a {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
}
#calendar .pieceBody .days .sat,
#calendar .pieceBody .sat a {
  color: #3366ff;
}
#calendar .pieceBody .days .holiday,
#calendar .pieceBody .days .sun,
#calendar .pieceBody table .sun a {
  color: #ff0000;
}
#calendar .pieceBody table .prevMonth,
#calendar .pieceBody table .nextMonth {
  text-indent: -9999px;
}

#calendar .pieceBody .links {
  clear: both;
  padding: 5px 0px 10px 0px;
  background-image: url(../piece/images/bg-calendar-bottom.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 0.9em;
  text-align: center;
}
#calendar .pieceBody .links a.prev_page {
  padding-left: 13px;
  background-image: url(../piece/images/ic-prevmonth.gif);
  background-position: 4% center;
  background-repeat: no-repeat;

}
#calendar .pieceBody .links a.next_page {
  padding-right:13px;
  background-image: url(../piece/images/ic-nextmonth.gif);
  background-position: 96% center;
  background-repeat: no-repeat;
}
/* month */
#calendar .pieceBody h3.month {
  height: 25px;
  padding-bottom: 5px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

/* ad (yoshinogawa original)
----------------------------------------------- */
#adBanner .pieceFooter a {
background-image:url(/_themes/joruri/piece/images/bt-koukokujigyou.gif) !important;
}
#adBanner .pieceFooter a:hover {
background-image:url(/_themes/joruri/piece/images/bt-koukokujigyou.gif) !important;
}


/* Doc Tabs
--------------------------------------------------------- */
/*
#docTab .tabs li.bosai a {
  background-image: url(../piece/images/bg-tab02.gif);
  color: #000000;
}
#docTab .tabs li.bosai.current a {
  background-position: 0px -100px;
  color: #ffffff;
}
#docTab .tabs li.current a,
#docTab .tabs li.current a:hover {
  background-position: 0px -200px;
  color: #ffffff;
}
*/
#docTab .links {
  position: relative;
}
#docTab .links .feed {
  position: relative;
  top: auto;
  right: auto;
  left: 10px;
}


/* =========================================================
   base
========================================================= */

/* Icons.
----------------------------------------------- */
.iconFile, .iconDefault {
  display: inline-block;
  height: auto;
  line-height: 1.2;
  min-height: 16px;
  padding: 0 0 0 22px;
  background-image: url("/_common/images/icons/default.png");
  background-repeat: no-repeat;
}
.iconBmp {
  background-image: url("/_common/images/icons/bmp.png");
}
.iconCsv, .iconTxt {
  background-image: url("/_common/images/icons/default.png");
}
.iconDoc, .iconDocx {
  background-image: url("/_common/images/icons/doc.png");
}
.iconGif {
  background-image: url("/_common/images/icons/gif.png");
}
.iconJpg, .iconJpe, .iconJpeg {
  background-image: url("/_common/images/icons/jpg.png");
}
.iconJtd {
  background-image: url("/_common/images/icons/jtd.png");
}
.iconLzh {
  background-image: url("/_common/images/icons/lzh.png");
}
.iconPdf {
  background-image: url("/_common/images/icons/pdf.png");
}
.iconPng {
  background-image: url("/_common/images/icons/png.png");
}
.iconPpt, .iconPptx {
  background-image: url("/_common/images/icons/ppt.png");
}
.iconXls, .iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}
.iconZip {
  background-image: url("/_common/images/icons/zip.png");
}

/* CKEditor templates
----------------------------------------------- */
.temp1, .temp2, .temp3, .temp4 {
  clear: both;
  margin-bottom: 20px;
}
.temp1 .thumb {
  float: left;
  margin-bottom: 10px;
  margin-right: 20px;
}
.temp1 ul,
.temp1 ol {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
.temp2 .thumb {
  float: right;
  margin-bottom: 10px;
  margin-left: 20px;
}
.temp3, .temp4 {
  text-align: center;
}
.temp3 dl, .temp4 dl {
  display: inline-block;
  margin: 0 5px;
  vertical-align: bottom;
}
.temp3 dl {
  max-width: 48%;
}
.temp4 dl {
  max-width: 31%;
}
.temp3 dl dt, .temp4 dl dt {
  margin-bottom: 10px;
  text-align: center;
}
.temp3 dl dd, .temp4 dl dd {
  text-align: center;
}
table.temp5 {
  width: 100%;
}
.temp7 {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ffaaaa;
  background-color: #fff3f3;
}
.temp7 p {
  margin: 0 0 10px;
}

/* adobeReader download
----------------------------------------------- */
.adobeReader, .temp7 {
  clear: both;
  margin: 10px 0 20px;
  padding: 10px 20px 10px 150px;
  border: 1px solid #ffaaaa;
  background: #fff3f3 url("/_themes/joruri/common/images/adobe_bn.gif") 20px center no-repeat;
}