@charset 'utf-8';

/*--init start--*/

body{
background:#ffffff;
font-family:verdana,Tahoma,Sans-serif;
color:#333333;
}

* {
margin:0px;
padding:0px;
}

img, a {
border:none;
}

img {
vertical-align:top;
}

table {
border-collapse:collapse;
}

/*--init end--*/

/*--general start--*/

#container {
width:780px;
border-right:1px solid #cccccc;
}

#main {
clear:both;
width:780px;
}

.disp-bl {
display:block;
width:100%;
height:100%;
}

.clear-left {
width:0px;
height:0px;
clear:left;
overflow:hidden;
}

.clear-both {
width:0px;
height:0px;
clear:both;
overflow:hidden;
}

.height45 {
width:0px;
height:45px;
overflow:hidden;
}

a:link {
color:#0055c4;
text-decoration:none;
}

a:visited {
color:#0055c4;
text-decoration:none;
}

a:hover {
color:#6699dc;
text-decoration:underline;
}

a:active {
color:#6699dc;
text-decoration:underline;
}

/*--general end--*/

/*--header start--*/

#header {
border-top:3px solid #0055c4;
border-bottom:1px solid #cccccc;
font-family:Verdana,Arial,Sans-serif;
height:82px;
position:relative;
}

#header-left {
width:400px;
float:left;
}

#omron-logo {
width:116px;
height:24px;
background-image:url(/common/header_footer/img/omron_logo.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin:18px 18px 10px 15px;
overflow:hidden;
}

#omron-logo a {
display:block;
overflow:hidden;
height:0pt;
padding-top:24px;
}

#identification {
color:#555555;
font-weight:bold;
font-size:90%;_font-size:80%;
position:absolute;
left:149px;
bottom:40px;
vertical-align:bottom;
line-height:1em;
}

*+html #identification {
font-size:80%;
}

#statement {
width:123px;
height:13px;
margin:0px 0px 0px 15px;
background-image:url(/common/header_footer/img/sensing_tomorrow.gif);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#statement a {
display:block;
overflow:hidden;
height:0pt;
padding-top:13px;
}

#header-right {
float:right;
}

#header-right h2 {
width:274px;
height:63px;
background-image:url(../img/common/right_logo.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
margin:13px 3px 0px 0px;
}

#header-right h2 span {
display:block;
overflow:hidden;
height:0pt;
padding-top:63px;
}

#navi-skip {
width:0pt;
height:0pt;
overflow:hidden;
position:absolute;
left:0pt;
top:0pt;
}

/*--header end--*/

/*--middle-navi start--*/

#close-head {
float:right;
width:65px;
height:14px;
margin:6px 0px 0px 0px;
}

#bread-box {
float:left;
width:350px;
}

#bread {
list-style-type:none;
margin:7px 0px 0px 15px;
}

#bread li {
float:left;
font-size:78%;
color:#666666;
line-height:1.2em;
}

#bread li span {
margin:0px 5px 0px 5px;
}

#change-size {
float:left;
width:186px;
line-height:1.2em;
margin:7px 10px 0px 0px;
font-size:78%;
color:#666666;
font-weight:normal;
text-align:right;
white-space:nowrap;
}

.viewcontrol {
width:169px;
float:left;
}

.fontsize {
list-style-type:none;
margin:3px 0px 0px 0px;
}

.fontsize li{
float:left;
width:50px;
height:20px;
margin-right:2px;
}

.fontsize li a{
display:block;
width:100%;
height:100%;
}

.fontsize li.small{
background:url(/common/img/main/fontsize_small_on.gif) left top no-repeat;
}

.fontsize li.medium{
background:url(/common/img/main/fontsize_medium_on.gif) left top no-repeat;
}

.fontsize li.large{
background:url(/common/img/main/fontsize_large_on.gif) left top no-repeat;
}

#side-navi {
clear:both;
}

