/*
 * /design/10
 * Sachiko_Black
 *
 * Show 
 *  Logomark on contentBanner top-left 
 *  Some links on globalNavi
 *  Some links on contentlocalNavi
 *  Informations on contentBoy
 */
/*
 * Color scheme
 *  bgColor:	#000000
 *  fgColor:	#d3d3d3
 *  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
 *
 * Border scheme
 *  gNaBorder
 *  cBh1Border
 *  cBh2Border
 *  cBh3Border
 *  cBh4Border
 *  cBh5Border
 *  cBh6Border
 *
 * Using resources
 *  /design/10/cms.css 
 *  /design/10/design.css 
 *  /design/10/back_01.jpg 
 *  /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:#d3d3d3;		/* fgColor */
    background-color:#000000;	/* bgColor */
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", ARIAL,verdana,helvetica,geneva,sans-serif;
    background-image:url(/design/10/back_01.jpg);
    background-repeat:repeat-y;
    font-size:12px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

img {
    border: 0px;
}


h1,h2,h3,h4,h5,h6,b,strong{
    color:#ffffff;	/* 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:#eeeeee;	/* alColor */
}

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

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

a:visited {
    color:#ffffff;	/* 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: 1;
    align: center;
}

.clear {
    clear: both;
}

/***
 *** contentFrame include the all of area.
 ***
 ***/

#contentFrame {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    color:#lightgray;			/* fgColor */
    background-color: #000000;		/* bgColor */
    background-image:url(/design/10/back_01.jpg);
    background-repeat:repeat-y;
    font-size: 100%;
    line-height: 110%;
    text-align:left;
}

/***
 *** Banner Flame
 ***
 ***/
#contentBanner {
    background-image:url(/design/10/back_01.jpg);
    background-repeat:repeat-y;
    background-color:#000000;		/* bNbgColor */
    width:100%;
}

#contentBanner .logo {
    padding: .5em .5em;
}

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

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

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

#globalNavi {
　　background-image:url(/design/10/back_01.jpg);
    width: 100%;
    background-color: #000000; /* gNbgColor */
    overflow: visible;
    clear:both;
}

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

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

/*
#globalNavi li {
	width:auto;
	display:inline;
	padding: 0em 0.5em 0em 0.5em;
	vertical-align: middle;
        background-image: url(../imgs/menubar.jpg);
        background-repeat: repeat-x;
        background-position: 0% 0%;
	text-align: center;
        font-size:16px;
        font-weight: bold;
    	white-space: nowrap;
    	border-bottom: solid 1px #ccc;
    	border-top: solid 1px #ccc;
    	border-right: solid 1px #ccc;
    	list-style-type: none;
	line-height:2.4em;
	text-decoration:none;
}
*/

#globalNavi a {
/*  float:right; */
    color: #ffffff;			/* gNalColor */
    font-family: "Times New Roman",serif;
    font-size:1em;
    margin:0em 1em 0em 0em;
    padding:0em 1.5em 0em 1.5em;
    vertical-align:middle;
    text-align:center;
    white-space:nowrap;
    border-bottom:solid 1px #ccc;	/* gNaBorder */
    border-left:solid 1px #ccc;
    border-bottom-style: dotted;
    border-left-style: dotted;
    list-style-type:none;
    text-decoration:none;
}

#globalNavi a:hover {
    color:#cc6600;			/* gNahColor */
}

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

#pageContainer {
    position:relative;
    width:100%;
    padding:0;
}

/***
 *** left side local navigation menu.
 ***
 ***/
#contentLocalNavi1 {
    position:absolute;
    left:0px;
    color:#ffffff;			/* lNfgColor */
    background-color:#000000;		/* lNbgColor */
    background-image:url(/design/10/menu_back_01.jpg);
    background-repeat:repeat-y;
    width:140px;
    margin:0px 0px 0px 0px;
    padding:0em 0em 4em 0em;
    vertical-align:middle;
}

#contentLocalNavi1 .contentLocalNavi {
}

