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

a {
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

body{
width:750px;　
}


table {
	table-layout: fixed;
}
td {
	padding:5px;
	vertical-align:top;
	
}

img {
	text-align: center;
}
.text_title{
	font-size:large;
	font-weight: bold; 
}
.text_rank{
	font-size:x-large;
	font-weight: bold; 
}
.text{
	font-size:small;
}
.top {
	font-size:small;
	font-family:Verdana, Geneva, "sans-serif";
	text-align: center;
}

.inbox01 {
	width: 45%;
	margin: auto;
	float:left;
	text-align: center;
	margin-top:30px;
}
.all {
	clear:both;
	font-family:Verdana, Geneva, "sans-serif";
	font-size: medium;
	text-align: center;
	border: solid 0px #000000;
	width: 80%;
	padding: 20px;
	margin: 0px auto;
	}
	
.clear {
	clear:both;
}

.sample1 {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
	text-align: 		center;
}
.sample1 .caption {
	font-size:150%;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	text-align: 		center;
	padding-top:		50%;
	color:			#fff;
}
.sample1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.0);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.sample1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.img-sp {
    display: none;
}



@media screen and (max-width: 640px){
	
    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
}	



body{
width:100%;　
}

table {
 table-layout: fixed;
  margin: auto;
}
	
img {
max-width: 100%;
height: auto;
}
	
.top {
	font-size:small;
	font-family:Verdana, Geneva, "sans-serif";
	text-align: center;
}


.tbl-r02 th,
.tbl-r02 td {
   display: block;
  }


	
.clear {
	clear:both;
}

	
}