@charset "shift_jis";

/***********************************************
 file name:styling_item.css
 auth level:
 last updated:07/07/20
************************************************/
/* index
--------------------------------------------*/
.index{
width:521px;
}


/* topic */
.topic{
margin-top:8px;
padding:0 15px 10px 15px;
background:url(../styling_item/img/ind_si_bg01.jpg) 0 100% repeat-x;
}
.topic dt.cmt{float:right; width:301px; background:url(../styling_item/img/ind_tpc_bg02.gif) 100% 100% no-repeat;}
.topic dd.photo{float:left; width:189px; margin-bottom:5px;}
.topic dd.price{float:right; width:301px; background:url(../styling_item/img/ind_tpc_bg04.gif) repeat-y;}


/* topic comment*/
.topic .cmt .ctB{margin-bottom:10px; background:url(../styling_item/img/ind_tpc_bg01.gif) 0 100% repeat-y;}
.topic .cmt h7 img{width:301px; height:41px;}
.topic .cmt p{padding:10px 15px 0;}


/* topic photo*/
.topic .photo .st01{padding-bottom:40px; background:url(../styling_item/img/ind_tpc_ttl03a.gif) 0 100% no-repeat;}
.topic .photo .st02{padding-bottom:40px; background:url(../styling_item/img/ind_tpc_ttl03b.gif) 0 100% no-repeat;}
.topic .photo .st03{padding-bottom:40px; background:url(../styling_item/img/ind_tpc_ttl03c.gif) 0 100% no-repeat;}
.topic .photo .st04{padding-bottom:40px; background:url(../styling_item/img/ind_tpc_ttl03d.gif) 0 100% no-repeat;}
.topic .photo .st05{padding-bottom:40px; background:url(../styling_item/img/ind_tpc_ttl03e.gif) 0 100% no-repeat;}
.topic .photo img{width:189px; height:238px;}


/* topic price */
.topic .price .ctT{padding-top:10px; background:url(../styling_item/img/ind_tpc_bg03.gif) no-repeat;}
.topic .price .ctB{padding-bottom:10px; background:url(../styling_item/img/ind_tpc_bg05.gif) 0 100% no-repeat;}

.topic .price dl.st01{padding:0 15px;}
.topic .price dt{color:#809301; font-weight:bold;}
.topic .price .menu dt{float:left; width:160px; margin-right:5px; color:#444444; font-weight:normal;}
.topic .price .menu dd{float:right; width:100px; text-align:right;color:#996542;}
.topic .price .menu dd span{color:#444444;}

.topic .price p.comment{color:#999999; text-align:right;}




/* styling_item navi */
.si_navi{
width:521px;
background:url(../styling_item/img/ind_si_bg02.gif) repeat-y;
}
.si_navi .ctB{
padding-bottom:15px;
}
.si_navi li{float:left; width:252px; padding-top:10px;}

.si_navi .in_dv{
width:234px;
margin-left:17px;
padding-bottom:2px;
background:url(../styling_item/img/ind_nv_bg01.gif) 0 100% no-repeat;
}

.si_navi dt.ttl{float:right; width:150px; height:60px;}
.si_navi .ttl img{width:150px; height:60px;}
.si_navi dd.photo{float:left; width:84px; height:93px;}
.si_navi .photo img{width:84px; height:93px;}
.si_navi dd.list{float:right; width:150px; padding-top:10px; text-align:right;}
.si_navi dd.list a{margin-right:5px; padding-left:17px; background:url(../common/arrow01.gif) no-repeat;}

/* item
--------------------------------------------*/
.item{
width:521px;
margin-top:2px;
}

/* main */
.item .main{
background:url(../styling_item/img/main_bg01.gif) repeat-y;
border-bottom:5px solid #9bcbd4;}

.item .main dt.ttl{float:left; width:195px; height:70px;}
.item .main dd.photo{
float:right;
width:326px;
padding-top:38px;
background:url(../styling_item/img/main_bg02.gif) no-repeat;
}
.item .main dd.data{float:left; width:195px;}


/* main title */
.item .main dt.ttl img{width:195px; height:70px;}

/* main photo */
.item .main .st01{float:left; width:49px; margin-left:1px; padding-top:112px;}
.item .main .st01 img{width:49px; height:46px;}
.item .main .st02{float:left; width:223px; height:285px; margin-left:2px;}
.item .main .st02 img{width:223px; height:273px;}
.item .main .st03{float:right; width:49px; padding-top:112px;}
.item .main .st03 img{width:49px; height:46px;}
.item .main .st04{
clear:left;
width:326px;
margin-bottom:15px;
padding:3px 0;
background:url(../styling_item/img/main_bg03.gif) repeat-y;
}
/*写真下のコメント*/
.item .main .st04 p{padding:0 40px; color:#707907;}

/* main 商品紹介 price */
.item .main .data dt img{width:195px; height:32px;}
.item .main .data dd{margin:3px 17px 7px;}

.item .main .data table{width:161px; border:none;}
.item .main .data td.price{text-align:right; color:#996542;}
.item .data p.comment{color:#999999;}


/* list */
.item .ctT{padding-top:5px; background:url(../styling_item/img/list_bdr01.gif) repeat-x;}
.item .ctB{padding-bottom:5px; background:url(../styling_item/img/list_bdr02.gif) 0 100% repeat-x;}

.item .list{
border-top:1px solid #f2ede2;
background:url(../styling_item/img/list_bg01.jpg) repeat-x;
}

.item .list ul{padding:7px 0 0 15px;}

.item .list li{
float:left;
width:95px;
height:115px;
margin:0 4px 4px 0;
background:url(../styling_item/img/list_bg02.jpg) no-repeat;
text-align:center;
}
.item .list li img{width:68px; height:94px; margin-top:11px;}