@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/

/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
ul#tab{
margin:1em -15px -10px -15px;
}
ul#tab li{
float:left;
width:245px;
height:39px;
margin:0 auto;
padding:0;
background:url(../souvenir/img/tab2_off.gif) no-repeat 50% 0;
line-height:39px;
text-align:center;
}
ul#tab li:hover,
ul#tab li:active{
color:#930;
background:url(../souvenir/img/tab2_on.gif) no-repeat 50% 0;
}
ul#tab li.selected{
background:url(../souvenir/img/tab2_on.gif) no-repeat 50% 1px;
}


div.shop.list ul#tab li{
border:none !important;
}
div.shop.list ul#tab li a{
padding:0;
background:none;
}
div.shop.list ul.navigation{
margin:1em 100px;
padding:0;
}
div.shop.list ul.navigation li{
float:left;
padding:3px;
background:none;
border:none;
}
div.shop.list ul.navigation li a{
background:none;
border:1px solid #f70;
color:#f70;
padding:2px 0;
white-space:nowrap;
text-decoration:none;
width:13em;
text-align:center;
font-size:90%;
}
div.shop.name ul.navigation li a{
width:4.5em;
}
div.shop.list ul.navigation li a:hover{
color:#fff;
background:#f90;
}



/*div.shop.list ul#tab li{
border:none !important;
}
div.shop.list ul#tab li a{
padding:0;
background:none;
}
div.shop.list ul.navigation{
margin:1em 100px;
border:1px solid #ccc;
padding:8px 0;
}
div.shop.list ul.navigation li{
float:left;
padding:5px 10px;
background:none;
border:none;
}
div.shop.list ul.navigation li a{
background:#F70;
padding:2px 10px;
color:#fff;
white-space:nowrap;
text-decoration:none;
display:inline;
}
div.shop.list ul.navigation li a:hover{
background:#f90;
}
*/

div.shop.list h3{
margin:1.5em 80px -0.5em 80px;
}
div.shop.list ul{
margin:1em 100px;
}
div.shop.list ul li{
position:relative;
background:none;
padding:0;
border-bottom:1px dotted #ddd;
height:1%;
}
div.shop.list ul li a{
padding:3px 0 3px 55px;
display:block;
}
div.shop.list ul li a:hover{
background:#FDEED1;
}
div.shop.list ul li img{
position:absolute;
left:25px;
padding:0;
top:2px;
}
div.shop.list ul li img.pict2{
left:0px;
float:none !important;
padding:0 !important;
margin:0 !important;
}

div.shop.category h3{
background:none;
padding:0;
}
div.shop.category h3 img{
padding:0 5px 2px 5px;
}
div.shop.category ul li a{
padding:3px 0 3px 20px;
background:url(../img/listicon.gif) no-repeat 5px 50%;
}

div.shop.category ul li a:hover{
background:#FDEED1 url(../img/listicon.gif) no-repeat 5px 50%;
}




/* shop */
div.shop div.photo{
width:350px;
float:left;
clear:none;
}
div.shop div.photo p.pict{
position:relative;
top:0;
right:0;
margin:0 0 10px 0;
width:350px;
height:236px;
}
div.shop div.photo p.pict img{
position:absolute;
top:0;
left:10px;
clip:rect(0 350px 236px 0) !important;
}
div.shop div.photo ul{
margin:0 -10px 10px 0;
padding:0;
}
div.shop div.photo ul li.pict{
position:relative;
top:0;
right:0;
float:left;
margin:0 0 10px 0 !important;
padding:0;
height:74px;
width:120px;
background:none;
}
div.shop div.photo ul li.pict img{
position:absolute;
top:0;
left:0;
clip:rect(0 110px 74px 0) !important;
}
div.shop div.shopdetail{
width:340px;
float:right;
clear:none;
}
div.shop div.shopdetail p.logo,
div.shop div.shopdetail p.pictogram{
text-align:right;
}
div.shop dl{
margin:-50px 0 0 0;
}
div.shop dl dt{
width:7em;
}
div.shop dl dd{
padding:0.2em 0 0.2em 8em;
}


/* comment */
div.shop div.comment{
margin:0 auto;
padding:0 0 20px 0;
background:url(../shop/img/shopnews_footer.gif) no-repeat 0 100%;
}
div.shop div.comment div div.text{
width:540px;
float:right;
}
div.shop div.comment div.message_on div.text{
margin:1em 0;
width:470px;
float:right;
}


/* title */ 
div.shop div.comment h3{
height:50px;
margin:0 auto;
border:none;
line-height:40px;
text-align:center;
}
div.shop div.comment h3.messagetitle_on{
width:355px;
margin:0;
padding:0;
background:url(../shop/img/h3_background.gif) no-repeat 0 0;
color:#fe6006;
}
div.shop div.comment h3.messagetitle_off{
padding:0 350px 0 0;
background:url(../shop/img/h3_background2.gif) no-repeat 0 0;
}
div.shop div.comment h3.newstitle_on{
padding:0 0 0 350px;
background:url(../shop/img/h3_background3.gif) no-repeat 0 0;
color:#fe6006;
}
div.shop div.comment h3.newstitle_off{
margin:0 0 -50px 0;
float:right;
width:355px;
padding:0;
background:url(../shop/img/h3_background4.gif) no-repeat 100% 0;
z-index:5;
}
div.shop div.comment h3.newstitle_no{
margin:0 0 -50px 0;
float:right;
width:355px;
padding:0;
background:url(../shop/img/h3_background_no.gif) no-repeat 100% 0;
z-index:5;
}
div.shop div.comment h4{
margin:10px -7px 0 -7px;
padding:0 10px;
background:url(../shop/img/h4_background.gif) no-repeat 0 0;
color:#fe6006;
font-size:130%;
line-height:35px;
}


div.shop div.comment div.section{
margin:-1em 0 0 0;
padding:0 15px;
}
div.shop div.comment div.message{
border-right:2px solid #ccc;
border-left:2px solid #ccc;
}
div.shop div.comment div.message_on{
padding:0 10px 30px 10px;
border-right:2px solid #fc5f08;
border-left:2px solid #fc5f08;
}
div.shop div.comment div.message_on p.pict2{
margin:0 !important;
padding:0 10px 10px 0 !important;
}
div.shop div.comment div.message_on p.pict2 img{
margin:0 !important;
padding:0 !important;
}


div.shop div.comment div.news{
border-right:2px solid #fc5f08;
border-left:2px solid #fc5f08;
}

div.shop div.comment ul.pict{
clear:both;
margin:-1em 0 0 0;
padding:0 0 0 10px;
}
/*div.shop div.comment ul.pict li{
position:relative;
top:0;
right:0;
float:left;
margin:0 0 10px 0 !important;
padding:0;
height:80px;
width:110px;
background:none;
}
div.shop div.comment ul.pict li img{
position:absolute;
top:0;
left:0;
clip:rect(0 100px 80px 0) !important;
}*/
div.shop div.comment ul.pict li{
position:relative;
top:0;
right:0;
float:left;
margin:0 0 10px 0 !important;
padding:0;
width:110px;
background:none;
font-size:84%;
}
div.shop div.comment ul.pict li a{
display:block;
height:80px;
margin:0 0 -15px 0;
}
div.shop div.comment ul.pict li img{
position:absolute;
top:0;
left:0;
clip:rect(0 100px 80px 0) !important;
}
div.shop div.comment p.date{
text-align:right;
}