@charset "utf-8";

/**
 * filename: myportal.mainmenu
 * @overview 法人ポータル トップページ定義CSS
 * @version 1.0.1 2016-10-26
 */



/**
* 共通要素定義
*/

html {
 overflow-y: scroll;
}

body {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
	min-width: 320px;
}

.container {
	max-width: 960px; /* 最大横幅 */
	width: 100%;
	margin: 0 auto;
}


/**
 * 大枠の構成
 */

/* ヘッダー */
.cp-header {
	background-color: #EBF1FA;
	border-bottom: solid 6px #205286;
}


/* コンテンツエリア */
.cp-contents {
	background-color: #FFF;
	padding-bottom: 10px;
}



/* フッタ_上（リンク） */
.cp-footer-top {
	background-color: #444444;
}

/* フッタ_下（企業情報等） */
.cp-footer-bottom {
}


/**
 * ヘッダー
 */

.cp-header .cp-header-logo-box {
	float: left;
	margin: 0px 0 10px 5px;
}

.cp-header .cp-header-logo-box .cp-header-logo,
.cp-header .cp-header-logo-box .cp-header-logo img {
	margin: 0;
	width: 200px;
}



@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-header {
		padding-top: 10px;
	}
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-header .container {
	}
	
	.cp-header .cp-header-logo-box {
		display: inline-block;
		width : 100%;
		margin: 6px auto 6px;
	}
	
	.cp-header .cp-header-logo-box .cp-header-logo,
	.cp-header .cp-header-logo-box .cp-header-logo img {
		height: 50px;
	}

	.cp-header .cp-header-logo-box .cp-header-logo img {
		width: 100%;
		max-width: 268px;
	}
}

@media screen and (max-width: 320px) {
/* 表示領域が320px以下の場合に適用するスタイル */

	.cp-header .cp-header-logo-box {
		width : -webkit-calc(100% - 85px) ;
		width : calc(100% - 85px) ;
		margin: 2px 0 0 0;
	}

	.cp-header .cp-header-logo-box .cp-header-logo,
	.cp-header .cp-header-logo-box .cp-header-logo img {
		height: auto;
	}
}

/**
 * パンくずナビゲーション
 */

.cp-breadcrumb {
	background-color: #EEE;
}

.cp-breadcrumb .cp-breadcrumb-link {
	margin-bottom: 0;
}


.cp-breadcrumb .cp-breadcrumb-link a,
.cp-breadcrumb .cp-breadcrumb-link a:hover {
	color: #333;
	text-decoration: none;
}

.cp-breadcrumb .cp-breadcrumb-link .glyphicon-chevron-left {
	margin-right: 5px;
	color: #205386;
}

/**
* 汎用要素定義
*/

.cp-nowrap {
	white-space: nowrap;
	display: inline-block;
}


/**
* 基本的なパーツ
*/

/* 見出し */
.cp-h1 {
	font-size: 150%;
 	border-left: solid 8px #205286;
	padding-left: 12px;
}

/* 見出し-ダウンロードボタン*/
.cp-h1-box {
	margin: 0;
}

.cp-h1-box .cp-search-result-download {
	margin-top: 20px;
	text-align: right;
	padding: 0;
}

.cp-h1-box .cp-search-result-download a {
	text-decoration: none;
	background-color: #205286;
	color: #FFF;
	padding: 3px 10px;
	border-radius: 5px;
	margin-left: 10px;
	text-align: center;
}

.cp-h1-box .cp-search-result-download a:hover,
.cp-h1-box .cp-search-result-download a:focus {
	text-decoration: none;
	background-color: #326498;
}

.cp-h1-box .cp-search-result-download .cp-search-result-download-disabled,
.cp-h1-box .cp-search-result-download .cp-search-result-download-disabled:hover {
	cursor: default;
	background-color: #BBB;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */

	.cp-h1-box .cp-search-result-download {
		margin-top: 5px;
	}

	.cp-h1-box .cp-search-result-download a {
		width: 100%;
		margin: 0;
		display: inline-block;
	}
	
	.cp-h1-box .cp-profile-download-responsible a {
		width: 100%;
		margin: 0 0 5px 0;
		display: inline-block;
	}
}

.cp-h2 {
	font-size: 120%;
	border-bottom: solid 1px #AAA;
	margin: 25px 0 10px 0;
	padding: 0 5px 6px;
	position: relative;
}

.cp-h2::before {
 	border-bottom: solid 3px #205286;
 	width: 100px;
 	position: absolute; z-index: 1;bottom: 0;left: 0;
 	margin-bottom: -1px;
 	content: "";
}

.cp-h3 {
	font-size: 100%;
}

/* ツールチップ */
.cp-glyphicon-question-tooltip {
	background: transparent url('../images/cp-glyphicon.png') no-repeat 0px 0px;
	width:12px;
	height: 12px;
	margin-left: 5px;
	border: solid 1px #EEE;
}

.cp-glyphicon-profile-tooltip {
	color: #ffffff;
	background-size:contain;
	padding: 3px 5px 3px 5px;
	font-size: 100%;
	white-space: nowrap;
	display: inline-block;
	margin: 3px;
}

/* ソート機能 */
.cp-table-td-sort1{
	padding: 0px 0px 0px 10px;
	vertical-align:top;
}

.cp-table-td-sort2{
	padding: 0px 0px 0px 10px;
	vertical-align:bottom;
}

/* メッセージエリア */
.alert {
	color: #333333;
	background-image: none;
	display: table;
	width: 100%;
	text-align: left;
	padding: 10px 15px;
	margin: 10px 0 10px;
}

