@charset "utf-8";
body{
margin:0;padding:0;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þ⥴¥·¥Ã¥¯" , "Yu Gothic" , "Þ⥴¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
	font-size:90%;
}
img.products  {
	width:100px;
/*	height:100px;*/}

a:link,a:visited{
text-decoration:none !important;
}

/************************************************
 tables
************************************************ */
table.table01 {
    margin: 0;
    width: 700px;
	padding:0;
}
table.table01 td {
	vertical-align:top;
	padding:3px;
	margin:0;
}

table.table01 td table{
	min-height:290px;
}

table.table01 td table td{
	vertical-align:top;
	width:200px;
    border: 3px solid #C2B151;
	text-align:center;
	font-size:90%;
	background-color:#FDFDE8;
	line-height: 130%;
}

table.table03 {
    margin: 0px 0px 15px 0;
    width: 100%;
    max-width:700px;
	padding:0;
}
table.table03 th {
    padding: 8px;
    font-weight: normal;
	text-align:center;
	background-color:#F5A000;
	background: url("https://www.packageart.shop/otyanoko/image/ranking_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}
td img{
	margin:0;
	border:1px #CCCCCC solid;
}
td img.rankimg{
	width:90px;
	margin:0;
	border:none;
}
hr{
border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #666, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #666, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #666, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #666, #ccc);
}
/* ¥Õ¥©¥ó¥È
----------------------------------------------- */
h1,
h3,
h4,
h5 {
    font-size: 85%;
    line-height: 1.2em;
	margin:0;
	padding:0;

}
h2{
	font-size:150%;
    line-height: 1.2em;
	margin:0;
	padding:0;
	font-weight:bold;
    color: #FFF;
    text-shadow: 1px 1px 1px #F53400;

}
p{  font-size: 85%;
	margin:0;
	padding:7px 0 0 0;
	font-weight:bold;
    color: #FFF;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}


@media screen and (max-width: 480px) {
body,table.mytable td {font-size:12px !important;}
table{width:100% !important; margin:0 auto!important; padding:0!important;}
table.table03 {width:100% !important; margin:0 auto;}
table.table04 {width:100% !important; margin:0 auto;}
table th {background-image:none;background-color:#fff; padding:3px 8px;}
td img{ width:60px !important;height:80px!important;}
td img.rankimg{ width:70% !important;}
table.table01 td table td{ width:20%; padding:0 !important; margin:0 !important;	font-size:80%;	background-color:#FDFDE8;
	line-height: 130%;}
table.table01 td table{	min-height:200px;}
th.head img{display:none;}
th.head h2{margin:0;padding:0; font-size: 10px;color:#000;}
th.head h2 p{display:none !important;}
}