/*==============================================================================*/
/*  File name     : individual.css                                              */
/*  Summary       : OpenCity2 顧客別スタイルCSS                                 */
/*==============================================================================*/

/*
 * see swiper.js
 */
@import url("./swiper.min.css");

/*-----------------------------------------------------------
 *  画面全体像
 *----------------------------------------------------------*/
body {
/*
    color: #333333;
    background-color: #ffffff;
*/
}
br.body-body-bottom {
    clear: both;
}
div.body {
}

#GROUP_PAGE_ADMIN {
	background-color: #CDE2F5;
	width: 100%;
}

#GROUP_PAGE {
	width: 100%;
}

td.page-center {
    max-width: 800px;
    width: auto;
    width: 800px;
}
div.page {
	padding-bottom: 0px;
	width: 100%;
}

div.foot {
	margin-top: 0px;
}
@media screen and (max-width: 767px) {
	div.foot {
		font-size: 0.8em;
	}
}

/*-----------------------------------------------------------
 *  ヘッダ：header-title
 *----------------------------------------------------------*/
table.header-title {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #FFFFFF;
    /* これはIEが画像の下にスペースがあく対策 */
    background: url("../../images/custom/header-title-bg.gif") repeat-x;
}
table.header-title td.header-image {
    width: 366px;
    padding: 0;
}
table.header-title td.header-image img {
    margin: 0;
    padding: 0;
    height: 120px;
}
table.header-title td.header-button img {
    margin-left: 2px;
    margin-bottom: 4px;
}
table.header-title td.header-button {
    height: 83px;
    vertical-align: bottom;
    text-align: right;
}
table.header-title td.header-size {
    height: 37px;
    text-align: right;
    color: #ff6666;
/*    background-color: #6bd7ce;*/
}
table.header-title td.header-size a {
    color: #333333;
}

/*-----------------------------------------------------------
 *  サイト共通ユニット：search_group
 *----------------------------------------------------------*/
div.search-group {
    padding-left: 8px;
    border-left: solid 8px #7ba2d6;
}

/*-----------------------------------------------------------
 *  サイト共通ユニット：add_group
 *----------------------------------------------------------*/
div.add-group {
    padding-left: 8px;
    border-left: solid 8px #8496e7;
}

/*-----------------------------------------------------------
 *  フッタ：footer-address
 *----------------------------------------------------------*/
div.footer-address address {
    color: #ffffff;
    font-weight: bold;
    background-color: #6bd7ce;
}

/*-----------------------------------------------------------
 *  グループ情報表示
 *----------------------------------------------------------*/
th.custom-group-item-head {
	width:130px;
}

/*-----------------------------------------------------------
 *  グループページ
 *----------------------------------------------------------*/
div.owabi-message {
	margin-top:100px;
}
#TOP_BRD_INFO h2 {
	background-color: transparent;
	border-color: transparent;
	background-image: url();
	color: #FFFFFF;
}

#TOP_BRD_INFO {

}

#TOP_BRD_INFO_HEADER {
	height: 36px;
	width: 522px;
	background-image: url(/yokohama/images/custom/brd-info-header.gif);
	background-repeat: no-repeat;
}

#TOP_BRD_INFO_HEADER_TEXT{
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding: 6px 20px 0px 20px;
	vertical-align: middle;
}

#TOP_BRD_INFO_HEADER_TEXT img {
	float: right;
}

#TOP_BRD_INFO_BODY li {
	margin-left: 20px;
	color: #000000;
}

#TOP_BRD_INFO_BODY ul {
	margin: 0px;
}

#TOP_BRD_INFO_BODY {
	background-repeat: repeat-y;
	background-image: url(/yokohama/images/custom/brd-info-main.gif);
}

#TOP_BRD_INFO_FOOTER {
	background-image: url(/yokohama/images/custom/brd-info-footer.gif);
	height: 18px;
	width: 522px;
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------
 *  グループ紹介情報
 *----------------------------------------------------------*/
.public-group-info-title {
	font-weight: bold;
	text-align:center;
	font-size: 1.4em;
}

.public-group-app-title {
	font-weight: bold;
	text-align:center;
	font-size: 1.2em;
}

.public-group-info-img {
	font-weight: bold;
	text-align:center;
}

.public-group-info-message {

}

.public-group-app-message {
	padding: 10px;
}

/*-----------------------------------------------------------
 *  フレーム
 *----------------------------------------------------------*/
