@charset "utf-8";

/* ------------------------------------------------------
 content.css
 （コンテンツ内項目設定用CSS）

　目　次
	1.トップページ
	2.下層ページ
------------------------------------------------------ */

/* ------------------------------------------------------
 1.トップページ
------------------------------------------------------ */
/* -------- 全体 -------- */

/* -------- 緊急情報 -------- */

#top-emergency-box {
    max-width:100%;
    margin-bottom:5px;
    font-size:110%;
}
#top-emergency-box p {
    display:block;
    padding:5px;
    border-left:#F00 4px solid;
    border-right:#F00 4px solid;
    text-align:left;
}
#top-emergency-box p:first-of-type {
    background:#F00;
    color:#FFF;
    text-align:center;
}
#top-emergency-box p:only-of-type {
    display:none;
}
#top-emergency-box p:last-of-type {
    border-bottom:#F00 4px solid;
}

/* -------- スライダーと人生の出来事 -------- */

#container #container-inner #container-top {
	clear:both;
	width:100%;
	max-width:970px;
	min-height:300px;
	margin-bottom:10px;
}

/* -------- スライダー -------- */

#container #container-inner #container-top #top-slide {
	float: left;
    width: 100%;
    max-width: 493px;
    min-height: 320px;
    background-color: #C8E7F2;
    margin: 0 auto 10px;
    position: relative;
    border: #0D7DA5 4px solid;
}
#container #container-inner #container-top #top-slide .carousel {
	width:100%;
	margin:20px auto 0;
	text-align: -webkit-center;
	z-index:1;
}
#container #container-inner #container-top #top-slide .carousel li {
	margin:0;
}

#container #container-inner #container-top #top-slide .carousel img {
	max-width:100%;
}
#container #container-inner #container-top #top-slide .carousel .slick-next {
	top:110%;
	right:5px;
	z-index:2;
}
#container #container-inner #container-top #top-slide .carousel .slick-next:before {
    background-image: url(../images/base/btn_next.png);
    background-repeat: no-repeat;
	background-size: contain;
}
#container #container-inner #container-top #top-slide .carousel .slick-prev {
	top:110%;
	left:5px;
	z-index:1;
}
#container #container-inner #container-top #top-slide .carousel .slick-prev:before  {
    background-image: url(../images/base/btn_prev.png);
    background-repeat: no-repeat;
	background-size: contain;
}
#container #container-inner #container-top #top-slide #slider-controll {
	margin:10px;
	z-index:2;
}
#container #container-inner #container-top #top-slide #slider-controll button#btn_start{
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_start.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-top #top-slide #slider-controll button#btn_start:hover{
	opacity: 1;
}
#container #container-inner #container-top #top-slide #slider-controll button#btn_pause {
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_pause.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-top #top-slide #slider-controll button#btn_pause:hover {
	opacity: 1;
}

/* -------- 人生の出来事 -------- */

#container #container-inner #container-top #top-lifeevent {
	float:right;
	border:#0D7DA5 4px solid;
	width:100%;
	max-width:472px;
	min-height:320px;
	margin-bottom:10px;
}
#container #container-inner #container-top #top-lifeevent h2{
    background-color: #0D7DA5;
	color:#FFF;
}
#container #container-inner #container-top #top-lifeevent p.lifeevent-icon{
	width:108px;
	float:left;
	background-color:#C8E7F2;
	margin:4px;
}
#container #container-inner #container-top #top-lifeevent p img{
	margin:0 auto;
}
#container #container-inner #container-top #top-lifeevent p.lifeevent-icon span{
	background-color:#FFF;
	margin:4px 4px;
	padding:4px 0;
	display:block;
}


#container #container-inner #container-top #top-lifeevent a{
	display:block;
}

#container #container-inner #container-top #top-lifeevent a:hover,
#container #container-inner #container-top #top-lifeevent a:focus{
	outline:solid 2px #0D7DA5;
}

/* -------- トピックスバナー -------- */
#container #container-inner #container-topic-banner {
    clear: both;
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: #E6E6E6;
}
#container #container-inner #container-topic-banner ul {display: table; width: 100%; table-layout: fixed;}
#container #container-inner #container-topic-banner ul li {display: table-cell;}
#container #container-inner #container-topic-banner ul li img a {}
#container #container-inner #container-topic-banner ul li p a {}

