@charset "utf-8";

/* ***************************************
■コンテンツページスタイル
*************************************** */
/*********各ページタイトル**********/
#page-title .kanko-title {
	background-image:url(../img/page-kankou.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .kentei-title {
	background-image:url(../img/page-kentei.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .about-title {
	background-image:url(../img/page-about.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .support-title {
	background-image:url(../img/page-keiei.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .kyousai-title {
	background-image:url(../img/page-kyousai.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .chiiki-title {
	background-image:url(../img/page-chiiki.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
#page-title .other-title {
	background-image:url(../img/page-other.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size: cover;
	height:170px;
}
/*********各カテゴリートップページ**********/
#page-index {
	padding:30px;
	background-color: rgba(44,53,87,0.1);
	overflow:hidden;
}
#page-index .index-link {
	padding-bottom:20px;
	font-size:16px;
	line-height:40px;
}
#page-index .index-link a {
	padding:20px 30px;
	background-color:#ffffff;
	border:3px solid #ffffff;
	border-radius:5px;
	display:block;
	position:relative;
	-webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}
#page-index .link-title {
	display:inline-block;
	vertical-align:middle;
	line-height:1.3rem;
}
#page-index .index-link a:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d0649e;
	position: absolute;
	top: 45%;
	margin-top: 1px;
	left:10px;
}
#page-index .index-link a:hover {
	border:3px solid #d0649e;
}
/*********共通**********/
#main-content section ,
#main-content_full section {
	padding-bottom:50px;
}
#main-content img {
	max-width:100%;
}
#main-content p ,
#main-content_full p{
	padding-bottom:10px;
	line-height:1.5em;
}
#main-content a {
	color:#d0649e;
}
#main-content .Red {
	color:#C00;
}
#main-content .mini {
	font-size:80%;
	line-height:1.4em;
	padding:0.3em 0;
}
#main-content .cap {
	font-size:90%;
	line-height:1.4em;
	padding:0.5em 0;
}
#main-content .center {
	text-align:center;
}
#main-content .right {
	text-align:right;
}
#main-content strong {
	font-weight:bold;
	font-size:110%;
}
#main-content .indent {
	text-indent: 1em;
}
#main-content table {
	border-collapse: collapse;
	font-size:90%;
	margin:10px 0;
}
#main-content table th {
	background-color:#3e5283;
	color:#ffffff;
	padding:10px 15px;
	border:1px solid #aaaaaa;
	text-align:left;
}
#main-content table td {
	padding:10px 15px;
	border:1px solid #aaaaaa;
	background-color:#ffffff;
}
#main-content table.large-t th ,
#main-content table.large-t td {
	padding:7px;
}
#main-content table td.center {
	text-align: center;
}
#main-content table td.right {
	text-align: right;
}
#main-content table td.rela {
    position:relative;
	background-clip: padding-box;
}
#main-content table span.t-right {
    position:absolute;
    right:0;
	padding-right: 15px;
}
#main-content .link {
	padding:5px 5px 5px 20px;
}
#main-content .link a {
	position:relative;
}
#main-content .link a:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d0649e;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -4px;
}
#main-content .linkfile {
	position:relative;
	padding:5px 0;
	margin-left:20px;
}
#main-content .linkfile:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d0649e;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -4px;
}
#main-content .link a:hover {
	text-decoration:underline;
}
#main-content .linkbutton {
	background-color:#d0649e;
	padding:20px 10px;
	text-align:center;
	color:#ffffff;
	display:block;
	border-radius:5px;
	max-width:300px;
	margin:0 auto;
}
#main-content .linkbutton-b {
	background-color:#d0649e;
	padding:20px 10px;
	text-align:center;
	color:#ffffff;
	display:block;
	border-radius:5px;
	max-width:400px;
	margin:0 auto;
}
#main-content .linkbutton:hover ,
#main-content .linkbutton-b:hover {
	opacity:0.7;
}
#main-content .icon-link::before {
	content: "";
	display: inline-block;
	background: url('../img/icon-link.png')no-repeat;
	width: 19px;
	height: 19px;
	top: 50%;
	left:20px;
	margin-right:5px;
	vertical-align:top;
}
#main-content .arrow-link::before {
	content: "\025b6";
	display: inline-block;
	color:#ffffff;
	margin-right:5px;
	vertical-align:top;
	font-style:normal;
	font-size:10px;
}
#main-content .calendar-link::before {
	content: "";
	display: inline-block;
	background: url('../img/icon-calendar.png')no-repeat;
	width: 40px;
	height: 30px;
	margin-right:15px;
	vertical-align:middle;
}
#main-content .room-link::before {
	content: "";
	display: inline-block;
	background: url('../img/icon-rentalroom.png')no-repeat;
	width: 40px;
	height: 30px;
	margin-right:15px;
	vertical-align:middle;
}
#main-content .box {
	padding:20px;
	background-color: rgba(44,53,87,0.1);
}
#main-content ul.disc {
	margin-bottom:10px;
}
#main-content ul.disc li {
	list-style:square inside;
	padding-bottom:3px;
}
#main-content ul.num {
	margin-bottom:10px;
	margin-left:1.5em;
}
#main-content ul.num li {
	list-style-type: decimal;
	padding-bottom:3px;
}
#main-content ul.kata {
	margin-bottom:10px;
	margin-left:2em;
}
#main-content ul.kata li {
	list-style-type: katakana;
	padding-bottom:3px;
}
#main-content ul.kome {
	margin-bottom:10px;
	margin-left:1em;
}
#main-content ul.kome li {
	list-style-type: '※';
	padding-bottom:3px;
}
#main-content span.kome {
	padding-left: 1em;
    text-indent: -1em;
	display: inline-block;
}
#main-content span.kome::before {
	content: '※';
}
.imgborder {
	border:1px solid #cccccc;
}
img.push:hover {
	opacity:0.7;
}