#next-head {
float:right;
}

#next-head a {
display:block;
width:115px;
height:18px;
margin:25px 20px 0px 0px;
}

#back-head {
float:left;
}

#back-head a {
display:block;
width:115px;
height:18px;
margin:25px 0px 0px 20px;
}

/*--middle-navi end--*/

/*--contents start--*/

#contents {
clear:both;
line-height:1.5em;
}

#split-right {
width:635px;
float:right;
padding-top:10px;
}

#split-left {
width:145px;
float:right;
padding-top:10px;
}

/*--contents end--*/

/*--title start--*/

#title-index {
width:342px;
height:44px;
background-image:url(../img/index/title_shaping.gif);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
margin:16px 0px 0px 20px;
line-height:1.2em;
}

#title-index span {
display:block;
height:0pt;
padding-top:44px;
overflow:hidden;
}

#title-intro {
width:615px;
height:98px;
overflow:hidden;
background-image:url(../img/intro/title_intro.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
line-height:1.2em;
}

#title-intro span {
display:block;
overflow:hidden;
height:0pt;
padding-top:98px;
}

#title-1st {
width:615px;
height:98px;
overflow:hidden;
background-image:url(../img/1st/title_1st.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
line-height:1.2em;
}

#title-1st span {
display:block;
overflow:hidden;
height:0pt;
padding-top:98px;
}

#title-2nd {
width:615px;
height:98px;
overflow:hidden;
background-image:url(../img/2nd/title_2nd.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
line-height:1.2em;
}

#title-2nd span {
display:block;
overflow:hidden;
height:0pt;
padding-top:98px;
}

#title-3rd {
width:615px;
height:98px;
overflow:hidden;
background-image:url(../img/3rd/title_3rd.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
line-height:1.2em;
}

#title-3rd span {
display:block;
overflow:hidden;
height:0pt;
padding-top:98px;
}

#title-4th {
width:615px;
height:98px;
overflow:hidden;
background-image:url(../img/4th/title_4th.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
line-height:1.2em;
}

#title-4th span {
display:block;
overflow:hidden;
height:0pt;
padding-top:98px;
}

/*--title end--*/

/*--left-navi start --*/

#left-navi {
list-style-type:none;
margin:0px 10px 0px 20px;
}

#left-navi li {
margin:0px 0px 9px 0px;
}