.blue-frame-bottom-right {
	height: 34px;
	margin-left:34px;
	background: url('../../images/custom/frame/blue-frame-bottom-right.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.blue-frame-bottom-left {
	height: 34px;
	background: url('../../images/custom/frame/blue-frame-bottom-left.gif');
	background-repeat: no-repeat;
}

.blue-frame-middle-right {
	margin-left:5px;
	background: url('../../images/custom/frame/blue-frame-middle-right.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.blue-frame-middle-left {
	background: url('../../images/custom/frame/blue-frame-middle-left.gif');
	background-repeat: repeat-y;
}

.blue-frame-top-right {
	height: 25px;
	margin-left:25px;
	background: url('../../images/custom/frame/blue-frame-top-right.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.blue-frame-top-left {
	height: 25px;
	background: url('../../images/custom/frame/blue-frame-top-left.gif');
	background-repeat: no-repeat;
}

.p1u10389 {
        background-color: #fff;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}



/************************************************************
 * 2018 デザイン変更
 *************************************************************/

/**
 * 共通
 */
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
.small {
	font-size: 0.8em;
}
.large {
	font-size: 1.4em;
}
.larger {
	font-size: 1.8em;
}
.yellow {
	background: -moz-linear-gradient(transparent 5%, #FFEA4F 0%) !important;
	background: -webkit-linear-gradient(transparent 5%, #FFEA4F 0%) !important;
	background: linear-gradient(transparent 5%, #FFEA4F 0%) !important;
}
.pink {
	background: -moz-linear-gradient(transparent 5%, #F9D6E4 0%) !important;;
	background: -webkit-linear-gradient(transparent 5%, #F9D6E4 0%) !important;;
	background: linear-gradient(transparent 5%, #F9D6E4 0%) !important;;
}
.blue {
	background: -moz-linear-gradient(transparent 5%, #BADEEA 0%) !important;;
	background: -webkit-linear-gradient(transparent 5%, #BADEEA 0%) !important;;
	background: linear-gradient(transparent 5%, #BADEEA 0%) !important;;
}
/**
 * 共通: ヘッダ
 */
@media screen and (max-width: 767px) {
	.header_2018 .header_2018_logo,
	.header_2018 .header_2018_menus_menu,
	.header_2018 .header_2018_menus_theme,
	.header_2018 .header_2018_menus_facebook {
		display: none;
	}
}
.header_2018 {
  padding: 8px 10px 17px;
  background-color: #eaeaea;
  z-index: 900;
}
.header_2018_wrapper {
  position: relative;
}
.header_2018 .header_2018_logo a {
  color: #000;
  text-decoration: none;
}
.header_2018 .header_2018_menus {
  float: right;
}
.header_2018 .header_2018_menus_theme {
  width: 322px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 25px;
}
.header_2018 .header_2018_menus_theme img {
  width: 100%;
}
.header_2018 .header_2018_menus_menu {
  padding: 0;
  margin: 0;
  list-style: none;

  position: absolute;
  right: 0;
  bottom: 0;
}
.header_2018 .header_2018_menus_menu li {
  width: 108px;
  height: 109px;
  margin-left: 4px;
  overflow: hidden;
  float: left;
  background-color: #FFFFFF;
  border-radius: 1em;
  border: none;

  position: relative;
}
.header_2018 .header_2018_menus_menu li .header_2018_menus_link {
  width: 100%;
  height: 100px;
}
.header_2018 .header_2018_menus_menu li .header_2018_menus_band {
  height: 100%;
}
.header_2018 .header_2018_menus_menu li.selected .header_2018_menus_band {
  background-color: #D9537D;
}
.header_2018 .header_2018_menus_menu li a {
  display: block;
  width: 95px;
  height: 86px;
  background-image: url(/yokohama/images/custom/20180430/menu_global.png);
  background-repeat: no-repeat;
  background-size: 482px;
  text-indent: 110%;
  white-space: nowrap;
  transition: background-position 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 13px auto auto;
}
.header_2018 .header_2018_menus_menu li:nth-child(1) a {
  background-position: 0px 4px;
}
.header_2018 .header_2018_menus_menu li:nth-child(2) a {
  background-position: -96px 4px;
}
.header_2018 .header_2018_menus_menu li:nth-child(3) a {
  background-position: -193px 4px;
}
.header_2018 .header_2018_menus_menu li:nth-child(4) a {
  background-position: -289px 4px;
}
.header_2018 .header_2018_menus_menu li:nth-child(5) a {
  background-position: -388px 4px;
}
.header_2018 .header_2018_menus_menu li:nth-child(1) a:hover {
  background-position: 0px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(2) a:hover {
  background-position: -96px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(3) a:hover {
  background-position: -193px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(4) a:hover {
  background-position: -289px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(5) a:hover {
  background-position: -388px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(1).selected a,
.header_2018 .header_2018_menus_menu li:nth-child(1) a:focus {
  background-position: 0px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(2).selected a,
.header_2018 .header_2018_menus_menu li:nth-child(2) a:focus {
  background-position: -96px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(3).selected a,
.header_2018 .header_2018_menus_menu li:nth-child(3) a:focus {
  background-position: -193px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(4).selected a,
.header_2018 .header_2018_menus_menu li:nth-child(4) a:focus {
  background-position: -289px -80px;
}
.header_2018 .header_2018_menus_menu li:nth-child(5).selected a,
.header_2018 .header_2018_menus_menu li:nth-child(5) a:focus {
  background-position: -388px -80px;
}
.header_2018 .header_2018_menus_facebook {
  position: absolute;
  top: -5px;
  right: 0;
}

.header_2018:before,
.header_2018 .header_2018_menus_menu:before,
.header_2018 .header_2018_nav:before,
.header_2018:after,
.header_2018 .header_2018_menus_menu:after,
.header_2018 .header_2018_nav:after {
	content: "";
	display: table;
}
.header_2018:after,
.header_2018 .header_2018_menus_menu:after,
.header_2018 .header_2018_nav:after {
	clear: both;
}
@media screen and (max-width: 767px) {
	div.body {
		padding-top: 112px;
	}
}
/**
 * 共通: フッター
 */
div.FOOTER {
	margin: 10px;
}
div.FOOTER p {
	margin-top: 1em;
	margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
	div.FOOTER {
		text-align: center;
	}
}
div.FOOTER .FOOTER-LEFT {
	float: left;
}
@media screen and (max-width: 767px) {
	div.FOOTER .FOOTER-LEFT {
		display: inline-block;
		float: none;
		text-align: left;
	}
	div.FOOTER .FOOTER-LEFT>img {
		width: 180px !important;
	}
}
ul.FOOTER-MENU {
	float: right;
	list-style-type: none;
	text-align: right;
}
@media screen and (max-width: 767px) {
	ul.FOOTER-MENU {
		display: none;
	}
}
ul.FOOTER-MENU a {
	text-decoration: none;
}
ul.FOOTER-MENU a:link,
ul.FOOTER-MENU a:visited,
ul.FOOTER-MENU a:hover,
ul.FOOTER-MENU a:active  {
        color: #000;
}
ul.FOOTER:after {
        clear:both;
}
/**
 * 共通: パンくずリスト
 */
div.HEADER-NAVI ul {
	list-style-type: none;
	padding: 0 20px;
}
div.HEADER-NAVI li {
	display: inline-block;
	margin-left:1em;
}
div.HEADER-NAVI li:before {
	content: '> ';
	margin-left:-1em;
}
div.HEADER-NAVI li:first-child:before {
	content: '';
}
/**
 * 共通: メルマガ
 */
div.MAIL-MAGAZINE {
	margin: 0 20px 0 20px;
}
div.MAIL-MAGAZINE a {
	text-decoration: none;
}
div.MAIL-MAGAZINE a:link,
div.MAIL-MAGAZINE a:visited,
div.MAIL-MAGAZINE a:hover,
div.MAIL-MAGAZINE a:active {
	color: #000;;
}
div.MAIL-MAGAZINE div.FRAME {
	background-color: #D9537D;
	border-radius: 1em;
	padding: 20px 30px;
}
@media screen and (max-width: 767px) {
	div.MAIL-MAGAZINE div.FRAME {
		padding: 10px;
	}
}
div.MAIL-MAGAZINE div.BODY {
	display: table;
	height: 60px;
	width: 100%;
}
div.MAIL-MAGAZINE .BODY div {
	display: table-cell;
	vertical-align: middle;
}
div.MAIL-MAGAZINE .LEFT-BLOCK {

}
@media screen and (max-width: 767px) {
	div.MAIL-MAGAZINE .LEFT-BLOCK p {
		font-size: 1.2em;
	}
}
div.MAIL-MAGAZINE .RIGHT-BLOCK {
	border-left: solid 1px #FFFFFF;
	padding-left: 50px;
}
@media screen and (max-width: 767px) {
	div.MAIL-MAGAZINE .RIGHT-BLOCK {
		padding-left: 20px;
	}
}
div.MAIL-MAGAZINE p {
	color: #FFFFFF;
	line-height: 1.1em;
	margin: 0;
}
div.MAIL-MAGAZINE .LEFT-BLOCK p {
	padding: 0;
}
/**
 * 共通: 会議室空き状況確認
 */
div.CONFERENCE-ROOM {
	margin: 0 20px 0 20px;
}
div.CONFERENCE-ROOM a {
        text-decoration: none;
}
div.CONFERENCE-ROOM div.FRAME {
	background-color: #6EBBB4;
	border-radius: 1em;
	padding: 14px 30px;
}
div.CONFERENCE-ROOM .FRAME div {
	display: table;
	height: 30px;
	width: 100%;
}
div.CONFERENCE-ROOM span {
	display: table-cell;
	vertical-align: middle;
}
div.CONFERENCE-ROOM span.LEFT-BLOCK {
}
@media screen and (max-width: 767px) {
	div.CONFERENCE-ROOM span.LEFT-BLOCK p {
		font-size: 1.2em;
	}
}
div.CONFERENCE-ROOM span.RIGHT-BLOCK {
	border-left: solid 1px #FFFFFF;
	padding-left: 25px;
}
div.CONFERENCE-ROOM p {
	color: #FFFFFF;
	line-height: 1.1em;
	margin: 0;
}
div.CONFERENCE-ROOM span.LEFT-BLOCK p {
	padding: 0;
}
div.SPACE-INFORMAION {
	font-size: 1.2em;
	margin: 30px 0px 20px 40px;
}
div.SPACE-INFORMAION ul {
	padding-left: 60px;
}
div.SPACE-INFORMAION ul li {
	display: inline-block;
}
div.SPACE-INFORMAION ul li.left:before {
	content: "\25CE";
	margin-left: -2em;
	padding-right: 1em;
}
div.SPACE-INFORMAION .left {
	width: 70%;
}
/**
 * トップ: スライド画像
 */
.container {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
@media (max-width: 575px) {
	.container {
		max-width: 360px;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: 576px;
	}
}
@media (min-width: 768px) {
	.container {
    	max-width: 798px;
	}
}
@media screen and (max-width: 767px) {
	.swiper-container .swiper-slide img {
                width: 99.9%;
		max-width: 100%;
		height: auto;
	}
}
/**
  * トップ: ガイド(相談 何でも聞いてみよう！等)
  */
div.GUIDE {
	margin: 10px;
}
ul.GUIDES {
	margin: 3px 0 5px 1%;
	padding: 0;
}
@media screen and (max-width: 767px) {
	ul.GUIDES {
		margin: auto;
		text-align: center;
		width: 90%;
	}
}
ul.GUIDES li {
	background-color: #FFFFFF;
	border-radius: 1em;
	display: inline-block;
	margin: 3px 0 5px 0;
	text-align: center;
	vertical-align: top;
	width: 49%;
}
@media screen and (max-width: 767px) {
	ul.GUIDES li {
		width: 100%;
	}
}
ul.GUIDES li:nth-child(2n-1) {
  margin-left: 0;
}
ul.GUIDES li a {
	text-decoration: none;
}
ul.GUIDES li a:link,
ul.GUIDES li a:visited,
ul.GUIDES li a:hover,
ul.GUIDES li a:active {
	color: #000;
}
ul.GUIDES .BODY {
	display: table;
	width: 100%;
	min-height: 187px;
	height: auto !important;
    height: 187px;
}
ul.GUIDES .BODY:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  min-height: 187px;
}
ul.GUIDES .LEFT-BLOCK {
	display: table-cell;
	min-width: 120px;
    text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	ul.GUIDES .LEFT-BLOCK {
		min-width: 1%;
		width: 33%;
	}
	ul.GUIDES .LEFT-BLOCK img {
		width: 50%;
		min-width: 50%;
		height: auto;
	}
}
ul.GUIDES .RIGHT-BLOCK {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
ul.GUIDES .RIGHT-BLOCK p {
}
ul.GUIDES .RIGHT-BLOCK .RIGHT-BOTTOM {
	border-top: solid 1px #666666;
	display: inline-block;
}
ul.GUIDES .RIGHT-BLOCK .RIGHT-BOTTOM p {
	margin-top: 1em;
	margin-bottom: 1em;
}
ul.GUIDES .HEAD {
	font-size: 1.8em;
	margin: 0 auto;
	text-align: center;
}
ul.GUIDES .TITLE {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: 5px;
}
/**
 * トップ: 掲示板「横浜市市民活動支援センターからのお知らせ」
 */
#TOP_BRD_INFO_2018 {
	margin: 0 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
#TOP_BRD_INFO_HEADER_2018 {
	height: 36px;
}
#TOP_BRD_INFO_HEADER_TEXT_2018 {
	border-left: solid 3px;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 5px 5px 30px;
	padding: 0px 0 0px 10px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	#TOP_BRD_INFO_HEADER_TEXT_2018 {
		font-size: 1em;
		margin: 5px 5px 5px 10px;
		padding: 0px 0px 0px 10px;
}
}
#TOP_BRD_INFO_HEADER_TEXT_2018 span {
	float: right;
}
#TOP_BRD_INFO_HEADER_TEXT_2018 span a {
	font-size: 0.8em;
	text-decoration: none;
}
#TOP_BRD_INFO_HEADER_TEXT_2018 span a:link,
#TOP_BRD_INFO_HEADER_TEXT_2018 span a:visited,
#TOP_BRD_INFO_HEADER_TEXT_2018 span a:hover,
#TOP_BRD_INFO_HEADER_TEXT_2018 span a:active {
	color: #000000;
}
#TOP_BRD_INFO_BODY_2018 li {
	margin-left: 20px;
	color: #000000;
}
@media screen and (max-width: 767px) {
	#TOP_BRD_INFO_BODY_2018 li {
		font-size: 0.8em;
	}
}
#TOP_BRD_INFO_BODY_2018 ul {
	margin: 0px;
}
#TOP_BRD_INFO_BODY_2018 {
}
#TOP_BRD_INFO_FOOTER_2018 {
	height: 18px;
}
/**
 * トップ: PICKUP!オススメイベント情報
 */
div.PICKUP {
	margin: 20px 10px 10px;
}
div.PICKUP_TITLE {
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 5px 5px 10px;
}
@media screen and (max-width: 767px) {
	div.PICKUP_TITLE {
		font-size: 1em;
	}
}
div.PICKUP_TITLE a {
        text-decoration: none;
}
div.PICKUP_TITLE a:link,
div.PICKUP_TITLE a:visited,
div.PICKUP_TITLE a:hover,
div.PICKUP_TITLE a:active {
        color: #000;
}
div.PICKUP_TITLE img {
	padding-right: 10px;
}
@media screen and (max-width: 767px) {
	div.PICKUP_TITLE img {
		height: 21px !important;
	}
}
div.PICKUP_TITLE span {
	float: right;
	line-height: 2.6em;
}
@media screen and (max-width: 767px) {
	div.PICKUP_TITLE span {
		line-height: 2em;
		font-size: 0.8em;
	}
}
div.PICKUP_TITLE span:after {
	clear: both;
}
ul.PICKUPS {
	padding: 0;
}
@media screen and (max-width: 767px) {
	ul.PICKUPS {
		margin: auto;
		text-align: center;
		width: 70%;
	}
}
ul.PICKUPS li {
	background-color: #A9DCF1;
	border-radius: 1em;
	display: inline-block;
	margin: 3px 0;
	text-align: center;
	vertical-align: top;
	min-height: 342px;
}
@media screen and (max-width: 767px) {
	ul.PICKUPS li {
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	ul.PICKUPS li {
		width: 32.8%;
	}
}
ul.PICKUPS li .TITLE {
        height: 40px;
        margin-top: 1em;
        margin-bottom: 0;
        text-overflow: ellipsis;
}
/**
 * トップ: バナー
 */
div.BANNER {
	margin: 20px;
}
ul.BANNERS {
	padding: 0;
}
@media screen and (max-width: 543px) {
	ul.BANNERS {
		margin: auto;
		text-align: center;
		width: 70%;
	}
}
ul.BANNERS li {
	display: inline-block;
	margin: 10px 0 10px 1%;
	vertical-align: top;
	width: 49%;
}
@media screen and (max-width: 543px) {
	ul.BANNERS li {
		width: 100%;
	}
}
ul.BANNERS li:nth-child(2n-1) {
  margin-left: 0;
}
ul.BANNERS li a {
	text-decoration: none;
}
ul.BANNERS li a:link,
ul.BANNERS li a:visited,
ul.BANNERS li a:hover,
ul.BANNERS li a:active {
	color: #000000;
}
ul.BANNERS li div.UNIT {
	background-color: #FFFFFF;
	border-radius: 1em;
	height: 100px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
ul.BANNERS li div.UNIT-WITH-BAND {
	background-color: #FFFFFF;
	border-top-left-radius: 0.7em;
	border-top-right-radius: 0.7em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	height: 100px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
	vertical-align: middle;
}
ul.BANNERS div.BAND {
	background-color: #122A88;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	height: 10px;
	width: 100%;
}
ul.BANNERS li div.UNIT img,
ul.BANNERS li div.UNIT-WITH-BAND img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
ul.BANNERS li div.UNIT span,
ul.BANNERS li div.UNIT-WITH-BAND span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 30px;
}
/**
 * 相談
 */
div.CONSULTATION {
	margin: 0 10px;
	padding: 5px;
}
ul.CONSULTATIONS {
	padding: 0;
	margin: 0;
}
@media screen and (max-width: 767px) {
	ul.CONSULTATIONS {
		margin: auto;
		text-align: center;
		width: 90%;
	}
}
ul.CONSULTATIONS li {
	background-color: #FFFFFF;
	border-radius: 1em;
	display: inline-block;
	list-style-type: none;
	margin: 8px 5px;
	text-align: center;
	vertical-align: top;
	width: 48%;
}
@media screen and (max-width: 767px) {
	ul.CONSULTATIONS li {
		width: 100%;
	}
}
ul.CONSULTATIONS li a {
        text-decoration: none;
}
ul.CONSULTATIONS li a:link,
ul.CONSULTATIONS li a:visited,
ul.CONSULTATIONS li a:hover,
ul.CONSULTATIONS li a:active {
        color: #000;
}
ul.CONSULTATIONS .BODY {
	display: table;
	margin: 8px;
	width: 100%;
	min-height: 160px;
	height: auto !important;
	height: 160px;
}
ul.CONSULTATIONS .BODY:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  min-height: 160px;
}
ul.CONSULTATIONS .BAND {
	background-color: #F0A1BC;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	height: 14px;
}
ul.CONSULTATIONS .LEFT-BLOCK {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	ul.CONSULTATIONS .LEFT-BLOCK {
		width: 30%;
	}
	ul.CONSULTATIONS .LEFT-BLOCK img {
		width: 70% !important;
		min-width: 70%;
		height: auto;
	}
}
ul.CONSULTATIONS .RIGHT-BLOCK {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
ul.CONSULTATIONS .RIGHT-BLOCK div.RIGHT-BOTTOM {
	border-top: solid 1px #666666;
	display: inline-block;
	width: 82%;
}
ul.CONSULTATIONS .RIGHT-BLOCK ul {
	padding: 0 0 0 20px;
}
ul.CONSULTATIONS .RIGHT-BLOCK ul li {
	display: block;
	list-style-type: none;
	text-align: left;
	width: 100%;
}
ul.CONSULTATIONS .RIGHT-BLOCK ul li:before {
	content: "\2192";
	margin-left: -2em;
	padding-right: 1em;
}
ul.CONSULTATIONS .RIGHT-BLOCK ul p {
	margin: 0;
	padding: 0;
}
ul.CONSULTATIONS .TITLE {
	font-size: 1.4em;
	margin-top: 8px;
	margin-bottom: 8px;
}
ul.CONSULTATIONS .TITLE span {
	display: inline-block;
	line-height: 1em;
}
/**
 * 情報
 */
div.INFORMATION {
	margin: 0 10px;
	padding: 5px;
}
ul.INFORMATIONS {
	padding: 0;
	margin: 0;
}
@media screen and (max-width: 767px) {
	ul.INFORMATIONS {
		margin: auto;
		text-align: center;
		width: 90%;
	}
}
ul.INFORMATIONS li {
	background-color: #FFFFFF;
	border-radius: 1em;
	display: inline-block;
	margin: 8px 5px;
	text-align: center;
	vertical-align: top;
	width: 48%;
}
@media screen and (max-width: 767px) {
	ul.INFORMATIONS li {
		width: 100%;
	}
}
ul.INFORMATIONS li a {
        text-decoration: none;
}
ul.INFORMATIONS li a:link,
ul.INFORMATIONS li a:visited,
ul.INFORMATIONS li a:hover,
ul.INFORMATIONS li a:active {
        color: #000;
}
ul.INFORMATIONS .BODY {
	display: table;
	margin: 8px;
	width: 100%;
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
ul.INFORMATIONS .BODY:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  min-height: 180px;
}
ul.INFORMATIONS .LEFT-BLOCK {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	ul.INFORMATIONS .LEFT-BLOCK {
		width: 30%;
	}
	ul.INFORMATIONS .LEFT-BLOCK img {
		width: 70% !important;
		min-width: 70%;
		height: auto;
	}
}
ul.INFORMATIONS .RIGHT-BLOCK {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
ul.INFORMATIONS .RIGHT-BLOCK div.RIGHT-UPPER {
	width: 86%;
}
ul.INFORMATIONS .RIGHT-BLOCK div.RIGHT-BOTTOM {
	border-top: solid 1px #666666;
	display: inline-block;
	width: 86%;
}
ul.INFORMATIONS .RIGHT-BLOCK ul {
	margin: 0;
	padding: 0 0 0 20px;
}
ul.INFORMATIONS .RIGHT-BLOCK ul li {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
ul.INFORMATIONS .RIGHT-BLOCK div.RIGHT-BOTTOM ul li:before {
	content: "\2192";
	margin-left: -2em;
	padding-right: 1em;
}
ul.INFORMATIONS .RIGHT-BLOCK div.RIGHT-BOTTOM p {
	margin-top: 10px;
}
ul.INFORMATIONS .TITLE {
	font-size: 1.4em;
	margin-top: 8px;
	margin-bottom: 8px;
}
ul.INFORMATIONS .TITLE span {
	display: inline-block;
	line-height: 1em;
}

/**
 * 場をつかう
 */
div.USE-SPACE {
	margin: 0 10px;
}
ul.USE-SPACES {
	padding: 0 40px;
	margin: 0;
}
@media screen and (max-width: 767px) {
	ul.USE-SPACES {
		padding: 0;
	}
}
ul.USE-SPACES a {
        text-decoration: none;
}
ul.USE-SPACES a:link,
ul.USE-SPACES a:visited,
ul.USE-SPACES a:hover,
ul.USE-SPACES a:active {
        color: #000;
}
ul.USE-SPACES li {
	background-color: #FFFFFF;
	border-radius: 1em;
	display: inline-block;
	margin: 5px 0;
	width: 100%;
}
ul.USE-SPACES .BODY {
	display: table;
	height: 40px;
	margin: 10px 0;
	width: 100%;
}
ul.USE-SPACES .BODY .HEAD {
	display: table-cell;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	width: 34%;
}
ul.USE-SPACES .BODY .NOTE {
	border-left: solid 1px #666666;
	display: table-cell;
	vertical-align: middle;
}
ul.USE-SPACES .BODY .HEAD p {
	border-bottom: solid 1px #666666;
}
ul.USE-SPACES .BODY .HEAD span {
	display: inline-block;
	font-size: 1.8em;
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	ul.USE-SPACES .BODY .HEAD span {
		font-size: 1.2em;
	}
}
ul.USE-SPACES .BODY div.NOTE p {
	padding: 0 25px;
}
ul.USE-SPACES p {
	display: inline-block;
	margin: 0;
}
/**
 * 参加する
 */
div.EVENT {
	margin: 0 10px;
}
ul.EVENTS {
	padding: 0;
}
@media screen and (max-width: 767px) {
	ul.EVENTS {
		margin: auto;
		text-align: center;
		width: 80%;
	}
}
ul.EVENTS li {
	background-color: #A9DCF1;
	border-radius: 1em;
	display: inline-block;
	margin: 3px 0;
	text-align: center;
	vertical-align: top;
	width: 32.8%;
	min-height: 342px;
}
@media screen and (max-width: 767px) {
	ul.EVENTS li {
		width: 100%;
	}
}
ul.EVENTS li .TITLE {
        height: 40px;
        margin-top: 1em;
        margin-bottom: 0;
        text-overflow: ellipsis;
}
div.EVENT .PAST-EVENT {
	font-size: 1.6em;
	text-align: center;
}
div.EVENT .PAST-EVENT a {
	text-decoration: none;
}
div.EVENT .PAST-EVENT a:link,
div.EVENT .PAST-EVENT a:visited,
div.EVENT .PAST-EVENT a:hover,
div.EVENT .PAST-EVENT a:active {
	color: #000;
}
/**
 * ABOUT US(横浜市市民活動支援センターについて)
 */
div.ABOUT-US {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
	padding: 10px 30px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
div.ABOUT-US .HEAD {
	border-bottom: solid 2px #666666;
	display: inline-block;
	font-size: 1.4em;
	margin: 20px 0px 10px;
	padding: 2px;
}
div.ABOUT-US .HEAD span {
	display: inline-block;
	line-height: 1em;
}
div.ABOUT-US p {
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.ABOUT-US table {
	margin: 20px 0px;
}
div.ABOUT-US table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
div.ABOUT-US table td.background-pink {
	background-color: #D9537D;
	color: #FFFFFF;
}
div.ABOUT-US table td.odd {
	background-color: #FDF9EE;
}
div.ABOUT-US table td.even {
	background-color: #F0F0F0;
}
div.ABOUT-US table td.center {
	text-align: center;
}
div.ABOUT-US table td.top {
	vertical-align: top;
}
div.ABOUT-US ul {
	list-style-type: none;
}
/**
 * 利用登録
 */
div.USE-REGISTRATION {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
}
div.USE-REGISTRATION-HEAD {
	padding: 20px;
}
div.USE-REGISTRATION-HEAD .TITLE {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
div.USE-REGISTRATION-HEAD .MESSAGE {
	border-top: solid 1px #666666;
	padding: 10px 0;
	margin: 0;
}
div.USE-REGISTRATION-BODY {
	padding: 10px 30px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
div.USE-REGISTRATION .HEAD {
	border-bottom: solid 2px #666666;
	display: inline-block;
	font-size: 1.2em;
	margin: 20px 0px 10px;
	padding: 2px;
}
div.USE-REGISTRATION .HEAD span {
	display: inline-block;
	line-height: 1em;
}
div.USE-REGISTRATION p {
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.USE-REGISTRATION table {
	margin: 20px 0px;
}
div.USE-REGISTRATION table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
div.USE-REGISTRATION table td.background-pink {
	background-color: #D9537D;
	color: #FFFFFF;
}
div.USE-REGISTRATION table td.odd {
	background-color: #FDF9EE;
}
div.USE-REGISTRATION table td.even {
	background-color: #F0F0F0;
}
div.USE-REGISTRATION table td.center {
	text-align: center;
}
div.USE-REGISTRATION table td.top {
	vertical-align: top;
}
div.USE-REGISTRATION-FOOT {
	padding: 20px;
}
/**
 * 利用登録基準
 */
div.USE-REGISTRATION-CRITERIA {
	display: table;
	background-color: #D9537D;
	color: #FFFFFF;
	font-size: 1.2em;
	height: 50px;
	margin: 20px auto;
	text-align: center;
	width: 80%;
}
div.USE-REGISTRATION-CRITERIA span {
	display: table-cell;
	vertical-align: middle;
}
table.USE-REGISTRATION-CRITERIA {
	border-collapse: separate;
}
table.USE-REGISTRATION-CRITERIA td:first-child {
	width: 30%;
}
table.USE-REGISTRATION-CRITERIA td div.USE-REGISTRATION-CRITERIA {
	height: 35px;
	margin: 0px auto 5px;
}
/**
 * 管理運営団体
 */
div.ADMIN-ORGANIZATION {
	border-top: dotted 1px #666666;
	font-size: 1.3em;
	margin: 20px 0px 10px 0px;
	padding: 10px 40px;
}
div.ADMIN-ORGANIZATION .HEAD {
	border-bottom: solid 2px #666666;
	display: inline-block;
	font-size: 1.2em;
	margin: 20px 0px 0px;
	padding: 2px;
}
/**
 * 利用申込書
 */
div.APPLICATION-FORM {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
}
div.APPLICATION-FORM-HEAD {
	padding: 20px;
}
div.APPLICATION-FORM-HEAD .TITLE {
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}
div.APPLICATION-FORM-HEAD .MESSAGE {
	border-top: solid 1px #666666;
	clear: both;
	padding: 10px 0;
	margin: 0;
}
div.APPLICATION-FORM-BODY {
	padding: 10px 30px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
div.APPLICATION-FORM-BODY  p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.APPLICATION-FORM table {
	margin: 20px 0px;
}
div.APPLICATION-FORM table tr.odd td {
	background-color: #FDF9EE;
}
div.APPLICATION-FORM table tr.even td {
	background-color: #F0F0F0;
}
div.APPLICATION-FORM table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
div.APPLICATION-FORM table td.pink {
	background-color: #D9537D;
	color: #FFFFFF;
}
div.APPLICATION-FORM table td.center {
	text-align: center;
}
div.APPLICATION-FORM table td.top {
	vertical-align: top;
}
div.APPLICATION-FORM ul {
	list-style-type: none;
	padding-left: 0;
}
div.APPLICATION-FORM .color-pink {
	color: #D9537D;
	font-weight: bold;
}
div.APPLICATION-FORM-FOOT {
	padding: 20px;
}
/**
 * 実施プロジェクト一覧
 */
div.PROJECT {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
}
div.PROJECT-BODY {
	padding: 10px 30px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
div.PROJECT-BODY p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.PROJECT-BODY table {
	margin: 20px 0px;
}
div.PROJECT-BODY table td {
	width: 50%;
}
div.PROJECT-BODY table tr.odd td {
	background-color: #FDF9EE;
}
div.PROJECT-BODY table tr.even td {
	background-color: #F0F0F0;
}
div.PROJECT-BODY table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
div.PROJECT-BODY table td.pink {
	background-color: #D9537D;
	color: #FFFFFF;
}
div.PROJECT-BODY table td.center {
	text-align: center;
}
div.PROJECT-BODY table td.top {
	vertical-align: top;
}
div.PROJECT-BODY  table tr {
	height: 4em;
}
div.PROJECT-FOOT {
	padding: 20px;
}
div.PROJECT-BODY .TITLE {
	display: inline;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #FFFFFF;
	border-bottom: solid 2px #666666;
}
div.PROJECT-BODY .TITLE span {
	display: inline-block;
	line-height: 1em;
}
/**
 * 施設案内
 */
div.SPACE {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
}
div.SPACE hr.dashed {
	border: dashed 1px #666666;
	margin-top: 0;
	margin-bottom: 20px;
}
div.SPACE hr.dotted {
	border: dotted 1px #666666;
	margin-top: 0;
	margin-bottom: 20px;
}
div.SPACE-BODY {
	border-radius: 1em;
	margin-bottom: 30px;
	padding: 10px 30px;
	background-color: #FFFFFF;
}
div.SPACE-BODY p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.SPACE-BODY table {
	margin: 20px 0px;
}
div.SPACE-BODY table td {
}
div.SPACE-BODY table tr.odd td {
	background-color: #FDF9EE;
}
div.SPACE-BODY table tr.even td {
	background-color: #F0F0F0;
}
div.SPACE-BODY table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
@media screen and (min-width: 768px) {
	div.SPACE-BODY .width-100 {
		width: 100%;
	}
	div.SPACE-BODY .width-75 {
		width: 75%;
	}
	div.SPACE-BODY .width-50 {
		width: 50%;
	}
	div.SPACE-BODY .width-33 {
		width: 33%;
	}
	div.SPACE-BODY .width-25 {
		width: 24%;
	}
}
div.SPACE-BODY ul {
	margin: 0;
	padding: 10px 0;
	width: 100%;
}
div.SPACE-BODY ul li {
	display: inline-block;
	list-style-type: none;
	margin-left: 2%;
	vertical-align: top;
	width: 48%;
}
@media screen and (min-width: 768px) {
	div.SPACE-BODY ul li:nth-child(2n-1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	div.SPACE-BODY ul li {
		float: none !important;
		margin-left: 0px;
		width: 100%;
	}
	div.SPACE-BODY ul li.right {
		text-align: left;
	}
	div.SPACE-BODY ul li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
div.SPACE-BODY .TITLE {
	display: inline;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	border: none;
	border-bottom: solid 2px #666666;
}
div.SPACE-BODY .TITLE span {
	display: inline-block;
	line-height: 1em;
}
div.SPACE-INDEX {
	background-color: #D6CEC4;
	border-radius: 1em;
	padding: 20px;
}
div.SPACE-INDEX ul {
	padding: 0;
	margin : 0;
}
@media screen and (max-width: 767px) {
	div.SPACE-INDEX ul li {
		display: block;
		list-style-type: none;
		margin-left: 2%;
		vertical-align: top;
	}
}
div.SPACE-GUIDANCE {
	background-color: #8959A3;
	border-radius: 1em;
	display: table;
	margin: 50px 0;
	width: 100%;
	height: 75px;
}
div.SPACE-GUIDANCE .HEAD {
	color: #FFF;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 34%;
}
div.SPACE-GUIDANCE .NOTE {
	border-left: solid 1px #FFF;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
}
div.SPACE-GUIDANCE .HEAD span {
	display: inline-block;
	font-size: 1.8em;
	line-height: 1em;
}
div.SPACE-GUIDANCE .NOTE p {
	padding: 0 25px;
}
div.SPACE-GUIDANCE p {
	display: inline-block;
	margin: 0;
}
div.SPACE-GUIDANCE a {
	text-decoration: none;
}
div.SPACE-GUIDANCE a:link,
div.SPACE-GUIDANCE a:visited,
div.SPACE-GUIDANCE a:hover,
div.SPACE-GUIDANCE a:active {
	color: #FFF;
}
div.SPACE-OFFICE {
	margin: 30px 0;
	width: 100%;
}
div.SPACE-OFFICE-BODY {
	background-color: #DE5984;
	border-radius: 1em;
	display: table;
	height: 75px;
	width: 100%;
}
div.SPACE-OFFICE .HEAD {
	color: #FFF;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 40%;
}
div.SPACE-OFFICE .NOTE {
	border-left: solid 1px #FFF;
	color: #FFF;
	display: table-cell;
	vertical-align: middle;
}
div.SPACE-OFFICE .TITLE {
	border: none;
}
div.SPACE-OFFICE .HEAD span {
	display: inline-block;
	font-size: 1.0em;
	line-height: 1em;
}
div.SPACE-OFFICE .NOTE p {
	padding: 0 25px;
}
div.SPACE-OFFICE p {
	display: inline-block;
	margin: 0;
}
div.SPACE-OFFICE a {
	text-decoration: none;
}
div.SPACE-OFFICE a:link,
div.SPACE-OFFICE a:visited,
div.SPACE-GUIDANCE a:hover,
div.SPACE-GUIDANCE a:active {
        color: #FFF;
}
div.SPACE .CHECK-CONFERENCE-ROOM {
	background-color: #9C7D73;
	border-radius: 0.5em;
	color: #FFF;
	display: inline-block;
	margin: 3px 0;
	padding: 5px 15px;
}
div.SPACE .USE-REGISTRATION {
	background-color: #DE5984;
	border-radius: 0.5em;
	color: #FFF;
	display: inline-block;
	padding: 2px 15px;
}
/**
 * アクセス
 */
div.ACCESS {
	font-size: 1.3em;
	margin: 20px 20px 20px 20px;
}
div.ACCESS-BODY {
	padding: 10px 30px;
	background-color: #FFFFFF;
	border-radius: 1em;
}
@media screen and (max-width: 767px) {
	div.ACCESS-BODY div img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

div.ACCESS-BODY .gmap {
	border: solid 1px #666666;
}
@media screen and (max-width: 767px) {
	div.ACCESS-BODY .gmap {
		display: none;
	}
}
div.ACCESS-BODY p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.ACCESS-BODY table {
	margin: 20px 0px;
}
div.ACCESS-BODY table tr.odd td {
	background-color: #FDF9EE;
}
div.ACCESS-BODY table tr.even td {
	background-color: #F0F0F0;
}
div.ACCESS-BODY table.border td {
	border: solid 2px #666666;
	padding: 5px 10px;
	height: 50px;
}
div.ACCESS-BODY table td.pink {
	background-color: #D9537D;
	color: #FFFFFF;
}
div.ACCESS-BODY table td.center {
	text-align: center;
}
div.ACCESS-BODY table td.top {
	vertical-align: top;
}
div.ACCESS-BODY ul {
	list-style-type: none;
	padding-left: 0;
}
div.ACCESS-BODY ul li {
	display: inline-block;
	margin-left: 2%;
	vertical-align: top;
	width: 48%;
}
@media screen and (min-width: 768px) {
	div.ACCESS-BODY ul li:nth-child(2n-1) {
		margin-left: 0;
	}
}
@media screen and (max-width: 767px) {
	div.ACCESS-BODY ul li {
		margin-left: 0;
		width: 100%;
	}
	div.ACCESS-BODY ul li.right {
		text-align: left;
	}
	div.ACCESS-BODY ul li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
div.ACCESS-FOOT {
	padding: 20px;
}
div.ACCESS-BODY .TITLE {
	display: inline;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #FFFFFF;
	border-bottom: solid 2px #666666;
}
div.ACCESS-BODY .TITLE span {
	display: inline-block;
	line-height: 1em;
}
/**
 * 見出し: 相談
 */
div.CONSULTATION-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.CONSULTATION-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
@media screen and (max-width: 767px) {
	div.CONSULTATION-HEAD .HEAD-LEFT img {
		width: 50% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.CONSULTATION-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.CONSULTATION-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.CONSULTATION-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.CONSULTATION-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.CONSULTATION-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.CONSULTATION-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.CONSULTATION-HEAD p {
		font-size: 0.8em;
	}
	div.CONSULTATION-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: 情報
 */
div.INFORMATION-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.INFORMATION-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
@media screen and (max-width: 767px) {
	div.INFORMATION-HEAD .HEAD-LEFT img {
		width: 50% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.INFORMATION-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.INFORMATION-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.INFORMATION-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.INFORMATION-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.INFORMATION-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.INFORMATION-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.INFORMATION-HEAD p {
		font-size: 0.8em;
	}
	div.INFORMATION-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: 場をつかう
 */
div.USE-SPACE-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.USE-SPACE-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
@media screen and (max-width: 767px) {
	div.USE-SPACE-HEAD .HEAD-LEFT img {
		width: 50% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.USE-SPACE-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.USE-SPACE-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.USE-SPACE-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.USE-SPACE-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.USE-SPACE-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.USE-SPACE-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.USE-SPACE-HEAD p {
		font-size: 0.8em;
	}
	div.USE-SPACE-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: イベント
 */
div.EVENT-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.EVENT-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}
@media screen and (max-width: 767px) {
	div.EVENT-HEAD .HEAD-LEFT img {
		width: 60% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.EVENT-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.EVENT-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.EVENT-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.EVENT-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.EVENT-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.EVENT-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.EVENT-HEAD p {
		font-size: 0.8em;
	}
	div.EVENT-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: ABOUT US(横浜市市民活動支援センターについて)
 */
div.ABOUT-US-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.ABOUT-US-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 46%;
}
@media screen and (max-width: 767px) {
	div.ABOUT-US-HEAD .HEAD-LEFT img {
		width: 40% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.ABOUT-US-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.ABOUT-US-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.ABOUT-US-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.ABOUT-US-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.ABOUT-US-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.ABOUT-US-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.ABOUT-US-HEAD p {
		font-size: 0.8em;
	}
	div.ABOUT-US-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: 実施プロジェクト一覧
 */
div.PROJECT-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.PROJECT-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
}
@media screen and (max-width: 767px) {
	div.PROJECT-HEAD .HEAD-LEFT img {
		width: 70% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.PROJECT-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.PROJECT-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.PROJECT-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.PROJECT-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.PROJECT-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.PROJECT-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.PROJECT-HEAD p {
		font-size: 0.8em;
	}
	div.PROJECT-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: 施設案内
 */
div.SPACE-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.SPACE-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
}
@media screen and (max-width: 767px) {
	div.SPACE-HEAD .HEAD-LEFT img {
		width: 60% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.SPACE-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.SPACE-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.SPACE-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.SPACE-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.SPACE-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.SPACE-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.SPACE-HEAD p {
		font-size: 0.8em;
	}
	div.SPACE-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * 見出し: アクセス
 */
div.ACCESS-HEAD {
	display: table;
	margin: 10px auto 0;
	text-align: center;
	width: 66%;
}
div.ACCESS-HEAD .HEAD-LEFT {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
}
@media screen and (max-width: 767px) {
	div.ACCESS-HEAD .HEAD-LEFT img {
		width: 70% !important;
		max-width: 100% !important;
		height: auto !important;
	}
}
div.ACCESS-HEAD .HEAD-RIGHT {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
div.ACCESS-HEAD .HEAD-RIGHT div {
	border-top: solid 1px #666666;
}
div.ACCESS-HEAD .HEAD-RIGHT div p {
	margin-top: 1em;
	margin-bottom: 1em;
}
div.ACCESS-HEAD .HEAD {
	font-size: 3.0em;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	div.ACCESS-HEAD .HEAD {
		font-size: 2.0em;
	}
}
div.ACCESS-HEAD .TITLE {
	font-size: 1.8em;
	margin: 0;
}
@media screen and (max-width: 767px) {
	div.ACCESS-HEAD p {
		font-size: 0.8em;
	}
	div.ACCESS-HEAD .TITLE {
		font-size: 1.4em;
	}
}
/**
 * フォント設定
 */
#TOP_BRD_INFO_2018,
div.MAIL-MAGAZINE,
div.CONFERENCE-ROOM,
div.SPACE-INFORMAION,
div.BANNER,
div.FOOTER,
div.GUIDE,
div.PICKUP,
div.CONSULTATION,
div.INFORMATION,
div.USE-SPACE,
div.EVENT,
div.ABOUT-US,
div.USE-REGISTRATION,
div.ADMIN-ORG,
div.APPLICATION-FORM,
div.PROJECT,
div.ACCESS,
div.SPACE,
div.CONSULTATION-HEAD,
div.INFORMATION-HEAD,
div.USE-SPACE-HEAD,
div.EVENT-HEAD,
div.ABOUT-US-HEAD,
div.PROJECT-HEAD,
div.ACCESS-HEAD,
div.SPACE-HEAD {
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',YuGothic,'Yu Gothic','Source Han Sans',sans-serif;
}
p.TITLE,
p.HEAD,
div.USE-REGISTRATION-CRITERIA,
div.PICKUP-TITLE,
#TOP_BRD_INFO_HEADER_TEXT_2018 {
	font-family: 'TsukuARdGothic-Regular',Meiryo,sans-serif;
}
div.CONSULTATION-HEAD p.TITLE,
div.CONSULTATION-HEAD p.HEAD,
div.INFORMATION-HEAD p.TITLE,
div.INFORMATION-HEAD p.HEAD,
div.USE-SPACE-HEAD p.TITLE,
div.USE-SPACE-HEAD p.HEAD,
div.EVENT-HEAD p.TITLE,
div.EVENT-HEAD p.HEAD,
div.ABOUT-US-HEAD p.TITLE,
div.ABOUT-US-HEAD p.HEAD,
div.PROJECT-HEAD p.TITLE,
div.PROJECT-HEAD p.HEAD,
div.ACCESS-HEAD p.TITLE,
div.ACCESS-HEAD p.HEAD,
div.SPACE-HEAD p.TITLE,
div.SPACE-HEAD p.HEAD {
	font-weight: bold;
}
/**
 * モバイル対応
 */
.navbar {
	position: fixed;
	top: 0px;
	right: 8px;
	left: 6px;
	z-index: 99
}
.navbar-default {
	background-color: #eaeae9;
	border: none;
	padding: 10px 0 0 0;
}
.navbar .navbar-header {
	padding: 0 10px;
	width: 100%;
}
.navbar .container-fluid {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.navbar .row {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	min-height: 130px;
}
.sp-btn {
	width: 20%;
	height: auto;
	max-width: 80px;
	border: none;
	padding: 0;
	margin: 20px 0 0 10px;
	border: 1px solid #666 !important;
}
.img-fluid {
	display: inline-block;
}
.navbar-collapse {
	border: none;
	padding: 30px 0 0 0;
}
.nav {
	padding-top: 10px;
}
.nav li {
	font-size: 11pt;
	background-color: #EE9AB9;
	border-bottom: 1px dotted #000;
	font-family: 'TsukuARdGothic-Regular',Meiryo,sans-serif;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	line-height: 3em;
}
.nav li:last-child {
	border-bottom: none;
}
.nav li:after {
	clear: both;
}
.nav li a {
	color: #000;
}
.nav li .menu-img {
	position: absolute;
	display: block;
	width: 40px;
	height: 54px;
	background-image: url(/yokohama/images/custom/20180430/mobile_menu_global.png);
	background-repeat: no-repeat;
	background-size: 205px;
	transition: background-position 0.3s;
	top: 6px;
	right: 30px;
	overflow: hidden;
}
.nav li:nth-child(1) .menu-img {
	background-position: 0px 0px;
}
.nav li:nth-child(2) .menu-img {
	background-position: -164px 0px;
}
.nav li:nth-child(3) .menu-img {
	background-position: -123px 0px;
}
.nav li:nth-child(4) .menu-img {
	background-position: -82px 0px;
}
.nav li:nth-child(5) .menu-img {
	background-position: -41px 0px;
}
.header-logo-sp {
	position: fixed;
	top: 10px;
	left: 50%;
	margin-left: -70px;
	z-index: 100;
}