/**
  CSS Style Sheet
  <http://www.shigyosha.com/source/common/com_hsk.css> 
  Author Co. Shigyosha 
  Homepage <http://www.shigyosha.com/HSK/> ];
  Last Modified: 2007/11/11
*/

/* =============================================== */
/** @Global structure */
/* ----------------------------------------------- */

/** Docoment body */
Body {
	font-size:100%;
	color: #333;
	/* background: #f3fffc ; */
	/* padding: 10px 1em 10px 1em; */
	margin-top: 0;
	margin-left: 10; 
	margin-right: 10;   /* ensure whole viewport be coverd by body */
	min-width: 740px
	/*max-width: 800px;*/
}

.Body_modify {margin:0;}

.menufont {
    font-size:85%;
}

.mid_title {
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 4px; 
	/*BACKGROUND: url(../../image/grey-bar.gif) #fff no-repeat left 50%; 	 */
	MARGIN: 22px 0px 3px; 
	FONT: bold 100%/135% Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 90%;
	COLOR: #039; 	 
	BORDER-BOTTOM: #dddddd 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}

.titleA {
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	BACKGROUND: url(../../image/title003_01.jpg) no-repeat;
	/*MARGIN: 22px 0px 3px; */
	FONT: bold 100%;
	font-size: 120%;	
	COLOR: #039;
}


.current_loc {
	PADDING-TOP: 3px;
	PADDING-BOTTOM: 3px;
    PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
    font-size: 80%;
	font-weight: bold;
	/*color:#004466;*/
	clear: both;
	BACKGROUND: #D7D7FF;
}

.skipnav {
	FONT-SIZE: 1px; 
	LEFT: -1000px;  
	LINE-HEIGHT: 1; 
	POSITION: absolute
}


.titlebar {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px
	MARGIN: 0px; 
	FONT-SIZE: 80%; 
	/*BACKGROUND: #79a2c9; */
	BACKGROUND: #ccc; 
}
.titlebar H1 {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-RIGHT-WIDTH: 0px	
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 6px; 
	PADDING-TOP: 3px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 	
	FLOAT: left; 
	FONT: bold 100% Verdana,Arial,Helvetica,sans-serif; 
	TEXT-TRANSFORM: uppercase; 
	/*COLOR: #039; */
	COLOR: green; 
}

.titlebar SPAN {
	MARGIN: 0px 0px 0px 0px;
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px;  
	BACKGROUND: url(../../image/green_striped-bg.gif) ; 	 
	VERTICAL-ALIGN: middle;  
/*	FONT: bold 100% Verdana,Arial,Helvetica,sans-serif;  */
	COLOR: #fff; 
	LINE-HEIGHT: 26px; 
	HEIGHT: 26px; 
	FLOAT: right; 	
	TEXT-ALIGN: right
}


.titlebar SPAN A {
/*	FONT-WEIGHT: bold; �@*/
	COLOR: #fff; 
	TEXT-DECORATION: none
}

.titlebar SPAN A:link {
/*	FONT-WEIGHT: bold;  */
	COLOR: #fff; 
	TEXT-DECORATION: none
}
.titlebar SPAN A:visited {
/*	FONT-WEIGHT: bold; */

	COLOR: #fff; 
	TEXT-DECORATION: none
}

.titlebar SPAN A:hover {
/*	FONT-WEIGHT: bold; 
	COLOR: #ff0000; */
	TEXT-DECORATION: underline
}

.titlebar SPAN INPUT {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 1px
	PADDING-BOTTOM: 1px; 
	VERTICAL-ALIGN: middle; 	
}

.titlebar_prac {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 	
	PADDING-TOP: 0px
	MARGIN: 0px; 
	FONT-SIZE: 80%; 
	/*BACKGROUND: #79a2c9; */
	BACKGROUND: #ccc; 
}

.titlebar_prac SPAN {
	PADDING-RIGHT: 4px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px;  
	BACKGROUND: url(../../image/striped-bg-blue.gif) ; 
	MARGIN: 0px 0px 0px; 
	VERTICAL-ALIGN: middle;  
/*	FONT: bold 100% Verdana,Arial,Helvetica,sans-serif;  */
	COLOR: #fff; 
	LINE-HEIGHT: 26px; 
	HEIGHT: 26px; 
	FLOAT: right; 	
	TEXT-ALIGN: right
}

.titlebar_prac SPAN A {
/*	FONT-WEIGHT: bold; �@*/
	COLOR: #fff; 
	TEXT-DECORATION: none
}

.titlebar_prac SPAN A:link {
/*	FONT-WEIGHT: bold;  */
	COLOR: #fff; 
	TEXT-DECORATION: none
}
.titlebar_prac SPAN A:visited {
/*	FONT-WEIGHT: bold; */

	COLOR: #fff; 
	TEXT-DECORATION: none
}

.titlebar_prac SPAN A:hover {
/*	FONT-WEIGHT: bold; 
	COLOR: #bbb; */
	TEXT-DECORATION: underline
}


.nav {
	BORDER-RIGHT: #111 1px solid; 
	/*BACKGROUND: url(../assets/navphotos/totem_carver2.jpg) #79a2c9 no-repeat 50% bottom; */
	BACKGROUND: #ccc no-repeat 50% bottom;
	
	PADDING-TOP: 0px;
	PADDING-BOTTOM: px; 
	COLOR: #039;
}

.nav DIV {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px; 	
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 90% Verdana,Arial,Helvetica,sans-serif; 
	COLOR: #fff; 
	BACKGROUND: url(../../image/green_striped-bg.gif) ; 
	TEXT-DECORATION: none;
}

.nav_gram DIV {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 3px; 
	PADDING-TOP: 8px; 	
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 80% Verdana,Arial,Helvetica,sans-serif; 
	COLOR: #000; 
	BACKGROUND: url(../../image/007.jpg) #99ccff ; 
	TEXT-DECORATION: none
}

.nav_gram DIV A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 90%; 
	MARGIN: 0px; 
	COLOR: #fff
}