/*********所報**********/
#syohou img {
	border:1px solid #cccccc;
}
#syohou a img:hover {
	opacity:0.7;
}
#syohou .syohou-link {
	padding:15px;
}
@media screen and (max-width:480px){
#syohou .syohou-link {
	padding:0 0 15px 0;
}
}
/*********検定試験合格者発表**********/
#kentei-goukaku .goukaku {
	padding:20px;
	margin-bottom:20px;
	background-color:#f1f1f1;
}
/*********講習会・セミナーのご案内**********/
#seminar .seminar-link li {
	border-bottom:1px solid #CCC;
	position: relative;	
	padding:7px 0 7px 15px;
}
#seminar .seminar-link li a {
	color:#2c3557;
}
#seminar .seminar-link li a:hover {
	color:#d0649e;
}
#seminar .seminar-link li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d0649e;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
}
#seminar .seminar-link li:last-child {
	border-bottom:none;
}
/*********サイトマップ**********/
#sitemap ul li {
	position: relative;
	padding-bottom:3px;
	padding-left:15px;
}
#sitemap ul li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #d0649e;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
}
#sitemap ul li a {
	color:#2c3557;
}
#sitemap ul li a:hover {
	color:#d0649e;
}
#sitemap .map-link {
	padding-bottom:30px;
}
/*********津山商工会議所の概要**********/
#prof h4.mitshon-title {
	display:inline;
	background-image:url(../img/contents/midashi-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 10px;
}
#prof .mitshon {
	background-color:#f3f3f3;
	border:2px solid #e5e5e5;
	padding:15px;
	margin-bottom:10px;
}
#prof strong {
	font-size:120%;
}
/*********津山商工会議所の取り組み**********/
#torikumi a img:hover {
	opacity:0.7;
}
#torikumi a img {
	border:1px solid #cccccc;
	margin-bottom:10px;
}
/*********経営支援アプリ**********/
#webapp .app-download {
	text-align:center;
	padding-bottom:10px;
}
#webapp .app-download img {
	display:inline-block;
}
#webapp .app-download a img:hover {
	opacity:0.7;
}
#webapp .merit{
	padding-top:30px;
}
#webapp .merit dt {
    clear: left;
    float: left;
}
#webapp .merit dd {
	font-size:18px;
	color:#d0649e;
	padding-bottom:10px;
}
#webapp .merit-num {
	font-size:16px;
	padding:5px;
	margin-right:10px;
	border-radius:5px;
	background-color:#d0649e;
	color:#ffffff;
}
#webapp .merit-sub {
	font-size:15px;
	display:block;
	margin-top:3px;
	margin-left:35px;
	color:#666666;
}
/*********マル経融資**********/
#marukei-info a img {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
#marukei-info a img:hover {
    opacity: 0.7;
}
/*********検定　各種日程一覧**********/
#kentei-list a img {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
#kentei-list a img:hover {
    opacity: 0.7;
}
/*********検定　検定一覧**********/
#kentei .kentei-list {
	display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#kentei .kentei-list li {
	width: 49%;
	margin-bottom: 2%;
	box-sizing: border-box;
	line-height: 50px;
}
#kentei .kentei-list li a {
	display: block;
	height: 100%;
	padding: 15px;
	border-radius: 5px;
	border: 2px solid #d5d7dd;
	color: #333333;
	background-color: rgba(44,53,87,0.03);
	position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	font-size: 16px;
	box-sizing: border-box;
}
#kentei .kentei-list li a:hover {
	border: 2px solid #d0649e;
	background-color: #ffffff;
}
#kentei .link-title {
	color: #d0649e;
	font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3rem;
	position: relative;
	padding: 0 20px;
}
#kentei .link-title:before {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #d0649e;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 5px;
}
#kentei .blanklink {
	position: relative;
}
#kentei .blanklink:after {
    content: '';
	display: inline-block;
    background: url('../img/icon-link_g.png')no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 0;
}
#kentei .link-info {
  display: block;
	border-top: 1px solid #d5d7dd;
	width: 100%;
	padding-top: 15px;
	margin-top: 15px;
    line-height: 1.3rem;
	font-size: 13px;
}
/*********共催・後援申請書**********/
#shinsei a img {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
#shinsei a img:hover {
    opacity: 0.7;
}
/*********採用情報**********/
table#recruit-about {
	width:100%;
	font-size:100%;
}
table#recruit-about th ,
table#recruit-about td {
	padding:10px 0;
	border:none;
}
table#recruit-about th {
	color:#333333;
	background-color:#ffffff;
	width:6em;
	vertical-align:top;
}
/*********乗合タクシー**********/
#noriai a img {
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
#noriai a img:hover {
    opacity: 0.7;
}
#timetable table.time-t {
	border: 1px solid #aaaaaa;
}
#timetable table.time-t tr.even {

}
#timetable table.time-t th {
	word-break: keep-all;
}
#timetable table.time-t td {
	border-top: 1px solid #aaaaaa;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 115%;
	vertical-align: top;
	background-color: transparent;
}
#timetable table.time-t td:nth-of-type(even) {
	background-color: #f7f7f7;
}
#timetable table.time-t td.norikae {
	font-size: 80%;
	border-top:none;
	line-height: 1.5em;
	background-color: #ffffff;
}
#timetable table.time-t td.bg-l {
	background: linear-gradient(90deg, #f7f7f7 0%, #f7f7f7 50%, #ffffff 50%, #ffffff 100%);
}
#timetable table.time-t td.f-l {
	border-top:none;
	background-color: transparent;
}
#timetable table.time-t td.bg-g {
	background-color: #f7f7f7;
}
#timetable table.time-t th ,
#timetable table.time-t td {
	text-align: center;
	padding:7px;
	width: 10%;
}
#timetable table.time-t th.bin {
	width: 5%;
}
#timetable table.time-t th.katsuta ,
#timetable table.time-t td.katsuta {
	width: 15%;
}

