/*	common	*/


/* Body
---------------------------------------- */
body {
text-align: center;
color: #222;
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
line-height: 2em;
background: #fff;
margin: 0;
padding: 0;
}

hr {
display: none;
}

img {
border-style: none;
margin: 0;
padding: 0;
}

/* Header
---------------------------------------- */
#header {
width: 800px;
text-align: left;
margin: 25px auto 0 auto;
padding: 0 0 0 0;
}

#header h1 {
text-indent: -9999px;
background: url("../image/logo.gif") top left no-repeat;
margin: 0 0 0 0;
padding: 0;
float:left;
width:500px;
}

h1 a {
display: block;
width: 189px;
height: 39px;
margin: 0 0 0 0;
padding: 0;
}

#header ul {
float: right;
width:95px;
margin: 24px 0 13px 0;
padding: 0;
}

* html #header ul {
margin: 28px 0 16px 0;
}

#header li {
float: left;
list-style: none;
padding: 0;
}
#header li.japanese{
margin: 0 4px 0 0;
}

#header li.english{
float:right;
}

/* Navi
---------------------------------------- */
#navi {
clear: both;
width: 100%;
height: 22px;
text-align: center;
background: #999;
margin: 0 auto;
padding: 0;
}

#navi ul {
width: 696px;
margin: 0 auto;
padding: 0;
}

#navi li {
float: left;
text-indent: -9999px;
list-style: none;
margin: 0;
padding: 0;
}

#news {
width: 166px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -0px -0px;
}
#company {
width: 132px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -166px -0px;
}
#watch {
width: 112px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -298px -0px;
}
#jewelry {
width: 128px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -410px -0px;
}
#food {
width: 103px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -538px -0px;
}
#recruit {
width: 55px;
height: 22px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -641px -0px;
}

#navi a, #navi a:hover {
display: block;
background: url("../image/navi.gif") top left no-repeat;
}

#news a {
width: 166px;
height: 22px;
background-position: -0px -0px;
}
#company a {
width: 132px;
height: 22px;
background-position: -166px -0px;
}
#watch a {
width: 112px;
height: 22px;
background-position: -298px -0px;
}
#jewelry a {
width: 128px;
height: 22px;
background-position: -410px -0px;
}
#food a {
width: 103px;
height: 22px;
background-position: -538px -0px;
}
#recruit a {
width: 55px;
height: 22px;
background-position: -641px -0px;
}

#news a:hover {
display: block;
width: 166px;
height: 22px;
background-position: -0px -0px;
}
#company a:hover {
display: block;
width: 132px;
height: 22px;
background-position: -166px -0px;
}
#watch a:hover {
display: block;
width: 112px;
height: 22px;
background-position: -298px -0px;
}
#jewelry a:hover {
display: block;
width: 128px;
height: 22px;
background-position: -410px -0px;
}
#food a:hover {
display: block;
width: 103px;
height: 22px;
background-position: -538px -0px;
}
#recruit a:hover {
display: block;
width: 55px;
height: 22px;
background-position: -641px -0px;
}

/* Content
---------------------------------------- */
#content {
clear: both;
width: 696px;
text-align: left;
margin: 0 auto;
padding: 0;
}

#contentTop {
clear: both;
width: 800px;
text-align: left;
margin: 0 auto;
padding: 0;
}

/* Subnavi (Company pages refer to #comnavi)
---------------------------------------- */
#subnavi {
clear: both;
width: 696px;
text-align: left;
margin: 0 auto;
padding: 40px 0 0 0;
}

#subnavi h2 {
text-indent: -9999px;
width: 696px;
height: 48px;
margin: 0;
padding: 0;
}

#subnavi ul {
margin: 0;
padding: 0;
}

#subnavi li {
text-indent: -9999px;
float: left;
list-style: none;
margin: 10px 5px 0 0;
padding: 0;
}

#comnavi {
clear: both;
width: 696px;
text-align: left;
margin: 0 auto;
padding: 40px 0 0 0;
}

#comnavi h2 {
text-indent: -9999px;
width: 696px;
height: 48px;
margin: 0;
padding: 0;
}

#comnavi ul {
margin: 0;
padding: 0;
}

