a{
    display: inline-block;
}
a span {
    display: none; /*テキストを消してa要素の背景だけを見えるようにする*/
}
a.size { width: 40px; height: 40px; }

div.section {
	margin-top: 50px;
	overflow-x: auto;
}

/*
dl {
	width: 400px;
}
*/
dt {
	font-weight: bold;

	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: lightgreen;

	padding-left: 8px;
}

dd {
/*
	font-size: 80%;
	line-height: 1.8;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
*/

	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 17px;

	padding-right: 15px;
	padding-left: 6px;
}

.affix {
	position: fixed;
	top: 70px;
}

table tbody tr:hover {
	/* 行の背景色 */
/*
	background-color: #e5e5e5;
	background-color: #eeeeee;
*/
	background-color: #EEFFFF;

}
.carousel-control {
	width: 30px;
	height: 30px;
	top: 0px;
}
.left.carousel-control {
	right: 30px;
	left: inherit;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 12px;
	background-color: #fff;
	line-height: 30px;
	text-shadow: none;
	color: #333;
	border: 1px solid #ddd;
}
/*
@media screen and (max-width: 640px) {
*/
@media screen and (max-width: 736px) {
.carousel-control {
	width: 16px;
	height: 16px;
	top: 0px;
}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right {
		font-size: 16px;
		background-color: #fff;
		line-height: 30px;
		text-shadow: none;
		color: #333;
		border: 1px solid #ddd;
	}
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-inverse {
	background-color: #65baad;
	border-color: #3e6962;
}

/* navbar テキストカラー */
.navbar-inverse .nav > li > a {
	color: #ffffff;
}

/* navbar hover,focus時のテキストカラー */
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
/*
	color: #26534c;
*/
	color: red;
	background-color: transparent;
}

/* navbar active設定時のカラー */
.navbar-inverse .nav > .active > a,
.navbar-inverse .nav > .active > a:focus,
.navbar-inverse .nav > .active > a:hover {
	color: #26534c;
	background-color: #c3ede7;
}

/* navbar ドロップダウン(親)のカラー */
.navbar-inverse .nav > .open > a,
.navbar-inverse .nav > .open > a:focus,
.navbar-inverse .nav > .open > a:hover {
	color: #3e6962;
	background-color: #c3ede7;
}

/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
	background-color: #65baad;
	border: 1px solid #3e6962;
	border: 1px solid #3e6962(0, 0, 0, .15);
	-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
	box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}

/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu > li > a {
	color: #ffffff;
}

/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #26534c;
	background-color: #c3ede7;
}

/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
	background-color: #3e6962;
}

/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
	.navbar-inverse .nav .open .dropdown-menu > li > a {
		color: #ffffff;
	}
	.navbar-inverse .nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .nav .open .dropdown-menu > li > a:hover {
		color: #26534c;
		background-color: transparent;
	}

/* ドロップダウンactive設定時のカラー */
	.navbar-inverse .nav .open .dropdown-menu > .active > a,
	.navbar-inverse .nav .open .dropdown-menu > .active > a:focus,
	.navbar-inverse .nav .open .dropdown-menu > .active > a:hover {
		color: #ffb163;
		background-color: #d4ede9;
	}
}

/* navbar ハンバーガー四角枠 */
.navbar-inverse .navbar-toggle {
	border-color: #ffffff;
}

/* navbar ハンバーガー三本線 */
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: #ffffff;
}

/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	border-color: #65baad;
}

/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-inverse .navbar-toggle:focus > .icon-bar,
.navbar-inverse .navbar-toggle:hover > .icon-bar {
	background-color: #65baad;
}

/* navbar Brand カラー */
.navbar-inverse .navbar-brand {
/*
	color: #ff5555;
*/
	color: #ff0000;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
/*
	color: #ff5555;
*/
	color: #ff0000;
	background-color: transparent;
}