.alert .cp-glyphicon-info,
.alert .cp-glyphicon-confirmation,
.alert .cp-glyphicon-warning,
.alert .cp-glyphicon-danger {
	display: table-cell;
	width: 34px;
	height: 34px;
	vertical-align: top;
}

.alert p {
	margin-bottom: 0;
}

.cp-alert-info {
	background-color: #D5EBF6;
	border: 1px #9ACFEA solid;
}

.cp-alert-confirmation {
	background-color: #DFF0D8;
	border: 1px #B2DBA1 solid;
}

.cp-alert-warning {
	background-color: #FAF4D2;
	border: 1px #F0D548 solid;
}

.cp-alert-danger {
	background-color: #fee7e7;
	border: 1px #DCA7A7 solid;
}


.cp-glyphicon-info {
	background: transparent url('../images/cp-common-message-icon.png') no-repeat 0px 0px;		
}

.cp-glyphicon-confirmation {
	background: transparent url('../images/cp-common-message-icon.png') no-repeat -34px 0px;		
}

.cp-glyphicon-warning {
	background: transparent url('../images/cp-common-message-icon.png') no-repeat -68px 0px;		
}

.cp-glyphicon-danger {
	background: transparent url('../images/cp-common-message-icon.png') no-repeat -102px 0px;		
}

.cp-alert-inner {
	display: table-cell;
	width : -webkit-calc(100% - 44px);
	width : calc(100% - 44px);
	vertical-align: middle;
	padding-left: 10px;
	word-break: break-word;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.alert {
		padding: 8px 10px;
	}

	.alert .cp-glyphicon-info,
	.alert .cp-glyphicon-confirmation,
	.alert .cp-glyphicon-warning,
	.alert .cp-glyphicon-danger {
		background-size: 96px 24px;
		width: 24px;
		height: 24px;
	}
	
	.cp-glyphicon-info {
		background: transparent url('../images/cp-common-message-icon.png') no-repeat 0px 0px;		
	}
	
	.cp-glyphicon-confirmation {
		background: transparent url('../images/cp-common-message-icon.png') no-repeat -24px 0px;		
	}
	
	.cp-glyphicon-warning {
		background: transparent url('../images/cp-common-message-icon.png') no-repeat -48px 0px;		
	}
	
	.cp-glyphicon-danger {
		background: transparent url('../images/cp-common-message-icon.png') no-repeat -72px 0px;		
	}

	.cp-alert-inner {
		width : -webkit-calc(100% - 30px);
		width : calc(100% - 30px);
		padding-top:2px;
	}
	
	.cp-alert-inner {
		padding-left: 8px;
	}
}

/* input関連 */
.cp-form-group {
	margin-bottom: 20px;
}

.cp-checkbox-group-line {
	border-top: solid 1px #EEE;
	margin-top: 5px;
	padding-top: 10px;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
	padding-top: 2px;
}

.form-horizontal .cp-checkbox {
	margin-right: 5px;
}

.form-horizontal .cp-checkbox-label {
	margin-right: 10px;
}

.cp-horizontal-select {
	display: block;
	margin: 5px 0 0 0;
}

.cp-form-text-range {
	margin: 10px 5px 0 8px;
}

/* 複数選択プルダウン */
.ui-multiselect {
/*	height: 32px; */
}

.ui-icon-triangle-2-n-s {
	background-position: -68px 0;
	margin: 2px 0 0;
}

.ui-multiselect-menu {
	width: auto !important;
}

.ui-multiselect.ui-state-active,
.ui-multiselect.ui-button.ui-state-active:hover {
	background: #666666 none repeat scroll 0 0;
	border: solid 1px #AAAAAA;
}

.ui-multiselect {
	padding-left: 10px;
}

.ui-multiselect-checkboxes label {
	padding-left: 5px;
}

.ui-multiselect-header .ui-icon-closethick,
.ui-multiselect-header .ui-icon-check,
.ui-multiselect-header .ui-icon-circle-close {
	margin-top: 1px;
}

.ui-multiselect-checkboxes .ui-corner-all {
	font-weight: normal;
}

.ui-multiselect-checkboxes .ui-corner-all span{
	margin-left: 5px
}


@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-checkbox {
		top: 1px;
	}
	
	.cp-horizontal-select {
		display: inline-block;
		margin: 0px 2px 0px 2px;
		vertical-align: middle;
	}
	
	.cp-checkbox-group-vertical .checkbox {
		width: 100%;
	}

	.cp-select {
		width: auto;
	}
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.form-horizontal .cp-checkbox-group,
	.cp-checkbox-group-2column,
	.cp-checkbox-group-3column,
	.cp-checkbox-group-4column {
		padding-top: 0px;
	}

	.cp-checkbox-group-2column .checkbox {
		width: 50%;
		float: left;
	}
	
	.cp-checkbox-group-3column .checkbox {
		width: 33%;
		float: left;
	}

	.cp-checkbox-group-4column .checkbox {
		width: 25%;
		float: left;
	}

	.cp-checkbox {
		top: -1px;
	}

	.cp-form-group {
		margin-bottom: 30px;
	}
	
	.cp-input-2column {
		width : calc(50% - 10px);
		width : -webkit-calc(50% - 10px);
		margin: 0 5px;
		float: left;
	}
	
	.cp-input-2column-range {
		width : calc(50% - 20px);
		width : -webkit-calc(50% - 20px);
		float: left;
	}

	.cp-form-text-range {
		float: left;
		margin: 7px 10px;
	}
	
	.ui-multiselect {
		width: 100% !important;
	}
}

