/*========================================================= (↓)角マル */
.corner{
	padding: 15px;
	font-size: 85%;
	color: #fff;
	background: #fff;
	border: 1px #ddd solid;
  	-moz-border-radius: 5px;
   	-webkit-border-radius: 5px;
	-opera-border-radius: 5px;
}

.corner-top{
	padding: 5px;
	font-size: 85%;
	color: #fff;
	background: #eee;
	border: 1px #ddd solid;
  	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
   	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-opera-border-radius-topright: 5px;
	-opera-border-radius-topleft: 5px;
}

/*========================================================= (↓)グラデーション */
.grade-gray{
	background: #fff;
	background: linear-gradient(#fff, #ddd);
	background: -webkit-gradient(linear, left top, left 100%, from(#fff), color-stop(50%,#f4f4f4), to(#eee), color-stop(50%,#eee));
	background: -moz-linear-gradient(top, #fff, #f4f4f4 50%, #eee 50%, #eee);
	background: -opera-linear-gradient(top, #fff, #f4f4f4 50%, #eee 50%, #eee);
}

.grade-pink{
	background: #fe6ab9;
	background: linear-gradient(#FF3D3E, #E40F09);
	background: -webkit-gradient(linear, left top, left 100%, from(#FF3D3E), to(#E40F09));
	background: -moz-linear-gradient(top, #fe6ab9, #ff9bd0);
	background: -opera-linear-gradient(top, #fe6ab9, #ff9bd0);
}

.grade-blue{
	background: #0070d9;
	background: linear-gradient(#2b96f9, #0070d9);
	background: -webkit-gradient(linear, left top, left 100%, from(#2b96f9), to(#0070d9));
	background: -moz-linear-gradient(top, #2b96f9, #0070d9);
	background: -opera-linear-gradient(top, #2b96f9, #0070d9);
}

.grade-red{
	background: #cc1519;
	background: linear-gradient(#ff0d0d, #cc1519);
	background: -webkit-gradient(linear, left top, left 100%, from(#ff0d0d), to(#cc1519));
	background: -moz-linear-gradient(top, #ff0d0d, #cc1519);
	background: -opera-linear-gradient(top, #ff0d0d, #cc1519);
}

.grade-black{
	background: #282e37;
	background: linear-gradient(#6b6e74, #282e37);
	background: -webkit-gradient(linear, left top, left 100%, from(#6b6e74), to(#282e37));
	background: -moz-linear-gradient(top, #6b6e74, #282e37);
	background: -opera-linear-gradient(top, #6b6e74, #282e37);
}

.grade-green{
	background: #003c3c;
	background: linear-gradient(#006e72, #003c3c);
	background: -webkit-gradient(linear, left top, left 100%, from(#006e72), to(#003c3c));
	background: -moz-linear-gradient(top, #006e72, #003c3c);
	background: -opera-linear-gradient(top, #006e72, #003c3c);
}
/****************************** (↓)spn-index.html ***************/
.article{
	font-size: 93%;
}

.article-div{
	background: #fff;
}

.article-h3{
	height: 35px;
	color: #fff;
	line-height: 1.9em;
	overflow: hidden;
	padding: 0 0 0 5px;
	border-bottom: 1px #ca0000 solid;
	background: #e90000;
	cursor: pointer;
}

.article-h3-span{
	font-size: 77%;
	font-weight: normal;
	padding: 0 0 0 5px;
}

.article-dl{
	padding: 5px 0 0 0;
}

.article-dl-dt{
	padding: 3px 5px;
	margin: 0 5px;
	line-height: 1.5em;
}

.article-dl-dd{
	padding: 0 0 5px 0;
}

.article-dl-dt-span{
	padding: 0 0 0 5px;
	border-left: 2px #fff solid;
}

.article-dl-dd-span{
	height: 15px;
	color: #e90000;
	display: block;
	overflow: hidden;
}

.article-dl-dd-a{
	margin: 5px;
	display: block;
	float: left;
}

.article-p{
	font-size: 93%;
	padding: 5px;
}

/*========================================================= (↓)clearfix */
.clearfix:after{
	content:'';
	clear:both;
	display:block;
	height:0;
	line-height: 0;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clear {
	clear: both;
}