@charset "UTF-8";

html {
/* background: url(../../image/bg-ver2-top.gif); */
background: url(../../image/bg-top01.png) left top fixed;
}

html#project-report {
background: url(../../image/project-report-bg.gif) #f5f3ee left top fixed no-repeat;
}

html#ver-flip {
background: #ededef;
}

html#ver-3note {
background: #280c0b;
}

html#ver-company {
background: none;
}

html#ver-arten {
background: none;
}

html#ver-dic {
background: #e6e6e6;
}

html#ver-office-tour {
background: url(../../image/17-office-tour-bg.png);
}

body {
min-width: 975px;
}

h1 {
width: 860px;
height: 89px;
position: fixed;
top: 0;
z-index: 10;
background: url(../../image/header3.png) left bottom no-repeat;
}

h1#projectreport,
h1#flip,
h1#header-3note,
h1#arten,
h1#dictionary,
h1#officetour {
background: none;
}

h1#projectreport a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/logo-jp-ver-project_report.png) left top no-repeat;
}

h1#projectreport a:hover {
background-position: 0 -70px;
}

h1#flip a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/logo-jp-ver-flip.png) left top no-repeat;
}

h1#flip a:hover {
background-position: 0 -70px;
}

h1#header-3note a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/logo-jp-ver-3note.png) left top no-repeat;
}

h1#header-3note a:hover {
background-position: 0 -70px;
}

h1#design20 {
position: absolute;
}

h1#arten a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/logo-jp-ver-arten.png) left top no-repeat;
}

h1#arten a:hover {
background-position: 0 -70px;
}

h1#dictionary a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/16-dic-logo-jp.png) left top no-repeat;
}

h1#dictionary a:hover {
background-position: 0 -70px;
}

h1#officetour a {
margin: 19px 0 0 28px;
display: block;
width: 330px;
height: 70px;
text-indent: -9999px;
background: url(../../image/17-office-tour-logo-jp.png) left top no-repeat;
}

h1#officetour a:hover {
background-position: 0 -70px;
}

/* <opusdesign /> */
#top {
margin: 19px 0 0 23px;
}