/* 詳細検索-所在地 */
.cp-checkbox-group-area {
	margin-bottom: 0;	
}

.cp-checkbox-group-area dt {
	text-align: left;
	padding: 5px 0;
}

.cp-checkbox-group-area dd{
	padding-top: 5px;
}

@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-checkbox-group-area dt {
		border-right: solid 1px #EEE;
		width: 80px;
	}
	
	.cp-checkbox-group-area dd{
		margin-left: 100px;
	}
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.form-group .col-sm-10 .cp-checkbox-group-line dl:first-child {
		margin-top : -10px;
	}

	.cp-checkbox-group-area dt {
		background-color: #EEE;
		padding: 6px 8px 4px;
	}

	.cp-checkbox-group-area dd{
		padding: 7px 8px 5px;
	}
}


/* 地図検索 */
.cp-map-box {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.cp-map-box-image,
.cp-map-box-text {
	display: table-cell;	
	vertical-align: top;
}

.cp-map-japan-area {
	border: solid 1px #aaa;
}

.cp-map-box-text {
	padding-left: 20px;
	width: 100%;
}

.cp-map-box-text.cp-map-box-text-first,
.cp-map-box-text.cp-map-box-text-second {
	width: 30%;	
}

.cp-map-box-text.cp-map-box-text-second .cp-map-box-text-link {
	height: 400px;
	border: 1px #c0c0c0 solid;
	overflow: auto;
}

.cp-map-box-text-area {
	margin-right: 10px;
}

.cp-map-box-text-number {
}

.cp-map-box-text .cp-map-box-text-link {
	margin-bottom: 0;
}

.cp-map-box-text .cp-map-box-text-link li {
	border-bottom: none;
	padding: 0;
}

.cp-map-box-text .cp-map-box-text-link a.cp-contents-link {
	margin-bottom: 0;
	position: relative;
	padding: 3px 4px 3px 25px;
}

.cp-map-box-text .cp-map-box-text-link .glyphicon-chevron-right {
	position: absolute;
	top: 10%;
	left: 5px;
}

.cp-contents-list.cp-map-box-text-link li:first-child {
	border-top: none;
}

.cp-map-box-contents .cp-map-box-image {
	position: relative;
}

.cp-map-japan-number {
	position: absolute;
	font-size: 13px;
	width: 65px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}

.map_areasearch{
	cursor: pointer;
}

/* 地図検索-北海道エリア */
.cp-map-hokkaido-number {
	top: 203px;
	left: 175px;
}


/* 地図検索-東北エリア */
.cp-map-aomori-number {
	top: 68px;
	left: 212px;
}

.cp-map-iwate-number {
	top: 137px;
	left: 257px;
}

.cp-map-miyagi-number {
	top: 213px;
	left: 249px;
}

.cp-map-akita-number {
	top: 137px;
	left: 166px;
}

.cp-map-yamagata-number {
	top: 213px;
	left: 166px;
}

.cp-map-fukushima-number {
	top: 305px;
	left: 213px;
}


/* 地図検索-関東エリア */

.cp-map-ibaraki-number {
	top: 125px;
	left: 286px;
}

.cp-map-tochigi-number {
	top: 120px;
	left: 188px;
}

.cp-map-gunma-number {
	top: 120px;
	left: 98px;
}

.cp-map-saitama-number {
	top: 185px;
	left: 148px;
}

.cp-map-chiba-number {
	top: 218px;
	left: 291px;
}

.cp-map-tokyo-number {
	top: 245px;
	left: 178px;
}

.cp-map-kanagawa-number {
	top: 309px;
	left: 182px;
}


/* 地図検索-北陸エリア */
.cp-map-niigata-number {
	top: 131px;
	left: 342px;
}

.cp-map-toyama-number {
	top: 217px;
	left: 202px;
}

.cp-map-ishikawa-number {
	top: 235px;
	left: 98px;
}

.cp-map-fukui-number {
	top: 299px;
	left: 69px;
}

/* 地図検索-中部エリア */
.cp-map-yamanashi-number {
	top: 187px;
	left: 326px;
}

.cp-map-nagano-number {
	top: 145px;
	left: 235px;
}

.cp-map-gifu-number {
	top: 145px;
	left: 138px;
}

.cp-map-shizuoka-number {
	top: 270px;
	left: 266px;
}

.cp-map-aichi-number {
	top: 270px;
	left: 155px;
}

.cp-map-mie-number {
	top: 285px;
	left: 35px;
}


/* 地図検索-近畿エリア */
.cp-map-shiga-number {
	top: 107px;
	left: 300px;
}

.cp-map-kyoto-number {
	top: 107px;
	left: 195px;
}

.cp-map-osaka-number {
	top: 202px;
	left: 172px;
}

.cp-map-hyogo-number {
	top: 114px;
	left: 82px;
}

.cp-map-nara-number {
	top: 202px;
	left: 245px;
}

.cp-map-wakayama-number {
	top: 318px;
	left: 210px;
}


/* 地図検索-中国エリア */
.cp-map-tottori-number {
	top: 128px;
	left: 285px;
}

.cp-map-shimane-number {
	top: 128px;
	left: 187px;
}

.cp-map-okayama-number {
	top: 204px;
	left: 285px;
}

.cp-map-hiroshima-number {
	top: 204px;
	left: 187px;
}

.cp-map-yamaguchi-number {
	top: 185px;
	left: 93px;
}


/* 地図検索-四国エリア */
.cp-map-tokushima-number {
	top: 197px;
	left: 275px;
}

.cp-map-kagawa-number {
	top: 139px;
	left: 275px;
}

.cp-map-ehime-number {
	top: 185px;
	left: 121px;
}

.cp-map-kochi-number {
	top: 248px;
	left: 168px;
}


/* 地図検索-九州エリア */
.cp-map-fukuoka-number {
	top: 61px;
	left: 208px;
}

.cp-map-saga-number {
	top: 61px;
	left: 130px;
}

.cp-map-nagasaki-number {
	top: 61px;
	left: 53px;
}

.cp-map-kumamoto-number {
	top: 190px;
	left: 199px;
}

.cp-map-oita-number {
	top: 97px;
	left: 287px;
}

.cp-map-miyazaki-number {
	top: 182px;
	left: 285px;
}

.cp-map-kagoshima-number {
	top: 282px;
	left: 214px;
}


/* 地図検索-沖縄エリア */
.cp-map-okinawa-number {
	top: 185px;
	left: 190px;
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-map-box-text {
		padding-left: 0px;
	}

	.cp-map-box-text .cp-map-box-text-link {
		margin: 0;
	}

	.cp-map-box-text .cp-map-box-text-link li {
		border-bottom: 1px solid #e4e4e4;
	}
	
	.cp-map-box-text .cp-map-box-text-link a.cp-contents-link {
		padding: 9px 35px 9px 10px;
		text-decoration: none;
		color: #333;
	}
	
	.cp-map-box-text.cp-map-box-text-first .cp-map-box-text-link a.cp-contents-link {
		padding-left: 2px;
	}
	
	.cp-map-box-text .cp-map-box-text-link .glyphicon-chevron-right {
		position: absolute;
		top: 20%;
		left: auto;
		right: 10px;
	}	

	.cp-map-box-text.cp-map-box-text-first {
		padding-right: 10px;
	}
	
	.cp-map-box-text.cp-map-box-text-second .cp-map-box-text-link {
		height: 400px;
		border: 1px #c0c0c0 solid;
		overflow: auto;
}

}


/* 法人プロフィール */

.cp-dl-horizontal {
}

.cp-dl-horizontal .cp-dl-horizontal {
	margin-left: 10px;
}

.cp-dl-horizontal dt {
	text-align: left;
	margin-top: 2px;
}

.cp-dl-horizontal dd {
	margin-top: 2px;
}

.cp-dl-horizontal .cp-dl-horizontal-none {
	color: #AAA;
}

/* 法人プロフィール-ボタン*/
.cp-dl-horizontal .cp-search-result-download {
}

.cp-dl-horizontal .cp-search-result-download a {
	text-decoration: none;
	background-color: #205286;
	color: #FFF;
	padding: 1px 8px;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
}

.cp-dl-horizontal .cp-search-result-download a:hover,
.cp-dl-horizontal .cp-search-result-download a:focus {
	text-decoration: none;
	background-color: #326498;
}

.cp-dl-horizontal .cp-search-result-download .cp-search-result-download-disabled,
.cp-dl-horizontal .cp-search-result-download .cp-search-result-download-disabled:hover {
	cursor: default;
	background-color: #BBB;
}

@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-dl-horizontal dt {
		margin-top: 5px;
		width: 170px;
	}
	
	.cp-dl-horizontal dd {
		margin-left: 190px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-dl-horizontal dt {
		margin-top: 8px;
	}

	.cp-dl-horizontal dd {
		margin-top: 1px;
		padding-left: 5px;
	}
	
	.cp-dl-horizontal .cp-search-result-download {
		margin-top: 5px;
	}
}

/* 法人プロフィール-モーダルウィンドウ */
.cp-modal-download-btn {
	text-decoration: none;
	background-color: #205286;
	color: #FFF;
	padding: 1px 8px;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
}
.cp-modal-download-btn:hover,
.cp-modal-download-btn:focus {
	color: #FFF;
	background-color: #326498;
}

.cp-modal-cancel-btn {
	text-decoration: none;
	background-color: #EEEEEE;
	padding: 1px 8px;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
}
.cp-modal-cancel-btn:hover,
.cp-modal-cancel-btn:focus {
	background-color: #E7E7E7;
}

/* アコーディオン */
.cp-collapse-btn,
.cp-collapse-btn:hover,
.cp-collapse-btn:focus,
.cp-collapse-btn:active {
	color: #333;
	text-decoration: none;
}

.cp-collapse-btn .glyphicon {
	color: #205286;
	margin-right: 7px;
	vertical-align: 20%;
	padding: 2px 3px 3px 3px;
	font-size: 55%;
	border-radius: 2px;
	background-color: #EEE;
}

@-moz-document url-prefix() {
	.cp-collapse-btn .glyphicon {
		padding: 3px 3px 2px 3px;
	}
}

.cp-collapse-btn-disabled .glyphicon {
	background-color: #BBB;
}

.cp-collapse-box {
	padding-bottom: 1px;
}

/* 閉じるボタン */
.cp-collapse-btn .glyphicon:before {
	content: "\2212";
}

/* 開くボタン */
.cp-collapse-btn.collapsed .glyphicon:before {
	content: "\002b";
}

.cp-form-group .control-label {
	text-align: left;
	font-weight: bold;
}
	


/* ----- 一覧テーブル ----- */

.cp-table-list {
	margin-bottom: 20px;
	word-break: break-all;
	font-size: 90%;
	border-top: 1px solid #CCC;
	width: 100%;
}

.cp-table-list > tbody > tr > td, 
.cp-table-list > tbody > tr > th,
.cp-table-list > tfoot > tr > td,
.cp-table-list > tfoot > tr > th,
.cp-table-list > thead > tr > td,
.cp-table-list > thead > tr > th  {
	border-bottom: 1px solid #CCC;
	padding: 5px 6px 4px 6px;
	height: 100%;
}

.cp-table-list > thead > tr {
}


.cp-table-list > thead > tr > th {
	background-color: #EEE;
	border-bottom: 2px solid #CCC;
	vertical-align: middle;
	white-space: nowrap;
}

.cp-table-nowrap {
	white-space: nowrap;
}

.cp-table-list .glyphicon {
	margin-right: 5px;
	color: #205386;	
}

.cp-table-list > tbody > tr > td > a {
	text-decoration: underline;
}

.cp-table-list > tbody > tr > td > a > span:hover {
	color: #00597B;
}

.cp-table-list .cp-glyphicon-newwin {
	background: transparent url('../images/cp-glyphicon.png') no-repeat -35px 0px;
	width:15px;
	height: 14px;
}
	
.table-hover tbody tr:hover {
	background-color: #E0EFF8; /* 行の背景色 */
}

/* 検索結果一覧用テーブル（FooTable） */

.cp-footable {

}

.footable-loaded {
	height: 100%;
}

.footable-row-detail {
	border-top: 1px solid #CCC;
	background-color: #F5F5F5;
}

.cp-table-list tbody tr td.cp-table-td-link {
	padding: 0;
	position: relative;
}

.cp-table-td-link a {
	display: inline-block;
	text-decoration: underline;
	width: 100%;
	height: 100%;
	padding: 6px 6px 4px;
}

.cp-table-td-collapse {
	white-space: nowrap;
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.footable-first-column {
		border-right: 1px solid #CCC; 
	}
	
	.cp-form-group {
		margin-bottom: 30px;
	}
	
	.cp-table-list tbody tr td.cp-table-td-link {
		padding: 0 20px 0 0;
		position: relative;
	}
		
	.cp-table-td-link a {
		text-decoration: none;
		color: #333;
	}
		
	.cp-table-td-link .glyphicon:after {
		content: "\e080";
		color: #205386;
	}
	
	.cp-table-td-link .glyphicon {
		position: absolute;
		top: 30%;
		right: 8px;
		color: #666;
	}

	.footable.breakpoint > tbody > tr > td > span.footable-toggle::before {
		font-size: 80%;
		color: #205386;
	}

	/* バルーンヘルプを拡大 */
	.cp-form-group .control-label {
	width: 100%;
	text-align: left;
	font-weight: bold;
	}

}


/* 法人プロフィール用テーブル */

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-table-profile {
		border: none;
		margin-bottom: 0;
	}
	
	.cp-table-profile thead {
		display: none;
	}
	
	.cp-table-profile tr {
		border: 1px solid #AAA;
		display: block;
		padding: 0 5px;
	}

	.cp-table-profile tr + tr{
		margin-top: 20px;
	}
	
	.cp-table-profile td {
		border-bottom: 1px solid #ccc;
		display: block;
		padding: 10px;
		text-align: right;
		/*min-height: 30px;*/
	}
	
	.cp-table-profile td:last-child {
		border-bottom: none;
	}
	
	.cp-table-profile td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}	
}

