<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*MEMO
============================================================*/
/*====  bs5：モバイル・ファーストの場合  ====*/
/* カスタム, iPhone Retinaディスプレイ */
@media (min-width : 320px) {}
/* カスタム : Phones */
@media (min-width : 480px) {}
/* smサイズ : Small 小デバイス（横向きモバイル）*/
@media (min-width : 576px) {}
/* mdサイズ : Medium 中デバイス（タブレット）*/
@media (min-width : 768px) {}
/* lgサイズ : Large 大デバイス（デスクトップ）*/
@media (min-width : 992px) {}
/* xlサイズ : Extra large 特大デバイス（ワイド・デスクトップ）*/
@media (min-width : 1200px) {}
/* xxlサイズ : Extra extra large 超特大デバイス (よりワイドな・デスクトップ）*/
@media (min-width : 1400px) {}
/*====  bs5：非モバイル・ファーストの場合  ====*/
/* カスタム, iPhone Retinaディスプレイ */
@media (max-width : 320px) {}
/* カスタム : Phones */
@media (max-width : 480px) {}
/* カスタム :  */
@media (max-width : 575.98px) {}
/* smサイズ : 極小デバイス（縦向きモバイル, 576px未満）に適用 */
@media (max-width : 767.98px) {}
/* mdサイズ : 小デバイス（横向きモバイル, 768px 未満）に適用 */
@media (max-width : 991.98px) {}
/* lgサイズ : 中デバイス（タブレット, 992px 未満）に適用 */
@media (max-width : 1199.98px) {}
/* xlサイズ : 大デバイス（デスクトップ, 1200px 未満）に適用 */
@media (max-width : 1399.98px) {}
/*====  bs5 container デフォルトmax-width  ====*/
/*
  sm: 576px(540px),
  md: 768px(720px),
  lg: 992px(960px),
  xl: 1200(1140px),
  xxl: 1400(1320px)
*/

/*1.Foundation
============================================================*/
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
    /* iPhoneで文字を自動拡大させない*/
  }
}
/*sm,md(576~991.98)のmax-widthを100%にする（デフォルトは540px,720px）*/
@media (max-width: 991.98px) {
  .container, .container-sm, .container-md {
    max-width: 100%;
  }
}
body {
	xfont-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #444444;
	line-height: 1.6;
	font-size: 15px;}
h1{
	margin: 0 0 30px;}
h2,
h3,
h4,
h5,
h6,
p,
dl,
table {
	margin: 0 0 15px;}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: inherit;
	margin-top:0;
	font-weight:bold;
	line-height: 1.2;
	color: #444444;}

h1,.h1 {font-size:34px;}
h2,.h2 {font-size: 24px;}
h3,.h3 {font-size: 20px;}
h4,.h4 {font-size: 17px;}
h5,.h5 {font-size: 15px;}
h6,.h6 {font-size: 15px;}

.p-entry-coc h1,
.p-entry-coc h2,
.p-entry-coc h3,
.p-entry-coc h4,
.p-entry-coc h5,
.p-entry-coc h6,
.p-entry-coc .h1,
.p-entry-coc .h2,
.p-entry-coc .h3,
.p-entry-coc .h4,
.p-entry-coc .h5,
.p-entry-coc .h6{
	color:#396A38;}
.coc-border-bottom{
	border-bottom:1px solid #396A38;}

/* リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover { 
	overflow: hidden;
	outline: none;}

.lang-en,
[lang='en']{
		color:#45983B;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:90%;}


/*2.Layout
============================================================*/

/*ヘッダー*/
#l-header{
	margin-bottom:5px;
	border-bottom:3px solid #4C6600;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(48% 0% -90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,48% 0%,48% 103%,color-stop(0, rgb(250,251,234)),color-stop(0.65, rgb(235,240,207)),color-stop(1, rgb(191,204,133)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	background-image:linear-gradient(180deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbea,endColorstr=#ffbfcc85,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbea,endColorstr=#ffbfcc85,GradientType=0);
	
	}

/*ロゴ*/
#l-header h1{
	height:70px;
	margin:0;padding:0 15px 0;}
