@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 10px;
color:#fff;
font-size:1.2em;
background:url(../cmn_img/ttl_black.jpg) no-repeat;
}
/* safari3 only */
body:first-of-type h1{
	letter-spacing: -0.1em;
}

h2{
clear:both;
margin:10px 0px 10px 0px;
padding:1px 0px 0px 20px;
height:25px;
background:url(../cmn_img/sttl_grey.jpg) no-repeat;
}
h3{
margin:0px;
width:350px;
}
h4{
clear:left;
height:25px;
padding:1px 0px 0px 20px;
padding:1px 0px 0px 20px;
background:url(../cmn_img/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(../cmn_img/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(../cmn_img/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(../cmn_img/ttl_point.gif) top no-repeat;
font-size:0.9em;
line-height:1.3;
}

/* 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(../cmn_img/ico_pagetop.gif) left center no-repeat;
padding:0px 0px 0px 12px;
}
#mainArea .lineupBox .pagetop a:hover{
text-decoration:underline;
}