@charset "UTF-8";
@import "/_themes/share/css/init.css";

/* -----------------------------------
google search
----------------------------------- */
#search{
	display: inline;
	margin-left: 8px;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0!important;
	margin:0!important;
	width: 190px!important;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
	width: 190px!important;
}
table.gsc-search-box td.gsc-input {
	padding-right: 5px!important;
}
.cse form.gsc-search-box, form.gsc-search-box {
	padding: 0!important;
	margin-bottom: 0!important;
}
table.gsc-search-box{
	margin:0!important;
}
input.gsc-input {
	font-size: 14px!important;
	padding: 1px!important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
	font-size: 12px!important;
	padding: 0 5px!important;
	height: 20px!important;
	min-width: 40px!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#868686),to(#6e6e6e))!important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
	padding: 6px 5px!important;
}

/* -----------------------------------
accessibilityTool
----------------------------------- */
#accessibilityTool .pieceBody {
	font-size: 90%;
}

/* -----------------------------------
block-skip
----------------------------------- */
#nocssread {
	float: left;
}
#nocssread a {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
#nocssread a:focus,
#nocssread a.show {
	width: auto;
	height: auto;
	padding: 0 10px;
	background-color: #f2cfd8;
}
/* -----------------------------------
tools
----------------------------------- */
#accessibilityTool .pieceBody ul {
	float: right;
	margin:0;
}
#accessibilityTool .pieceBody li ul {
	float: none;
}
#accessibilityTool .pieceBody ul,
#accessibilityTool .pieceBody li {
	display: inline;
}
#accessibilityTool .pieceBody li {
	margin-left: .5em;
	padding: 2px 0 2px .5em;
	border-left: 1px dotted #333;
	vertical-align: middle;
}
#accessibilityTool .pieceBody li:first-child,
#accessibilityTool .pieceBody li li {
	margin-left: 0;
	padding: 0;
	border-left: none;
}
#accessibilityTool .pieceBody a {
	color: #000;
	text-decoration: none;
}
#accessibilityTool .pieceBody a:focus,
#accessibilityTool .pieceBody a:hover {
	color: #CF7108;
}
#accessibilityTool .pieceBody li li a {
	display: inline-block;
	padding: 4px 4px 3px 4px;
	border: 1px solid #c4c5c5;
	background-color: #fdfdfd;
	font-size: 110%;
	line-height: 1;
	border-radius: 8px;
}
#accessibilityTool .pieceBody li li a:focus,
#accessibilityTool .pieceBody li li a:hover {
	color: #000;
}
#accessibilityTool .pieceBody .fontSize a:focus,
#accessibilityTool .pieceBody .fontSize a:hover {
	background-color: #40A73C;
	color: #FFFFFF;
}
#accessibilityTool .pieceBody .themeColor #themeBlack {
	background-color: #000;
	color: #fff;
}
#accessibilityTool .pieceBody .themeColor #themeBlue {
	background-color: #1745cc;
	color: #fff;
}

/* -----------------------------------
yomiage
----------------------------------- */
#navigationTalkPlayer {
	position: relative;
}
#navigationTalkPlayer object {
	position: absolute;
	top: 70px;
	left: -250px;
}

*html #navigationTalkPlayer object {
	top: 30px;
}

#navigationTalkPlayer:not(\*|*) {
	position: absolute;
}
#navigationTalkPlayer object:not(\*|*) {
	position: relative;
	top: 25px;
	left: 350px;
}
html:first-child #navigationTalkPlayer {
	position: absolute;
}
html:first-child #navigationTalkPlayer object {
	position: relative;
	top: 25px;
	left: 350px;
}
/* -----------------------------------
navigationNotice
----------------------------------- */
#accessibilityTool{
	position: relative;
}
#navigationNotice {
	padding: 3px;
	background-color: #FFECED;
	color: #E10003;
	position: absolute;
	top: 40px;
	right:0;
	z-index: 4;
	margin-left: -50px;
}
/* -----------------------------------
clearfix
----------------------------------- */
#accessibilityTool .pieceContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
#accessibilityTool .pieceContainer {
	zoom: 1;
}

/* -----------------------------------
Responsive Design
----------------------------------- */
@media screen and (max-width: 600px) {
	#accessibilityTool {
		display: none;
	}
}

