@charset "utf-8";



/*-------------------------------------------------------------

	i-white.net

	File: Shopping.css

	Last edited: 28/Aug/2012

-------------------------------------------------------------*/



/*-------------------------------------------------------------

	Midashi	

-------------------------------------------------------------*/

h3.Midashi span{

	color: #ADADAD;

    font-size: 10px;

    font-weight: normal;

    padding-left: 10px;

}



/*-------------------------------------------------------------

	Shopping Navi

-------------------------------------------------------------*/

div.shoppingNav {

width: 350px;

float: left;

margin: 10px 0 10px 23px;

}



div.noL {

margin: 10px 0 10px 0;	

}



div.shoppingNav ul {

list-style: none;

}



div.shoppingNav ul li{

display: block;

border-bottom: 1px #ccc solid;

font-weight: bold;

width: 350px;

}



div.shoppingNav ul li.firstChild{

border-top: 1px #ccc solid;

}



div.shoppingNav ul li{

background: url(../images/products/icon-iwhite.png) no-repeat 2% 50%;

}



div.shoppingNav ul li a,div.shoppingNav ul li a:visited{

display: block;

color: #545454;

padding: 8px 8px 8px 28px;

}



div.shoppingNav ul li a span{

font-size: 10px;

padding-left: 10px;

font-weight: normal;

}


div.shoppingNav ul li a.on,

div.shoppingNav ul li a:hover{

color: #fff;

background: #f8ccd5 url(../images/products/icon-iwhite.png) no-repeat 2% 50%;

}

/* Navi Right*/



div.navR {

	float: left;

	width: 255px;

	margin: 10px 0 15px 15px;

}







/*-------------------------------------------------------------

	オンラインショップ＆Shopポイントについて　	

-------------------------------------------------------------*/



ul.shoppingTBX{

   margin: 15px;

   line-height: 1.8;

}

ul.shoppingTBX li{

   background: url(../images/common/listMark.png) no-repeat 0 6px;

   padding-left: 17px;

   margin-bottom: 5px;

}



dl.shops {

   margin: 15px 8px;

   line-height: 2;   

}



dl.shops dt {

   font-weight: bold;

   color: #ff99ba;

   margin-bottom: 10px;

   padding: 5px 5px 5px 10px;

   border: 1px solid #adadad;

   border-radius: 5px;

    -webkit-border-radius: 5px;    

    -moz-border-radius: 5px;  

    behavior: url(http://i-white.net/ie-css3.htc);	   

}



dl.shops dd li {

   background: url(../images/common/listMark.png) no-repeat 0 7px;

   padding-left: 17px;

   margin: 0 0 0 15px;

}
ul.amazon {
  margin : 1rem 0;
}

dl.shops dd li.amazon {

   background: none;
   line-height: 1.4;
   padding-left: 0;
   margin: 0;
   float: left;
   width: 24%;
   text-align: center;
   height: 130px;
}

dl.shops dd li.amazon img{
   width: 100px;
   height: 100px;
}
dl.shops dd li.amazon img:LastChild{
   margin-bottom: 10px;
}

#points {
  clear: both;
}



/*-------------------------------------------------------------

	Shop販売代理店テーブル	

-------------------------------------------------------------*/



table {

   width: 590px;	

   margin: 14px 0 14px 14px;

   vertical-align: middle;

   border-right: 1px solid #ADADAD;

   border-top: 1px solid #ADADAD;

}



th {

   text-align: center;

   font-weight: normal;

   background: #E6E6E6;

   line-height:1.2;  

}



th small,

td small {

   font-size: 10px; 

   line-height: 0.7; 

}



th, td {

   padding: 5px;	

   border-left: 1px solid #ADADAD;

   border-bottom: 1px solid #ADADAD;   

   vertical-align: middle;   

}



td img{

   vertical-align: middle;    

}



table.shopT td{

	background: #fff;

	padding: 8px;

	text-align: center;	

}



table.shopT td.tal{

	text-align: left;

}

table.shopT td p{

	line-height: 1.5;

}



table.shopT td.trh{

    font-size: 10px;

	text-align: left;	

}



table.shopT th {

   width: 76px;

   text-align: center;	

   font-weight: normal;

   background: #E6E6E6;

   line-height:1.4;  

}



table.shopT td.shopname {

   text-align: left;

   background: #545454;

   color: #fff; 

   font-weight: bold;

}



table.shopT td.shopname small {

   font-size: 10px; 

   color: #adadad; 

   padding-left: 5px;

   font-weight: normal;   

}



table.shopT td.imgtd {

   width: 86px;   

}



table.shopT tr.tal td {

  text-align: left;

}



table.shopT td a,table.shopT td a:visited{	

	color: #545454;

}



table.shopT td a:hover {	

	color: #adadad;

}