/* -------- メインコンテンツ -------- */
#container #container-inner #container-medium{
	clear:both;
	width:100%;
	max-width:970px;
}

/* サイドナビ */

#container #container-inner #container-medium #container-medium-side {
	float:left;
	width:100%;
	max-width:235px;
}

#container #container-inner #container-medium #container-medium-side ul.subnavi li{
	    text-align: left;
    padding-left: 1em;
}
#container #container-inner #container-medium #container-medium-side a {
	display:block;
}
#container #container-inner #container-medium #container-medium-side div {
	margin-bottom:10px;
}
#container #container-inner #container-medium #container-medium-side h2 {
	padding:3px 0;
	
}
#container #container-inner #container-medium #container-medium-side ul {
	
}
#container #container-inner #container-medium #container-medium-side li {
	
}
#container #container-inner #container-medium #container-medium-side #anzen-anshin {
	border:#e26f03 4px solid;
	
}
#container #container-inner #container-medium #container-medium-side #anzen-anshin h2 {
	background-color:#e26f03;
	color:#FFF;
}
#container #container-inner #container-medium #container-medium-side #anzen-anshin ul {
	
}
#container #container-inner #container-medium #container-medium-side #anzen-anshin li {
	position:relative;
}
#container #container-inner #container-medium #container-medium-side #anzen-anshin ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #e26f03;
      border-bottom: 2px solid #e26f03;
      transform: rotate(-45deg);
}
#container #container-inner #container-medium #container-medium-side #about-kurume {
	border:#24965d 4px solid;
	
}
#container #container-inner #container-medium #container-medium-side #about-kurume h2 {
	background-color:#24965d;
	color:#FFF;
}
#container #container-inner #container-medium #container-medium-side #about-kurume img {

}
#container #container-inner #container-medium #container-medium-side #about-kurume ul {
	
}
#container #container-inner #container-medium #container-medium-side #about-kurume li {
	position:relative;
}
#container #container-inner #container-medium #container-medium-side #about-kurume ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #24965d;
      border-bottom: 2px solid #24965d;
      transform: rotate(-45deg);
}
#container #container-inner #container-medium #container-medium-side #shichou_banner {
	border:#24965d 4px solid;
	background-color:#C8E7F2;
}

#container #container-inner #container-medium #container-medium-side #shichou_banner a {
    background-image: url(../images/top/shichou_ookubo.png);
    background-repeat: no-repeat;
    height: 60px;
    text-align: left;
    padding: 20px 5px;
    font-size: 130%;
    background-position: 100%;
}
/*20180711 add start***********************************************************************/
#container #container-inner #container-medium #container-medium-side #shichou_banner2 {
	border:#24965d 4px solid;
	background-color:#C8E7F2;
	background-image: url(../images/top/shichou_ookubo2.png);
	background-repeat: no-repeat;
    background-position: 100%;
	padding: 10px 5px;
	
}
#container #container-inner #container-medium #container-medium-side #shichou_banner2 a {
    background-repeat: no-repeat;
    text-align: left;
    font-size: 130%;
	margin: 10px 0 5px 0;
}
/*20180711 add end***********************************************************************/

#container #container-inner #container-medium #container-medium-side #shigikai_banner {
	border:#24965d 4px solid;
	background-color:#C8E7F2;
}

#container #container-inner #container-medium #container-medium-side #shigikai_banner a {
	background-image:url(../images/top/shigikai.png);
	background-repeat:no-repeat;
    height: 60px;
    text-align: left;
    padding: 20px 5px;
    font-size: 130%;
    background-position: 100%;
}

#container #container-inner #container-medium #container-medium-side #online-service {
	border:#0d7da5 4px solid;	
}
#container #container-inner #container-medium #container-medium-side #online-service h2 {
	background-color:#0d7da5;
	color:#FFF;
}
#container #container-inner #container-medium #container-medium-side #online-service ul {
	
}
#container #container-inner #container-medium #container-medium-side #online-service li {
	position:relative;
}
#container #container-inner #container-medium #container-medium-side #online-service ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #0d7da5;
      border-bottom: 2px solid #0d7da5;
      transform: rotate(-45deg);
}

