/* Essentials
---------------------------------------- */
body {
text-align: center;
color: #222;
font: 11px '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;
}

img.spacer {
display: inline;
}

a, a:visited {
color: #222;
text-decoration: none;
}

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

/* 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;
}

#corporate {
width: 224px;
height: 22px;
background: url(image/navi.gif) top left no-repeat;
background-position: -0px -0px;
}
#activities {
width: 160px;
height: 22px;
background: url(image/navi.gif) top left no-repeat;
background-position: -224px -0px;
}
#watch {
width: 195px;
height: 22px;
background: url(image/navi.gif) top left no-repeat;
background-position: -384px -0px;
}
#jewelry {
width: 117px;
height: 22px;
background: url(image/navi.gif) top left no-repeat;
background-position: -579px -0px;
}

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

#corporate a {
width: 224px;
height: 22px;
background-position: -0px -0px;
}
#activities a {
width: 160px;
height: 22px;
background-position: -224px -0px;
}
#watch a {
width: 195px;
height: 22px;
background-position: -384px -0px;
}
#jewelry a {
width: 117px;
height: 22px;
background-position: -579px -0px;
}

#corporate a:hover {
display: block;
width: 224px;
height: 22px;
background-position: -0px -0px;
}
#activities a:hover {
display: block;
width: 160px;
height: 22px;
background-position: -224px -0px;
}
#watch a:hover {
display: block;
width: 195px;
height: 22px;
background-position: -384px -0px;
}
#jewelry a:hover {
display: block;
width: 117px;
height: 22px;
background-position: -579px -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 h2#activities {
background: url("image/title_activities.gif") top left no-repeat;
}
#subnavi h2#activities a {
display: block;
width: 30px;
height: 18px;
margin: 0 0 0 585px;
padding: 30px 0 0 0;
}

#subnavi h2#corporate {
background: url("image/title_corporate.gif") top left no-repeat;
}
#subnavi h2#corporate a {
display: block;
width: 30px;
height: 18px;
margin: 0 0 0 530px;
padding: 30px 0 0 0;
}

#subnavi h2#jewelry {
background: url("image/title_jewelry.gif") top left no-repeat;
}
#subnavi h2#jewelry a {
display: block;
width: 30px;
height: 18px;
margin: 0 0 0 540px;
padding: 30px 0 0 0;
}

#subnavi h2#watch {
background: url("image/title_watch.gif") top left no-repeat;
}
#subnavi h2#watch a {
display: block;
width: 30px;
height: 18px;
margin: 0 0 0 550px;
padding: 30px 0 0 0;
}


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

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

#left h4 {
font: 11px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: normal;
margin: 56px 0 15px 0;
padding: 0;
}

#left h5 {
font: 11px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: normal;
margin: 11px 0 15px 0;
padding: 0;
}

#left h5.corp {
font: 11px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 11px 0 15px 0;
padding: 0;
}

#left h5.wide {
font: 11px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
margin: 32px 0 15px 0;
padding: 0;
}

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

#left p.title {
font: 13px 'Lucida Grande', Geneva, Verdana, sans-serif;
font-weight: bold;
line-height: 20px;
margin: 0 0 4px 0;
padding: 0;
}

#left table.corpchart {
line-height: 1.5em;
margin: 56px 0 0 0;
}

#left table.corpchart td.left1 {
padding: 0 0 0 12px;
}

#left table.corpchart .gray {
color: #666;
}

#left table.corpchart .grayb {
color: #666;
font-weight: bold;
}

#left table.chart {
line-height: 1.5em;
}

#left table.chart td.left1 {
padding: 0 0 0 12px;
}

#left table.chart .gray {
color: #666;
}

#left table.chart .grayb {
color: #666;
font-weight: bold;
}

/* 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;
}

/* 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;
}