@charset "utf-8";

.unicode{
font-family:'TITUS Cyberbit Basic', 'Code2000', 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 
'Bitstream CyberBase', 'Bitstream Vera', 'Thryomanes', 'Gentium', 
'GentiumAlt', 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 
'Microsoft Sans Serif', 'Lucida Sans Unicode', sans-serif; 
}

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:1080px;/*←←←コンテンツの縦幅はここで指定*/
position:relative;
}

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

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

}

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

}

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

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

}


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

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

}

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

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


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

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

}