#container #container-inner #container-medium #container-medium-side #public-relations {
	border:#D45DCA 4px solid;
}
#container #container-inner #container-medium #container-medium-side #public-relations h2 {
	background-color:#D45DCA;
	color:#FFF;
}
#container #container-inner #container-medium #container-medium-side #public-relations ul {
	
}
#container #container-inner #container-medium #container-medium-side #public-relations li {
	position:relative;
}
#container #container-inner #container-medium #container-medium-side #public-relations ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #D45DCA;
      border-bottom: 2px solid #D45DCA;
      transform: rotate(-45deg);
}
#container #container-inner #container-medium #container-medium-side #open-data {
	border:#dd6666 4px solid;
	
}
#container #container-inner #container-medium #container-medium-side #open-data h2 {
	background-color:#dd6666;	
	color:#FFF;
}
#container #container-inner #container-medium #container-medium-side #open-data ul {
	
}
#container #container-inner #container-medium #container-medium-side #open-data li {
	position:relative;
}
#container #container-inner #container-medium #container-medium-side #open-data ul li:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: -1em;
      width: 0.7em;
      height: 0.7em;
      border-right: 2px solid #dd6666;
      border-bottom: 2px solid #dd6666;
      transform: rotate(-45deg);
}
#container #container-inner #container-medium #container-medium-main {
	float:right;
	width:100%;
	max-width:730px;
    margin-bottom: 10px;
}
/* -------- お知らせなど -------- */

#container #container-inner #container-medium #container-medium-information {
	position:relative;
	margin-bottom:20px;
	overflow:visible;
}
#container #container-inner #container-medium #container-medium-information h2 {
}
#container #container-inner #container-medium #container-medium-information .children{
	text-align:left;
	display:block;
}
#container #container-inner #container-medium #container-medium-information .children p{
    text-align: right;
    margin: 4px;
}
#container #container-inner #container-medium #container-medium-information .children p img{
	margin-left:1em;
}
#container #container-inner #container-medium #container-medium-information .children li{
	border-bottom:#C8E7F2 solid 1px;
	margin:0;
	padding:5px;
    list-style-position: inside;
}
#container #container-inner #container-medium #container-medium-information ul#list li[class^="tab"] {
	margin:0 2px; 
	}
#container #container-inner #container-medium #container-medium-information ul#list h2 {
	text-align: center;
	min-width: 240px;
	cursor:pointer;
	border-radius: 10px 10px 0 0;
	}
#container #container-inner #container-medium #container-medium-information ul#list li div{
	left:0;
	width:100%;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab01 div {
	border:#24965D solid 4px; 
	padding: 4px;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab01 h2 {
	background-color:#24965D; 
	padding:3px 0; 
	color:#FFF; 
	height:32px;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab02 div {
	border:#39C solid 4px;
	padding: 4px;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab02 h2 {
	background-color:#39C; 
	padding:3px 0; 
	color:#FFF;
	height:32px;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab03 div {
	border:#F99 solid 4px;
	padding: 4px;
	}
#container #container-inner #container-medium #container-medium-information ul#list li.tab03 h2 {
	background-color:#F99;
	padding:3px 0;
	height:32px;
	}
/* -------- タイルバナー -------- */
#container #container-inner #container-medium #container-medium-tile {
}
#container #container-inner #container-medium-main ul#container-medium-tile {
    clear:both;
    margin-bottom:10px;
    position:relative;
}
#container #container-inner #container-medium-main ul#container-medium-tile li {
    position:relative;
    float:left;
    margin: 4px 2px;
    border:#5dc4dd 4px solid;
    min-height: 180px;/*20180702add*/
    background-color: #fff;/*20180702add*/
}
#container #container-inner #container-medium-main ul#container-medium-tile li a {
}
#container #container-inner #container-medium-main ul#container-medium-tile li a span {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 200% 200% 0 0 / 70px 70px 0 0;
    /*font-size:120%; 20180702del*/
    transition: all .1s ease-out;
}
#container #container-inner #container-medium-main ul#container-medium-tile li a:hover span {
    background-color: #FFF;
}
/* -------- スライダー共通 -------- */
#container #container-inner #container-topix{
    clear: both;
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: #E6E6E6;
}
#container #container-inner #container-topix .carousel{
	width:90%;
	margin:5px auto;
	border:none;
}
#container #container-inner #container-topix .carousel li {
	margin:0;
}
#container #container-inner #container-topix .carousel .carousel-contents{
	margin:0 4px;
	padding:3px;
	background-color:#FFF;
	border:#999 solid 4px;
	min-height:230px;
}
#container #container-inner #container-topix .carousel h2{
	font-size:90%;
	font-weight:bold;
    border-bottom: #999 1px solid;
	padding:2px 0;
}
#container #container-inner #container-topix .carousel p{
}

