@charset "utf-8";
/* CSS Document */
body{
	font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, ;
	background-color:#000000;}
#container {
	width:100%; 
	margin:0 auto;
	padding-bottom:10px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	 *background-attachment: fixed; 
	}
	
#wrapper {
	position:relative;
	width:1000px;
	margin:0 auto; 
	padding:10px 0 0 0;
}

#logo {
	position:relative;
	width:1000px;
	height:250px;
	background: url(../images/top.png)  no-repeat;
}

#logo .category {
	position:absolute;
	width:250px;
	top:190px;
	left:500px;
	font-size:22px;
	color:#FFF;
	text-decoration:underline;
		text-align:center;
	}
	
	#logo .category h1{
		display:block;
		}
#logo .cate_rank {
	position:absolute;
	width:250px;
	top:215px;
	left:500px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	}
	#logo .cate_rank  p{
		display:block;
	}
	#main {
     *display:inline-block;
	float:right;
	width:810px;
	margin:10px 0  0 10px;
	padding-top:5px;
	background-color:#FFF;
	*background-color:rgba(255,255,255,0.65);
	}
	 .title {
		width:710px;
		background:#5EBD89;
		font-size:16px;
		margin:10px 0;
		padding:5px 50px;
	}
	h3  {
		font-size:14px;
		 line-height:13px;
		 padding:5px 0;

	}

	section  {
		width:100%;
		margin:0;
		font-size:0;
	}
 .bottom {
		width:800px;
		margin:20px 0;
		padding-left:10px;
		background:#C7CCCA;
		font-size:0;
	}
		
 .all {
		width:720px;
		margin:10px 0 20px;
		padding-left:90px;
		background:#C7CCCA;
		font-size:0;
	}
	.detail {
		display:inline-block;
		font-size:0;
		margin:0;
		padding:0;
		vertical-align:top;

	}
	.item_l {
		display: table-cell;
		width:150px;
		height:150px;
		margin:auto;
		text-align:center;
		background:#C7CCCA;
		vertical-align: middle;
	}
	.text_l{
		display:tablel;
		width:290px;
		height:150px;
		margin:0 auto;
		padding-left:10px;
		font-size:12px;
	    line-height:2;
		background:#C7CCCA;
	}
	.coment {
		width:340px;
		height:145px;
		margin:0 ;
		padding:5px  10px 0px 20px;
		font-size:12px;
		line-height:18px;
	background:#C7CCCA;
}
	.rankWrapper {
		*width:350px;
		display:inline-block;
		margin:0;
		vertical-align:top;
		font-size:0;
	}
		.item_m {
		display: table-cell;
		width:130px;
		height:150px;
		margin:auto;
		*padding:0 10px 0 0;
		text-align:center;
		background:#C7CCCA;
		vertical-align: middle;
	}
	.item_square{
	}
	
	
	
	.text_m{
		display:table;
		width:275px;
		height:150px;
		margin:0;
		padding:5px 0 0 10px;
		font-size:10px;
	   line-height:2;
	   background:#C7CCCA;
	}
	
.item_s {
	*display:block;
		width:145px;
		*height:190px;
		margin:auto;
		padding:5px;
		text-align: center;
		background:#C7CCCA;
	}
.text_s{
		display:table;
		width:130px;
		margin:0  0 10px 20px;
		*padding-top:10px;
		font-size:11px;
	   line-height:10px;
	   	background:#C7CCCA;
		text-align: center;

	}
	.item_a {
	*display:block;
		width:200px;
		*height:190px;
		margin:0 10px;
		padding:5px 0 0 0;
		*text-align:left;
	}
.text_a{
		display:table;
		width:150px;
		margin:0 0 0 10px;
		*padding-top:10px;
		font-size:12px;
	   line-height:5px;
	}
	
.lineclamp {

  /* config */
  line-height: 1.5;
  height: 3em;
  background-color: #C7CCCA;
  /* config end */

  position: relative;
  padding-right: 1em;
  overflow: hidden;
}

.lineclamp:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}