.nav_gram A {
	PADDING-LEFT: 10px; 
	DISPLAY: block; 
	/*WIDTH: 152px; */
}

.nav_gram BR {
	DISPLAY: none
}



.nav_prac DIV {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-TOP: 8px; 	
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	FONT: 90% Verdana,Arial,Helvetica,sans-serif; 
	COLOR: #fff; 
	BACKGROUND: url(../../image/striped-bg-blue.gif) ; 
	TEXT-DECORATION: none
}

.nav DIV A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 90%; 
	MARGIN: 0px; 
	COLOR: #fff
}

.nav_prac DIV A {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 90%; 
	MARGIN: 0px; 
	COLOR: #fff
}

.nav DIV A:link {
	FONT-WEIGHT: normal; 
	MARGIN: 0px; 
	COLOR: #fff; 
	TEXT-DECORATION: none
}
.nav DIV A:visited {
	FONT-WEIGHT: normal; 
	MARGIN: 0px; 
	COLOR: #fff; 
	TEXT-DECORATION: none
}

.nav DIV A:hover {	
	/*BACKGROUND: #ccc; 
    COLOR: #ff0000; */
	TEXT-DECORATION: underline;
	MARGIN: 0px; 
}

.nav A {
	PADDING-LEFT: 10px; 
	DISPLAY: block; 
	/*WIDTH: 152px; */
}
.nav BR {
	DISPLAY: none
}
.nav FORM {
	MARGIN: 0px 0px 0px 0px
}

.nav_prac A {
	PADDING-LEFT: 10px; 
	DISPLAY: block; 
	/*WIDTH: 152px; */
}

.nav_prac BR {
	DISPLAY: none
}

}
.bodytext {
	FONT: 100% Verdana,Geneva,Arial,Helvetica,sans-serif; 
	COLOR: #111
}
.bodytext P {
	MARGIN: 0px 0px 12px; LINE-HEIGHT: 130%
}
.bodytext BLOCKQUOTE {
	MARGIN: 0px 0px 12px; LINE-HEIGHT: 130%
}
.bodytext HR {
	WIDTH: 100%; COLOR: #039; HEIGHT: 1px; TEXT-ALIGN: center
}
.bodytext TABLE {
	FONT-SIZE: 100%; LINE-HEIGHT: 130%
}
.bodytext TD {
	FONT-SIZE: 100%; LINE-HEIGHT: 130%
}

FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px
}
FIELDSET {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LEGEND {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}



/* for error handling pages */
body.error{
	color: black;
	background-color: #fff4f4;
}


table.whole {
	font-size:100%;
    background: url(../../image/bg01.gif) ;  
}

table.navi {
	font-size:100%;
    background: #696969  ; 	 
}

table.cont {
	font-size:100%;
    background: #0099ff  ; 	
    /*border: 2px solid #0099ff  ; */
}

table.foot {
	font-size:80%;
    background: #ffffff; 	
    /*border: 2px solid #0099ff  ; */
}


table.intro  {
    background: #ffffff  ; 	
}

.intro th {
	font-size:80%;
	color: #ffffff;
	font-weight: bold;
    background: #312B00; 	
}

.intro td {
	font-size:80%;
	text-align: center;
    background: #ffddff; 	
}

.intro th.bgwhite {
    background: #ffffff; 	
}

.intro td.lcol1 {
	font-weight: bold;
    background: #ccccff; 	
}



table.gram2 {
	font-size:80%;
    background: #ffffff; 	
}


div.gram table {
	font-size:80%;
    background: #ffffff; 	
}

div.gram table thead {
    background: #006699;
 
	color: #ffffff;
}

div.gram table tbody{
    background: #eeeeee; 
	
}


.page_cnt {
	font-size:80%;
	TEXT-ALIGN: right;
}


/** (header part) */
/*  --> See Header functions section */

/** Lead / summary section */

.lead {
	background-color: #ffffe9;
	padding: 1em;
	border: outset thin #fefef9;
}


/** Main content section */
div.maintext p,
div.main p {
	line-height: 1.45;
	margin-bottom: 1.3em;
}
div.main li {
	margin-bottom: 0.33em;
	line-height: 1.25;
}
div.main li p {
	margin-bottom: 1em;
}

/** Footer section */
html:lang(ja) address {
	font-style:normal;
}
/* update information */
#pst {
	font-style: inherit; 
	font-weight:normal;/*same as address*/
	color: navy;
}


/* =============================================== */
/** @Global block level */
/* ----------------------------------------------- */

/** Headings and rule style */
h1 {
	font-size: 120%;
	font-weight: bolder;
	/*color:#FF0000;*/
	color:#039;
	clear: both;

}
/* subtitle within h1 */
.subtitle {
	font-size: 0.6em;
	font-weight: normal;
	color: green;
}
h2 {
	font-size: 100%;
	font-weight: bold;
	color:#800000;
	clear: both;
}
h3 {
	font-size: 90%;
	font-weight: bold;
	color:#000000;
	clear: both;
}

h4 {
	font-size: 80%;
	font-weight: bold;
	/*color:#004466;*/
	clear: both;
}

h5, h6 {

	color:#004466;
	margin-top: 1.6em;
	clear: both;
}
h1,h2,h3,h4,h5,h6 { /* Mozilla */
	/*font-family: sans-serif;*/
	margin-bottom: 0.5em;
}

.subMain h3 {
  color: #800000;
    BORDER-BOTTOM: #cccccc 1px solid;
    
    background-image: url(../../image/dian4.gif);
	background-repeat: no-repeat;
	background-position: left;	
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 18px;

}

.subMain.td_list {
  font-size: 90%;
  height: 28; 
  align:left;
  valign: bottom;
  border-bottom:1px #333333 dashed;
}


.subMain a:link{
	color: #06b;
}

.subMain a:visited {
	color: #06b; 
}

.subMain a:active {
	color: #e33;
}

.subMain a:hover  {
	color: #800000; 
	/*background: #b8b8b8;*/
	text-decoration: underline;
}

.hKeyword  {
	color: #003399; 
	font-size: 120%;
	font-weight: bold;	
}


hr {
	clear: both;
}

p {
	font-size: 80%;
	color:#555555;
	text-indent:2em;
	line-height: 130%;
}

p.indent2 {
	font-size: 80%;
	color:#555555;
	text-indent:2em;
	line-height: 130%;	
	margin-top: 10px;
	margin-bottom: 10px;

}