span.taxi_katsuta {
	font-weight: bold;
	font-size: 20px;
	color: #C00;
	padding: 20px 0;
}
#noriai-reserve .button-area {
	text-align: left;
	padding-bottom: 20px;
	max-width: 420px;
}
#noriai-reserve h4.reserve-web ,
#noriai-contact h4.reserve-tel {
	color: #d0649e;
	position: relative;
	padding-left: 70px;
	margin-bottom: 30px;
}
#noriai-reserve h4.reserve-web::before {
  content: url("../img/contents/taxi_web.png");
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
#noriai-contact h4.reserve-tel::before {
  content: url("../img/contents/taxi_tel.png");
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
}
#noriai-reserve h5 {
	color: #3e5283;
	margin-bottom: 20px;
	padding-left:1em;
	text-indent:-1em;
}
#noriai-reserve h5::before {
  content: '■';
	padding-right: 2px;
}
#noriai-reserve .box {
	background-color: #f3f3f3;
    border: 2px solid #e5e5e5;
	padding: 25px;
	margin-top: 20px;
}
#noriai-reserve p.taxi-app{
	text-align: center;
	padding-top: 10px;
}
#noriai-reserve .taxi-wester {
	padding-bottom: 50px;
	padding-right: 20px;
}
#reserve-wester {
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    align-items: center;
}
#reserve-wester .wester-text{
	width: 60%;
}
#reserve-wester .wester-img{
	width: 40%;
}
#noriai-contact .katsuta-contact {
color: #3e5283;
	font-size: 16px;
}
#noriai-contact span.tel {
	font-weight: bold;
	padding: 10px 0;
	display: inline-block;
}
#noriai-contact span.katsuta-tel {
	font-size: 30px;
}
#noriai-advance .reserve {
	border: 3px solid #C00;
	padding: 20px;
	margin-bottom: 50px;
}
#noriai-advance h5 {
	text-align: center;