/* CSVダウンロード */
.cp-csv-download {
	width: 100%;
}
.cp-csv-download-half {
	width: 50%;
}

.cp-csv-download .cp-search-result-download a {
	text-decoration: none;
	background-color: #205286;
	color: #FFF;
	padding: 1px 8px;
	border-radius: 5px;
	margin-right: 5px;
	text-align: center;
	width: 45%;
	display: inline-block;
}

.cp-csv-download .cp-search-result-download a:hover,
.cp-csv-download .cp-search-result-download a:focus {
	text-decoration: none;
	background-color: #326498;
}

.cp-csv-download .cp-search-result-download .cp-search-result-download-disabled,
.cp-csv-download .cp-search-result-download .cp-search-result-download-disabled:hover {
	cursor: default;
	background-color: #BBB;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-csv-download {
		width: 100%;
	}
	.cp-csv-download-half {
		width: 100%;
	}
}


.cp-table-list > tfoot > tr > td,
.cp-table-list > tfoot > tr > th,
.cp-table-list > thead > tr > td,
.cp-table-list > thead > tr > th {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	vertical-align: middle;
}

/** 20171002追加 START**/
.cp-table-amount-list-wrap {
    margin-bottom: 20px;
    padding-top: 8px;
}

.cp-table-amount-list-wrap h3 {
    margin: 0 0 10px 0;
}

