@charset "utf-8";
/* CSS Document */


@import "base.css";


#container{
width:956px;
/*background:url(../images/bg.jpg) repeat-y;*/
margin:0 auto;
text-align:left;
}

#container #contents{
margin:0 0 0 24px;
color:#3F3F3F;
}

#container #key{
float:left;
display:inline;
margin:0 0 0 24px;
}



#container #key_l h1 span {
display:block;
width:100%;
height:100%;
background:url(../images/img_h1.jpg) no-repeat;
position:absolute;
top:0;
left:0;
}

#container #key_l p{
width:708px;
height:68px;
position:relative;
font-size:12px;
/*HideMacIE\*/
overflow:hidden;
/**/
}

#container #key_l p span {
display:block;
width:100%;
height:100%;
background:url(../images/img_exp.jpg) no-repeat;
position:absolute;
top:0;
left:0;
}


/*------------------------------------------------
e^Cg
------------------------------------------------*/
#container h1{
width:908px;
height:98px;
position:relative;
font-size:12px;
/*HideMacIE\*/
overflow:hidden;
/**/
}

#container h1 span{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(../images/key_press.jpg) no-repeat;
}

#container h2{
width:908px;
height:195px;
position:relative;
font-size:12px;
/*HideMacIE\*/
overflow:hidden;
/**/
}

#container h2 span{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(../images/ttl_vol1.jpg) no-repeat;
}

#container h3{
width:908px;
height:26px;
position:relative;
font-size:12px;
/*HideMacIE\*/
overflow:hidden;
/**/
}

#container h3 span{
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:url(../images/ttl_pickup.gif) no-repeat;
}

/*------------------------------------------------
pagetop
------------------------------------------------*/
#container div#totop {
margin:5px 0 0 0;
}

#container div#totop p{
float:right;
display:inline;
text-align:right;
margin:0 20px 5px 0;
}

/*------------------------------------------------
to_crocotop
------------------------------------------------*/
#container div#to_crocotop,div#volno {
width:908px;
}

#container div#to_crocotop p,div#volno p{
float:right;
display:inline;
}

/*------------------------------------------------
con_above
------------------------------------------------*/
#container div.con_above{
background:url(../images/bg_main01.jpg) no-repeat 298px 0;
height:301px;
width:908px;
}

#container div.con_above li.above_l{
margin:0 0 0 47px;
float:left;
display:inline;
}

#container div.con_above li.above_r{
margin:0 0 0 226px;
float:left;
display:inline;
}


/*------------------------------------------------
con_below
------------------------------------------------*/
#container div.con_below{
background:url(../images/bg_main02.jpg) no-repeat 262px 0;
height:455px;
width:927px;
}

#container div.con_below li.above_l{
margin:114px 0 0 0;
float:left;
display:inline;
}

#container div.con_below li.above_r{
margin:29px 0 0 272px;
float:left;
display:inline;
}

/*------------------------------------------------
pickup
------------------------------------------------*/
#container div#pickup{
background:#F5F7F0;
width:908px;
padding:0 0 0 0;
_padding:0 0 20px 0;/*IE*/
}

#container div.item01,#container div.item02,div.item03{
float:left;
display:inline;
width:289px;
margin:20px 0 0 0;
}

#container div.item01{
margin:20px 0 0 30px;
}

#container p.itemimg,#container div.itemdt{
float:left;
display:inline;
font-size:11px;
}

/*LINK COLOR*/
#container div.itemdt a{
text-decoration:none;
color:#333333;
}
#container div.itemdt a:hover{
text-decoration:underline;
color:#666666;
}

#container p.itemimg{
margin-bottom:0;/*FF CHROME*/
_margin-bottom:0;
}

#container p.itemimg img{border:1px solid #FED009;}
#container p.itemimg a:hover img{border:1px solid #FE8005;}

#container div.itemdt{margin:0 0 0 10px;}
#container p.aboutitem{
margin:5px 0 1.5em 0;
line-height:120%;
}

#container span.price{
color:#FF6600;
}

#container li.clr{
padding:0 0 0 4em;
text-indent:-4em;
}

#container ul.colorchip li{
float:left;
display:inline;
margin:3px 3px 0 0;
}