#comnavi li {
text-indent: -9999px;
float: left;
list-style: none;
margin: 10px 5px 0 0;
padding: 0;
}

#comnavi a{
display:inline;
}

/* Left
---------------------------------------- */
#left {
clear: both;
float: left;
width: 400px;
text-align: left;
margin: 0 auto;
padding: 24px 0 24px 0;
}

#left h3 {
font: 13px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 16px 0 24px 0;
padding: 0;
}

#left h4 {
font: 13px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 0 0 24px 0;
padding: 0;
}

#left p {
margin: 0 0 24px 0;
padding: 0;
}

#left p.title {
margin: 0;
padding: 0;
}

#left p.leftmargin1 {
margin: 0 0 0 12px;
padding: 0;
}

#left p.leftmargin2 {
margin: 0 0 8px 24px;
padding: 0;
}

#left p.link {
margin: 12px 0 24px 12px;
padding: 0;
}

a.arrow {
margin: 0 40px 0 0;
}

/* Right
---------------------------------------- */
#right {
clear: right;
float: right;
text-align: left;
margin: 0;
padding: 40px 0 24px 0;
}

#right img.key {
margin: 0 0 16px 0;
padding: 0;
}
img.mT {
margin: 16px 0 0 0;
padding: 0;
}
p.shopName{
margin:0;
padding:0;
text-align:center;
line-height:110%;
}
/* Col
---------------------------------------- */
#col {
clear: both;
float: left;
width: 696px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

#col h3 {
font: 13px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 16px 0 8px 0;
padding: 0;
}

#col h4 {
font: 13px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 8px 0 8px 0;
padding: 0;
}

#col p {
margin: 0 0 16px 0;
padding: 0;
}

#col p.leftmargin1 {
margin: 0 0 0 12px;
padding: 0;
}

#col p.leftmargin2 {
margin: 0 0 8px 24px;
padding: 0;
}

#col table.leftmargin2 {
margin: 8px 0 16px 24px;
padding: 0;
}

#col image.right {
float: right;
margin: 0;
padding: 0;
}

/* Col2 Wide
---------------------------------------- */
#col2wide {
clear: both;
float: left;
width: 524px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

#col2wide h3 {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 16px 0 8px 0;
padding: 0;
}

#col2wide h4 {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: normal;
margin: 16px 0 8px 0;
padding: 0;
}

#col2wide table.leftmargin1 {
margin: 8px 0 32px 0;
padding: 0;
}

/* Col2 Narrow
---------------------------------------- */
#col2narrow {
clear: right;
float: right;
width: 145px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

#col2narrow img.key {
margin: 0 0 16px 0;
padding: 0;
}

/* Col2 Left
---------------------------------------- */
#col2left {
clear: both;
float: left;
width: 316px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

#col2left h3 {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 16px 0 8px 0;
padding: 0;
}

/* Col2 Right
---------------------------------------- */
#col2right {
clear: right;
float: right;
width: 350px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

#col2right h3 {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 16px 0 8px 0;
padding: 0;
}

/* Col3 Left
---------------------------------------- */
#col3left {
clear: both;
float: left;
width: 216px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

/* Col3 Wrapper (center + right)
---------------------------------------- */
#col3wrapper {
clear: right;
float: right;
width: 440px;
text-align: left;
margin: 0 auto;
padding: 24px 0 40px 0;
}

/* Col3 Center
---------------------------------------- */
#col3center {
clear: both;
float: left;
width: 216px;
text-align: left;
margin: 0 auto;
padding: 0;
}

/* Col3 Right
---------------------------------------- */
#col3right {
clear: right;
float: right;
width: 216px;
text-align: left;
margin: 0 auto;
padding: 0;
}

/* Line
---------------------------------------- */
#line {
clear: both;
width: 100%;
text-align: left;
border-top: 2px solid #999;
margin: 0 auto;
padding: 0;
}

/* Bottom
---------------------------------------- */
#bottom {
clear: both;
width: 696px;
text-align: right;
margin: 0 auto;
padding: 0 0 24px 0;
}

#bottom p {
font: 11px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 00;
padding: 0;
}

/* Footer
---------------------------------------- */
#footer {
clear: both;
width: 800px;
text-align: right;
margin: 0 auto;
padding: 12px 0 0 0;
}