.cp-table-matrix tbody th {
    background: #eff4f9;
}

.cp-table-amount-list {
    margin-bottom: 0;
}

.cp-table-amount-list tr {
}

.cp-table-amount-list > tbody > tr > th,
.cp-table-amount-list > tbody > tr > td {
    border-bottom: none;
    border-top: 1px solid #CCC;
}

.cp-table-amount-list > tbody > tr:first-of-type > th,
.cp-table-amount-list > tbody > tr:first-of-type > td {
    border-top: none;
}

.cp-table-amount-list > tbody > tr:last-of-type > th,
.cp-table-amount-list > tbody > tr:last-of-type > td {
    border-bottom: 1px solid #CCC;
}

.cp-table-amount-list tbody td {
    text-align: right;
    white-space: nowrap;
}

.cp-table-amount-list tbody tr.child th {
    padding-left: 80px;
    border-top: none;
}

.cp-table-amount-list tbody tr.child td {
    border-top: none;
    font-size: 85.7%;
}

.cp-table-amount-list tbody tr.grandchild th {
    padding-left: 140px;
    border-top: none;
}

.cp-table-amount-list tbody tr.grandchild td {
    border-top: none;
    font-size: 85.7%;
}

.cp-table-amount-list tbody tr.total th {
}

.cp-table-amount-list tbody tr.total td {
    background: #eff4f9;
    font-weight: bold;
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
    .cp-table-amount-list-wrap {
        width: 100%;
        overflow-x: auto;
    }

    .cp-table-amount-list {
        width: 640px;
    }

	.cp-table-amount-list tbody tr.child th {
		padding-left: 30px;
	}

	.cp-table-amount-list tbody tr.grandchild th {
		padding-left: 50px;
	}
}


