/* 0. reset setting */

* {
margin: 0;
padding: 0;
font-size: 12px;
}

html{
/*overflow-y:scroll;*/
overflow: scroll;
}

/* 1. base setting */

/* 1.1 structure & header elements */

body {
font-family: "Arial", "Verdana", sans-serif;
text-align: center;
}

/* 1.2 block elements */

/* 1.2.1 area */
body {
background-color: #ffffff;
}

div {
text-align: left;
}

p {
margin: 0 15px 15px 20px;
line-height: 20px;
}

/* 1.2.2 table */

table {
border-collapse: collapse;
border: none;
border-spacing: 0;
margin: 0 0 20px 15px;
}

th {
border-collapse: collapse;
border: none;
border-spacing: 0;
padding: 10px 20px 10px 20px;
border: 1px solid black;
font-weight: bold;
text-align: center;
}

td {
border-collapse: collapse;
border: none;
border-spacing: 0;
padding: 10px 20px 10px 20px;
border: 1px solid black;
line-height: 20px;
}

caption {
padding: 0 0 10px 20px;
text-align: left;
background-image: url(images/table.gif);
background-position: left top;
background-repeat: no-repeat;
}

/* 1.2.3 list */

ul {
margin: 20px 0 20px 30px;
list-style-type: disc;
}

li {
margin-bottom: 5px;
}

dl {
margin: 10px;
line-height: 15px;
}

dt {
padding: 5px 0 5px 10px;
}

dd {
padding: 5px 0 5px 40px;
margin: 5px 0 5px 0;
}

/* 1.2.4 heading */

h2 {
font-size: 20px;
}

h3 {
font-size:18px;
padding-bottom: 5px;
margin: 0 10px 20px 0;
border-bottom: solid 1px #9999cc;
}

h4 {
font-size: 15px;
padding: 7px;
margin: 3px 10px 20px 10px;
border-left: 10px solid #003399;
border-bottom: 1px  solid #9999cc;
}

h5 {
font-size: 13px;
font-weight: normal;
padding-left: 15px;
margin: 0 0 20px 10px;
background-image: url(images/square.gif);
background-position: left center;
background-repeat: no-repeat;
}

/* 1.2.5 address */

address {
float: left;
padding: 10px 0 20px 15px;
color: #5f5e5e;
font-style: normal;
}

/* 1.2.6 form */

form {
margin: 10px;
width: 650px;
}

legend {
padding: 10px;
margin-left: 10px;
width: 650px;
border-left: solid 10px #003399;
border-bottom: 1px  solid #9999cc;
}

fieldset {
margin-bottom: 15px;
border: none;
}

textarea {
margin: 20px 10px 10px 30px;
width: 600px;
}

/* 1.3 inline elements */

/* 1.3.1 hyperlink */

a {
text-decoration: none;
}

a:link {
color: #003399;
}

a:visited {
color: #003399;
}

a:hover {
color: #003eba;
text-decoration: underline;
}

a:active {
color: #9999cc;
}

/* 1.3.2 image */

img {
margin: 0 15px 0 15px;
}

/* 2. class setting */

/* 2.1 width */

.structure {
width: 800px;
margin: 0 auto;
}

.structure2 {
width: 800px;
margin: 0 auto;
}

.structure3 {
width: 800px;
margin: 0 auto;
}

/* 2.3 division */
div.article {
display: none;
}

div.for-print {
padding: 10px 10px 0 10px;
margin: 10px 20px 10px 20px;
border: solid 1px gray;
}

/* 2.2 paragraph */

p.to-right {
float: right;
margin-top: 5px;
}

p.hidden-print {
display: none;
}

/* 2.3 unordered list(ul) */

ul.menu {
margin: 0;
list-style-type: none;
}

li.menu {
margin-bottom: 0;
}

ul.sub-menu li {
padding-left: 20px;
display: block;
line-height: 24px;
text-align: left;
background-image: url(images/arrow_right_grey.png);
background-position: left center;
background-repeat: no-repeat;
list-style-type: none;
}

ul.sub-menu li.selected {
margin-bottom: 0;
background-image: url(images/arrow_down_grey.png);
background-position: left 8px;
background-repeat: no-repeat;
list-style-type: none;
}

ul.inline {
margin-top: 6px;
padding-bottom: 6px;
}

li.inline {
display: inline;
padding: 0 6px 0 12px;
background-image: url(images/bar.gif);
background-position: left top;
background-repeat: no-repeat;
}