font-size: 20px;
font-weight: bold;
color: #C00;
padding: 10px;
margin-bottom: 20px;
background-color: rgba(228,2,20,0.2);
}

/*********翻訳ページ**********/
#noriai-top .en-button {
	text-align: right;
	padding-bottom: 10px;
}
#noriai-top .en-button a {
	padding: 10px 50px;
	display: inline-block;
	background-color: #d0649e;
	color: #ffffff;
	border-radius: 5px;
	font-size: 16px;
}
#noriai-top .en-button a:hover {
	opacity: 0.7;
}
#main-content .icon-en::before {
	content: "";
	display: inline-block;
	background: url('../img/icon-en.png')no-repeat;
	width: 19px;
	height: 19px;
	top: 50%;
	left:20px;
	margin-right:5px;
	vertical-align:top;
}
#noriai-reserve .noriai-reserve {
	padding-top: 30px;
}
#noriai-reserve .button-area_en {
	text-align: left;
	padding-bottom: 20px;
	width: 80%;
}
#noriai-reserve .linkbutton_en {
  background-color: #d0649e;
  padding: 20px 10px;
  text-align: center;
  color: #ffffff;
  display: block;
  border-radius: 5px;
  margin: 0 auto;
}
#noriai-reserve .linkbutton_en:hover {
	opacity:0.7;
}
#reserve-wester_en {
	margin-bottom: 50px;
	overflow: hidden;
}

/*********会議室空きカレンダー**********/
#main-content_full {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    margin-bottom: 100px;
    box-shadow: 0 0 3px rgba(235,232,231,0.5);
}
#main-content_full ul.num {
    margin-bottom: 10px;
    margin-left: 1.5em;
}
#main-content_full ul.num li {
    list-style-type: decimal;
    padding-bottom: 3px;
}
#main-content_full ul.num li a {
    color: #d0649e;
}
/*********青色申告・記帳**********/
#main-content h5.aoiro {
	padding-top:20px;
	display: inline-block;
	border-bottom: 1px solid #3e5283;
	color: #3e5283;
}
/*********青色申告・記帳**********/
#hokenseido h4 {
	text-align: center;
	color: #333333;
}
.hoken-plan > .button-area {
	margin-top: 10px;
}
#hokenseido .hoken {
	padding-bottom: 30px;
}
#hokenseido .hoken-image {
	display: table-cell;
    vertical-align: middle;
	width: 50%;
	text-align: center;	
}
#hokenseido .nintei-partner {
	padding: 50px 0;
}
#hokenseido .nintei-partner  > .box {
	margin-bottom: 10px;
	color: #3e5283;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4em;
}
#hokenseido .nintei-partner h4 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 19px;
	padding-bottom: 20px;
}
/*********ダウンロード**********/
.download p.memo{
	padding: 15px 0 0 0;
}