/* SPARQL実行結果表 */

.cp-table-sparql-div{
		/*横スクロール対応*/
	display: block;
	overflow-x: auto;
	margin-bottom: 60px;
}

.cp-table-sparql {
}

.cp-table-sparql-th {
}

.cp-table-sparql-pre {
	white-space: pre-wrap;
}

/** 20171002追加 END**/
/* ページ送り */
.cp-pagination {
	text-align: center;
	margin-bottom: 10px;
}

.cp-pagination ul {
	margin: 0;
}

.cp-pagination ul li a,
.cp-pagination ul li a:hover {
	color: #333;
	font-size: 110%;
}


.cp-pagination .cp-pagination-active a,
.cp-pagination .cp-pagination-active a:hover,
.cp-pagination .cp-pagination-active a:active,
.cp-pagination .cp-pagination-active a:focus {
	background-color: #666;
	border: 1px solid #666;
}


/* 検索条件 */

.cp-search-condition {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 12px 18px;;
	margin: 10px 0 20px 0;
}


.cp-search-condition .cp-search-condition-contents {
	display: inline-block;
	margin-right: 20px;
}

.cp-search-condition .cp-search-condition-label {
	font-weight: bold;
}


/* 再検索 */

.cp-search-research {
	background: #FFF;
	padding: 12px 18px;
	border: 1px solid #DDD;
	border-radius: 3px;
}

/* 検索結果一覧用テーブルのヘッダ */

.cp-search-result-head {
	margin-bottom: 10px;
	
}

/* 検索結果-件数 */
.cp-search-result-head .cp-search-result-info {
}

.cp-search-result-head .cp-search-result-info-total {
	margin-right: 20px;
}

/* 検索結果-表示切替 */
.cp-search-result-head .cp-search-result-display {
}

.cp-search-result-head .cp-search-result-display-btn {
	background-color: #E7E7E7;
	padding: 2px 6px;
	margin-left: 6px;
}

.cp-search-result-head .cp-search-result-display-btn.cp-display-active,
.cp-search-result-head .cp-search-result-display-btn.cp-display-active:hover,
.cp-search-result-head .cp-search-result-display-btn.cp-display-active:focus {
	background-color: #666;
	color: #FFF;
}

.cp-search-result-head .cp-search-result-display-btn:hover,
.cp-search-result-head .cp-search-result-display-btn:focus {
	background-color: #DDD;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-search-result-head .cp-search-result-display {
		margin-top: 5px;
	}
}


/* 検索結果-CSVダウンロードボタン*/
.cp-search-result-head .cp-search-result-download {
	text-align: right;	
}

.cp-search-result-head .cp-search-result-download a {
	text-decoration: none;
	background-color: #205286;
	color: #FFF;
	padding: 3px 10px;
	border-radius: 5px;
}

.cp-search-result-head .cp-search-result-download a:hover,
.cp-search-result-head .cp-search-result-download a:focus {
	text-decoration: none;
	background-color: #326498;
}

.cp-search-result-head .cp-search-result-download .cp-search-result-download-disabled,
.cp-search-result-head .cp-search-result-download .cp-search-result-download-disabled:hover {
	cursor: default;
	background-color: #BBB;
}

/* CURL-SPARQLエンドポイント */

.cp-curl {
    text-align: right;
}

.cp-curl-btn {
	margin-right: 15px;
    display: inline-block;
	margin: 0 0 0 auto;
	background-color: #EEEEEE;
}

.cp-curl-text {
	margin-right: 15px;
    display: inline-block;
	margin: 0 0 0 auto;
}

.cp-curl-btn:hover,
.cp-curl-btn:focus {
	background-color: #E7E7E7;
}

/* サンプルページ(SPARQL) */
.cp-sample-btn {
	margin-right: 15px;
    display: inline-block;
	margin: 0 0 0 auto;
	background-color: #EEEEEE;
}

.cp-sample-btn:hover,
.cp-sample-btn:focus {
	background-color: #E7E7E7;
}

/* SPARQLクエリ */

.cp-sparql-query {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-bottom: 15px;
}

.cp-sparql-query-btn {
	margin-right: 15px;
	background-color: #EEEEEE;
}

.cp-sparql-query-btn:hover,
.cp-sparql-query-btn:focus {
	background-color: #E7E7E7;
	margin-right: 15px;
}

.sparql-format {
	padding-top: 10px;
	margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-sparql-query-btn {
		width: 100%;
		margin-bottom: 10px;
	}
}

/* SPARQL検索画面 */

textarea.cp-sparql-textarea {
	margin-bottom: 15px;
	height: 300px;
}

.cp-sparql-label {
	padding-right: 0px;
	white-space:nowrap;
}

.cp-sparql-input {
	width: 200px;
	display: inline-block;
}

.cp-sparql-text {
	padding: 5px 5px 0;
	vertical-align: middle;
	white-space:nowrap;
}