li.inline:first-child {
background-image: none;
padding-left: 0;
}

/* 2.4 ordered list(ol) */

ol.primary {
margin-left: 40px;
list-style-type: decimal;
}

ol.primary li {
margin-top: 10px;
}
ol.secondary {
margin-left: 30px;
list-style-type: disc;
}

/* 2.5 definition list(dl) */

dl.flowchart dt {
width: 200px;
border: 1px  solid #9999cc;
}

dl.flowchart dd {
background-image: url(images/dot_line.png);
background-position: 10px bottom;
background-repeat: no-repeat;
}

dl.flowchart dd.last {
background-image: none;
}

dl.flowchart ul {
margin: 5px 0 5px 0;
}

dl.flowchart li {
margin-bottom: 0px;
line-height: 15px;
}

/* 2.6 hyperlink */

/* 2.6.1 background icon */

a.icon {
background-position: left center;
background-repeat: no-repeat;
padding: 1px 0 1px 20px;
vertical-align: middle;
}

a.icon-r {
background-position: right center;
background-repeat: no-repeat;
padding: 1px 20px 1px 0;
vertical-align: middle;
}

/* 2.6.2 language switch */

a.lang-en {
background-image: url(images/gb.gif);
}

a.lang-ja {
background-image: url(images/jp.gif);
}

/* 2.6.3 info included in footer and header */

a.inquiry {
background-image: url(images/email.png);
}

a.sitemap {
background-image: url(images/sitemap_color.png);
}

a.termofuse {
background-image: url(images/script.png);
}

a.recruit {
background-image: url(images/group.png);
}

/* 2.6.4 go to page-top */

a.page-top {
background-image: url(images/arrow_up.png);
}

p.page-top {
display: none;
}

/* 2.6.5 go to linked page */

a.go {
background-image: url(images/control_play.png);
}

a.go-arrow {
background-image: url(images/arrow_right.png);
}

/* 2.6.6 file type */

a.pdf {
background-image: url(images/page_white_acrobat.png);
}

a.link {
background-image: url(images/world_go.png);
}

/* 2.7 clear float */

.clear {
clear: both;
}

/* 2.8 span */
span.required {
margin: 0 5px 0 5px;
color: red;
}

/* 2.9 form */

input.checkbox {
margin: 0 10px 0 10px;
}

input.button {
margin: 0 8px 0 8px;
padding: 0 8px 0 8px;
height: 30px;
color: #003399;
background-color: #99ccff;
}

input.submit {
background-image: url(images/email_go.png);
background-position: 7px center;
background-repeat: no-repeat;
padding-left: 30px;
}

input.delete {
background-image: url(images/delete.png);
background-position: 7px center;
background-repeat: no-repeat;
padding-left: 30px;
}

/* 2.10 image */

img.reader {
margin-top: 10px;
margin-bottom: 5px;
vertical-align: -14px;
}

/* 3. header specification */

div#header {
padding: 0 10px 0 10px;
background-color: #ffffff;
}

div#head-top {
padding: 10px;
height: 70px;
width: 785px;
}

div#head-bottom {
display: none;
}

div#head-left {
float: left;
padding-left: 15px;
width: 300px;
height: 28px;
}

div#head-right {
float: right;
padding-right: 10px;
width: 300px;
height: 28px;
text-align: right;
}

div#search_j {
display: none;
}

div#search_e {
display: none;
}

/* 4. global navigator specification */

div#global-nav {
display: none;
}

/* 5. container specification */

div#container {
width: 800px;
padding: 0 10px 0 10px;
background-color: #ffffff;
overflow: visible;
}

/* 5.1 for body#home */

/* 5.1.1 division */

#home div#image-pic {
display: none;
}

/* 5.1.2 definition list(dl) */

#home div#container dt {
font-weight:bold;
}

/* 5.1.3 no display */

#home p.to-right {
display: none;
}

#home img.reader {
display: none;
}

/* 6. breadcrumbs specification */

div#breadcrumbs {
display: none;
}

/* 7. column-title specification */

div#column-title {
padding-left: 15px;
color: #003399;
border: 1px solid #9999cc;
line-height: 30px;
}

/* 8. subcontainer specification */

div#subcontainer {
width: 800px;
margin-top: 10px;
}

/* 8.1  for body#home */

#home #subcontainer h4 {
border: 1px solid #9999cc;
}

#home div#subcontainer {
margin-top: 0;
}

#home h4 {
margin: 3px 0 20px 0;
}

/* 9. column-left specification */

/* 9.1 for class structure2 and 3 */

