@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      layout.css
 Author:         TTI Corporation
 Style Info:     layout
----------------------------------------------------------- */

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	/*
	margin: 0 auto;
	width: 910px;
	text-align: left;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:20px;
	*/
}

/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}

/*----------------------------------------------------
	#header

----------------------------------------------------*/

#header {
	width:910px;
	font-size: 1px;
}
#header img{
	vertical-align:bottom; /*For Firefox (DELETE Unnecessary blanks under images...)*/
}

/*----------------------------------------------------
	#printHeader

----------------------------------------------------*/

#printHeader {
	display:none;
}

/*----------------------------------------------------
	#header #logoarea
----------------------------------------------------*/
#header #logoArea {
	width: 910px;
	display:block;
	height:75px;
	background:url(../img/bg_global.gif) no-repeat;
	background-position:top left;
}

#header #logoArea img.logo{
	float:left;
	padding:23px 0 0 15px; 
}

#header #logoArea .search{
	float:right;
	padding:15px 0 8px 0;}

#header #logoArea .search input{
	vertical-align:middle;
}

#header #logoArea .search input.inputtext{
	width:130px;
	margin-right:5px;
}

#header #logoArea .htmlVersion{
	font-size:11px;
	padding:0 20px 10px 0;
}

#header #logoArea .htmlVersion a,
#header #logoArea .htmlVersion a:visited,
#header #logoArea .htmlVersion a:hover,
#header #logoArea .htmlVersion a:active{
	color:#666666;
	text-decoration:none;
}
/*----------------------------------------------------
	#gNav
----------------------------------------------------*/
#header #gNav {
	height:39px;
	clear:both;
	display:block;
	background:url(../img/bg_gnavi.gif) repeat-x;
}


#header #gNav li {
	float: left;
}

#header #gNav li img{
	margin-top:5px;
}

/*----------------------------------------------------
	#breadcrumbs list(topic path)
----------------------------------------------------*/
#breadcrumbs {
	/*background:url(../img/bg_breadcrumbs.gif) repeat-x top;*/
	padding:5px 0 5px 20px;
	line-height:2;
	font-size:64%; /*10px*/
	margin:0;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	clear:both;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	width: 710px;
	float: right;
	font-size:75%; /*12px*/
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	width: 180px;
	background:url(../img/bg_sub_top.gif) top no-repeat #fffcef;
	padding-top:4px;
}
#sub #subNavi{
	background:url(../img/bg_sub_bottom.gif) bottom no-repeat;
	padding-bottom:5px;
}
#sub #subNavi li{
	background:url(../img/bg_sub.gif) repeat-y;
	padding:4px 0 4px 5px;
	display:block;
}
#sub #subNavi img{
	vertical-align:bottom; /*For Firefox (DELETE Unnecessary blanks under images...)*/
}
#sub #subNavi li ul{
	width:170px;
	display:block;
	background:#ffe5a9;
	padding-bottom:0.1px;
	padding-top:0.1px; /*For Firefox (AVOID collapsing margins)*/
}
#sub #subNavi li ul li{
	font-size:60%; /*11px*/
	line-height:1.2;
	display:block;
	margin:3px;
	padding:0px;
	background:none;
	zoom:1; /*Eor IE bug(background images disappear ;the cause is uncertain...)*/
}

#sub #subNavi li ul li a{
	display:block;
	padding:2px 2px 2px 12px;
	background:url(../img/ic_linkarw.gif) no-repeat 3px 4px #ffffff;
	zoom:1; /*Eor IE bug(background images disappear ;the cause is uncertain...)*/
}
#sub #subNavi li ul li a.current{
	padding:2px 2px 2px 12px;
/*	background:url(../img/ic_linkarw_cr.gif) no-repeat 3px 4px #ff9b4a;*/
	background:url(../img/ic_linkarw_cr.gif) no-repeat 3px 4px #ffb97a;
	color:#ffffff;
}
#sub #subNavi li ul li a:hover{
	background:url(../img/ic_linkarw.gif) no-repeat 2px 3px #fff8d9;
	padding:1px 1px 1px 11px;
	border:#ffffff solid 1px;
	zoom:1; /*Eor IE bug(background images disappear ;the cause is uncertain...)*/
}
#sub #subNavi li ul li a.current:hover{
	color:#006f9a;
}
/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	clear:both;
	padding-top:40px;
	zoom:1; /*Eor IE bug?*/
}

#footer #fcontents {
/*	background:url(../img/bg_footer.gif) repeat-x bottom #ededed;*/
	background:#ededed;
	height:20px;
	min-height:20px;
	border-top:#FF0000 solid 2px;
	border-bottom:#FF0000 solid 1px;
}

#footer #fNav {
	padding-right:12px;
	background:url(../img/bg_footerlist.gif) repeat-y right;
	font-size:64%; /*10px*/
	height:16px;
	margin:2px 0 2px 0;
}

#footer #fNav li {
	background:url(../img/ic_linkarw_f.gif) no-repeat;
	background-position:1px 50%;
	float: left;
	padding:0 0 0 13px;
	margin-left:5px;
}

#footer p.copy {
	padding:0 20px 0 10px;
	float:right;
	font-size:57%; /*IE--9px Firefox--10px? */
	margin:0;
	height:16px;
	margin:2px 0 2px 0;
}