#btn-home {
width:115px;
height:44px;
background-image:url(../img/common/menu_home_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-home a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#btn-home a:hover {
background-image:url(../img/common/menu_home_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-intro {
width:115px;
height:44px;
background-image:url(../img/common/menu_intro_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-intro a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#btn-intro a:hover {
background-image:url(../img/common/menu_intro_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-intro span {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
background-image:url(../img/common/menu_intro_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-1st {
width:115px;
height:64px;
background-image:url(../img/common/menu_1st_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-1st a {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
}

#btn-1st a:hover {
background-image:url(../img/common/menu_1st_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-1st span {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
background-image:url(../img/common/menu_1st_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-2nd {
width:115px;
height:64px;
background-image:url(../img/common/menu_2nd_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-2nd a {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
}

#btn-2nd a:hover {
background-image:url(../img/common/menu_2nd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-2nd span {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
background-image:url(../img/common/menu_2nd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-3rd {
width:115px;
height:64px;
background-image:url(../img/common/menu_3rd_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-3rd a {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
}

#btn-3rd a:hover {
background-image:url(../img/common/menu_3rd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-3rd span {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
background-image:url(../img/common/menu_3rd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-4th {
width:115px;
height:64px;
background-image:url(../img/common/menu_4th_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#btn-4th a {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
}

#btn-4th a:hover {
background-image:url(../img/common/menu_4th_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#btn-4th span {
display:block;
height:0pt;
overflow:hidden;
padding-top:64px;
background-image:url(../img/common/menu_4th_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

/*--left-navi end --*/

/*--foot-navi start --*/

#moreinfo-01 {
clear:both;
width:115px;
height:44px;
overflow:hidden;
background-image:url(../img/common/btn_moreinfo_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:5px 0px 0px 645px;
}

#moreinfo-01 a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#moreinfo-01 a:hover {
background-image:url(../img/1st/btn_1st_moreinfo_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#moreinfo-02 {
clear:both;
width:115px;
height:44px;
overflow:hidden;
background-image:url(../img/common/btn_moreinfo_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:5px 0px 0px 645px;
}

#moreinfo-02 a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#moreinfo-02 a:hover {
background-image:url(../img/2nd/btn_2nd_moreinfo_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#moreinfo-03 {
clear:both;
width:115px;
height:44px;
overflow:hidden;
background-image:url(../img/common/btn_moreinfo_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:5px 0px 0px 645px;
}

#moreinfo-03 a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#moreinfo-03 a:hover {
background-image:url(../img/3rd/btn_3rd_moreinfo_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#moreinfo-04 {
clear:both;
width:115px;
height:44px;
overflow:hidden;
background-image:url(../img/common/btn_moreinfo_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:5px 0px 0px 645px;
}

#moreinfo-04 a {
display:block;
height:0pt;
overflow:hidden;
padding-top:44px;
}

#moreinfo-04 a:hover {
background-image:url(../img/4th/btn_4th_moreinfo_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#foot-navi {
clear:both;
padding-top:42px;
}

#next-foot {
float:right;
}

#next-foot a {
display:block;
width:115px;
height:18px;
margin:0px 20px 0px 0px;
}

#back-foot {
float:left;
}

#back-foot a {
display:block;
width:115px;
height:18px;
margin:0px 207px 0px 20px;
}

#page-top {
float:left;
}

#page-top a {
display:block;
width:115px;
height:18px;
margin-bottom:12px;
}

#close-foot {
clear:both;
padding:0px 0px 5px 0px;
margin-left:715px;
}

#close-foot a {
display:block;
width:65px;
height:14px;
}

/*--foot-navi end --*/

/*--footer start--*/

#footer {
clear:both;
width:780px;
border-top:1px solid #cccccc;
border-bottom:3px solid #0055c4;
text-align:center;
}

#global-home {
margin:10px auto 0px auto;
line-height:1em;
}

#global-home a {
background-image:url(../img/common/blue_arrow.gif);
background-repeat:no-repeat;
background-position:0px center;
padding:0px 0px 0px 8px;
}

#copyright {
margin:12px auto 0px auto;
padding-bottom:16px;
line-height:1em;
font-size:78%;
color:#666666;
}

/*--footer end--*/

/*--printer start--*/

.forprint {
display:none;
}

/*--printer end--*/

/*--index start--*/

#cube-intro-wrap {
text-align:center;
margin:30px auto 0px auto;
}

#cube-intro {
width:211px;
height:116px;
background-image:url(../img/index/intro_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
overflow:hidden;
margin:0px auto 0px auto;
}

#cube-intro a {
width:100%;
height:100%;
display:block;
height:0pt;
padding-top:116px;
overflow:hidden;
}
 
#cube-intro a:hover{
background-image:url(../img/index/intro_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

.cube-wrapper {
width:884px;
margin:0px 8px 0px 8px;
padding-top:23px;
}

.cube-wrapper a:link {
color:#333333;
font-weight:bold;
}

.cube-wrapper a:visited {
color:#333333;
font-weight:bold;
}

.cube-wrapper a:hover {
color:#666666;
}

.cube-wrapper a:active {
color:#666666;
}

#cube-1st {
float:left;
width:181px;
background-image:url(../img/index/1st_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 13px 0px 0px;
text-align:center;
}

#cube-1st a {
width:100%;
height:100%;
display:block;
padding-top:116px;
}
 
#cube-1st a:hover{
background-image:url(../img/index/1st_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#cube-2nd {
float:left;
width:181px;
background-image:url(../img/index/2nd_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 13px 0px 0px;
text-align:center;
}

#cube-2nd a {
width:100%;
height:100%;
display:block;
padding-top:116px;
}
 
#cube-2nd a:hover{
background-image:url(../img/index/2nd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#cube-3rd {
float:left;
width:181px;
background-image:url(../img/index/3rd_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 13px 0px 0px;
text-align:center;
}

#cube-3rd a {
width:100%;
height:100%;
display:block;
padding-top:116px;
}
 
#cube-3rd a:hover{
background-image:url(../img/index/3rd_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

#cube-4th {
float:left;
width:181px;
background-image:url(../img/index/4th_off.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}

#cube-4th a {
width:100%;
height:100%;
display:block;
padding-top:116px;
}
 
#cube-4th a:hover{
background-image:url(../img/index/4th_on.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
}

/*--index end--*/

/*--intro start--*/

#intro-wrapper {
width:613px;
border:1px solid #cccccc;
margin:8px 0px 0px 0px;
}

#intro-scene01 {
width:613px;
height:401px;
}

.intro-imgbox{
float:left;
width:406px;
border-right:1px solid #cccccc;
}

.intro-imgbox img{
margin:5px 5px 0px 5px;
}

#intro-txtbox01{
float:left;
width:206px;
height:401px;
}

#intro-txt01{
margin:0px 10px 0px 15px;
position:relative;
top:122px;
} 

#intro-txt02{
margin:0px 10px 0px 15px;
position:relative;
top:347px;
} 

#intro-scene02 {
clear:left;
width:613px;
height:399px;
page-break-before:avoid;
page-break-after:always;
}

#intro-txtbox02{
float:left;
width:206px;
height:399px;
}

#intro-txt03{
margin:0px 10px 0px 15px;
position:relative;
top:186px;
} 

#intro-scene03 {
clear:left;
width:613px;
height:572px;
}

#intro-txtbox03{
float:left;
width:206px;
height:572px;
}

#intro-txt04{
margin:0px 10px 0px 15px;
position:relative;
top:14px;
} 

#intro-txt05{
margin:0px 10px 0px 15px;
position:relative;
top:245px;
} 

#intro-txt06{
margin:0px 10px 0px 15px;
position:relative;
top:460px;
}

#intro-scene04 {
clear:left;
width:613px;
height:554px;
}

#intro-scene04 .intro-imgbox img{
margin:5px;
}

#intro-txtbox04{
float:left;
width:206px;
height:554px;
}

#intro-txt07{
margin:0px 10px 0px 15px;
position:relative;
top:125px;
} 

#intro-txt08{
margin:0px 10px 0px 15px;
position:relative;
top:365px;
}

/*--intro end--*/

/*--episode start--*/

.episode-table {
margin:4px 0px 0px 4px;
}

.img-cell {
width:358px;
vertical-align:top;
}

.txt-cell {
vertical-align:middle;
padding:0px 5px 0px 3px;
}

#episode-box01 {
width:613px;
background-image:url(../img/common/icon_01.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:8px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box02 {
width:613px;
background-image:url(../img/common/icon_02.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box03 {
width:613px;
background-image:url(../img/common/icon_03.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
page-break-before:avoid;
page-break-after:always;
}

#episode-box04 {
width:613px;
background-image:url(../img/common/icon_04.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box05 {
width:613px;
background-image:url(../img/common/icon_05.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box06 {
width:613px;
background-image:url(../img/common/icon_06.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box07 {
width:613px;
background-image:url(../img/common/icon_07.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

#episode-box08 {
width:613px;
background-image:url(../img/common/icon_08.jpg);
background-repeat:no-repeat;
background-position:right top;
border:1px solid #cccccc;
margin:5px 0px 0px 0px;
padding-bottom:4px;
}

/*--episode end--*/