p.fuzhu {
	font-size: 70%;
	color:75A9FF;
}


.tform p {
	font-size: 80%;
	color:#555555;
	line-height: 130%;
}

ul {
	margin-left: 15px;
	/*margin-bottom: 5px;*/
}

ul.list1  {
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
    background: #ffffff  ; 
    line-height:1.5em;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: none;
} 

ul.list2  {
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 90%;
	font-weight: normal;
	color:#800000;
	text-align: left;
    background: #ffffff  ; 
    line-height:1.5em;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    list-style-type: decimal;
    list-style-position: inside;
} 


.lay1 {
        font-size:80%;
        background: #ffffff  ; 
        line-height:1.5em;
        padding-left: 3px;
/*        
        list-style-type: none;
        list-style-position: outside;
        list-style-image: url(../../image/li.gif);
*/        
}

li.site {
        line-height:1.5em;
        padding-left: 3px;
        list-style-type: none;
        list-style-position: outside;
        list-style-image: url(../../image/li2.gif);
}



/* Mtitle within h1 */
.Mtitle {
	font-size: 100%;
	font-weight: bolder;
	background: #eeeeee;
	text-align: center;
}



/* -------------------------------------
   Outline Table A
---------------------------------------- */

div.outlineTableA01 table {
	border-left: #8092d4 solid 2px;
	border-right: #8092d4 solid 2px;
	border-top: #8092d4 solid 2px;
	border-bottom: #8092d4 solid 2px;
}

/*
div.outlineTableA01 table td {
	border-bottom: #8092d4 dotted 1px;
	font-size: 100%;
	padding: 0.5em 1em;
	vertical-align: top;
}
*/


div.outlineTableA01 table tr.odd {
	background-color: #ffffff;
}

div.outlineTableA01 table tr.xdd {
	background-color: #efefef;
}


div.outlineTableA01 table td.subject {
	border-bottom: #8092d4 solid 1px;
	border-right: #8092d4 solid 1px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	/*width: 100px;*/
}

div.outlineTableA01 table td.exp {
	border-bottom: #8092d4 dotted 1px;
	/*background-color: #f1f3ff; */
	font-size: 80%;
	font-weight: normal;
	line-height: 1.33;
	text-align: left;
}

div.outlineTableA01 table td.exampl {
	border-bottom: #8092d4 solid 1px;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.33;
	text-align: left;
	color: #680000;
	/*height:50px;
	background: #fffef0 url(../../image/example.gif) no-repeat top left;*/

}


div.outlineTableA01 table td p.object {
	color: #680000;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: 0.2em;
}

div.outlineTableA01 table td p.comment {
	font-size: 10px;
	line-height: 1.4;
}


/* ----------------------------------------------- */
/** @Hyper links */
/* ----------------------------------------------- */

/* for link anchors */
a {
	text-decoration: none;
}

a:link{
	color: #039;
}

a:visited {
	color: #039; 
}

a:active {
	color: #e33;
}

.lead a:hover,
.inner a:hover,

a:hover  {
	color: #ff0000; 
	/*background: #b8b8b8;*/
	text-decoration: underline;
}

a[name]:hover {
	background: inherit;
}

a#webmastermail:visited { color: blue}

/** link lists */
.ref { /* other page */
	list-style-image: url(/parts/tri-r.png);
}
.inner { /* within the document */
	list-style-image: url(/parts/tri-d.png);
}
.enm { /*enumerated type*/
	list-style-image: none;
}


/* ----------------------------------------------- */
/** @Boxed article */
/* ----------------------------------------------- */

/** Note block */
.note {
	color: #033;
	background-color: #effeef;
	padding: 3% /*0.6em 1em*/;
	width: 92%;
	border: none;
}
/** test for round corner */

.note:before {
	content: url(/parts/tl.gif);
	margin: -3.33% 0% 0% -3.33%;
	width: 106.7%;
	display: block;
	background:url(/parts/tr.gif) bottom right no-repeat;
	height:8px;
	line-height:8px;
	vertical-align:top;
}
.note:after {
	content: url(/parts/bl.gif);
	margin: 0% 0% -3.2% -3.33%;
	width: 106.7%;
	display: block;
	background:url(/parts/br.gif) bottom right no-repeat;
	vertical-align:bottom;
	line-height:8px;
}

