@import url(base.css);
@import url(cmn_category.css);

/*------------------------------
title
------------------------------*/
h2,h3,h4,h5{
font-size:1.0em;
}
h1{
height:30px;
margin:0px 0px 0px 0px;
padding:2px 0px 10px 5px;
color:#fff;
font-size:1.2em;
background:url(/assets/images/cmn/ttl_black.jpg) no-repeat;
}
h2{
clear:both;
margin:10px 0px 10px 0px;
padding:1px 0px 0px 20px;
height:25px;
background:url(/assets/images/cmn/sttl_grey.jpg) no-repeat;
}
h3{
margin:5px 0px 5px 0px;
padding-bottom:5px;
line-height:1.1;
background:url(/assets/images/cmn/pickup_line.gif) bottom repeat-x;
}
h4{
margin:0px;
width:350px;
}
h5{
clear:left;
height:25px;
margin:10px 0px 0px 0px;
padding:1px 0px 0px 20px;
background:url(/assets/images/cmn/sttl_orange.jpg) no-repeat;
}
/*------------------------------
LINE UP BOX AREA
------------------------------*/
.lineupBox{
margin-top:10px;
}
#mainArea .lineupBox .more{
float:right;
margin-top:-21px;
width:110px;
height:21px;
text-indent: -9999px;
background:url(/assets/images/cmn/ico_detail_off.jpg) no-repeat;
}
/*for IE*/
* html #mainArea .lineupBox .more{
margin-right:-12px;
}
#mainArea .lineupBox .more a{
width:110px;
height:21px;
display:block;
background:none;
}
#mainArea .lineupBox .more a:hover{
background:url(/assets/images/cmn/ico_detail_on.jpg) no-repeat;
}
/* ----- image Area (left) ----- */
#mainArea .lineupBox .imgBox{
float:left;
width:130px;
margin-top:10px;
}
#mainArea .lineupBox .imgBox a{
background:none;
}

/* ----- text Area (right) ----- */
#mainArea .infoBox{
border-top:#ddd 1px solid;
padding-left:150px;
}
/* title */
.nameBox{
margin-top:5px;
color:#600;
font-weight:bold;
}
/* price */
.priceBox{
}
.priceBox small{
padding-left:10px;
}
/* point */
.pointBox{
margin-top:10px;
padding-top:20px;
background:url(/assets/images/cmn/ttl_point.gif) top no-repeat;
}
/* pagetop */
#mainArea .pagetop{
clear:left;
font-size:0.8em;
text-align:right;
margin:10px 0px 60px 0px;
}
#mainArea .lineupBox .pagetop a{
color:#333333;
text-decoration:none;
background:url(/assets/images/cmn/ico_pagetop.gif) left center no-repeat;
padding:0px 0px 0px 12px;
}
#mainArea .lineupBox .pagetop a:hover{
text-decoration:underline;
}