/***************************

  css reset
  
***************************/
html, body, div, span, strong, iframe,
h1, h2, h3, h4, h5, h6, p,
a, address, img, pre,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
ol, ul {
    list-style: none;
}
img{vertical-align: bottom;}
a, p, div, ul, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a:hover{
	text-decoration:underline;
}
body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}


/***************************

  font
  
***************************/
[class^="icon-"], [class*=" icon-"] {
	  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.icon-tokei:before {
	content: "\f017";
}



/**********************

contents

**********************/
span.itemname {
  height: 100px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

		#mool-rank-t2 tr:hover {

		background-color:#FFFFCC;
		-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition: all .3s;
			transition: all .6s;
		}
		
		.mool-rank-t2 .tool-title p{
		float:left;
		}
		.mool-rank-t2 .tool-contents p.mool-rank-t2-title{
		margin:0px 5px;
		padding:15px 10px;
		border-bottom:#CCCCCC solid 1px;
		}
		.mool-rank-t2 .clearfix:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0;
		line-height: 0;
		clear: both;
		}
		.mool-rank-t2 .titletable{
		font-size:12px;
		text-align:center;
		width:100%;
		}
		.titletable th{
		padding: 5px 0;
	    border: 1px #000000 solid;
		}
		td.titlename{
		text-align:left;
		}	
		.mool-rank-t2 span.title2{
		font-size:24px;
		}
		
		.left{
		float:left;
		}
		.mool-rank-t2 .revBox {
		padding: 10px;
		border-bottom:1px #CCCCCC solid;
		font-size:12px;
		margin:0 5px;
		}
		
		.mool-rank-t2 .revBox dt{
		border-right:1px #CCCCCC solid;
		overflow:hedden;
		width:30%;
		box-sizing:border-box;
		float:left;
		}
		.mool-rank-t2 .revBox dd{
		float: left;
		}
		.revBox p.i-name{
		padding:5px;
		box-sizing:border-box;
		float:left;
		width: 60%;	
		}
		
		.mool-rank-t2 .revBox dt p.img{
		float: left;
		padding-right: 10px;
		max-width:100px;
		box-sizing:border-box;
		width:40%;
		}
		.mool-rank-t2 .revBox dt p.img img{
		max-width:80px;
		width:100%;
		}
		.mool-rank-t2 .inline{
		margin-top:20px;
		display:block;
		margin-right:20px;
		overflow:hidden;
		float:left;
		}
		.mool-rank-t2 .inline-text{
		width: 70%;
		box-sizing: border-box;
		display:inline-block;
		margin-right:20px;
		overflow:hidden;
		}
		.mool-rank-t2 .revBox .description{
		padding-top:0;
		padding-left:20px;
		float:right;
		width:70%;
		box-sizing: border-box;
		}
		.mool-rank-t2 .tool-contents tr a.link{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0;
		}
		.mool-rank-t2 span.str strong {
		color: #FF9900;
		font-weight: normal;
		}
		.mool-rank-t2 .icon-king{
			font-size:55px;

		}
	
		.mool-rank-t2 .icon-king3{
			font-size:45px;

		}
		.mool-rank-t2 .no1{
		font-weight:bold;
		color:#E5BA31;
		font-size:21px;
		}
		.mool-rank-t2 .no2{
		font-weight:bold;
		color:#8E8E8E;
		font-size:21px;
		}
		.mool-rank-t2 .no3{
		font-weight:bold;
		color:#B06E4D;
		font-size:21px;
		}
		.mool-rank-t2 .no4{
		font-weight:bold;
		color:#333333;
		font-size:21px;
		}
		.mool-rank-t2 .revBox dt{
		border:none;
		width: 100%;
		}
		.mool-rank-t2 .revBox dt img{
		width:100%;
		}
		.mool-rank-t2 .tool-contents2 li a.link{
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0;
		}
		.mool-rank-t2 .red{
		color:#FF0000;
		font-weight:bold;
		}
		#mool-rank-t2 tr{
		border-bottom:#000000 1px solid;
		}
		td img{
width:80px;
height:80px;
}
		/***タイトル***/
		.mool-rank-t2 .tool-title{
		font-family:'Oswald';
		font-size:16px;
		overflow: hidden;
		position: relative;
		padding:10px;
		}
		/*コンテンツ*/
		.mool-rank-t2 .tool-contents2{
		margin-top:5px;
		overflow:hidden;
		}
		.mool-rank-t2{
		overflow:hidden;
		}	
.mool-rank-t2 .update{
		position:absolute;
		right: 10px;
		top: 5px;
		border-radius: 10px;
		padding: 1px 15px 1px;
		width:280px;
		}    
                 .titlename a{
                 max-height: 4.5em;
                 overflow: hidden;
                 display: block;
                }