/** Auxilary boxes */
.aux {
	font-size: 92%;
	background-color: #f6f6f6;
	padding: 0.5em 1em;
	border: dotted 1px #333;
	margin-left: 0;
	margin-right: 1em;
}
.infobox {
	background: white;
	padding: 0.5em 1em;
	border: solid 1px #ddd0c0;
}

/* boxes */
.spec-fragment,
.example,
.badexample,
.res-sample {
	font-size: 80%;
	font-family: monospace;
	padding: 1.5em 1em 0.6em 1em;
	border: solid 1px #ddd0c0;
	margin-left: 3em;
	margin-right: 3em;
	line-height: 1.15;
}
.spec-fragment{
	background: white url(/parts/spec.gif) no-repeat top left;
	border-color: #fc0;
	padding-bottom: 0;
}
.example {
	/* background: #fffef0 url(../../image/example.gif) no-repeat top left; */
	background: #eeeeee url(../../image/example.gif) no-repeat top left;

}
.example pre, .example p {
	margin: 0.3em auto;
}

.example_test {
	/* background: #fffef0 url(../../image/ad/example.gif) no-repeat top left; */
	background: #eeeeee url(../../image/ad/demobox.png) no-repeat top left;

}


.express_box,
.res-sample { /* response sample i.e. not input by user */
	font-size: 80%;
	font-family: monospace;
	padding: 1.5em 1em 0.6em 1em;
	border: solid 1px #ddd0c0;
	margin-left: 0em;
	margin-right: 2em;
	line-height: 1.15;
	background: #eeeeee;
}
.badexample {
	background: #fff9f9 url(/parts/badex.gif) no-repeat top left;
	border-color: red;
}
.l-ex { /* large example */
	font-size: large;
}

/** Example label */
.ex-label { /* inline, but part of box */
	color: #00c;
}
div p.ex-label {
	margin: 0 auto;
}



/** Weak or minor semantic classes */

.obsolete {
	color: #666;
	background: white url(/parts/obsolete.gif) no-repeat top left;
	padding: 0.5em 1em 0.5em 2em;
	border: silver dashed 1px;
	border-right: none;
}
.dim, .deprecated {
	color: gray;
}
.dim a:link, .dim a:visited {
	/* color: #339; */
	color: red;
}

/* not main text. can be used with inline elements */
.annotate,
.correction,
.excuse,
.credit,
.misc {
	font-size: 80%;
}

/* somewhat 'low key' */
.whisper {
	font-size: 80%;
	color:#666666;
}

/* do not display on CSS aware browsers, but show on others */
.c, .comptblty {
	display: none;
}



/* ----------------------------------------------- */
/** @Phrase hilies */
/* ----------------------------------------------- */

.hilite{
	background: #ffffcc;
	padding: 0.6em 1em;
	border: none;
}

/** Attentions */
.attn  {
	color:#e30;
}
.attn2 {
	color:#00f;
}
.attn3 {
	color:#0a3;
}

/** Line marker hilite */
.dif1 {
	color:black;
	background-color:#d3d3f9;
}
.dif2 {
	color:black;
	background-color:#ffe3e3;
}
.dif3 {
	color:black;
	background-color:#b7ffaf; /*#ace0ac*/
}
.dif4 {
	color:black;
	background-color:#feb;
}

/** Hot, cool, pseudo... */
.hot {
	color:#ff0000;
}
em.hot {
	font-weight: normal;
}
.cool,
.pseudolink {
	color:#0000ff;
}
.pseudolink {
	text-decoration: underline;
	cursor:pointer;
}
.pseudobutton {
	background:#ddd;
	/*padding:0.1em;*/ cursor:pointer;
	border:gray outset thin;
	display:block;
}

/** cancel hilites */
.silent {
	font-style: normal;
	font-weight: normal;
	color:black;
}

/** Image related position and border */
img.left,
img.sign {
	float: left;
}
img.right,
img.dopo,
img.tailpiece {
	float: right;
	margin-left:10px;
}
a img {
	/*color: white;*/
	/* border:none breaks NN 4.x */
	border: none white 0px;
}

