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

.concept img {
    width: 100%;
}
.link_rank {
    background-image: url(../img/concept_rank.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    height: 312px;
    position: relative;
    /* text-align: center; */
    margin-top: -7px;
}
img.icon_list_bt {
    position: absolute;
    bottom: 15px;
    left: 22px;
    width: 90%;
    /* margin: 0 auto; */
}
@media screen and (min-width: 375px) {
	.link_rank {
		 height: 360px;
	}
}
@media screen and (min-width: 414px) {
	.link_rank {
		 height: 390px;
	}
}


dl{
text-align:left;
border: solid 1px #a9abae;
background:#ffffff;
padding:5px;
margin:5px;
font-family: HiraKakuProN-W3;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
dt{
text-align:center;
border: solid 1px #a9abae;
padding:5px;
font-family: HiraKakuProN-W6;
font-size: 16px;
margin:0 auto;
color:#FFF;
/* gradation */
background: #ebebeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ebebeb 2%, #717171 3%, #232323 29%, #000000 40%, #040404 61%, #272727 70%, #020202 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ebebeb), color-stop(3%,#717171), color-stop(29%,#232323), color-stop(40%,#000000), color-stop(61%,#040404), color-stop(70%,#272727), color-stop(100%,#020202)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebebeb 2%,#717171 3%,#232323 29%,#000000 40%,#040404 61%,#272727 70%,#020202 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebebeb 2%,#717171 3%,#232323 29%,#000000 40%,#040404 61%,#272727 70%,#020202 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebebeb 2%,#717171 3%,#232323 29%,#000000 40%,#040404 61%,#272727 70%,#020202 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebebeb 2%,#717171 3%,#232323 29%,#000000 40%,#040404 61%,#272727 70%,#020202 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#020202',GradientType=0 ); /* IE6-9 */
}
dd{
font-family: HiraKakuProN-W3;
font-size: 12px;
}

dd p{
font-size:14px;
line-height:1.3;
text-align:left;
border: 1px solid #BBBBBB;
padding:8px;
}
dd img{
max-width:500px;
display:block;
margin:auto;
}

dd img.access{
width: 100%;
}

dd img.access2{
    margin-left: 0;
}

dd img.newdis {
display: inline;
height: 18px;
width: 80px;
}

dd table{
width:100%;
}
dd table tr{
}
dd table th{
font-size:16px;
vertical-align:top;
font-weight:normal;
text-align:left;
padding:10px;
width:40%;
background-color:#333;
color:#FFF;
}
dd table td{
color:#000000;
font-size:16px;
padding:10px;
line-height:1.3;
}

dd table td span{
	color:#C60505;
	font-weight:bold;
	margin-left:5px;
}

dd table td.time {
    background-color: #EAEAEA;
    border: 1px solid #C6C6C6;
	text-align:center;
}

.btn{
width:92%;
padding:12px 8px;
margin:5px auto;
font-size:14px;
font-weight:bold;
text-align:center;
/* グラデ */
background: #8c9996; /* Old browsers */
background: -moz-linear-gradient(top,  #8c9996 0%, #171918 50%, #0a0e0a 50%, #0a0809 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c9996), color-stop(50%,#171918), color-stop(50%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8c9996 0%,#171918 50%,#0a0e0a 50%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8c9996 0%,#171918 50%,#0a0e0a 50%,#0a0809 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8c9996 0%,#171918 50%,#0a0e0a 50%,#0a0809 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8c9996 0%,#171918 50%,#0a0e0a 50%,#0a0809 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c9996', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

/* 角丸 */
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
border: 1px solid #555555;
}


.btn_2{
width:92%;
padding:12px 8px;
margin:5px auto;
font-size:14px;
font-weight:bold;
text-align:center;
/* グラデ */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e50606+0,d13e3e+49,a51a1a+99 */
background: rgb(229,6,6); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,6,6,1) 0%, rgba(209,62,62,1) 49%, rgba(165,26,26,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,6,6,1)), color-stop(49%,rgba(209,62,62,1)), color-stop(99%,rgba(165,26,26,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(229,6,6,1) 0%,rgba(209,62,62,1) 49%,rgba(165,26,26,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(229,6,6,1) 0%,rgba(209,62,62,1) 49%,rgba(165,26,26,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(229,6,6,1) 0%,rgba(209,62,62,1) 49%,rgba(165,26,26,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(229,6,6,1) 0%,rgba(209,62,62,1) 49%,rgba(165,26,26,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50606', endColorstr='#a51a1a',GradientType=0 ); /* IE6-9 */



/* 角丸 */
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
border: 1px solid #555555;
}



dl li{
	border-bottom:1px solid	#CCC;
	padding:8px;
} 

dl li strong{
	color:#609;
	padding:5px;	
}

dl li img{
	float:left;
	margin-right:5px;
}

dl #grade li span{
	color:#C60505;
	display:block;
	font-size:12px;
	font-weight:normal;
	padding:1px 0 5px;
}

dl iframe{
	margin:0 auto;
	display:block;	
}

dd table.boxstyle th{
width:60%;
font-size:10px;
}


a.access:link, a.access:visited, a.access:hover {
    color: #ff0000;
    text-decoration: none;
}

h4 img.icon_list_bt {
    bottom: 1.3%;
    left: 0;
    max-width: 571px;
    position: absolute;
    right: 0;
    width: 92%;
}

h4.concept {
    height: auto;
    position: relative;
    width: auto;
}