.cp-sparql-search-btn-box {
	text-align: center;
}
.cp-sparql-search-btn {
	height: 40px;
	width: 220px;
	border-radius: 0px;
	background-color: #FEF17A;
	border: none;
	border-bottom: 3px solid #DBBE39;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 20px;
}

.btn-default.cp-sparql-search-btn:focus,
.btn-default.cp-sparql-search-btn:hover,
.btn-default.cp-sparql-search-btn:active {
	background-color: #FEF49C;
	border-bottom: 3px solid #DBBE39;
}

.cp-sparql-search-btn .glyphicon {
	margin-right: 6px;
	margin-top: 2px;
}



/* リンクリスト */
.cp-contents-link {
	list-style: none;
	margin-bottom: 5px;
	padding-left: 0px;
}

.cp-contents-link.cp-contents-link-active {
	text-decoration: none;
	cursor: default;
	color: #333;
	font-weight: bold;
}

.cp-contents-link {
	display: inline-block;
	width: 100%;
	text-decoration: underline;
}

a.cp-contents-link2 {
	text-decoration: underline;
}

/* リンクアイコン */
.cp-contents-link .glyphicon {
	color: #205386;
	width: 15px;
	height: 15px;
	margin: 2px 3px 0 0;
}


/* 一覧リスト */
.cp-contents-list {
	padding: 0;
	margin-bottom: 10px;
}

.cp-contents-list li {
	width: 100%;
	white-space: normal;
	border-bottom: solid 1px #E4E4E4;
	margin-bottom: 0;
	padding: 6px 4px;
	display: table;
}

.cp-contents-list li:first-child {
	border-top: solid 1px #E4E4E4;
}

.cp-contents-list-date {
	width: 160px;
	display: table-cell;
}

.cp-contents-list-text {
	width : -webkit-calc(100% - 130px) ;
	width : calc(100% - 130px) ;
	padding-left: 20px;
	display: table-cell;
}

.cp-contents-list-link .cp-contents-link {
	padding-left: 32px;
}

.cp-contents-link .glyphicon-question-sign {
	margin-left: -20px;
}

.cp-contents-link .cp-glyphicon-newwin {
	background: transparent url('../images/cp-glyphicon.png') no-repeat -35px 0px;
	width:15px;
	height: 14px;
	margin-left: -30px;
	margin-right: 8px;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-contents-list {
		margin: 0 -15px 10px;
	}

	.cp-contents-list li {
		padding: 6px 8px;
	}

	.cp-contents-list-date,
	.cp-contents-list-text {
		display: inline-block;
		width: 100%;
		padding-left: 0px;
	}
		
	.cp-contents-list-link li {
		padding: 0;
	}

	.cp-contents-list-link .cp-contents-link {
		position: relative;
		text-decoration: none;
		color: #333;
		padding: 6px 26px 6px 40px;
		margin: 0;
	}
	
	.cp-contents-list-link .cp-contents-link:hover,
	.cp-contents-list-link .cp-contents-link:focus {
		text-decoration: none;
		background-color: #E0EFF8;
	}
	
	.cp-contents-link .cp-glyphicon-link:after {
		content: "\e080";
		color: #205386;
	}
	
	.cp-contents-link .cp-glyphicon-link {
		position: absolute;
		top: 20%;
		right: 3px;
		color: #666;
	}

}


/**
 * フッタ_上（リンク）
 */

.cp-footer-top {

}

.cp-footer-top .container {
	text-align: center;
	padding: 0;
	zoom: 1;
	font-size: 90%;
}

.cp-footer-top .nav-justified > li {
	margin: 0;
}

.cp-footer-top .nav-justified > li > a {
	color: #FFF;
	border-radius: 0;
	margin: 0;
	padding: 10px;
}

.cp-footer-top .nav-justified > li > a:hover,
.cp-footer-top .nav-justified > li > a:focus {
	background-color: #555;
}

@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-footer-top .nav-justified {
		display: inline;
		width: auto;
		margin: 0;
	}
	
	.cp-footer-top .nav-justified > li{
		width: auto;
	}

	.cp-footer-top .nav-justified > li > a {
		text-decoration: underline;
	}
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */
	.cp-footer-top .nav-justified > li > a {
		border-bottom: solid 1px #666;
	}
}


/**
 * フッタ_下（企業情報等）
 */

.cp-footer-bottom {
	padding: 0 0 20px 0;
}

.cp-footer-cabinet {
}

.cp-footer-meti {
	padding-left: 65px;
	background: transparent url('../images/cp-address_logo.png') no-repeat 20px 20px;
}



.cp-footer-bottom .cp-footer-name,
.cp-footer-bottom .cp-footer-adress,
.cp-footer-bottom .cp-footer-phone,
.cp-footer-bottom .cp-footer-mail {
	margin-bottom: 0px;
	font-size: 90%;
}

.cp-footer-bottom .cp-footer-name {
	margin-top: 10px;
	font-size: 100%;
	font-weight: bold;
}

.cp-footer-bottom .cp-footer-adress {
}

.cp-footer-bottom .cp-footer-phone {
}

a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
	cursor: text; 
	color: #333;
}

.cp-footer-bottom .cp-footer-mail {
}

.cp-footer-bottom .cp-footer-mail a {
	text-decoration: underline;
}
.cp-footer-bottom .cp-footer-mail .cp-glyphicon-mail {
	background: transparent url('../images/cp-glyphicon.png') no-repeat -15px 0px;
	width:17px;
	height: 14px;
	margin-right: 5px;
	margin-top: -5px;
	color: #666;
	vertical-align: middle;
}