#l-header h1 a{
	height:70px;}
	@media only screen and (max-width : 991px) {
	#l-header{}
	#l-header h1{
		height:auto;
		padding:0;}
	#l-header h1 a{
		height:auto;}
	}

/*ナビゲーション全体*/
.navbar{margin-bottom:0;}
.navbar-default{
	background:none;
	border:none;}

/*メニュー開閉ボタン*/
.navbar-toggle{
	margin:10px 0 5px;
	font-size:13px;
	background: linear-gradient(#ffffff, #d6d6d6) repeat scroll 0 0 #d6d6d6;}

/*グローバルナビ*/
.navbar-collapse{
	border:none;}

	/*オリジナルクラス（縦のマージン調整）*/
	.p-globalnav{
		margin-top:25px;
		text-align:right;}
		@media only screen and (max-width : 991px) {
			.p-globalnav{margin-top:25px;}
		}

		.navbar-nav-item a{
			color: #777;
			background:none !important;}
		.navbar-default .navbar-nav &gt; .active &gt; a,
		.navbar-default .navbar-nav &gt; .active &gt; a:focus,
		.navbar-default .navbar-nav &gt; .active &gt; a:hover,
		.navbar-default .navbar-nav &gt; li &gt; a:hover,
		.navbar-default .navbar-nav &gt; li &gt; a:focus,
		.navbar-nav-item a:hover,
		.navbar-nav-item a:focus{
			color:#444;
			background:none !important;}

	/*スマホのメニュー*/
	@media only screen and (max-width : 480px) {
	.navbar-nav{
		background:rgba(240,240,240,0.6);}
	.navbar-nav-item{
		text-align:left;
		font-size:14px;
		border-bottom:1px solid #ccc;}
		.navbar-nav-item a:hover,
		.navbar-nav-item a:focus,
		.navbar-nav-item a:active{
			background:rgba(230,230,230,1.0) !important;}
	}
	.header-coc-logo{
		margin:0;
		text-align:right;}

#l-contents{
	padding-top: 10px;}
	#l-contents-main{}

body.coc-about #l-contents-main{
	border-top:none;}

		/** リンクにアンダーラインを付ける **/
		x#l-contents-main a{
			text-decoration: underline !important;}
	
		/** リンクのアンダーライン　付くと変なところは消す対策 **/
		#l-contents-main .btn,
		#l-contents-main .label{
			text-decoration: none !important;}

		#l-contents-main-footerNav{
			margin:0;padding:30px 0;
		}
	#l-contents-sub{}


#l-footer{
	min-height:67px;
	margin:0 0 0 0;
	border-top:3px solid #4C6600;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(48% 0% -90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,48% 0%,48% 96%,color-stop(0, rgb(250,251,234)),color-stop(0.65, rgb(235,240,207)),color-stop(1, rgb(191,204,133)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	background-image:linear-gradient(180deg,rgb(250,251,234) 0%,rgb(235,240,207) 65%,rgb(191,204,133) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbea,endColorstr=#ffbfcc85,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffafbea,endColorstr=#ffbfcc85,GradientType=0);}

#copyright{
	margin:0;padding:0;
	text-align:center;
	color:#444;
	font-size:14px;}
/*3.Object
============================================================*/