#footer p {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 0 0 8px 0;
padding: 0;
}

.foot-left{
float:left;
width: 50%;
margin:0 0 20px 0;
text-align:left;
}
.foot-left ul {
margin:0;
}
.foot-left ul li{
list-style:none;
padding:0 0 0 10px;
background:url(../image/icn_arw_foot.gif) no-repeat 0 5px;
font-size:10px;
color:#757575;
line-height:1.6;
}
.foot-left ul li a{
color:#777777;
}
.foot-right
float:right;
width: 50%
}


/*	import	*/

img {
border: 0;
}

a{
color:#222;
text-decoration:none;
}
a:hover{
color:#1970AD;
}

img a {
border: 0;
}


/*	page.css	*/

#TopicPath a{
display:inline!important;
background:none!important;
}

#footer .news{
float:left;
width:350px;
text-align:left;
}
#footer .news img{
margin:0 0 0 5px;
}
#footer .news table{
border-collapse:collapse;
}
#footer .news table td{
padding:0 0 0 2px;
}
#footer .news div{
margin:0!important;
padding:0!important;
}
#footer .news p{
margin:0;
padding:0;
}
/* Company (/company/)
---------------------------------------- */
h2#companytop {
background: url("../image/title_company.gif") top left no-repeat;
}
h2#companygreeting {
background: url("../image/title_company_greeting.gif") top left no-repeat;
}
h2#companyprofile {
background: url("../image/title_company_profile.gif") top left no-repeat;
}
h2#companyhistory {
background: url("../image/title_company_history.gif") top left no-repeat;
}
h2#companyretail {
background: url("../image/title_company_retail.gif") top left no-repeat;
}
h2#companyactivities {
background: url("../image/title_company_activities.gif") top left no-repeat;
}

#comnavi #greeting {
width: 100px;
height: 57px;
background: url("../image/tab_company.gif") top left no-repeat;
background-position: -0px -62px;
}
#comnavi #profile {
width: 100px;
height: 57px;
background: url("../image/tab_company.gif") top left no-repeat;
background-position: -105px -62px;
}
#comnavi #history {
width: 100px;
height: 57px;
background: url("../image/tab_company.gif") top left no-repeat;
background-position: -210px -62px;
}
#comnavi #retail {
width: 100px;
height: 57px;
background: url("../image/tab_company.gif") top left no-repeat;
background-position: -315px -62px;
}
#comnavi #activities {
width: 100px;
height: 57px;
background: url("../image/tab_company.gif") top left no-repeat;
background-position: -420px -62px;
}

#comnavi a, #comnavi a:hover {
display: block;
background: url("../image/tab_company.gif") top left no-repeat;
}

#comnavi #greeting a {
width: 100px;
height: 57px;
background-position: -0px -0px;
}
#comnavi #profile a {
width: 100px;
height: 57px;
background-position: -105px -0px;
}
#comnavi #history a {
width: 100px;
height: 57px;
background-position: -210px -0px;
}
#comnavi #retail a {
width: 100px;
height: 57px;
background-position: -315px -0px;
}
#comnavi #activities a {
width: 100px;
height: 57px;
background-position: -420px -0px;
}

#comnavi #greeting a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -0px -62px;
}
#comnavi #profile a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -105px -62px;
}
#comnavi #history a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -210px -62px;
}
#comnavi #retail a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -315px -62px;
}
#comnavi #activities a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -420px -62px;
}

#left h4.act {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: normal;
margin: 32px 0 8px 0;
padding: 0;
}

span.indent{
display:block;
margin:0 0 0 1em;
}

/* Jewelry Division (/jewerly/)
---------------------------------------- */
h2#jewelrytop {
background: url("../image/title_jewelry.gif") top left no-repeat;
}

h2#jewelrysale {
background: url("../image/title_jewelry_sale.gif") top left no-repeat;
}

h2#jewelryretail {
background: url("../image/title_jewelry_retail.gif") top left no-repeat;
}

h2#jewelryoriginal {
background: url("../image/title_jewelry_original.gif") top left no-repeat;
}

h2#jewelryimport {
background: url("../image/title_jewelry_import.gif") top left no-repeat;
}