#container #container-inner #container-topix .carousel img{
	margin:0 auto;
	max-width:100%;
	height:auto;
}

#container #container-inner #container-topix .carousel .slick-next {
	top:110%;
	right:5px;
	z-index:2;
}
#container #container-inner #container-topix .carousel .slick-next:before {
    background-image: url(../images/base/btn_next.png);
    background-repeat: no-repeat;
	background-size: contain;
}
#container #container-inner #container-topix .carousel .slick-prev {
	top:110%;
	left:5px;
	z-index:1;
}
#container #container-inner #container-topix .carousel .slick-prev:before  {
    background-image: url(../images/base/btn_prev.png);
    background-repeat: no-repeat;
	background-size: contain;
}
/* -------- トピックス -------- */
#container #container-inner #container-topix #slider-controll {
	margin:10px;
	z-index:2;
}
#container #container-inner #container-topix #slider-controll button#btn_start{
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_start.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-topix #slider-controll button#btn_start:hover{
	opacity: 1;
}
#container #container-inner #container-topix #slider-controll button#btn_pause {
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_pause.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-topix #slider-controll button#btn_pause:hover {
	opacity: 1;
}
/* -------- カルーセル -------- */
#container #container-inner #container-topix #slider-controll2 {
	margin:10px;
	z-index:2;
}
#container #container-inner #container-topix #slider-controll2 button#btn_start2 {
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_start.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-topix #slider-controll2 button#btn_start2:hover{
	opacity: 1;
}
#container #container-inner #container-topix #slider-controll2 button#btn_pause2 {
	margin: 0 4px;
    cursor: pointer;
    background-color: #0D7DA5;
    opacity: .75;
    padding: 4px 10px 4px 30px;
    border-radius: 5px;
    color: white;
    background-image: url(../images/base/btn_pause.png);
    background-repeat: no-repeat;
	border:none;
	background-size: contain;
}
#container #container-inner #container-topix #slider-controll2 button#btn_pause2:hover {
	opacity: 1;
}
/* -------- 各種バナー -------- */
#container #container-inner #container-tbunner{
    clear: both;
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: #E6E6E6;
}
#container #container-inner #container-tbunner a{
    /*padding:0 10px; 20180126*/
    padding:0 4px;
}
#container #container-inner #container-tbunner img{
}
/* -------- 広告バナー -------- */
#container #container-inner #footer-banner {
	clear:both;
	border:#CCC 4px solid;
	overflow:auto;
	margin-bottom:10px;
	background-color:#e6e6e6;
}
#container #container-inner #footer-banner #footer-banner-main {
	float:left;
	max-width:800px;
	background-color:#FFF;
}
#container #container-inner #footer-banner #footer-banner-info {
	float:right;
	width:162px;
}
#container #container-inner #footer-banner p {
	margin:7px;
	float:left;
}
#container #container-inner #footer-banner #about-ad a {
}
/* ------------------------------------------------------
 2.下層ページ
------------------------------------------------------ */
/* -------- 全体 -------- */
#content-otherpage {
	line-height: 140%;
	position: relative;
	text-align:left;
	max-width:970px;
	width:100%;
	margin:0 auto;
}
#content-otherpage.hidden {
    float: right;
    font-size: 0px;
    speak: none;
    width: 0;
    display: none;
}
#content-otherpage #social_button {
	padding:3px;
	text-align:right;
	display:block;
}
#content-otherpage div.hyoka {
	margin:4px 0;
	text-align:right;
}
#content-otherpage div.hyoka a {
    background-color: #F9E64F;
    display: -webkit-inline-box;
    padding: 10px;
}
/* -------- 見出し -------- */
#content-otherpage h1 {
	clear: both;
    color: #FFF;
    padding: 10px 0px 10px 15px;
    background-color: #24965D;
    border-left: #51dd8f solid 10px;
	margin-bottom:10px;
	background-image:url(../images/base/title_bk.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#content-otherpage h2 {
	clear: both;
    padding: 8px 0px 8px 18px;
    background-color: #51dd8f;
    border-left: #24965D solid 10px;
	margin-bottom:10px;
	background-image:url(../images/base/title_bk.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#content-otherpage h3 {
	clear: both;
    padding: 6px 0px 6px 22px;
    /*background-color: #51dd8f;*/
    /*border-left: #24965D solid 10px;*/
    background-color: #8AF5B9;
    border-left: #51DD8F solid 10px;
	margin-bottom:10px;
	background-image:url(../images/base/title_bk.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#content-otherpage h4 {
	clear: both;
    padding: 6px 0px 6px 26px;
	margin-bottom:10px;
    background-color: #C8E7F2;
	background-image:url(../images/base/title_bk.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
#content-otherpage h5 {
	clear: both;
    padding: 6px 0px 6px 30px;
	margin-bottom:10px;
    background-color: #F9E64F;
	background-image:url(../images/base/title_bk.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
}
/* -------- 段落 -------- */
#content-otherpage p {
	margin: 0 15px 1em;
}
/* 右寄せ */
#content-otherpage p.alignright {
	text-align: right;
}
/* -------- リスト -------- */
/*
・三角画像の下階層リストは、自動的に丸画像リスト
・丸画像の下階層リストは、自動的に三角画像リスト
*/
#content-otherpage ul {
	padding: 0;
	margin: 15px 15px 20px 30px;
	list-style: none;
	/*overflow:auto;*//*20160219*/
}
#content-otherpage ul ul{
	padding: 0;
	margin: 15px 15px 20px 30px;
	list-style: none;
	overflow:auto;
}
#content-otherpage ul.disc li{
	list-style-type: disc;
	margin: 0 0 10px;
	padding: 0 0 0 0px;
	background: url() no-repeat;
}
#content-otherpage ul li {　/*三角リスト（デフォルト）*/
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 19px;
	background: url(../images/base/icon_arrow_sky.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
}
#content-otherpage ul ul li {　/*三角リストのあとは丸リスト）*/
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 19px;
	background: url(../images/base/icon_circle.png) ;
	background-position:0px 5px;
	background-repeat:no-repeat;
}
#content-otherpage ul.listCircle li {　/*丸リスト*/
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 19px;
	background: url(../images/base/icon_circle.png) ;
	background-position:0px 5px;
	background-repeat:no-repeat;
}
#content-otherpage ul.listCircle ul li {　/*丸リストのあとは三角リスト*/
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 19px;
	background: url(../images/base/icon_arrow_sky.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
}
#content-otherpage ol {
	padding: 0;
	margin: 15px 15px 20px 55px;
}
#content-otherpage ol li {
	margin: 0 0 10px;
	padding: 0;
}
#content-otherpage ul.listCircle li ol li {
	background:none;
	margin: 0 0 10px;
	padding: 0;
}
#content-otherpage ul.listCircle ol li {
	background:none;
	margin: 0 0 10px;
	padding: 0;
}
#content-otherpage ol ul li {
	padding: 0 0 0 19px;
}
#content-otherpage ul ol li {
	background-image:none;
}
#content-otherpage ul.listcircle ol li {
	background-image:none;
}
#content-otherpage .two_colimn {
}
#content-otherpage .two_colimn .two_colimn_right {
}
#content-otherpage .two_colimn .two_colimn_left {
}
#content-otherpage .two_colimn:after {
	clear:both;
}
/*ディスクリプションリスト*/
#content-otherpage dl {
}
#content-otherpage dl dd {
}
#content-otherpage dl dt {
	font-weight:bold;
}
/* -------- テーブル -------- */
#content-otherpage table {
	clear: both;
	margin: 10px 25px;
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: show;
}
#content-otherpage caption {
	color: #000;
	font-size: 120%;
	text-align: center;
	padding: 5px 5px 2px;
	font-weight: bold;
}
#content-otherpage th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E5E5E5;
}
#content-otherpage td {
	text-align: center;
	padding: 5px;
	border: 1px solid #999;
}
/* -------- 横罫線 -------- */
#content-otherpage hr {
	margin: 5px 15px;
}
/* -------- パンくずリスト -------- */
#content-otherpage p.crumbs {
	margin: 10px 15px 15px;
	text-align: left;
	line-height: 1.2;
}
#content-otherpage div.sign {
    margin: 30px 10px;
    border: 2px solid #60b5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding-bottom: 7px;
}
#content-otherpage div.sign h2 {
    background-color: #60b5e5;
    -moz-border-radius: 3px 3px 0 0;
    padding: 3px 0 3px 8px;
    border-left: none;
    background-image: none;
}