.fphoto a img, .related a img {
	border: blue 1px solid;
	margin-right: 2px;
}


/* =============================================== */
/** @Header functions */
/* ----------------------------------------------- */

/** Logo-banner-navigation */
#banner {
	font-size: 14px;
	margin-left:-1.5em;
	display: block;
}
#banner a:link,
#banner a:visited{
	color: #66e;
	text-decoration: none;
}
/*
#banner a:hover{
	text-decoration: underline;
	color: blue
	background: transparent;
}
*/
/** Text appearance for navibar */
#banner,
.navi-ex {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	color: #66e;
}
#twk-logo {
	margin-right: 0.5em;
	display: block;
	float: left;
}

/* pesudo underline for banner */
#gnavi{
	padding: 11px 0 0 5px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #cce;
	margin: 0 0 0 90px;
	width: 400px;
	display: block;
}

/** Top-right information */
/* [Help] [Status info] positioning */
#stinfo-navi{
	font-size: 140%;
	font-weight: normal;
	text-align: right; /*required for Opera support*/
	padding: 0;
	margin: 0;
	width: auto;
	display: block;
	/*float:right;*/
	position: absolute;
	top: 10px;
	right: 1em;
}
#stinfo-navi img {
	font-size: medium; /* for alt text */
}
/* [Status info] */
#snavi{
	font-size: 16px;
}
/* end of header / navskip container */
#seclink {
	display: none;
}

/** pseudo fixed link banner */
#pflb {
	margin: 0;
	width: 25px;
	height: 200px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#pflb img {
	width: 25px;
	height: 200px;
}



/* =============================================== */
/** @Functions placed at the bottom */
/* ----------------------------------------------- */

/* test ad */
#gglad {
	float: right;
}
/* QR code buttons */
#qrcode {
	font-size: 72%;
	font-style: normal;
	line-height: 1.0;
	text-align: center;
	padding: 0.3em 0.5em;
	border: gray 1px dotted;
	margin-left: 0.5em;
	width: 8em;
	display: block;
	float: right;
}

/* a legacy CSS note */
#b2t-navi {
	display: none;
}


/** Popup table of contents */
#poptoc {
	font-size: small;
	background: #e3e3e3;
	padding: 0.5em;
	border: gray thin outset;
	margin-right: -10em;
	/*min-width: 18em; max-width: 25em;*/
	/*width: 22em;*/
	display: none;
	position: absolute;
	z-index: 1;
}
#poptoc a{
	color: blue;
}
#poptoc h2{
	font-size: small;
	font-weight: normal;
	text-align: center;
	color: navy;
	background: #fee;
	padding: 0.3em;
	border: silver solid 1px;
	margin: 0;
}
#poptoc h2 a{
	text-decoration: none;
	color: navy;
}
#poptoc h2 img {
	margin-bottom: -3px;
	margin-right: 2px
}
#poptoc .nav {
	padding-top: 0.2em;
	border-top: 1px gray solid;
}
#poptoc a.here{
	text-decoration: none;
	color: black;
	background: #ccc;
	border: 1px dotted gray;
	cursor: default;
}

img.tocpic {
	margin-left: 0.5em;
	margin-bottom: -3px;
	cursor: pointer;
}



/* =============================================== */
/** @Media specific style */
/* ----------------------------------------------- */

@media print {
	body {
		background: white;
		padding-right: 2em;
		padding-left: 2em;
	}
	#grddllink {
		display:none;
	}
}

@media screen {
	#ggladr {position: absolute; top: 5em; right: 1em;}
}

.arrow_02{
	background-image: url(../../image/arrow_02.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 7pt;
	text-decoration: underline;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 22px;

}

p#third_ad1 {
  text-align: center;
  font-size:80%;
}


p#third_ad2 {
  text-align: center;
  font-size:80%;
  color:#A0522D;
}

p#third_ad2 a:link {
	color: #A0522D; 
	text-decoration: none
}

p#third_ad2 a:hover { 
	color: #ff0000; 
	text-decoration: underline
}


@import layouts.css;