*{
margin:0;
padding:0;
}

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
background-color:#fff;
}

div#contents{
padding:15px 0 20px 12px;
}

img{
border:none;
}

a:link{
text-decoration:none;
}

a:active{
text-decoration:none;
}

a:visited{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

p.credit{
padding:0 12px 0 0;
text-align:right;
font-size:80%;
color:#999;
}

h1{
margin:20px 8px 4px 0;
font-size:100%;
}

form.search{
clear:both;
margin:15px 0;
font-size:80%;
}

form.search input.query{
width:40%;
min-width:150px;
max-width:240px;
border:1px solid #ccc;
}

form.search input.submit{
cursor:pointer;
}

p.msg{
font-size:80%;
}

p.msg em{
font-size:100%;
font-style:normal;
font-weight:bold;
}

ol{
float:left;
margin:15px 0 5px;
width:100%;
list-style:none;
}

ol li{
float:left;
padding:0 8px 5px 0;
width:156px;
height:18em;
}

ol li p.photo a{
display:block;
margin:3px 0;
padding:4px;
width:146px;
height:146px;
border:1px solid #ccc;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-opera-border-radius:5px;
font-size:64%;
text-align:center;
}

ol li p.photo a:hover{
border:1px solid #aab3cb;
}

ol li.tsutaya p.photo a{
height:115px;
padding:19px 4px 20px;
}

ol li h2{
font-size:64%;
font-weight:normal;
line-height:1.4em;
}

ol li h2 em{
font-style:normal;
}

ol li p.price{
margin:4px 0;
font-size:64%;
}

ol li p.price strong{
margin-right:2px;
font-size:180%;
font-family:Helvetica,Arial,Impact,Verdana;
font-weight:bold;
}

ol li p.store,
ol li p.jancode{
font-size:68%;
}

ol li p.store{
margin-top:3px;
}

ol li p.store img{
margin-right:2px;
}

ol li p.jancode a,
ol li p.jancode strong{
font-size:120%;
font-family:Helvetica,Arial,Impact,Verdana;
font-weight:bold;
word-wrap:break-word;
}

ol li.adult{
width:auto;
}

ul.other{
clear:both;
margin:15px 0 20px 1em;
font-size:80%;
}

ul.other li{
margin:2px 0;
}

p#copyright{
clear:both;
margin:12px 12px 8px 0;
font-size:80%;
}

p#copyright img{
vertical-align:middle;
margin-bottom:2px;
}

/*TOP*/

body#top h1,
body#top form.search,
body#top p#copyright{
width:98%;
text-align:center;
}

body#top h1{
margin:5em 0 1em;
}

body#top form.search input.query{
display:block;
margin:20px auto 4px;
width:18em;
min-width:18em;
max-width:18em;
}

body#top form.search p.sample{
margin:4px auto 16px;
font-size:90%;
}

body#top p#copyright{
margin:4em 12px 8px 0;
}

dl.hotkeyword{
margin:5px 0;
width:98%;
font-size:75%;
text-align:center;
}

dl.hotkeyword dt{
display:inline;
}

dl.hotkeyword dd{
display:inline;
}

ol.page{
float:left;
margin:15px 0;
width:100%;
list-style:none;
}

ol.page li{
margin:0;
padding:0;
width:auto;
height:auto;
font-weight:bold;
}

ol.page li a{
float:left;
display:block;
margin:2px 2px 0 0;
padding:4px 1px;
width:1.5em;
border:1px solid #ccc;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
text-align:center;
}

ol.page li.this b{
float:left;
display:block;
margin:2px 2px 0 0;
padding:4px 1px;
width:1.5em;
border:1px solid #f00;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background:#f00;
color:#fff;
text-align:center;
}

ol.page li a:hover{
border:1px solid #00f;
background:#def;
text-decoration:none;
}

/* スマートフォン用 @media start */
@media only screen and (max-device-width:640px){

*{
-webkit-text-size-adjust:none;
}

div#contents{
padding:8px;
}

p.credit{
padding:0;
font-size:74%;
text-align:left;
}

body#top h1{
margin:2em 0 1em;
}

dl.hotkeyword{
font-size:74%;
line-height:1.8em;
}

dl.hotkeyword dd{
margin-right:0.6em;
}

form.search input.query{
font-size:100%;
}

form.search select{
font-size:80%;
}

form.search input.submit{
font-size:90%;
}

ol.page{
margin:10px 0 25px;
}

ol.page li a,
ol.page li.this b{
margin:12px 4px 0 0;
font-size:100%;
}

body#top p#copyright{
margin:3em 0 8px;
font-size:50% !important;
line-height:1.8em;
text-align:left;
}

p#copyright br{
display:none;
}

}
/* スマートフォン用 @media end */