@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */

	.cp-footer-bottom {
		padding: 0 0 50px 0; 
	}
	
	.cp-footer-cabinet {
		margin-bottom: 10px;
		padding: 0;
	}
	
	.cp-footer-meti {
		padding-left: 15px;
		background: none;
		padding: 0;
	}

	
	.cp-footer-bottom .cp-footer-name,
	.cp-footer-bottom .cp-footer-adress,
	.cp-footer-bottom .cp-footer-phone,
	.cp-footer-bottom .cp-footer-mail {
		border-bottom: solid 1px #AAA;
		padding: 5px 0;
	}
	
	.cp-footer-bottom .cp-footer-name {
		font-size: 90%;
	}
	
	.cp-footer-meti .cp-footer-name {
		background: transparent url('../images/cp-address_logo.png') no-repeat 0px 3px;
		background-size: 19px 21px;
		padding-left: 25px;
	}
	
	.cp-footer-bottom .cp-footer-mail,
	.cp-footer-bottom .cp-footer-phone {
		position: relative;
		padding: 0;
	}
	
	.cp-footer-bottom .cp-footer-mail a,
	.cp-footer-bottom .cp-footer-phone a {
		text-decoration: none;
		color: #333;
		display: inline-block;
		width: 100%;
		padding: 5px 0;
	}
	
	.cp-footer-mail .cp-glyphicon-link:after,
	.cp-footer-phone .cp-glyphicon-link:after {
		content: "\e080";
		color: #205386;
	}
	
	.cp-footer-mail .cp-glyphicon-link,
	.cp-footer-phone .cp-glyphicon-link {
		position: absolute;
		top: 20%;
		right: 3px;
		color: #666;
	}

}

.cp-detail-search-btn-box {
	text-align: center;
}

.cp-research-btn {
	height: 40px;
	width: 220px;
	border-radius: 0px;
	background: #205286;
	border: none;
	font-size: 130%;
	font-weight: bold;
	color: #ffffff;
}

.btn-default.cp-research-btn:focus,
.btn-default.cp-research-btn:hover,
.btn-default.cp-research-btn:active {
	text-decoration: none;
	color:#ffffff;
	background-color: #326498;
}
@media screen and (min-width: 768px) , print {
/* 表示領域が768px以上の場合に適用するスタイル */
	.cp-search-input-w200 {
		width: 200px;
	}
}

/*タブ*/

ul.cp-nav-tab {
	margin-bottom: 10px;
	border-bottom: 3px solid #205286;
}

ul.cp-nav-tab li.cp-nav-item {
	text-align: center;
	min-width: 180px;
}

ul.cp-nav-tab li.cp-nav-item a {
	margin-right: 0;
	margin-bottom: 1px;
	padding: 8px 0;
	border-radius:0;
	background-color: #fff;
	border-top:  1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	color: #333;
}

ul.cp-nav-tab li.cp-nav-item + li.cp-nav-item a {
	border-left: none;
}

ul.cp-nav-tab li.cp-nav-item.active a {
	background-color: #205286;
	border-top:  1px solid #205286;
	border-left: 1px solid #205286;
	border-right: 1px solid #205286;
	color: #fff;
	border-collapse: collapse;
}

ul.cp-nav-tab li.cp-nav-item a span.display-result {
	font-size: 85.7%;
}


@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */

	ul.cp-nav-tab li.cp-nav-item {
		text-align: center;
		width: calc(100% / 3);
		min-width: inherit;
		font-size: 90%;
	}

	ul.cp-nav-tab li.cp-nav-item a span.display-result::before {
		content: "";
		display: block;
	}

}

p.cp-message a {
    background-color: #205286;
    color: #FFF;
    padding: 3px 10px;
    border-radius: 5px;
    margin-left: 10px;
    text-align: center;
	text-decoration: none;
}

p.cp-message a span {
	background: transparent url('../images/cp-newwidow.png') no-repeat;
	width: 16px;
	height: 14px;
	margin-right: 8px;
}
@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */

	p.cp-message a {
		display: inline-block;
		width: 100%;
		margin-top: 8px;
		margin-left: 0;
	}

	p.cp-message a span {
		background: transparent url('../images/cp-newwidow.png') no-repeat;
		width: 16px;
		height: 14px;
		margin-right: 8px;
	}
}
/*パネル*/

ul.list-inline.summary {
	margin-left: 0px;
	margin-bottom: 30px;
}

ul.list-inline.summary li {
	text-align: center;
	padding: 8px 12px;
	min-width: 140px;
	margin: 0;
	border:  1px solid #dddddd;
}

ul.list-inline.summary li + li{
	border-left:  0;
}

ul.list-inline.summary li span.number {
	font-size: 200%;
	line-height: 100%;
}

@media screen and (max-width: 767px) {
/* 表示領域が767px以下の場合に適用するスタイル */

	ul.list-inline.summary {
		width: 100%;
		margin-bottom: 10px;
	}

	ul.list-inline.summary li {
		min-width: inherit;
		width: calc(100% / 3);
		padding: 8px 4px;
	}


	ul.list-inline.summary li p {
		font-size: 90%;
	}

	ul.list-inline.summary li span.number {
		font-size: 130%;
		line-height: 100%;
	}
}

.cp-font label {
	font-weight: 400 !important;
}

@media screen and (min-width: 768px) {

	.cp-table-profile td.align-right{
		text-align: right;
	}
}



.cp-inquiry-percent100-btn {
	width:100%;
}
/* スマホ・タブレットメニュー */
@media(max-width:1024px){
    
    header .top.admin{
        min-height: 70px;
    }
    
}