h2#jewelryretail {
background: url("../image/title_jewelry_retail.gif") top left no-repeat;
}

h2#jewelrybellebee {
background: url("../image/title_jewelry_bellebee.gif") top left no-repeat;
}

h2#jewelryhelden {
background: url("../image/title_jewelry_helden.gif") top left no-repeat;
}

#subnavi #sale {
width: 100px;
height: 57px;
background: url("../image/tab_watch.gif") top left no-repeat;
background-position: -0px -62px;
}
#subnavi #retail {
width: 100px;
height: 57px;
background: url("../image/tab_watch.gif") top left no-repeat;
background-position: -105px -62px;
}

#subnavi a, #subnavi a:hover {
display: block;
background: url("../image/tab_watch.gif") top left no-repeat;
}

#subnavi #sale a {
width: 100px;
height: 57px;
background-position: -0px -0px;
}
#subnavi #retail a {
width: 100px;
height: 57px;
background-position: -105px -0px;
}

#subnavi #sale a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -0px -62px;
}
#subnavi #retail a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -105px -62px;
}

#subnavi #salehere a, #subnavi #salehere a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -0px -62px;
}
#subnavi #retailhere a, #subnavi #retailhere a:hover {
display: block;
width: 100px;
height: 57px;
background-position: -105px -62px;
}

/* Watch Division (/watch/)
---------------------------------------- */
h2#watchtop {
background: url("../image/title_watch.gif") top left no-repeat;
}

h2#watchsale {
background: url("../image/title_watch_sale.gif") top left no-repeat;
}

h2#watchrolex {
background: url("../image/title_watch_rolex.gif") top left no-repeat;
}

h2#watchimport {
background: url("../image/title_watch_import.gif") top left no-repeat;
}

h2#watchretail {
background: url("../image/title_watch_retail.gif") top left no-repeat;
}

h2#watchlexia {
background: url("../image/title_watch_lexia.gif") top left no-repeat;
}

h2#watchhotta {
background: url("../image/title_watch_hotta.gif") top left no-repeat;
}

#left h4.normal {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: normal;
margin: 48px 0 24px 0;
padding: 0;
}

#left span.indent5{
margin-left:5.5em;
}

/* Food Division (/restaurant/)
---------------------------------------- */
h2#foodtop {
background: url("../image/title_food.gif") top left no-repeat;
}

h2#foodca {
background: url("../image/title_food_ca.gif") top left no-repeat;
}

/* Link (/link/)
---------------------------------------- */
h2#link {
background: url("../image/title_link.gif") top left no-repeat;
}

#col2left ul {
margin: 0;
padding: 0 0 24px 0;
}

#col2left li {
height: 24px;
list-style: none;
margin: 0 0 0 12px;
padding: 0;
}

#col2left img.icon,
#col2right img.icon {
vertical-align:middle;
margin: 0 0 3px 8px;
padding: 0;
}

#col2right ul {
margin: 0;
padding: 0 0 24px 0;
}

#col2right li {
list-style: none;
margin: 0 0 0 12px;
padding: 0;
}

#col2right img.iconnavi {
margin: 16px 0 0 0;
padding: 0;
}

* html #col2right img.iconnavi {
margin-top:0;
}

/* Privacy Policy (/privacy/)
---------------------------------------- */
h2#privacy {
background: url("../image/title_privacy.gif") top left no-repeat;
}

#col p.right {
margin: 0 0 40px 200px;
padding: 0;
}

#col table.privacy {
margin: 8px 0 8px 0;
padding: 0;
}

/* News Release (/news/)
---------------------------------------- */
h2#news {
background: url("../image/title_news.gif") top left no-repeat;
}

#col ul {
margin: 0;
padding: 0 0 24px 24px;
}

#col li {
margin: 0;
padding: 0;
}

/* Sitemap (/sitemap/)
---------------------------------------- */
h2#sitemap {
background: url("../image/title_sitemap.gif") top left no-repeat;
}

#col3left p, #col3center p, #col3right p {
margin: 0;
padding: 0 0 24px 0;
}

/* Recruit (/recruit/)
---------------------------------------- */
h2#recruit {
background: url("../image/title_recruit.gif") top left no-repeat;
}