@charset "utf-8";
/*----------------
�@Brand Info/ CSS
-------------------*/

@import url("../css/menu.css");

table#IndexBody     {
 background-color: #f4f4f4;
 margin-right: auto;
 margin-left: auto;
 width: 783px;
 }
#IndexBody td  {
 text-align: center;
 vertical-align: top;
 padding-top: 20px;
 padding-bottom: 10px;
 }

table#Body td#Contents {
 text-align: center;
 border-style: none; }

p.BrIndex     {
 background-color: white;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 10px;
 width: 220px;
 }
p.BrIndex a  {
 display: block;
 padding-top: 2px;
 padding-bottom: 3px;
 border: solid 1px #e6e6e6;
 }
p.BrIndex a:hover  {
 display: block;
 border: solid 1px #7e91bb;
 }

#ContentsWrap {
 margin-right: auto;
 margin-left: auto;
 width: 580px;
 }

div.BrWrap   {
 background-color: #777;
 background-repeat: no-repeat;
 text-align: left;
 margin-bottom: 20px;
 padding-bottom: 20px;
 }

dl.BrandInfo   {
 background-color: white;
 text-align: center;
 margin:20px 0 0 30px;
 width:250px;
 display:inline;
 float:left;
 border: solid 3px #dcdcdc;
 }
*html dl.BrandInfo  {
 margin-right: 10px;
 width: 240px;
 }
.BrandInfo dt {
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 }
.BrandInfo dd  {
 margin-left: 10px;
 margin-right: 10px;
 border-top: 1px solid #ccc;
 margin-bottom: 10px;
 }
.BrandInfo em  {
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 }
.BrandInfo li  {
text-align: left;
margin-left: 0px;
 }
.BrandInfo li ol li  { 
margin-left: 20px;
 }
.BrandInfo dd, .BrandInfo li, .BrandInfo li ol li { 
 font-size: 90%;
 }
*html .BrandInfo dd, .BrandInfo li, .BrandInfo li ol li { 
 font-size: 10px;
 }
.BrandInfo dt.Str { 
letter-spacing: 0.5em;
 }
.BrandInfo ul.SP   { }
.BrandInfo ul.SP li   {
 text-indent: -36px;
 margin-left: 40px;
 }

.BrandInfo a  {
 background-image: url("../images/common/icon_link_r.gif");
 background-repeat: no-repeat;
 background-position: left 0;
 padding-left: 12px;
 }
.BrandInfo a:hover  {
 background-image: url("../images/common/icon_link_r_hover.gif");
 }

ul.PhotoAlt{
 display:inline;
 float:left;
 width:500px;
 background-color: #777;
 margin:0 20px;
 padding:0 0 10px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
ul.PhotoAlt li{
 float:left;
 display:inline;
 margin:10px 0 0 10px;
 width:50px;
 height:50px;
}

ul.PhotoAlt a {
 display:block;
 width: 50px;
 height: 50px;
 border: solid 1px #9cf;
}
ul.PhotoAlt a:hover {
 border: solid 1px #39f;
 }

h4.FG    {
 color: #ededed;
 margin-left: 20px;
 padding-top: 10px;
 clear: both;
 }
img.LL {
 margin-top: 20px;
 margin-left: 30px;
 width: 240px;
 height: 280px;
 float: left;
 clear: inherit;
 border: 1px solid #ccc;
 }

p.BrComp  {
 font-size:x-small;
 color: #ededed;
 width:250px;
 margin:30px 0 0 15px;
 float:left;
}

.clear{
  text-indent:-9999px;
  font-size:0;
  line-height:0;
  clear:both;
}