#contentLocalNavi1 a {
    display:block;
    color:#ffffff;			/* lNalColor */
    background-image:url(/design/10/onpu_16.gif);
    background-position: center left;
    background-repeat:no-repeat; 
    font-size:1.2em;
    line-height:1.2em;
    margin:0em 0em 0em 1em;
    padding:0.2em 0em 0em 1.5em;
    text-decoration:none;
}

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

#contentLocalNavi1 a img {
    border:0px;
}

#contentLocalNavi1 p {
    font-size:0.8em;
    padding:0em 0em 0em 1em;
}

#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; /* absolute; */
    width:auto;
    color:#d3d3d3;			/* cBfgColor */
    background-color:transparent;	/* cBbgColor */
    margin-left:180px;
    margin-right:10px;
    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:0em 2em 0em 2em;
}

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

#contentBody img {
    border: 0px;
}

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

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

#contentBody h1 {
    color:#ffffff;			/* cBh1fgColor */
    background-color:#222222;		/* cBh1bgColor */
    border-left:solid 10px #993333;	/* cBh1Border */
    border-top:solid 2px #444444;
    background-image:url(/design/10/onpu_g.gif);
    background-position: 4px center;
    background-repeat: no-repeat;
    font-style: normal;
    font-size:2em;
    font-weight:normal;
    line-height:2em;
    vertical-align:middle;
    margin:.1em 0em 0em 0em;
    padding:.5em 0em 0em 1.3em;
    clear:both;
}

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

#contentBody h3 {
    color:#ffffff;			/* cBh3fgColor */
    background-color:#222222;		/* cBh3bgColor */
    border-left:solid 5px #933;		/* cBh3Border */
    border-top:solid 1px #888;
    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 5px;
    padding:0em 0em 0em 2.2em;
    clear:both;
}

#contentBody h4 {
    color:#ffffff;			/* cBh4fgColor */
    background-color:#222222;		/* cBh4bgColor */
    border-left:solid 2px #933;		/* cBh4Border */
    border-top:solid 1px #888;
    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 5px;
    padding:0em 0em 0em 2em;
    clear:both;
}

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

#contentBody h6 {	/* for copyrights text */
    display:block;
    color:#ffffff;			/* cBh6fgColor */
    background-color:#222222;		/* cBh6bgColor */
    border-left:solid 0px #933;		/* cBh6Border */
    border-top:solid 0px #666;
    font-style: normal;
    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;
}

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

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

#contentBody .li1 {
    font-size:1em;
    line-height:1.5em;
    color:#fff;
    margin:.5em 0em 0em 0em;
    padding:0em 0em 0em 0em;
}

#contentBody .li2 {
    font-size:1em;
    line-height:1.3em;
    color:#fff;
    margin:.5em 0em 0em 0em;
    padding:0em 0em 0em 0em;
}

#contentBody .li3 {
    font-size:1em;
    line-height:1.3em;
    color:#fff;
    padding:1em 0em 0em 0em;
}
#contentBody .li4 {
    font-size:1em;
    line-height:1.3em;
    color:#fff;
    padding:1em 0em 0em 0em;
}
#contentBody .li5 {
    font-size:1em;
    line-height:1.3em;
    color:#fff;
    padding:1em 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;
}
#contentBody .dl1 {
    color:#fff;
    margin:0em 2em 1em 4em;
}
#contentBody .dl2 {
    color:#fff;
    margin:1em 0em 0em 2em;
}
#contentBody .dl3 {
    color:#fff;
    margin:1em 0em 0em 2em;
}
#contentBody .dl4 {
    color:#fff;
    margin:1em 0em 0em 2em;
}
#contentBody .dl5 {
    color:#fff;
    margin:1em 0em 0em 0em;
}

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

/***
 *** footer area.
 ***
 ***/

#contentFooter {
/*    position:absolute;
    top:500px;
    left:100px; */
    color:#ffffff;
    background-color:transparent;
    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;
}