/*「c」compornent
--------------------------------------------------------------------------------*/
.hr-small{
	margin:0 0 5px !important;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #c9c9c9;}

.dl-horizontal dt{
	width:170px;}

.label a{
	text-decoration:none;}

.label-default{
	background:#aaa;}

/*受け付け終了*/
.label-closed{
	background:#ccc;}

/*開催終了*/
.label-completed{
	background:#ccc;}

/*すこし小さくする*/
.label-smaller{
	font-size:80%;}

/*Contact Form*/
.contact-form-submit{
	margin:30px auto 15px;padding:30px;
	text-align:center;
	background:#f6f6f6;}

/*bs4のスタイル継承（画像のレスポンシブ表示をしたときに、max-widthを100％にしてブロック表示
---------------*/
.img-responsive,
.thumbnail &gt; img,
.thumbnail a &gt; img,
.carousel-inner &gt; .item &gt; img,
.carousel-inner &gt; .item &gt; a &gt; img {
  display: block;
  max-width: 100%;
  height: auto;
}


/*画像のレスポンシブ表示をしたときに、中央寄せにしてwidthを100％にする（MTの画像センタリング時にも動作）
---------------*/
body.coc-blog .c-entry__body img.mt-image-center,
body.coc-project .c-entry__body img.mt-image-center,
img.img-responsive-center{
	width:100%;height:auto;
	margin:0 auto;
	text-align:center;}

/*colにガター（15px）を入れたくない場合は、親のrowに追加
---------------*/
.no-gutter &gt; [class*='col-'] {
	padding-right:0;
	padding-left:0;}

/*Bootstrapのパンくずの区切り文字を「/」から「&gt;」に変更
---------------*/
.breadcrumb &gt; li + li:before {
	padding: 0 5px;
	color: #ccc;
	xcontent: "/\00a0";
	content: "&gt;";}
.breadcrumb a {
	color: #606060;
}


/*テーブル（汎用）
---------------*/
	
	/*
	&lt;table class="table-th-center"&gt;…table内のthをすべて中央寄せにする
	&lt;table class="table-td-center"&gt;…table内のtdをすべて中央寄せにする
	&lt;table class="table-th-middle"&gt;…table内のthをすべてmiddleにする
	&lt;table class="table-th-middle"&gt;…table内のtdをすべてmiddleにする
	*/
	.table-th-center th,
	.table-td-center td{
		text-align:center;}
	.table-th-middle th,
	.table-td-middle td{
		vertical-align:middle !important;}
	.table-text-small{
		font-size:13px;}

/*背景
---------------*/
.bg-sample{
	background:#eee;}
.bg-lightGray{
	background:#f6f6f6;}
.bg-mediumGray{
	background:#e9e9e9;}
.bg-markerYellow{
	background:#FCFDC9}
.bg-datetime{
		background-color:#d80;
		color:#fff;}
.bg-bland{
	background-color: #6d81d7;}
.bg-globalnav{
	background: linear-gradient(#ffffff, #c1c9e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-color: #c1c9e8;}

.bg-cocProject{
	color:#fff;
	background:#264663;}

.bg-cocBlog{
	color:#fff;
	background:#A9C117;}

.bg-demae{
	color:#fff;
	background:#009870;}
	.bg-demae a{
		color:#fff;}

/*text、font（汎用）
---------------*/
.c-datetime,
.text-datetime{
	color:#d80;}

.text-brand,
.text-seeds{
	color:#4C6600;}

.text-demae{
	color:#009870}

.text-black{
	color:#444;}

.text-note{
	color:#666;}

.text-bold,
.font-bold{
	font-weight:bold;}

.text-normal,
.font-normal{
	font-weight:normal;}

.text-small,
.font-small{
	font-size:13px;}

.text-large,
.font-large{
	font-size:18px;}


/*囲み・ブロック
---------------*/
.c-content-block01{
	padding:10px;
	background-color:#f7f7f7;
	border:2px solid #ccc;
	border-radius:10px;}


/*注意書き（汎用）
---------------*/
.c-notice1em{
	padding-left:1em;
	text-indent:-1em;}

/*MT検索
---------------*/
.c-search{}
	.c-search-label{
	font-weight:normal;}
	.c-search-label:hover{
		cursor:pointer;}

/*カテゴリ一覧（5カラム）
---------------*/
ul.c-category{
	width:940px;
	margin:0 -12px 0;padding:0;}
	li.c-category-list{
		float:left;
		width:158px;
		margin:0 15px 15px;padding:0;
		list-style-type:none;
		text-align:center;}
		li.c-category-list img{
			box-shadow:0 0 3px #aaa;}
	@media only screen and (max-width : 992px) {
	ul.c-category{
			width:auto;
			text-align:auto;}
			li.c-category-list{
				width:20%;
				margin:0 0px 15px;padding:0 15px 0;
				text-align:center;}
				li.c-category-list img{
					width:100%;height:auto;}
}
	@media only screen and (max-width : 768px) {
	ul.c-category{
		width:auto;
		text-align:auto;}
		li.c-category-list{
			width:33%;
			margin:0 0px 15px;padding:0 10px 0;
			text-align:center;}
			li.c-category-list img{
				width:100%;height:auto;}
}
	@media only screen and (max-width : 480px) {
	ul.c-category{
			width:auto;
			text-align:auto;}
			li.c-category-list{
				width:50%;
				margin:0 0px 15px;padding:0 10px 0;
				text-align:center;}
				li.c-category-list img{
					width:100%;height:auto;}
}

/*カテゴリ一覧（4カラム）
---------------*/
.c-btnlist{
	margin:0 0 1em;padding:0;}
	.c-btnlist &gt; li{
		margin:0;padding:1em;
		text-align:center;
		list-style-type:none;}
		.c-btnlist__item{
			display:block;
			width:100%;
			margin:0;padding:1em 8px;
			color:#444;
			font-size:12px;
			line-height:1.2;}


/*記事汎用
---------------*/
.c-entry{
		margin-bottom:30px;}
	.c-entry-heading{
		margin:0 0 15px;padding:15px;
		box-shadow:0 0 3px #ccc;}
	/*コースの色*/
		/*なにも指定しない場合*/
		.c-entry-heading,
		.bg-grad-o{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(238,238,238) 0%,rgb(185,185,193) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(185,185,193)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(185,185,193) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(185,185,193) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(185,185,193) 100%);
			background-image:linear-gradient(180deg,rgb(238,238,238) 0%,rgb(185,185,193) 100%);
			/* Firefox v3.5+ */
			-moz-box-shadow:0px 0px 2px rgba(51,51,51,0.19);
			/* Safari v3.0+ and by Chrome v0.2+ */
			-webkit-box-shadow:0px 0px 2px rgba(51,51,51,0.19);
			/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
			box-shadow:0px 0px 2px rgba(51,51,51,0.19);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffb9b9c1,GradientType=0)
				progid:DXImageTransform.Microsoft.Glow(Color=#ff333333,Strength=2)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffb9b9c1,GradientType=0)
				progid:DXImageTransform.Microsoft.Glow(Color=#ff333333,Strength=2);}
		/*機械 m*/
		.c-entry-heading--m,
		.bg-grad-m{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(218,187,254) 0%,rgb(188,158,255) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(218,187,254)),color-stop(1, rgb(188,158,255)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(218,187,254) 0%,rgb(188,158,255) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(218,187,254) 0%,rgb(188,158,255) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(218,187,254) 0%,rgb(188,158,255) 100%);
			background-image:linear-gradient(180deg,rgb(218,187,254) 0%,rgb(188,158,255) 100%);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdabbfe,endColorstr=#ffbc9eff,GradientType=0)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdabbfe,endColorstr=#ffbc9eff,GradientType=0);}
		/*電気 e*/
		.c-entry-heading--e,
		.bg-grad-e{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(254,224,166) 0%,rgb(255,201,87) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(254,224,166)),color-stop(1, rgb(255,201,87)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(254,224,166) 0%,rgb(255,201,87) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(254,224,166) 0%,rgb(255,201,87) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(254,224,166) 0%,rgb(255,201,87) 100%);
			background-image:linear-gradient(180deg,rgb(254,224,166) 0%,rgb(255,201,87) 100%);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffee0a6,endColorstr=#ffffc957,GradientType=0)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffee0a6,endColorstr=#ffffc957,GradientType=0);}
		/*バイオ c*/
		.c-entry-heading--c,
		.bg-grad-c{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(228,236,156) 0%,rgb(215,222,63) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(228,236,156)),color-stop(1, rgb(215,222,63)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(228,236,156) 0%,rgb(215,222,63) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(228,236,156) 0%,rgb(215,222,63) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(228,236,156) 0%,rgb(215,222,63) 100%);
			background-image:linear-gradient(180deg,rgb(228,236,156) 0%,rgb(215,222,63) 100%);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe4ec9c,endColorstr=#ffd7de3f,GradientType=0)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe4ec9c,endColorstr=#ffd7de3f,GradientType=0);}
		/*建築 z*/
		.c-entry-heading--z,
		.bg-grad-z{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(167,231,240) 0%,rgb(96,209,227) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(167,231,240)),color-stop(1, rgb(96,209,227)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(167,231,240) 0%,rgb(96,209,227) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(167,231,240) 0%,rgb(96,209,227) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(167,231,240) 0%,rgb(96,209,227) 100%);
			background-image:linear-gradient(180deg,rgb(167,231,240) 0%,rgb(96,209,227) 100%);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa7e7f0,endColorstr=#ff60d1e3,GradientType=0)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa7e7f0,endColorstr=#ff60d1e3,GradientType=0);}
		/*総合 g*/
		.c-entry-heading--g,
		.bg-grad-g{
			/* Firefox v3.6+ */
			background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,219,211) 0%,rgb(255,157,132) 100%); 
			/* safari v4.0+ and by Chrome v3.0+ */
			background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,219,211)),color-stop(1, rgb(255,157,132)));
			/* Chrome v10.0+ and by safari nightly build*/
			background-image:-webkit-linear-gradient(-90deg,rgb(255,219,211) 0%,rgb(255,157,132) 100%);
			/* Opera v11.10+ */
			background-image:-o-linear-gradient(-90deg,rgb(255,219,211) 0%,rgb(255,157,132) 100%);
			/* IE v10+ */
			background-image:-ms-linear-gradient(-90deg,rgb(255,219,211) 0%,rgb(255,157,132) 100%);
			background-image:linear-gradient(180deg,rgb(255,219,211) 0%,rgb(255,157,132) 100%);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffdbd3,endColorstr=#ffff9d84,GradientType=0)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffdbd3,endColorstr=#ffff9d84,GradientType=0);}
		
			.c-entry-heading__title{
				width:100%;
				margin:0;padding:0px;
				line-height:1.0;
				font-size:20px;}
				.c-entry-heading__name,
				.c-entry-heading__alphabet,
				.c-entry-heading__type{
						display:block;
						float:left;
						padding-right:30px;}
				.c-entry-heading__name{
					font-size:20px;}
				.c-entry-heading__alphabet{
					font-size:15px;
					padding-top:5px;
					font-weight:normal;}
					.c-entry-heading__title &gt; [lang='en']{
					color:#444 !important;}
				.c-entry-heading__type{
					font-size:15px;
					padding-top:5px;
					font-weight:normal;}
	.c-entry-contact{
		font-weight:bold;}
		.c-entry-contact__subject{}
		.c-entry-contact__professor{}

	.c-entry-speciality{}
		.c-entry-speciality__title{}
		.c-entry-speciality__body{}

	.c-entry-researchtheme{}
		.c-entry-researchtheme__title{}
		.c-entry-researchtheme__body{}

	.c-entry-readmore{}
		.c-entry-readmore__btn{
			text-align:right;}

	.c-entry-seeds{}
		.c-entry-seeds__title{}
		.c-entry-seeds__body{}

	.c-entry-case{}
		.c-entry-case__title{}
		.c-entry-case__body{}

	.c-entry-keyword{}
		.c-entry-keyword__title{}
		.c-entry-keyword__body{}

	.c-category-course{}
		.c-category-course table  td &gt; ul{
			margin-bottom:0;}

/*出前授業記事
---------------*/
.c-demae-entry{
	margin-bottom:30px;}
	.c-demae-entry-heading{
		margin:0 0 1em;padding:0 0 0.5em;
		border-bottom:1px solid #009870;}
		.c-demae-entry-heading__title{
			margin:0;padding:0;}
	.c-demae-entry-body{}

	.c-demae-entry-body table th,
	.c-demae-entry-body table td{
		padding:2px;
		border-bottom:1px solid #dddddd;
		border-right:1px solid #dddddd;
		}


	.c-demae-entry-footer{}

/*出前授業タグ
---------------*/
.c-tag{
	margin:0 0 7px;padding:0;}
	.c-tag__item{
		float:left;
		margin:0 4px 4px 0;padding:3px 6px;
		list-style-type:none;
		font-size:12px;}

/*HOMEに戻るボタン
---------------*/
.c-footerNav-btn{
	margin:0 auto;padding:0;
	text-align:center;}

.img-size-nolimit {
	width: 100%;}
.img-w-responsive{
	max-width: 100%;}
.img-center{
	margin-left: auto;
	margin-right: auto;}

.test-question{
	color: #d34747;}
.test-success{
	color: #57b754;}


/*「p」project（専用で使うもの）
--------------------------------------------------------------------------------*/

.p-copyRight{
	margin:0 auto;padding:14px 0 0;
	text-align:center;
	color:#666;}

.p-panel-heading-projectOutline{
	background:url(../../css/img/common/bg_info.png) top left repeat-x;}





/*エントリーユニット-info（お知らせで使用）
----------------*/
.p-entryUnit-info__title{
	font-weight:normail;}


/*記事（article）
----------------*/
.p-entry-info{}

	/*headding*/
	.p-entry-info__heading{
		background:#f6f6f6;}
		.p-entry-info__title{
			margin:0;
			font-size:24px;}
		.p-entry-info__date{
			text-align:right;}

	/*body*/
	.p-entry-info__body{}

	/*footer*/
	.p-entry-info__footer{}

/*各サブメニュー
---------------*/
.p-top-btn {
	background: none repeat scroll 0 0 #caa64d;
	border-radius: 20px;
	color: #fff;
	height: 101px;
	padding: 2px 25px;
	width: 200px;
}
.p-top-btn:visited,
.p-top-btn:active,
.p-top-btn:hover {
	text-decoration: none;
	color: #fff;
}

.p-img-w50p{
	width: 50%;
}

.p-panel-heading{
	background: inherit !important;
}
.p-panel-default{
	border:none;
	box-shadow:inherit;
}

@media (max-width: 767px) {
/** Pull left xs **/
.pull-left-xs {
float: left;
}
.no-pull-xs {
float: none;
}
/** Pull right xs **/
.pull-right-xs {
float: right;
}
.p-img-xs-w100p{
	width:100%;
}
.u-xs-pt15{padding-top: 15px;}

#l-header nav {
	background: none;
}
#l-header-nav {
    background-color: #fff;
    padding: 5px 0 0 5px;
    width: 100%;
}
#l-header-nav li:first-child{
	display: none;
}
#l-header-nav .active{
    background: linear-gradient(#ffffff, #a1a9ff) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-color: #a1a9ff;
	border: 2px solid #fff;
}
#l-header-nav li{
    background: linear-gradient(#ffffff, #c1c9e8) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-color: #c1c9e8;
	float: left;
	width: 33%;
	border:2px solid #fff;
}
#l-header-nav li a{
margin-top: 15px;
margin-bottom: 15px;
display: block;
}
/*
#l-contents {
	padding-left: 0;
	padding-right: 0;
}
*/
.p-shortCutMenu{
	margin-left: 0;
    margin-right: 0;
}
.p-shortCutMenu-box,
.panel,
.c-entryList{
	xmargin:5px;
}
.panel{
	margin-bottom:15px;
}
.p-bnrList {
	margin: 0 0x 15px;
	padding: 0;
}
body.home #l-header-nav li#navHome,
body.schoolguide #l-header-nav li#navSchoolguide,
body.subjects #l-header-nav li#navSubjects,
body.schoollife #l-header-nav li#navSchoollife,
body.careers #l-header-nav li#navCareers,
body.facilities #l-header-nav li#navFacilities,
body.access #l-header-nav li#navAccess{
	background-color:  #9199d4;
	border: 2px solid #fff;
	background: linear-gradient(#ffffff, #9199d4) repeat scroll 0 0 #9199d4;
}

}

@media (min-width: 768px) {
/** Pull left sm **/
.pull-left-sm {
float: left;
}
.no-pull-sm {
float: none;
}

/** Pull right sm **/
.pull-right-sm {
float: right;
}
.xu-sm-pl0{padding-left: 0;}


}
@media (min-width: 992px) {
/** Pull left **/
.pull-left-md {
float: left;
}
/** Pull right **/
.pull-right-md {
float: right;
}
.xu-md-pl0{
	padding-left: 0;
}
}
@media (min-width: 1200px) {
/** Pull left **/
.pull-left-lg {
float: left;
}
/** Pull right **/
.pull-right-lg {
float: right;
}
.xu-lg-pl0{
	padding-left: 0;
}
}

/*MEMO
============================================================*/
.social-area-syncer{
/*	background: #F5F1E9;*/
	padding: 0 0;
}
/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button-syncer{
	overflow: hidden;
	width: 238px;
	margin: 1em auto;
	padding: 0;
	border: none;
	list-style-type: none;
}
/* デスクトップ */
@media screen and (min-width:480px){
	ul.social-button-syncer{
		width: 410px;
	}
}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li{
	overflow: hidden;
	float: left;
	text-align: center;
	height: 71px;
	margin: 0 8px;
	padding:0;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw{
	width: 71px;
}

/* [Facebook] */
.sc-fb{
	width: 69px;
}

/* [LINE] */
.sc-li{
	width: 50px;
}

.sc-li-img{
	border: none;
	margin: 0 auto;
	padding:0;
	width: 36px;
	height: 60px;
}
/* デスクトップPCではLINEボタンを表示しない */
@media screen and (min-width:480px){
	.sc-li{
		display: none;
	}
}
.u-bb1px{
	border-bottom:1px solid #ccc;}
.u-m0a{
	margin:0 auto;}



/*==============================
bs3継承
==============================*/
a{
	color: #337ab7;
	text-decoration: none;
}

/*  文字色  */
.text-muted {
  color: #777!important;
}
.text-primary {
  color: #337ab7!important;
}
a.text-primary:hover {
  color: #286090!important;
}
.text-success {
  color: #3c763d!important;
}
a.text-success:hover {
  color: #2b542c!important;
}
.text-info {
  color: #31708f!important;
}
a.text-info:hover {
  color: #245269!important;
}
.text-warning {
  color: #8a6d3b!important;
}
a.text-warning:hover {
  color: #66512c!important;
}
.text-danger {
  color: #a94442!important;
}
a.text-danger:hover {
  color: #843534!important;
}

/*  背景色  */
.bg-primary {
  color: #fff!important;
  background-color: #337ab7!important;
}
a.bg-primary:hover {
  background-color: #286090!important;
}
.bg-success {
  background-color: #dff0d8!important;
}
a.bg-success:hover {
  background-color: #c1e2b3!important;
}
.bg-info {
  background-color: #d9edf7!important;
}
a.bg-info:hover {
  background-color: #afd9ee!important;
}
.bg-warning {
  background-color: #fcf8e3!important;
}
a.bg-warning:hover {
  background-color: #f7ecb5!important;
}
.bg-danger {
  background-color: #f2dede!important;
}
a.bg-danger:hover {
  background-color: #e4b9b9!important;
}

/*  page-header  */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

/* list-inline */
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline &gt; li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}

/*btn 一部のみ*/
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
  font-size: 14px;
}
.btn-default:hover {
  background-color: #DDDDDD;
  border-color: #adadad;
}
.btn-primary{
	color: #fff;
	background-color: #337ab7;
	border-color: #245580;
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
}
.btn-primary:hover{
	background-color: #265a88;
	border-color: #1D4669;
}
.btn-block {
display: block;
width: 100%;
}


/* pager */
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}
.pager .previous &gt; a, .pager .previous &gt; span {
	float: left;
}
.pager .next &gt; a, .pager .next &gt; span {
	float: right;
}
.pager::before{
	display: table;
	content: " ";
}
.pager::after{
	clear: both;
	display: table;
	content: " ";
}

.pager li &gt; a, .pager li &gt; span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}
.pager li &gt; a:hover, .pager li &gt; a:focus {
	text-decoration: none;
	background-color: #eee;
}


/*  panel  */

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading &gt; .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title &gt; a,
.panel-title &gt; small,
.panel-title &gt; .small,
.panel-title &gt; small &gt; a,
.panel-title &gt; .small &gt; a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .list-group,
.panel &gt; .panel-collapse &gt; .list-group {
  margin-bottom: 0;
}
.panel &gt; .list-group .list-group-item,
.panel &gt; .panel-collapse &gt; .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel &gt; .list-group:first-child .list-group-item:first-child,
.panel &gt; .panel-collapse &gt; .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .list-group:last-child .list-group-item:last-child,
.panel &gt; .panel-collapse &gt; .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel &gt; .table,
.panel &gt; .table-responsive &gt; .table,
.panel &gt; .panel-collapse &gt; .table {
  margin-bottom: 0;
}
.panel &gt; .table caption,
.panel &gt; .table-responsive &gt; .table caption,
.panel &gt; .panel-collapse &gt; .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel &gt; .table:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:first-child,
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child td:last-child,
.panel &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; thead:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child,
.panel &gt; .table-responsive:first-child &gt; .table:first-child &gt; tbody:first-child &gt; tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel &gt; .table:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:first-child,
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child td:last-child,
.panel &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tbody:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child,
.panel &gt; .table-responsive:last-child &gt; .table:last-child &gt; tfoot:last-child &gt; tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel &gt; .panel-body + .table,
.panel &gt; .panel-body + .table-responsive,
.panel &gt; .table + .panel-body,
.panel &gt; .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel &gt; .table &gt; tbody:first-child &gt; tr:first-child th,
.panel &gt; .table &gt; tbody:first-child &gt; tr:first-child td {
  border-top: 0;
}
.panel &gt; .table-bordered,
.panel &gt; .table-responsive &gt; .table-bordered {
  border: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:first-child,
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:first-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:first-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:first-child {
  border-left: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; th:last-child,
.panel &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr &gt; td:last-child,
.panel &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr &gt; td:last-child,
.panel &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr &gt; td:last-child {
  border-right: 0;
}
.panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; td,
.panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; td,
.panel &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; thead &gt; tr:first-child &gt; th,
.panel &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:first-child &gt; th {
  border-bottom: 0;
}
.panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; td,
.panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; td,
.panel &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tbody &gt; tr:last-child &gt; th,
.panel &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th,
.panel &gt; .table-responsive &gt; .table-bordered &gt; tfoot &gt; tr:last-child &gt; th {

  border-bottom: 0;
}
.panel &gt; .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse &gt; .panel-body,
.panel-group .panel-heading + .panel-collapse &gt; .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default &gt; .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #ddd;
}
.panel-default &gt; .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary &gt; .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #337ab7;
}
.panel-primary &gt; .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success &gt; .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success &gt; .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info &gt; .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #bce8f1;
}
.panel-info &gt; .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning &gt; .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #faebcc;
}
.panel-warning &gt; .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger &gt; .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger &gt; .panel-heading + .panel-collapse &gt; .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger &gt; .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger &gt; .panel-footer + .panel-collapse &gt; .panel-body {
  border-bottom-color: #ebccd1;
}

.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}



</pre></body></html>