@charset "utf-8";

/*<?php*/
/*
Template Name: カタログ
*/
/*?>*/

/* Catalog
---------------------------- */
body.catalog div.main{
float : right ;
width : 440px ;
}


div.disrto{
border-top:solid 2px green;

}

div.disrto p{
font-weight:bold;
color:green;
font-size:105%;
}

div.disrto div.body{
border-bottom:2px solid green;

}

body.catalog div.sub{
width : 200px ;
background : #fff ;
}

body.catalog div.post div{
margin : 0 ;
}

body.catalog div#content ul.check li{
border : none ;
}

div.detail ul li,
div.sub div.categories ul li{
float : left ;
border-right : 1px solid #ccc ;
padding-right : 0.5em ;
margin-right : 0.5em ;
text-align : left ;
line-height : 1.4 ;
margin-bottom : 0.75em ;
}

ul.check,
div.artists{
clear : left ;
zoom:1;
}

/* Page */


/* Page- Header */
body.catalog h1{
margin-bottom : 0.5em ;
}

div.detail dd h2{
display : inline ;
font-weight : normal ;
margin : 0 ;
}

body.catalog p.cover{
float : left ;
width : auto ;
display:inline;
zoom:1;
}

ul.meta li a{
text-decoration : none ;
color : #514B49 ;
}

div.detail{
width : auto ;
float : right ;
width : 250px ; 
}

div.detail dl{
margin-bottom : 0.5em ;
overflow:hidden
}

div.detail dt{
float : left ;
clear : left ;
width : 50px ;
margin :0 ;
position: relative;
vertical-align : middle ;
}

*html .detail dt/* for IE6 */,
body:last-child:not(:root:root) .detail dt/* for Mac Safari*/,
body:first-of-type .detail dt/*for Win Safari*/{
padding : 0.5em 0 0;
}

div.detail dd{
margin :0 0 0 50px ;
}

div.detail dt img{
vertical-align : middle ;
}

div.detail dt,
div.detail dd{
margin-bottom : 0.5em ;
font-size : 108% ;
}

div.detail dt.extra{
display : none ;
}

div.detail dd.extra{
margin : 1em 0 0 0 ;
}

body.catalog div.main ul{
margin-bottom: 0.5em;
}

body.catalog div.main ul.check li{
vertical-align : bottom ;
line-height : 0 ;
}

body.catalog div.main ul.check li.sold{
margin-top : 8px ;
}

body.catalog div.main ul.check li form{
display:inline;
float : left ;
}

body.catalog form p{
margin: 0;
display : inline ;
}

body.catalog p.comment{
clear : both ;
}

body.catalog p.comment img{
vertical-align : middle ;
margin-right : 0.5em ;
}

body.catalog p.cover img{
border : 1px solid #000 ;
}
body.catalog p.cover img.cassette{
border : none;
}

/* Page - Body */
body.catalog h2{
clear : both ;
font-weight : bold ;
font-size : 105% ;
}

div.body{
clear : both ;
zoom:1;
}

div.body h2{
clear : right ;
line-height : 1 ;
}

/* Review */

body.catalog div.review ol li{
list-style-type : none ;
margin-bottom : 2em ;
background : #fff ;
text-align : justify ;
padding : 0.5em 0.75em ;
line-height : 1.6 ;
}

body.catalog div.review ol li p span{
border-bottom : 1px solid #c6e3d5 ;
}

body.catalog div.review ol li p{
line-height : 1.8 ;
margin : 0 ;
}

body.catalog div.main div.related ul li{
width : 55px ;
border : 1px solid #ccc ;
float : left ;
margin-right : 20px ;
}

/* Track List*/
div.body dl,
div.body ol{
padding-top : 20px ;
background : no-repeat
url(http://www.clover-records.com/wordpress//wp-content/themes/cl/img/catalog//tracklist.gif)
}

div.body  dl ol{
padding-top : 0px ;
background : none;
}

div#content div.body ol li{
list-style : decimal-leading-zero inside ;
margin-bottom : 0em ;
}

div#content div.body ol li a{
text-decoration : none ;
color : #514B49 ;
}


body.catalog p.comment,
div.detail ul,
div.body ol li,
p.approx{
}


/* Index */
body.catalog div.list div.body{
clear : both ;
margin-bottom : 2em ;
}

div.list h1{
display:none;
}

body.catalog h3{
font-size : 100% ;
}

body.catalog div.list p.cover{
width : 100px ;
height : auto ;
}

body.catalog div.list p.cover img{

}

body.catalog div.list p.cover{
float : left ;
clear : left ;
}

body.catalog div.main ul.check{
margin-bottom : 2em ;
height : 50px ;
}

body.catalog div.single ul.check{
margin : 0 ;
height : auto ;
}

body.catalog div.list h2,
body.catalog div.list h3,
body.catalog div.list ul,
body.catalog div.list ul.check{
clear : none ;
margin-left : 120px ;
margin-bottom : 0.7em ;
}

body.catalog div.list h2{
padding-top : 2px ;
}

body.catalog div.list h3,
body.catalog div.list ul.meta{
margin-bottom : 0.2em ;
}

body.catalog div.main ul.porter li,
body.catalog div.body ul li,
body.catalog div.main ul.check li{
display : inline ;
margin-right : 7px ;
}

body.catalog div.main ul li{
border-right : 1px solid #ccc ;
padding-right : 0.5em ;
}

body.catalog div.main ul.check li{
padding : 0 ;
border : none ;
}

body.catalog div.main ul.check li.detail{
margin-top : 5px ;
}

body.catalog div.main ul.check li.amazon{
margin-top :7px
}

body.catalog div.main ul.check li.buy,
body.catalog div.main ul.check li.soldout{
width : 63px ;
text-align : center ;
}

body.catalog div.main ul.check li.buy form{
margin-left : 1em ;
}

body.catalog div.main ul.check li img{
vertical-align : bottom ;
}

body.catalog div.main ul.check li{
float : left ;
margin-right : 1em ;
}

body.catalog div.main ul.check li form,
body.catalog div.main ul.check li input{
line-height : 0 ;
margin : 0 ;
}

/* Sub Menu */

body.catalog div.sub form{
height : 60px ;
padding-left : 25px ;
}

body.catalog div.sub h3{
background : #171C60 ;
color : #fff ;
padding : 0.25em 0.5em ;
text-transform : uppercase ;
margin-bottom : 0.5em ;
}

div.sub div.order h3{
margin-bottom : 0.5em ;
}

body.catalog div#content div.sub ul{
text-transform : capitalize ;
}

body.catalog div.sub ul,
div.order p{
margin : auto 0.5em 0.5em ;
}

body.catalog form input.button{
padding : 0 ;
vertical-align : middle ;
}

body.catalog form input.text{

}

div.wp-pagenavi{
padding : 5px 0 /* For IE6*/;
}

div.wp-pagenavi a:hover{

}

div.main >div.wp-pagenavi{
padding : 3px 0 ;
}