/* -----------------------------------
feed-back
----------------------------------- */

#gikaiEnq iframe {
margin-top:40px!important;
padding-top:5px;
overflow: hidden;
overflow-y:hidden;
overflow-x:hidden;
}
.surveyForm .body p{
clear:both;
background-color: #f1f1f1;
padding:5px;
margin-bottom:5px;
}
.surveyForm .back{
display:none;
}
.surveyForm {
	font-size: 90%;
}

.surveyForm .questions .question {
margin-left:15px;
margin-bottom:5px;
}
.surveyForm .questions .question .note {
	color: #ff0000;
}
.surveyForm .question .question_content {
}
.surveyForm .questions .question .question_content {
  width: 100%;
  line-height: normal;
  font-weight:bold;

}
.surveyForm .reload, .surveyForm .talk {
}
.surveyForm .field {
	margin-top: 15px;
}
.surveyForm .submit {
	text-align: center;
}
.surveyForm p{
	margin-left:0;
}
.max_length{
	display:block;
}
/* -----------------------------------
calendar
----------------------------------- */

#cal {
	padding: 0;
	text-align:center;
}
#cal .pieceBody h3 {
	margin: 0;
	margin-bottom: 6px;
	border: none;
	text-align: center;
	font-weight: bold;
	font-size: 160%;
	color: #1D1D1D;
}
#cal .pieceBody table {
	width: 100%;
	border: 1px solid #bbb;
}
#cal .pieceBody th, #cal .pieceBody td {
	padding: 2px;
	border: 1px solid #bbb;
	text-align: center;
}
#cal .pieceBody table a {
	margin: 0;
	padding: 0;
	background-image: none;
	background-color: #FFDD00;
	text-decoration: none;
	display: block;
	border-radius: 10px;
}
#cal .pieceBody .sat {
	background-color: #dff6fe;
	color: #3366ff;
}
#cal .pieceBody .sun {
	background-color: #ffe6f1;
	color: #ee0000;
}
#cal .pieceBody table .prevMonth,
#cal .pieceBody table .nextMonth {
	color: #cccccc;
}
#cal .pieceBody .pagination {
	margin-top: 10px;
}
#cal .pieceBody .pagination a {
	padding: 0;
}
#eventType .pieceBody {
	border-bottom: 2px solid #cccccc;
}
#eventType .pieceBody li {
	float: left;
	width: 25%;
	margin-right: 10px;
}
#eventType .pieceBody li a {
	display:block;
	padding: 10px 0;
	border-radius: 5px 5px 0 0; /*	IE-CSS3 */
	 -moz-border-radius: 5px 5px 0 0; /* Firefox */
	 -webkit-border-radius: 5px 5px 0 0; /* Safari and Chrome */
	background-color: #ebebeb;
}
#eventType .pieceBody li a:hover {
	background-color: #cccccc;
}
.calendarEvents table{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	margin:0 15px 1em;
	font-size: 90%;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
.calendarEvents table th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding: 5px;
	color: #333;
	background-color: #e6e6e6;
	line-height: 120%;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
.calendarEvents table td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding: 5px;
	line-height: 120%;
	background-color: #FFFFFF;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
@media (max-width: 1200px) {
  .calendarEvents table {
    width: 100% !important;
    max-width: 690px;
  }
}
@media (max-width: 992px) {
  .calendarEvents table {
    border: none !important;
    width: 690px !important;
    display: block;
    margin: 0 !important;
    margin: 0 auto !important;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 768px) {
  .calendarEvents table {
    border: none !important;
    width: 510px !important;
    display: block;
    margin: 0 !important;
    margin: 0 auto !important;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 576px) {
  .calendarEvents table {
    border: none !important;
    width: 360px !important;
    display: block;
    margin: 0 !important;
    margin: 0 auto !important;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}
.calendarEvents table th, .calendarEvents table td {
  min-width: 100px;
}
@media (max-width: 576px) {
  tbody, thead {
    width: 100%;
  }
}
.pagination{
	text-align:center;
}
.pagination .separator {
	margin: 0 5px;
}
/* =========================================================
   calender
========================================================= */
/* event-calender
----------------------------------------------- */
.calendarEvents h2 {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: 2px solid #008746;
}
.calendarEvents .pagination {
  margin: 20px 0;
}

/* common
------------------------ */
.calendarEvents table {
  width: 95%;
}
.calendarEvents table th {
  background-color: #e5e5e5;
  text-align: center;
}
.calendarEvents table th.sun,
.calendarEvents table td.sun {
  color: #EE0000;
}
.calendarEvents table th.sat,
.calendarEvents table td.sat {
  color: #3366FF;
}
.categoryEvent {
  background-color: #ff00ff;
}
.calendarEvents .category {
  color: #000000;
}
.calendarEvents .category .categoryEvent {
	background-color: #DBF0B3;
	color: #246609;
	border-radius: 5px;
}
.calendarEvents .category .categoryKoza {
  background-color: #ccdddd;
	color: #246609;
	border-radius: 5px;
}
.calendarEvents .category .categoryBunka {
  background-color: #ffffcc;
	color: #246609;
	border-radius: 5px;
}
.calendarEvents .category .categorySports {
  background-color: #ffcc00;
	color: #246609;
	border-radius: 5px;
}

/* ichiran
------------------------ */
.calendarMonthlyEvents th,
.calendarMonthlyEvents td,
.calendarTodayEvents th,
.calendarTodayEvents td {
  padding: 3px;
  border: 1px solid #aaaaaa;
}
.calendarMonthlyEvents th.image,
.calendarTodayEvents th.image {
  width: 140px;
}
.calendarMonthlyEvents th.date,
.calendarTodayEvents th.date {
  width: 50%;
}
.calendarMonthlyEvents table,
.calendarTodayEvents table {
  width: 95%;
}
.calendarMonthlyEvents table th.date,
.calendarTodayEvents table th.date {
  width: 25%;
}
.calendarMonthlyEvents table td,
.calendarTodayEvents table td {
  border-bottom: 1px dotted #aaaaaa;
  vertical-align: middle;
}

.calendarMonthlyEvents table p,
.calendarTodayEvents p {
  margin-bottom: 0;
}
.calendarMonthlyEvents table p.title,
.calendarMonthlyEvents table p.category,
.calendarTodayEvents table p.title,
.calendarTodayEvents table p.category {
  display: inline;
}
.calendarMonthlyEvents table td.image .thumb,
.calendarTodayEvents table td.image .thumb {
  margin-top: 5px;
}
.calendarMonthlyEvents table td.image .thumb:first-child,
.calendarTodayEvents table td.image .thumb:first-child {
  margin-top: 0;
}
.calendarMonthlyEvents table td.image img,
.calendarTodayEvents table td.image img {
  width: 120px;
}

.calendarMonthlyEvents table td.image .noPhoto,
.calendarTodayEvents table td.image .noPhoto {
  width: 120px;
  height: 90px;
  background-color: #cccccc;
}

/* calendar
------------------------ */
.calendarCalendarEvents table th,
.calendarCalendarEvents table td {
  padding: 3px;
  border: 1px solid #aaaaaa;
}
.calendarCalendarEvents table td {
  width: 14%;
  vertical-align: top;
}
.calendarCalendarEvents table td:first-child:before {
  display: block;
  float: left;

  height: 100px;
  content: "";
}
.calendarCalendarEvents table p {
  margin-bottom: 0;
}
.calendarCalendarEvents table span {
	display: block;
  margin-left: 20px;
}
.calendarCalendarEvents table td.prevMonth,
.calendarCalendarEvents table td.nextMonth {
  color: #cccccc;
}
.calendarCalendarEvents table ul {
  list-style: none;
  margin: 0;
}

/* event-type-piece
----------------------------------------------- */
#page-calendar-index #eventType .pieceBody li.type01 a,
#page-eventList-index #eventType .pieceBody li.type02 a,
#page-todaysEvent-index #eventType .pieceBody li.type03 a {
  background-color: #cccccc;
}
.more{
	text-align:right;
	padding-right:15px;
}
.more a{
	padding-left: 15px;
	background-image: url(/_themes/share/image/point-list01.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}


/*--------------------
pan-list
--------------------*/
#panList ol,
#panList li {
  margin: 0;
  list-style: none;
}
#panList li {
  display: inline-block;
}
#panList li:not(:first-child)::before {
  content: ">";
  margin: 0 5px;
}