div.structure2#column-left {
display: none;
}

div.structure3#column-left {
display: none;
}

/* 9.2 for body#home */

#home #subcontainer div#column-left {
float: left;
width: 780px;
}

/* 9.3 for body#our-service */

#our-service div#column-left {
float: left;
width: 410px;
}

/* 10. column-right specification */

div#column-right {
padding-left: 20px;
}

/* 10.1 for class structure2 and 3 */

div.structure2#column-right {
width: 780px;
}

div.structure3#column-right {
width: 780px;
}

div.structure3#column-right #text {
border: 1px solid #ffffff;
}

div.structure2#column-right #pic {
float: right;
width: 200px;
}

div.structure2#column-right #text1 {
float: left;
width: 560px;
}

div.structure2#column-right #text2 {
float: left;
width: 770px;
}

/* 10.2 for body#home */

#home div#subcontainer #column-right {
float: left;
width: 780px;
padding-left: 0px;
border-left: none;
}

#home div#subcontainer #recruit {
border: 1px solid #ffffff;
}

/* 10.3 for body#pa */

/* 10.3.1 division */

#pa #subcontainer #profile #vcard {
display: none;
}

/* 10.3.2 definition list */

#pa div#container dt {
float: left;
margin-right: -60px;
width: 70px;
}

#pa div#container dd {
margin-left: 60px;
}

/* 10.4 for body#logo */

/* 10.4.1 division */

#logo #subcontainer #column-right #text {
float: right;
width: 640px;
}

#logo #subcontainer #column-right #pic {
float: left;
width: 120px;
}

/* 10.6 for body#our-service */

#our-service div#column-right {
float: right;
border: none;
width: 365px;
}

/* 11. column-main specification */

div#column-main {
margin-left: 10px;
}

/* 11.1 for body#our-termofuse */

/* 11.1.1 image(img) */

#our-termofuse div#column-main img {
margin-top: 20px;
}

/* 11.2 for body#inquiry */

#inquiry div#container table {
margin: 10px 0 10px 25px;
}

#inquiry div#container th {
width: 170px;
border: none;
border-bottom: 1px solid #9999cc;
}

#inquiry div#container td {
width: 470px;
border: none;
border-bottom: 1px solid #9999cc;
}

div#form-button {
margin: 10px 0 0 20px;
}

/* 11.3 for body#sitemap */

#sitemap div#column-main ul {
margin: 0 0 10px 20px;
}

#sitemap h4 a {
font-size: 15px;
}

/* 12. footer specification */

div#footer {
width: 800px;
height: 60px;
padding: 15px 10px 15px 10px;
background-color: #ffffff;
}

div#subfooter {
display: none;
}

/* 13. Only For IE6 */

* html li.first-child {
background-image: none;
padding-left: 0;
}

* html div.structure2#column-left {
display: none;
}

* html div#column-right{
float: left;
}

* html div.structure2#column-right {
width: 620px;
border: 1px solid red;
}


* html div#container {
width: 650px;
}

* html div#subcontainer {
width: 650px;
}

* html div#column-main {
width: 620px;
}

* html div#column-title {
width: 620px;
}

* html div#footer {
width: 650px;
}

* html body#ip div#column-left {
display: none;
}

* html body#ip div#column-right {
width: 620px;
}

* html body#patent div#column-left {
display: none;
}

* html body#patent div#column-right {
width: 620px;
}

* html body#utility div#column-left {
display: none;
}

* html body#utility div#column-right {
width: 620px;
}

* html body#design div#column-left {
display: none;
}

* html body#design div#column-right {
width: 620px;
}

* html body#trademark div#column-left {
display: none;
}

* html body#trademark div#column-right {
width: 620px;
}

* html body#attorney div#column-left {
display: none;
}

* html body#attorney div#column-right {
width: 620px;
}

* html body#our-service div#column-right {
float: left;
width: 410px;
padding-top: 20px;
padding-left: 0px;
}

* html body#home div#subcontainer div#column-left {
float: left;
width: 620px;
}

* html body#home div#subcontainer #column-right {
float: left;
width: 620px;
padding-left: 0px;
border-left: none;
}

* html body#our-office div#column-right {
width: 620px;
}

* html div.structure2#column-right #text1 {
width: 400px;
}

* html body#policy div#column-right {
width: 620px;
}

* html body#pa div#column-right {
width: 620px;
}

* html body#works div#column-right {
width: 620px;
}

* html body#logo div#column-right {
width: 620px;
}