@charset "utf-8";


div#txtnavi02{
background-image:url(../img/main_navibar.gif);
background-repeat:no-repeat;
background-position:-9 -2;
width:794px;
height:50px;
position:relative;
}

img.bt_navi02_banner{
position:absolute;
top:10px;
right:179px;
}


img.bt_navi02_next{
position:absolute;
top:10px;
right:11px;
}

img.bt_navi02_back{
position:absolute;
top:10px;
right:88px;
}


div#txtnavi03{
width:794px;
height:80px;
position:relative;
}

img.bt_navi03_banner{
position:absolute;
top:0px;
left:9px;
}

img.bt_navi03_next{
position:absolute;
top:40px;
right:11px;
}

img.bt_navi03_back{
position:absolute;
top:40px;
right:88px;

}

/*タイトル画像*/
div#contents_title{
width:820px;
}

img.bt_navi03_01{
margin:10px 0 0 10px;
}

img.bt_navi03_02{
margin:-30px 0 0 463px;
}


/*写真が左で、情報が右のパターン。*/
img.pic-left{
float:left;
width:170px;

}

div.spec-right{
float:right;
width:195px;
padding-top:45px;
}

/*写真が右上で、情報が左のパターン。*/
img.pic-right{
left:150px;
z-index:1;
width:170px;
position:absolute;

}

div.spec-left{
width:185px;
padding-top:65px;
z-index:2;
position:absolute;
}

div.spec-left p.cmdty{
font-weight:bold;
color:#000;
width:150px;
z-index:2;
}

div.spec-left p.exp{
padding-top:15px;
color:#333;
width:145px;
z-index:2;
}

/*写真が上で、情報が下のパターン。*/
img.pic-top{
padding-bottom:10px;
text-align:center;
margin-left:0px;
width:170px;

}

div.spec-bottom{
width:185px;
}


/*価格*/
.price{
color:#808080;
}

/*商品名*/
p.cmdty{
font-weight:bold;
color:#000;
}

/*説明*/
p.exp{
padding-top:15px;
color:#333;
}

/*説明*/
p.exp{
color:#333;
}

/*価格*/
p.price{
padding-top:15px;
color:#777;
}

p.price span{

color:#333;
padding-left:10px;
}

/*取り扱い店舗*/

div.shop p{
color:#666;
font-weight:bold;
margin:8px 0;
}

div.shop p img{
margin:6px 2px 0 0;
}

div.shop{
line-height:140%;
}

div.shop a:link , div.shop a:visited{
color:#666;
}

div.shop a:hover{
color: #1AB2D2;
text-decoration:underline;
}

/*
--------------------------------↑↑↑ここまで 共通設定*/

div#contents01{
width:820px;
font-size:12px;
margin:20px 0 0 10px;
position:absolute;
height:840px;/*←←←コンテンツの縦幅はここで指定*/
position:relative;
}

/*item1 商品が左で情報が右*/

div#item1{
position:absolute;
top:0px;
left:0px;
width:379px;

}

/*item2 商品がで右情報が左*/
div#item2{
position:absolute;
top:255px;
left:230px;
width:395px;

}

/*item3 商品が左で情報が右*/

div#item3{
position:absolute;
top:30px;
left:400px;
width:379px;

}


/*item4 商品が上で情報が下*/

div#item4{
position:absolute;
top:320px;
left:20px;
width:301px;

}

/*item5 商品が左で情報が右*/

div#item5{
position:absolute;
top:630px;
left:210px;
width:379px;
}


/*item6 商品が左で情報が右*/

div#item6{
position:absolute;
top:440px;
left:420px;
width:379px;

}