@charset "UTF-8";
/* CSS Document */

/***************コンテンツ*********************/


/*glossaryHead*/
.glossaryHead {
	clear: both;
	padding: 8px 10px;
	background: #ebebeb;
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 50%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 50%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 50%,#ffffff 100%);
	font-size: 14px;
	color: #3e1f03;
	text-shadow: none;
}
.glossaryHead em {
	font-size: 20px;
	font-weight: bold;
	color: #af1b20;
}
.glossaryHead .searchCat {
	display: inline-block;
	width: 3.0em;
	font-size: 14px;
}
.glossaryHead a {
	font-size: 16px;
	font-weight: bold;
  color:#0c3575;
}


/*tabs*/
#tabs {
	clear: both;
}
#tabs .list {
	display: table;
	width: 100%;
	border-right: solid 1px #d8d8d8;
}
#tabs .list li {
	display: table-cell;
	width: 50%;
	height: 100%;
	border-top: solid 1px #d8d8d8;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	vertical-align: middle;
}
#tabs .list li a {
	position: relative;
	display: block;
	height: 100%;
	padding: 12px 5px 10px;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	background: #ededed;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	text-align: center;
	vertical-align: middle;
	color: #3e1f03;
	font-size: 15px;
	outline: none;
}
#tabs .list li a:before {
	content: "";
	position: absolute;
	width: 98%;
	height: 3px;
	background-color: #c4c4c4;
	top: 3px;
	left: 1%;
}
#tabs .list li a em {
	font-size: 18px;
	font-weight: bold;
}
#tabs .list li.on {
	border-bottom: solid 1px #f1f1f1;
}
#tabs .list li.on a {
	padding: 14px 5px 8px;
	border-bottom: solid 1px #f1f1f1;
	border-left: solid 1px #f1f1f1;
	background: #f1f1f1;
}
#tabs .list li.on a:before {
	background-color: #b81c22;
}

#tabs .tabBox {
	background-color: #f1f1f1;
	padding: 8px;
}

#tabs .tabBox .iconList01 {
	background-color: #ffffff;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
#tabs .tabBox .iconList01 li:first-child {
	border-top: none;
}


/*letterList*/
.letterList {
	padding: 0 2% 13px 2%;
	background-color: #ffffff;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}
.letterList dt {
	clear: both;
	float: left;
	width: 3.0em;
	padding: 7px 0 0 1.0em;
	margin: 16px 5px 0 0;
}
.letterList dt.other {
	padding-left: 0;
	width: 4.0em;
}
.letterList dd {
	float: left;
	width: 14.0%;
	margin: 15px 1.2% 0 0;
}
@media screen and (min-width: 420px) {
	.letterList dd {
	width: 15.4%;
	}
}
.letterList dd.other {
	min-width: 9em;
}
.letterList dd a {
	display: block;
	padding: 7px 12px;
	color: #0c3575;
	border: solid 1px #d8d8d8;
  -webkit-border-radius: 6px;
  border-radius: 6px;
	background: #ececec;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 1%, #ececec 99%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#ffffff), color-stop(99%,#ececec), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 1%,#ececec 99%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 1%,#ececec 99%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 1%,#ececec 99%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 1%,#ececec 99%,#ffffff 100%);

	text-align: center;
}
.letterList dd span {
	display: block;
	padding: 7px 12px;
	color: #999999;
	border: solid 1px #d8d8d8;
  -webkit-border-radius: 6px;
  border-radius: 6px;
	background: #e1e1e1;

	text-align: center;
}

/*glossaryList*/
.glossaryList {
	clear: both;
	padding-bottom: 20px;
}
.glossaryList dt {
	margin-top: 20px;
	padding-left: 30px;
	background: url(/smp/images/glossary/glossary_ic01.gif) no-repeat 0 0.2em;
	-moz-background-size: 27px 12px;
	background-size: 27px 12px;
	border-bottom: dotted 1px #dbdbdb;
}
.glossaryList dd {
	margin-top: 12px;
        line-height: 1.5;
}
.glossaryList dd .relatedLink li {
	position: relative;
	padding-left: 17px;
}
.glossaryList dd .relatedLink li :before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 7px solid #b71c22;
	border-right: 7px solid transparent;
	border-bottom: 3px solid transparent;
	top: 0.4em;
	margin-left: -15px;
}
.glossaryList dd .relatedLink li a {
	color: #0c3575;
}


/* clearfix
========================================== */
.letterList:after {
	content: "";
	display: block;
	clear: both;
}

.letterList {
	min-height: 1%;
	zoom: 1;
}