/*PC用*/
@media screen and (min-width:1000px) {

#maincontents {
	width:800px;
	margin:0 auto;
	padding:0 0 0 0;
}

#wrapper {
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#header {
	width:980px;
}

#footer {
	width:980px;
	text-align:center;
}


#sidenavi {
	width:180px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
    
ul.MainList {
	width:750px;
}
    
ul.SubList {
	width:750px;
    display:table;
}
    

ul.MainList li {
	display:block;
	list-style:none;
	float:left;
	width:150px;
	height:300px;
	margin:5px;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
}
    

ul.SubList li {
	display:table-cell;
	list-style:none;
	float:left;
	width:110px;
	height:280px;
	margin:5px;
	color:#FFFFFF;
	font-size:12px;
	padding:10px;
}

    
span.Price {
	font-size:11px;
}
    
 ul.AllRank li {
	display:inline-block;
	width:200px;
	margin:20px;
	padding:20px;
	font-size:11px;
	color:#FFFFFF;
}
    
#sample {
 float:center;
 padding:10px;
 margin-bottom:10px;
}
    
#sample .text {
 text-align:left;
 width:60%;
 height:40px;
 border:2px solid #CCC;
 font-size:25px;
 text-indent:10px;
 margin-right:5px;
}
    
#sample .btn {
 float:center;
 width:6.6%;
 margin-bottom:-28px;
}

}


/*スマホ用*/
@media screen and (max-width:1000px) {
#maincontents {
	width:100%;
	margin:0 auto;
	padding:0 0 0 0;
}

#wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#header {
	width:100%;
}

#footer {
	width:100%;
	text-align:center;
}


#sidenavi {
	width:180px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
    
ul.MainList {
	width:100%;
    text-align: left;
}
    
ul.SubList {
	width:100%;
    text-align: left;
}
    
ul.MainList li {
	display:inline-block;
	list-style:none;
	width:29%;
	margin:5px;
	color:#FFFFFF;
	font-size:21px;
	padding:10px;
}
    

ul.SubList li {
	display:inline-block;
	list-style:none;
	width:21%;
	margin:5px;
	color:#FFFFFF;
	font-size:21px;
	padding:10px;
}

    
span.Price {
	font-size:16px;
}
    
 ul.AllRank li {
	display:inline-block;
	width:30%;
	margin:5px;
	padding:5px;
	font-size:11px;
	color:#FFFFFF;
}
    
    p {margin: 0;}
    
#sample .text {
 text-align:left;
 width:60%;
 height:70px;
 border:2px solid #CCC;
 font-size:25px;
 text-indent:10px;
 margin-right:5px;
}
    
#sample .btn {
 float:center;
 width:7.4%;
 margin-bottom:-28px;
}
  
}



a {
text-decoration: none;
color: #ffffff;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
td a {
text-decoration: none;
color: #ffffff;
font-size:12px;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
td {
text-decoration: none;
color: #ffffff;
font-size:12px;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
-->
</style> <style type="text/css">
<!--
.fonts {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
}
.unnamed1 {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
}
.unnamed2 {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
}




ul.SubList li img {
	margin-bottom:10px;
}




.GoTop {
	clear:both;
	margin-bottom:20px;
}

 ul.AllNavi,ul.AllRank {
	color:#FFFFFF;
	list-style:none;
}

 ul.AllNavi li {
     display: inline-block;
	margin:5px;
	padding:20px;
	font-size:11px;
	background-color:#333333;
}




 ul.AllNavi li:hover {
	background-color:#444444;
}


h1,h2 {
	color:#FFFFFF;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight:normal;
	padding-top:80px;
}

h2 {
	padding-top:20px;
}

span.Subj {
	color:#999999;
	font-size:11px;
}