/* -------- 「▲このページの先頭へ」 (Back To Top) -------- */
#content-otherpage p.btt,#container-inner p.btt {
	margin:0;
	text-align:center;
}
#content-otherpage p.btt a,#container-inner p.btt a {
    background-color: #F9E64F;
	display:block;
	max-width:190px;
	width:100%;
	float:right;
	padding: 10px;
	border-radius: 10px 10px 0 0;
}
#content-toppage a:hover img,
#navi a:hover img,
#top-footer-banner a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
/* -------- お知らせ用 -------- */
#content-otherpage .information {
	border: #0D7DA5 solid 4px;
	margin-bottom:10px;
}
#content-otherpage .information h2 {
    background-color: #0D7DA5;
    color: #FFF;
    border: none;
	background-image:none;
}
#content-otherpage .information ul {
	background-image:none;
}
#content-otherpage .information ul li {
	background-image:none;
}
#content-otherpage .information ul li a {
}
#content-otherpage .information p {
	margin: 4px;
    text-align: right;
}
#content-otherpage .information p a {
}
/* -------- カテゴリーインデックス -------- */
#content-otherpage div.category-index { /* color.cssで設定 */
    background-color: #C8E7F2;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    padding-right: 30%;
    border: #C8E7F2 4px solid;
}
#content-otherpage div.category-index img {
	display:none;
}
#content-otherpage div.category-index h1 {
	text-align:left;
	background-color:#24965D;
	display:block;
	color:#FFF;
	background-image:none;
	border:none;
}
#content-otherpage div.category-index p {
	text-align:left;
	margin:10px;
}
#content-otherpage ul.category-index-list {
	width:100%;
	max-width:970px;
	margin: 0 0 5px 0;
	overflow:auto;
}
#content-otherpage ul.category-index-list li {
	margin:5px;
	float:left;
	width:100%;
	max-width:475px;
	height:100px;
	padding:5px 5px 5px 98px;
	background-image:url(../images/base/tile-sample.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position: 0;
	box-sizing: border-box;
	text-align:left;
	border:4px solid #C8E7F2;
}
#content-otherpage ul.category-index-list li a {
	display:block;
}
/*/ テーブルの横スクロール /*/
.over1{
  margin:0;
  padding:0;
  width:100%;
  overflow:hidden;
}
.over2{
  margin:0;
  padding:0;
  overflow-x: auto;
  margin-bottom: 5px;
}
#content-otherpage .over2 table{
  margin: 0px;
  margin-bottom: 5px;
}
.over2::-webkit-scrollbar{
  height:10px;
}
.over2::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #eee;
}
.over2::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #666;
}
/*/ 枠組み /*/
div.frameborder{
margin:0px 30px;
border:2px;
border-style:dotted;
border-color:#6ebef2;
background-color:#ecf5fa;
padding:15px 15px 15px 15px;
text-align:left;
}
/*/ 2段組 /*/

.column2 {
  width:100%;
  margin:auto;
}
.column2:after{
  content:".";
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden;
}
.column2 div{
  width: 47%;
  min-width:320px;
  float:left;
  padding: 10px;
}

/*** ソート文字用 ***/
.hidden{
	float: right;
        font-size: 0px;
	speak: none;
	width:0;
	display: none;
}
#wcv_sys_wrapper .hidden {
	display: inline;
	float: left;
	background-color: #f3f3f3;
    font-size: 1em;
	width: 750px;
}
/*iframe 対応*/
#content-otherpage p iframe {
  max-width:940px;
  margin:0;
}