/* Nihon CSS selection */

/*

------------------------------------------------------
Copyright Robert Belton, http://www.belton.eu.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes
1. Based on Desert Island CSS 
Copyright Atilla Hulsebos, http://www.kzoiks.com/
part of Westciv Style Master http://westciv.com/

2. This style sheet makes use of the !important
hack to compensate for poor support in IE.
For more info on this hack see
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
------------------------------------------------------

*/

html {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 76%;
color: #000000;
background:#FFF;
background-image:url("images/html.png");
background-position:center center;
background-repeat:repeat-y;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
/*background-image:url("images/body.png");
background-position:center center;
background-repeat:repeat-y;*/
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-color:#FFF;
background-image:url("images/header.jpg");
background-position:25px 0;
background-repeat:no-repeat;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#banner p {
position:absolute;
top:17px;
left:90px;
padding:0;
margin:0;
font-family:  arial, helvetica, sans-serif ;
font-size:3em;
font-style:italic;
line-height:1.4em;
color: #ffffff;
 }

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#F8FBFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:230px;
right:0;
height:26px;
width:auto;
font-family: "Papyrus",  serif;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom: 2px;
padding: 0; }

#nav-main a {
text-decoration:none;
color: #333333;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:4px;
}

#nav-main ul li a.current {
border-top:5px solid #ffff99;
background: #ffff99;
border-bottom: 1px #cccccc solid; }

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color:#CCC;
}

#nav-main li a:hover {
background-color:#FFF;
color: #ff0000;
}

#container {
position:relative;
top:260px;
height:100%;
background-color: #ffffff;
background-image:url("images/omakuji.jpg");
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:30px;
}

#content {
position:relative;
width:525px;
background:transparent;
}

#content p {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 20px;
margin:0 15px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

#content ol, #content ul {
font-size:1.08em;
line-height:1.4em;
padding:6px 11px 13px 40px;
margin:0 13px 1.1em 0;
background-image:url("images/shadow.png");
background-position:bottom left;
background-repeat:no-repeat;
}

h1,h2,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-style:italic;
letter-spacing:0.04em;
background-repeat:no-repeat;
border-bottom:1px solid #ECECEC;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color: #000000;
background-image:url("images/subheader.png");
background-position:bottom right;
}

h2,h3,h4,h5,h6 {
width:475px;
font-size:1.2em;
color: #000000;
padding-left:25px;
background-position:bottom right;
}

h2 {
font-size:1.5em;
background-image: url("images/subheader3.png");
}

h3, h4, h5, h6 {
background-image: url("images/subheader2.png");
}

/*h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}*/

/*h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}*/
#nav-subs {
position: absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
background: transparent url(images/grid1.png) repeat-y top center;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color: #336600;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color: #ff0000;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url("images/dot3.gif") left center no-repeat;
}

#nav-subs .back {
text-decoration:none;
color:#336600;
padding-left:20px;
background:transparent url("images/arrowback.gif") left center no-repeat;
}

#nav-subs .back:hover {
text-decoration:none;
color:#ff0000;
padding-left:20px;
background:transparent url("images/arrowredback.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top: 50px #ffffff solid;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
right:30px;
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color: #cc0033;
text-decoration:underline;
}



A:active {
color:#000;
text-decoration:none;
}

A:visited {
color: #990033;
text-decoration:underline;
}

A:hover {
color: #0000ff;
text-decoration:none;
}

a.top {
padding-left:20px;
background:transparent url("images/arrow.gif") left center no-repeat;
}

a.top:hover {
padding-left:20px;
background:transparent url("images/arrowred.gif") left center no-repeat;
}

a.back {
padding-left:20px;
background:transparent url("images/arrowback.gif") left center no-repeat;
}

a.back:hover {
padding-left:20px;
background:transparent url("images/arrowredback.gif") left center no-repeat;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}

img.left {
float: left;
margin-right: 1.5em;
}

.ruby {color: #ff0000;font-size: 0.8em; }