@charset "Shift_JIS";
/* トップページCSS Document */

body{
background-image:url(../images_top/header_bg.gif);
background-repeat: repeat-x;
text-align: center;
margin:0;
padding:0;
}

#headerArea h1{
margin:3px 0 7px 0;
padding:0;
color:#014CB2;
font-weight:normal;
}

#headerArea .logo{
margin-top:45px;
}



/*特集*/
.feature{
margin-top:3px;
}

.feature h2{
margin:18px 0 0 0;
padding:0;
}
.feature h3{
margin:3px 0 3px 0;
padding:0;
}
.feature th{
margin:0;
padding:4px 0 7px 0;
line-height:120%;
}
.feature td{
text-align:left;
}
.featurephoto1{
padding:0px 8px 0px 0px;
margin:0;
width:570px;
height:236px;
background-image:url(/petit/feature/images/bg_photo1.gif);
background-position: left center;
background-repeat:no-repeat;
vertical-align:text-middle;
text-align: center;
border:0;
}
ul.featurephoto1 li {
float: left;
width:195px;
height:223px;
padding:6px 6px 6px 8px;
list-style-type: none;
text-align: center;
margin:0;
vertical-align:text-middle;
border:0;
}
ul li.featurephoto2{
float: left;
width:330px;
height:223px;
padding:6px 6px 7px 17px;
list-style-type: none;
text-align: center;
margin:0;
vertical-align:text-middle;
background-image:url(/petit/feature/images/bg_photo2.gif);
background-repeat:no-repeat;
background-position: right center;
border:0;
}
#test2 {
  backgroud-image:url(/petit/feature/images/bg-photo1.gif);
  width: 195px;
  height: 223px;
  border: 0;
}
#test3 {
  backgroud-image:url(/petit/feature/images/bg-photo2.gif);
  width: 330px;
  height: 223px;
  border: 0;
}

/*New Arrival*/
.new h2, .newphoto br{
margin:0;
padding:0;
}
.newphoto{
background-image:url(/petit/images_top/new_bg.gif);
background-repeat:repeat-y;
padding:6px 0 5px 17px;
margin:0;
text-align:left;
}
.newphoto td{
width:128px;
padding:0 5px 0 0;
margin:0;
vertical-align:text-top;
text-align:left;
background-image:url(/petit/feature/images/bg_newphoto.gif);
background-repeat:no-repeat;
}
.newphoto img{
margin:0 0 2px 0;
border:0;
}
.newphoto a{
text-decoration:none;
}
.newtext{
background-image:url(/petit/images_top/new_bg.gif);
background-repeat:repeat-y;
padding:0 20px 5px 20px;
margin:0;
text-align:left;
}

/*New Arrival2*/
.new h2, .newphoto br{
margin:0;
padding:0;
}
.newphoto2{
background-image:url(/petit/images_top/new_bg.gif);
background-repeat:repeat-y;
padding:0 0 0 17px;
margin:0;
text-align:left;
}
.newphoto2 td{
width:128px;
padding:0 5px 0 0;
margin:0;
vertical-align:text-top;
text-align:left;
}
.newphoto2 img{
margin:0 0 2px 0;
border:0;
}
.newphoto2 a{
text-decoration:none;
}

/*おしらせ*/
.info{
width:240px;
margin:0 0 0 10px;
float:left;
text-align:left;
overflow:hidden;
}
.newinfo{
width:260px;
margin:10px 0 0 0;
float:left;
text-align:left;
overflow:hidden;
}
.newinfo h2{
margin:0;
padding:0;
}
.newinfo ul{
padding:0;
overflow:hidden;
list-style-type:none;
text-align:left;
padding:0 5px 0 5px;
}
.newinfo li{
background-image:url(/petit/images/li_sankaku.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:0 3px 0 16px;
margin:0 0 7px 0;
}
.infotext{
background-image:url(/petit/images_top/info_bg.gif);
overflow:hidden;
margin:0;
text-align:right;
padding:0px 20px 0px 20px;
}
.infotext2{
background-image:url(/petit/images_top/info_bg.gif);
overflow:hidden;
margin:0;
text-align:right;
padding:0px 10px 0px -10px;
}
.newinfobtn{
background-image:url(/petit/images_top/info_bg.gif);
overflow:hidden;
margin:0;
text-align:left;
padding:0 20px 5px 20px;
}
.newinfo2{
background-image:url(/petit/images_top/info_bg.gif);
overflow:hidden;
margin:0;
text-align:left;
padding:5px 5px 5px 5px;
}
.footer{
margin:-4px 0 0 0;
padding:0;
}
.info h2,
.shop h2,
.member h2{
margin:0;
padding:0;
}
.info ul,
.shop ul{
margin:5px 0 8px 6px;
padding:0;
list-style-type:none;
}
.info li,
.shop li{
background-image:url(/petit/images/li_sankaku.gif);
background-repeat:no-repeat;
background-position:0 0;
padding:0 3px 0 16px;
margin:0 0 7px 0;
}
.btn{
margin:3px 0 0 4px;
}
.shop{
width:250px;
margin:0 10px 0 0;
float:right;
text-align:left;
}
.newshop{
width:280px;
float:left;
text-align:left;
overflow:hidden;
margin: 3px 0 10px 10px;
}
.info h2,{
margin:0;
padding:0;0 0 0;
}
.newshop h2{
text-align:center;
padding:0;
margin:0;
}
.newshop a{
text-decoration:none;
}
.newshop img{
text-decoration:none;
padding:0px;
margin:2px 1px 2px 0;
border:0;
}

/*ranking*/
.ranking{
width:540px;
float:left;
text-align:left;
overflow:hidden;
margin: 3px 0 10px 0px;
}
.ranking h2 {
margin:0;
padding:10px 0 0 0;
}
.rankingphoto{
width:540px;
float:left;
text-align:left;
overflow:hidden;
background-image:url(/petit/images_top/ranking_bg.gif);
background-repeat:repeat-y;
}
.rankingphoto td{
width:100px;
padding:0px 0px 0px 0px;
margin:0px;
vertical-align:left;
text-align:left;
}
.rankingphoto img{
margin:0;
border:0;
}
.rankingphoto a{
text-decoration:none;
}
.rankingphoto1{
background-image:url(/petit/images_top/ranking_bg.gif);
background-repeat:repeat-y;
background-position: center center;
padding:0px 30px 0px 0px;
margin:0px;
text-align:left;
}
.rankingphoto1 td{
width:130px;
padding:0px 0px 0px 20px;
margin:0px;
vertical-align:text-top;
text-align:left;
}
.rankingphoto1 img{
margin:0 0 2px 0;
border:0;
}
.rankingphoto1 a{
text-decoration:none;
width:90px;
}
.rankingphoto ul{
padding:5px 0px 0px 25px ;
margin:0;
background-image:url(/petit/images_top/ranking_bg.gif);
background-repeat:repeat-y;
}
.rankingphoto li{
float: left;
display:inline;
/*white-space:nowrap;*/
width:100px;
padding:3px 0px 3px 1px;
margin:0px;
vertical-align:text-top;
list-style-type: none;
}
ul li.backnumber{
display:inline;
/*white-space:nowrap;*/
margin:20px 5px 10px 300px;
vertical-align:text-top;
list-style-type: none;
}
.rankfooter img{
margin:-4px 0 0 0;
padding:0;
}


/*メンバー登録*/
.member{
margin:0 0 0 10px;
text-align:left;
}
.member p{
margin:3px 10px 0px 10px;
padding:0;
}