@charset "utf-8";
/*----------------
　各ページ共通 CSS
-------------------*/

body    {
 color: #888;
 font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
 background-image: url("../images/common/bg_main2.gif");
 background-repeat: repeat;
 text-align: center;
 }
body, img, div, table, td, address, a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd  {
 margin: 0;
 padding: 0;
 }
a, img  { border-style: none; }
img     { vertical-align: top; }
ul, ol   { list-style-type: none; }

h5, h6, dt  {
 font-size: x-small;
 line-height: 165%;
 }
 h1, h2, h3, h4 {
 font-size: small;
 line-height: 150%;
 }
p, li, dd   {
 font-size: 85%;
 line-height: 165%;
 }
*html p, li, dd, dt  {
 font-size: 10px;
 line-height: 18px;
 }
*html h1, h2, h3, h4, h5, h6, {
 font-size: 12px;
 line-height: 18px;
 }

a  {
 color: #888;
 text-decoration: none;
 }
a:hover { color: #69f; }


div#AllWrap, div#Hed, div#MenuWrap, div.Anchor, table#Body, h3.ListTitle  { 
 margin-right: auto;
 margin-left: auto;
 }

div#AllWrap    {
 background-color: white;
 background-image: url("../images/common/bg_body2.gif");
 background-repeat: repeat-y;
 background-position: center 0;
 text-align: center;
 position: relative;
 width: 817px;
 vertical-align: top;
 }
div#Hed      {
 text-align: left;
 width: 803px;
 height: 20px;
 }
div#Footer   {
 background-image: url("../images/common/bg_footer2.gif");
 background-repeat: no-repeat;
 background-position: center bottom;
 height: 34px;
 vertical-align: middle;
 }
address   {
 color: #999;
 font-size: 10px;
 font-family: "Times New Roman", Times, Georgia, serif;
 font-style: normal;
 line-height: 20px;
 text-align: left;
 letter-spacing: 1px;
 margin-left: 30px;
 padding-top: 2px;
 float: left;
 }
html* address   { margin-left: 10px; }

#Hed h1       {
 font-size: 11px;
 position: absolute;
 z-index: 2;
 top: 8px;
 left: 210px;
 }
img#Logo   {
 position: absolute;
 z-index: 1;
 top: 6px;
 left: 60px;
 width: 82px;
 height: 44px;
 float: left;
 }
#Hed h1 a  {
 background-image: url("../images/common/h1.gif");
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 width: 107px;
 height: 11px;
 }
#Hed h2      {
 font-weight: normal;
 line-height: 14px;
 background-image: url("../images/common/h2_hedcopy.gif");
 background-repeat: no-repeat;
 text-indent: -9999px;
 position: relative;
 top: 8px;
 left: 340px;
 width: 335px;
 height: 11px;
 }

/*サブナヴィ*/
ul#SubNav  {
 margin-top: 6px;
 margin-right: 40px;
 height: 20px;
 float: right;
 }
html* ul#SubNav  {
 margin-top: 4px;
 margin-right: 10px;
 }
ul#SubNav li {
 display: inline;
 vertical-align: baseline;
 }
ul#SubNav a {
 color: #999;
 text-decoration: none;
 margin-right: 4px;
 }
ul#SubNav a:hover { color: #666; }

/*メインナヴィ*/
div#MenuWrap   {
 background-image: url("../images/common/bg_mainnavi.gif");
 background-repeat: no-repeat;
 background-position: center bottom;
 text-align: left;

 margin-top: 5px;
 margin-bottom: 20px;
 width: 799px;
 height: 33px;

 }
html* div#MenuWrap {  height: 38px; }

ul#MainNav   {
 text-align: left;
 margin-top: 10px;
 margin-left: 195px;
 }
*html ul#MainNav  {  margin-top: 7px; }

ul#MainNav li {
 text-indent: -9999px;
 display: inline;
 width: 77px;
 margin-right: 4px;
 height: 20px;
 float: left;
 }

li.Home, li.Shop, li.Brand, li.Event, li.Charity, li.Press  {
 background-repeat: no-repeat;
 background-position: center 0px;
 }
li.Home    { background-image: url("../images/common/btn_home_current.gif"); }
li.Shop     { background-image: url("../images/common/btn_shop_current.gif"); }
li.Brand    { background-image: url("../images/common/btn_brand_current.gif") }
li.Event    { background-image: url("../images/common/btn_event_current.gif"); }
li.Charity  { background-image: url("../images/common/btn_charity_current.gif"); }
li.Press    { background-image: url("../images/common/btn_press_current.gif"); }

#MainNav a  {
 display: block;
 width: 77px;
 height: 20px;
 float: left;
 clear: inherit;
 }
a.Home, a.Shop, a.Brand, a.Event, a.Charity, a.Press  {
 background-repeat: no-repeat;
 background-position: left 0px;
 }
a.Home    { background-image: url("../images/common/btn_home.gif"); }
a.Shop     { background-image: url("../images/common/btn_shop.gif"); }
a.Brand    { background-image: url("../images/common/btn_brand.gif") }
a.Event    { background-image: url("../images/common/btn_event.gif"); }
a.Charity  { background-image: url("../images/common/btn_charity.gif"); }
a.Press    { background-image: url("../images/common/btn_press.gif"); }

a.Home:hover    { background-image: url("../images/common/btn_home_hover.gif"); }
a.Shop:hover     { background-image: url("../images/common/btn_shop_hover.gif"); }
a.Brand:hover    { background-image: url("../images/common/btn_brand_hover.gif") }
a.Event:hover    { background-image: url("../images/common/btn_event_hover.gif"); }
a.Charity:hover  { background-image: url("../images/common/btn_charity_hover.gif"); }
a.Press:hover    { background-image: url("../images/common/btn_press_hover.gif"); }

/*JP Menu*/
ul#JpBtn       {
 text-align: left;
 position: absolute;
 z-index: 3;
 top: 10px;
 left: 230px;
 width: 500px;
 height: 19px;
 }
ul#JpBtn li  { display: inline; }
li#JP1, li#JP2, li#JP3, li#JP4, li#JP5, li#JP6 { visibility: hidden; }

table#Body    {
 text-align: center;
 width: 783px;
 clear: both;
 }
table#Body td#Contents   {
 text-align: center;
 vertical-align: top;
 border: solid 1px #ccc;
 }
h3.ListTitle   {
 background: url("../images/common/bg_gray.gif") repeat-x;
 text-align: center;
 width: 781px;
 height: 21px;
 border: solid 1px #e6e6e6;
 display: block;
 }

div.Anchor {
 text-align: right;
 margin-top: 10px;
 padding-right: 40px;
 height: 12px;
 }
div.clear { clear: both; }
p.Right   { text-align: right; }
p.Center { text-align: center; }