.lineclamp:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
  margin-left: -1em;
}
	

	
	table .odd {
	display:block;
	width:70px;
	 *height: 0.1em;
	*margin:10px auto;
	*padding: 5px;
	*line-height:1;
	text-align:left;}	

.b_line	{
	border-bottom:1px  dashed #555555;
		border-top:1px dashed #555555;
}

	
	.rank_1 {
display:block;
*float:left;
width:100%;
height:43px;
margin:5px 5px -20px;
font-size:14px;
font-weight:bold;
color: #000;
padding:25px  0  0 70px;
background:url(../images/crown_01.png) no-repeat;}	
		
	.rank_2 {
display:block;
*float:left;
width:100%;
height:50px;
margin:10px 0 -30px 10px;
font-size:13px;
font-weight:bold;
color: #000;
padding:45px  0  0 5px;
background:url(../images/crown_02.png) no-repeat;}		

	.rank_3 {
display:block;
*float:left;
width:100%;
height:50px;
margin:10px 0 -30px 10px;
font-size:13px;
font-weight:bold;
color: #000;
padding:45px  0  0 5px;
background:url(../images/crown_03.png) no-repeat;}		

	.rank_4 {
display:block;
*float:left;
width:100%;
height:50px;
margin:10px 0 -30px 10px;
font-size:12px;
font-weight:bold;
color: #000;
padding:45px  0  0 5px;
background:url(../images/crown_04.png) no-repeat;}		

	.rank_5 {
display:block;
*float:left;
width:100%;
height:50px;
margin:10px 0 -30px 10px;
font-size:12px;
font-weight:bold;
color: #000;
padding:45px  0  0 5px;
background:url(../images/crown_04.png) no-repeat;}		

	.rank_10 {
display:block;
*float:left;
width:100%;
height:43px;
margin:0 0 -35px 95px;
font-size:14px;
font-weight:bold;
*color: #C30609;
padding:28px  0  0 23px;
background:url(../images/crown_01.png) no-repeat;}	

	.rank_20 {
display:block;
*float:left;
width:100%;
height:43px;
margin:0 0 -35px 170px;
font-size:14px;
font-weight:bold;
*color: #C30609;
padding:28px  0  0 23px;
background:url(../images/crown_02.png) no-repeat;}	

	.rank_30 {
display:block;
*float:left;
width:100%;
height:43px;
margin:0 0 -35px  170px;
font-size:14px;
font-weight:bold;
*color: #C30609;
padding:28px  0  0 23px;
background:url(../images/crown_03.png) no-repeat;}	
/*====================
 navigation
====================*/

#menu-wrap  {
	*display:inline-block;
	float:left;
	width:175px;
	margin:10px auto;
	border:solid #FFF 2px;
	background: #666;
	*margin-top:270px;
    *top:0;
    *position: fixed;
}

.menu_title {
	background:url(../images/medal.png) no-repeat #FFFFFF;
	font-size:13px;
	font-weight:bold;
	height:25px;
	padding:5px 0 0 30px;}
	
.cate_top {
	font-size:13px;
	font-weight:bold;
	color:#FFDB43;
	padding:0 0 10px 10px;}
		
#g_navi ul {
	display:block;
		margin:20px 0  50px;
		font-size:14px;
	}
#g_navi  ul  li{
	display:block;
	width:100%;
   height:30px;
	background:url(../images/arrow.png)  no-repeat;
	line-height:20px;
	margin:0  0 15px 10px;
	padding:0 20px;
	
	}
	
#g_navi  ul li a {
	color:#FFFFFF;
	 vertical-align:text-bottom;
}
#g_navi ul li a:hover {
	*display:block;
	color:#FF9600;
}

	.fixed{
	  position: fixed;
	  top: 0px;
	  z-index: 9999;
	}
/*====================
footer
====================*/

footer {
	position:absolute;
	width:810px;
	left:190px;}
	
.col_box {
	background-color:#FFF;
	border-top:solid #04A73F 4px;
	width:100%;
	margin:0 ;
	padding:20px 0;
	text-align: center;}


/*====================
 +clearfix
====================*/
.clearfix/*,
#container*/	{
	overflow: hidden;}/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}.clear{display:inline-table; zoom:1;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */