/*
 * /design/56
 *  Test for Omnisci Company
 *
 * Show 
 *  Logomark on contentBanner top-left 
 *  Some links on globalNavi
 *  Some links on contentlocalNavi
 *  Informations on contentBoy
 *  Copyrights on contentFooter
 */
/*
 * Color scheme
 *  bgColor:	#ffffff
 *  fgColor:	#000000
 *  hColor:	#ffffff
 *  alColor:	#eeeeee
 *  aaColor:	#ffffff
 *  ahColor:	#cc6600
 *  avColor:	#ffffff
 *  bNfgColor:  #000000
 *  bNbgColor:  #000000
 
 *  gNbgColor:	#000000
 *  gNalColor:	#ffffff
 *  gNahColor:	#cc6600
 *  lNfgColor:  #ffffff
 *  lNbgColor:  #000000
 *  lNalColor:  #ffffff
 *  lNahColor:  #cc6600
 *
 *  cBfgColor:  #d3d3d3
 *  cBbgColor:  transparent
 *  cBahColor:  #cc6600
 *  cBh1fgColor:#ffffff
 *  cBh1bgColor:#222222
 *  cBh2fgColor:#ffffff
 *  cBh2bgColor:#222222
 *  cBh3fgColor:#ffffff
 *  cBh3bgColor:#222222
 *  cBh4fgColor:#ffffff
 *  cBh4bgColor:#222222
 *  cBh5fgColor:#ffffff
 *  cBh5bgColor:#222222
 *  cBh6fgColor:#ffffff
 *  cBh6bgColor:#222222
 *
 *  cFfgColor:  #ffffff
 *  cFbgColor:  transparent
 *
 * Border scheme
 *  gNaBorder
 *  cBh1Border
 *  cBh2Border
 *  cBh3Border
 *  cBh4Border
 *  cBh5Border
 *  cBh6Border
 *
 * Using resources
 *  /design/10/cms.css 
 *  /design/10/design.css 
 *  /design/56/banner_back.jpg 
 *  /design/56/gn_back.png 
 *  /design/10/menu_back_01.jpg 
 *  /design/10/onpu_16.gif 
 *  /design/10/onpu_g.gif 
 *  /design/10/onpu_f.gif 
 *  /design/10/onpu_88.gif 
 *  /design/10/onpu_rest04.gif 
 *
 *  /design/10/graphy.png 
 *  /design/10/f_clock150.js 
 *  /design/10/clock150.swf 
 *  /design/10/fl_clock150.js 
 *  /design/10/rndimg.js 
 *  /design/10/graphy.jpg 
 */

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

/****
 * Specify the background for the case of the contentsFlame is smaller than window
****/

body {
    color:#000000;		/* fgColor */
    background-color:#ffffff;	/* bgColor */
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ARIAL,verdana,helvetica,geneva,sans-serif;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

img {
    border: 0px;
}


h1,h2,h3,h4,h5,h6,b,strong{
    color:#000000;	/* hColor */
}
h1	{
    font-size:188%;
    line-height:100%;
}
h2	{
    font-size:150%;
    line-height:100%;
    padding-top:1em;
}
h3	{
    font-size:132%;
    line-height:100%;
    padding-top:1em;
}
h4	{
    font-size:116%;
    line-height:100%;
    padding-top:1em;}
h5	{
    font-size:100%;
}
h6	{
    font-size:80%;
}

/***
 * Specify the default parameter of A tag.
 * hover parameter shopuld be specified in each id or class.
 * Then, hover function will work well.
***/

a {
    white-space:nowrap;
    list-style-type:none;
    text-decoration:underline;
}

a:link {
    color:#000000;	/* alColor */
}

a:active {
    color:#000000;	/* aaColor */
}

a:hover {
    color:#cc6600;	/* ahColor */
}

a:visited {
    color:#000000;	/* avColor */
}

td,th	{
    vertical-align:top;
    text-align:left;
}

form	{
    padding:0;
    margin:0;
    width:100%;
}
pre	{
    font-size:100%;
}
ul	{
    margin-top:.2em;
    margin-bottom:.2em;
}
li	{
    line-height:170%;
}
p	{
    font-size:100%;
}

input, textarea {
    font-size:100%;
}

hr {
    width: 80%;
    size: 1px;
/*    align: center; */
}

.clear {
    clear: both;
}

/***
 *** contentFrame include the all of area.
 ***
 ***/
#contentFrame {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    color:#000000;			/* fgColor */
    background-color: #ffffff;		/* bgColor */
    font-size: 100%;
    line-height: 110%;
    text-align:left;
}

#contentTable{
	position:relative;
	width:100%;
/*	border-style:solid none solid none;
	border-width: 2px 0 2px 0;
	border-color: #cccccc; */
}

#pageHeader {
    position:relative;
    width:auto;
    height:auto;
    font-size:12px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/***
 *** Banner Flame
 ***
 ***/
#contentBanner {
    background-image:url(/design/56/banner_back.jpg);
    background-position:80px 0px;
    background-repeat:repeat-y;
    background-color:transparent;		/* bNbgColor */
/*    border:solid 1px #0000ff; */
    width:100%;
}

#contentBanner .logo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

#contentBanner img.logoImage {
/*    float:left; */
    border: none;
}

/***
 *** logo frame, it was not used.
 ***
 ***/
#contentLogo {
}

/***
 *** Include global navigation tabs.
 ***
 ***/

#globalNavi {
    width: auto;
/*    background-color: #ffffff; */ /* gNbgColor */
    overflow: visible;
    margin:0px 20px 0px 20px;
    padding:0px 0px 0px 0px;
/*    border:solid 1px #0000ff; */
/*    clear:both; */
}

#globalNavi ul {
    border:0;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
}

#globalNavi ul li {
    display:block;
    float:left;
    text-align:center;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#globalNavi li {
    width:auto;
    display:inline;
    margin: 0em .5em 0em 0.5em;
    padding: 0em 0.5em 0em 0.5em;
    vertical-align: middle;
    background-image: url(/design/56/gn_off.jpg);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    text-align: center;
    font-size:12px;
    line-height:21px;
    white-space: nowrap;
    list-style-type: none;
    text-decoration:none;
}

#globalNavi li a {
    color: #000000;			/* gNalColor */ 
/*    display:inline; */
    background-image: url(/design/56/gn_off.jpg);
    background-repeat: repeat-x;
    margin:0em 0em 0em 0em;
    padding:.2em 1.5em 0em .5em;
    font-size:12px;
    border-left: solid 1px #cccccc;
    vertical-align:top;
    text-align:center;
    white-space:nowrap;
    list-style-type:none;
    text-decoration:none;
}

#globalNavi a:hover {
    background-image: url(/design/56/gn_on.jpg);
    background-repeat: repeat-x;
    color:#2222ff;			/* gNahColor */
}

/***
 *** include side menus and main body area.
 ***/

#pageContainer {
    position:relative;
    width:auto;
    height:auto;
    font-size:12px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 0px 0px;
/*    border-top: solid 1px #ffffff; */
    border-bottom: double #0000ff;
}

/***
 *** left side local navigation menu.
 ***
 ***/
#contentLocalNavi1 {
    position: absolute;
    right: 0px;
    top: 0px;
    color:#000000;			/* lNfgColor */
    background-color:#eeeeff;		/* lNbgColor */
    width:190px;
    margin:0px 0px 0px 0px;
    padding:0em 0em 0em 0em;
    vertical-align:middle;
    border:solid 2px #ccccff;
    height:auto;
    clear:both;
}

#contentLocalNavi1 .contentLocalNavi {
}

#contentLocalNavi1 a {
    display:block;
    color:#000088;			/* lNalColor */
    font-size:1em;
    line-height:1.2em;
    margin:0em 0em 0em 0em;
    padding:.5em 0em .5em 0em;
    text-decoration:none;
    text-align:center;
}

#contentLocalNavi1 a:hover {
    color:#cc6600;			/* lNahColor */
}

#contentLocalNavi1 a img {
    border:0px;
}

#contentLocalNavi1 p {
    font-size:1em;
    line-height:1.2em;
    margin:0em 0em 0em 0em;
    padding:.5em 0em .5em 0em;
}

#contentLocalNavi1 h1 {
    display:block;
    color:#222222;			/* lNalColor */
    background-color:#cccccc;
    border-left:solid 0px #333399;		/* cBh2Border */
    border-right:solid 0px #333399;		/* cBh2Border */
    margin:0em 0em 0em 0em;
    padding:0em 0em 0em 0em;
    font-size:1.2em;
    line-height:1.4em;
    font-style: normal;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
}

#contentLocalNavi1 p a {
    display:inline;
/*  background:#000000; */
    margin:0em 0em 0em 0px;
    padding:0em 0em 0em 0em;
}

#contentLocalNavi1 p a img {
    border:solid 1px #222222;
}

#contentLocalNavi1 a.pr_graphy {
    display:inline;
    background:transparent;
    margin:2em 0em 0em 0px;
    padding:0em 0em 0em 0em;
}

#contentLocalNavi1 a.pr_graphy img {
    border:solid 1px #444444;
}

/*
 * Right side local navigation menu.
 */
#contentLocalNavi2 {
    display:none;
}

#contentLocalNavi2 .contentLocalNavi {
}

/***
 *** Main contents body frame.
 ***
 ***/
/*
#contentBodyOuter {
    background-image:url(/design/10/back_01.jpg);
    background-repeat:repeat-y;
}
*/

#contentBody {
    position:relative;
    width:auto;
    height:auto;
    color:#000000;			/* cBfgColor */
    background-color:transparent;	/* cBbgColor */
/*    margin-top:-.7em; */
    margin-left:10px;
    margin-right:200px;
/*    border-right:solid 1px #888; */
}

#contentBody  a {
    text-decoration:underline;
}

#contentBody a:hover {
    color:#cc6600;			/* cBahColor */
}

#contentBody p {
    font-size: 1.2em;
    line-height: 1.5em;
    padding:1em 2em 0em 2em;
}

#contentBody p a:hover {
    color:#cc6600;			/* cBahColor */
}

#contentBody img {
    border: 0px;
}

#contentBody p img {
    margin-top:0px;
    margin-right:0px;
    margin-left:0px;
}

#contentBody p a img {
    float:right;
    margin-right:5px;
    margin-left:5px;
}

#contentBody  a.button {
    text-decoration:none;
    padding:.1em .3em .1em .3em;
    background-image:url(/design/56/button_nack.jpg);
    background-repeat:repeat-y;
    background-position: right top;
    border-top:groove #7ef1a5;
    border-right:ridge #c8f6d4;
    border-bottom:ridge #c8f6d4;
    border-left:groove #7ef1a5;
    vertical-align:middle;
}

#contentBody  a.buttonS {
    text-decoration:none;
    padding:.2em .5em .2em .5em;
    background-image:url(/design/56/button_back.jpg);
    background-repeat:repeat-y;
    background-position: right top;
    border-top:groove #888888;
    border-right:ridge #cccccc;
    border-bottom:ridge #cccccc;
    border-left:groove #888888;
    vertical-align:middle;
}

#contentBody  a.button:hover {
    color:#3f59bf;			/* cBahColor */
}

#contentBody  a.buttonS:hover {
    color:#3f59bf;			/* cBahColor */
}

#contentBody h1 {
    color:#ffffff;			/* cBh1fgColor */
    background-color:transparent;		/* cBh1bgColor */
    border-left:solid 0px #993333;	/* cBh1Border */
    border-top:solid 0px #444444;
/*    background-image:url(/design/56/earth.jpg); */
    background-image:url(/design/56/earth370.jpg);
    background-position: top left;
    background-repeat: repeat-x;
    height:370px;
    font-style: normal;
    font-weight:normal;
    font-size:2.4em;
    line-height:3em;
    vertical-align:top;
    margin:0px 0px 0px 0px;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody h2 {
    color:#000000;			/* cBh2fgColor */
    background-color:#cccccc;		/* cBh2bgColor */
    border-left:solid 5px #339;		/* cBh2Border */
    border-top:solid 1px #339;
/*    background-image:url(/design/10/onpu_88.gif);
    background-position: 8px center;
    background-repeat: no-repeat; */
    font-style: normal;
    font-size:1.4em;
    font-weight:normal;
    line-height:1.5em;
    vertical-align:middle;
    margin:1em 0em 0.5em .5em;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody h3 {
    color:#000000;			/* cBh3fgColor */
    background-color:#ffffff;		/* cBh3bgColor */
    border-left:solid 5px #339;		/* cBh3Border */
    border-top:solid 1px #339;
/*    background-image:url(/design/10/onpu_f.gif);
    background-position: 8px center;
    background-repeat: no-repeat; */
    font-style: normal;
    font-size:1.2em;
    font-weight:normal;
    line-height:1.4em;
    vertical-align:middle;
    margin:.1em 0em 0em .5em;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody h4 {
    color:#000000;			/* cBh4fgColor */
    background-color:#ffffff;		/* cBh4bgColor */
    border-left:solid 2px #339;		/* cBh4Border */
    border-top:solid 1px #339;
/*    background-image:url(/design/10/onpu_rest04.gif);
    background-position: 8px center;
    background-repeat: no-repeat; */
    font-style: normal;
    font-size:1.2em;
    font-weight:normal;
    line-height:1.4em;
    vertical-align:middle;
    margin:.1em 0em 0em .5em;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody h5 {
    color:#000000;			/* cBh5fgColor */
    background-color:#ffffff;		/* cBh5bgColor */
    border-left:solid 0px #339;		/* cBh5Border */
    border-top:solid 1px #339;
    font-style: normal;
    font-size:1.2em;
    font-weight:normal;
    line-height:1.4em;
    vertical-align:middle;
    margin:.1em 0em 0em .5em;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody h6 {	/* for copyrights text */
    display:block;
    color:#000000;			/* cBh6fgColor */
    background-color:#ffffff;		/* cBh6bgColor */
    border-left:solid 0px #339;		/* cBh6Border */
    border-top:solid 0px #339;
    font-style: normal;
    font-size:80%;
    font-weight:normal;
    line-height:2em;
    text-align:center;
    vertical-align:middle;
    margin:.1em 0em 0em .5em;
    padding:0em 0em 0em 1em;
    clear:both;
}

#contentBody .ul1 {
    list-style-type: square;
    color:#1D65BE;
    margin:0em 2em 0em 4em;
}
#contentBody .ul2 {
    color:#1D65BE;
    list-style-type: disc;
    margin:0em 0em 0em 2em;
}
#contentBody .ul3 {
    color:#1D65BE;
    list-style-type: circle;
    margin:0em 0em 0em 2em;
}
#contentBody .ul4 {
    color:#8A8A8A;
    margin:0em 0em .0em 2em;
    list-style: circle;
}
#contentBody .ul5 {
    color:#8A8A8A;
    list-style-type: circle;
    margin:0em 0em 0em 2em;
}

#contentBody ol {
    margin : 0px;
    padding: 0px;
    list-style: decimal;
}
#contentBody .ol1 {
    color:#1D65BE;
    margin:0em 2em .5em 5.5em;
}
#contentBody .ol2 {
    color:#1D65BE;
    margin:1em 0em .5em 2em;
}
#contentBody .ol3 {
    color:#1D65BE;
    margin:0em 0em .5em 2em;
}
#contentBody .ol4 {
    color:#8A8A8A;
    margin:0em 0em .5em 2em;
}
#contentBody .ol5 {
    color:#8A8A8A;
    margin:0em 0em .5em 0em;
}

#contentBody .li1 {
    font-size:1.2em;
    line-height:1.5em;
    color:#000;
    margin:0em 0em 0em 0em;
    padding:0em 0em 0em 0em;
}

#contentBody .li2 {
    font-size:1.2em;
    line-height:1.3em;
    color:#000;
    margin:0em 0em 0em 0em;
    padding:0em 0em 0em 0em;
}

#contentBody .li3 {
    font-size:1.2em;
    line-height:1.3em;
    color:#000;
    padding:0em 0em 0em 0em;
}
#contentBody .li4 {
    font-size:1.2em;
    line-height:1.3em;
    color:#000;
    padding:0em 0em 0em 0em;
}
#contentBody .li5 {
    font-size:1.2em;
    line-height:1.3em;
    color:#000;
    padding:0em 0em 0em 0em;
}

#contentBody .li1 img {
    margin-right:1px;
    margin-left:1px;
    border: 0px;
}

#contentBody dl {
    margin : 0px;
    padding: 0px;
    list-style: none;
    font-size:100%;
    line-height:120%;
}
#contentBody dt {
    font-size:1em;
    margin:0em;
    padding:0em;
    color:#ff6600;
}
#contentBody .dl1 {
    color:#000;
    margin:0em 2em 1em 2em;
}
#contentBody .dl2 {
    color:#000;
    margin:1em 0em 0em 2em;
}
#contentBody .dl3 {
    color:#000;
    margin:1em 0em 0em 2em;
}
#contentBody .dl4 {
    color:#000;
    margin:1em 0em 0em 2em;
}
#contentBody .dl5 {
    color:#000;
    margin:1em 0em 0em 0em;
}

#contentBody .dd1 {
    font-size:1em;
    line-height:130%;
    color:#000;
    padding:0em 0em 0em 2em;
}
#contentBody .dd2 {
    font-size:1em;
    line-height:130%;
    color:#000;
    padding:0em 0em 0em 2em;
}
#contentBody .dd3 {
    font-size:1em;
    line-height:130%;
    color:#000;
    padding:0em 0em 0em 2em;
}
#contentBody .dd4 {
    font-size:1em;
    line-height:130%;
    color:#000;
    padding:0em 0em 0em 2em;
}
#contentBody .dd5 {
    font-size:1em;
    line-height:130%;
    color:#000;
    padding:0em 0em 0em 2em;
}

/***
 *** footer area.
 ***
 ***/
#contentFooter {
    color:#000000;			/* cFfgColor */
    background-color:transparent;	/* cFbgColor */
    font-size:12px;
    margin: 15px 0px 0px 0px;
}

#contentFooter p {
    font-size:80%;
    font-weight:normal;
    line-height:2em;
    text-align:center;
    vertical-align:middle;
    margin:0em 0em 0em 0em;
    padding:0em 0em 0em 0em;
    clear:both;
}

/**
 * misc
 */
.copyright
 {
    color:#ffffff;
    background-color:transparent;
    font-style: normal;
    font-size:80%;
    font-weight:normal;
    line-height:2em;
    text-align:center;
    vertical-align:middle;
    width:auto;
}

.num {
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numb {
    font-weight: bold;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numlb {
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.nums {
    font-size: 11px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

.numss {
    font-size: 9px;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
}