@charset "utf-8";

/*=========================================================
	[ nav_common.css ]
	date - creation:2009-09-01 // update:2011-03-22
=========================================================*/

/*=========================================================
	index
		1. text link
		2. link support
		3. function navigation
=========================================================*/

/* 1. text link
=========================================================*/
a{
	color:#005BAC;
	text-decoration:none;
}
a:visited{color:#00365E;}
a:hover{
	color:#FF994D;
	text-decoration:underline;
}
a:active{
	color:#0996FF;
	text-decoration:underline;
}


/* link icon
---------------------------------------------------------*/
#wrapper img.ico{
	margin:0 3px;
	vertical-align:baseline;
	border:0;
}

.icoJump,.icoBlank,.icoPageUp,.icoPageDown,.icoPdf,
.icoXls,.icoDoc,.icoFla{
	margin-right:3px;
	padding-right:17px;
	background-repeat:no-repeat;
	background-position:100% 80%;
}
/* icon image */
#wrapper #container .icoJump{background-image:url(/assets/images/for_ico_jump.gif);}
#wrapper #container .icoBlank{background-image:url(/assets/images/for_ico_blank.gif);}
#wrapper #container .icoPageUp{background-image:url(/assets/images/for_arrow_up1.gif);}
#wrapper #container .icoPageDown{background-image:url(/assets/images/for_arrow_down1.gif);}
#wrapper #container .icoPdf{background-image:url(/assets/images/for_ico_pdf.gif);}
#wrapper #container .icoXls{background-image:url(/assets/images/for_ico_xls.gif);}
#wrapper #container .icoDoc{background-image:url(/assets/images/for_ico_doc.gif);}
#wrapper #container .icoFla{background-image:url(/assets/images/for_ico_fla.gif);}
#wrapper #container .icoLink,#wrapper #footer .icoLink{
	padding-left:19px;
	background:transparent url(/assets/images/for_mk_arrow1.gif) no-repeat 0 .2em;
}
#wrapper #content .icoBack{
	padding-left:19px;
	background:transparent url(/assets/images/for_arrow_back1.gif) no-repeat 0 .2em;
}
#wrapper #content p.icoLink{background-position:0 .2em;}

/* 2. link support
=========================================================*/
/* heading link
---------------------------------------------------------*/
#content h1 a,#content h2 a,#content h3 a{
	padding-right:16px;
	background:transparent url(/assets/images/heading_ico_link.gif) no-repeat 100% 80%;
	color:#333333;
	text-decoration:none;
}
#content h1 a:visited,#content h2 a:visited,
#content h3 a:visited{color:#5A6F7F;text-decoration:none;}
#content h1 a:hover,#content h1 a:active,
#content h2 a:hover,#content h2 a:active,
#content h3 a:hover,#content h3 a:active{color:#FF994D;text-decoration:underline;}

/* icon */
#content h2 a.icoPdf,#content h3 a.icoPdf{
	padding-right:20px;
}


/* topic path
---------------------------------------------------------*/
div#topicPath{
	margin:0 3px;
	padding:7px 2px 7px 15px;
	font-size:93%;
	line-height:1.6;
	text-align:left;
}
#topicPath ol{
	padding:0;
	list-style:none;
}#topicPath li{
	display:inline;
	margin-right:6px;
}#topicPath a{
	padding-right:13px;
	background:transparent url(/assets/images/nav_topicpath.gif) no-repeat right center;
}
#topicPath .noCat{
	margin-right:6px;
	padding-right:10px;
	background:transparent url(/assets/images/nav_topicpath.gif) no-repeat right center;
}

/* go to page top
---------------------------------------------------------*/
p.pagetop{
	clear:both;
	line-height:2;
	font-size:93%;
	text-align:right;
	text-indent:0;
}

#content p.pagetop{
	width:703px;
	margin:0 auto;
	padding:1px 0;
	background-color:#F3F4F5;
}

* html #content p.pagetop{
	margin-left:19px;
}
#content p.pagetop a{
	padding:0 10px 0 15px;
	background:transparent url(/assets/images/for_arrow_top1.gif) no-repeat 0 30%;
}

#content #contentInner .pagetop a{
	padding-right:0;
	background:transparent url(/assets/images/for_arrow_top1.gif) no-repeat 0 70%;
}
#content #contentInner p.pagetop{
	width:auto;
	margin:0;
	padding:0;
	background:none;
}

/* 3. function navigation
=========================================================*/
/* common in header
---------------------------------------------------------*/
#header div{
	overflow:hidden;
}
#header ul{
	display:block;
	list-style:none;
	padding:0;
	overflow:hidden;
}
#header li{
	display:block;
	overflow:hidden;
}
#header a{
	display:block;
	background-image:url(/assets/images/for_base.gif);
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
}

/* Site Control navigation in header
---------------------------------------------------------*/
/* page reader */
#navReader{
	display:block;
	position:absolute;
	top:-1000px;
}@media print{
#navReader{display:none;}
}

/* navLang */
div#siteCtrl{
	height:21px;
	border-bottom:3px solid #004273;
}
ul#navLang{
	float:left;
	width:288px;
	padding-top:1px;
}ul#navLang li{
	float:left;
	width:141px;
	margin-right:3px;
	height:20px;
}
ul#navLang li.japanese{
	height:0;
	padding-top:20px;
	overflow:hidden;
	background:url(/assets/images/for_base.gif) no-repeat 0 -90px;
}
ul#navLang li.english a{
	padding-top:20px;
	background-position:-141px -50px;
}
ul#navLang li.english a:hover{
	background:url(/assets/images/for_base.gif) no-repeat -141px -70px;
}

/* ctrlFont */
ul#ctrlFont{
	float:right;
/*	width:127px;*/
	width:129px;
	margin-bottom:1px;
/*	background:url(/assets/images/for_base.gif) no-repeat -320px 0;*/
}
#ctrlFont li{
	float:right;
	width:20px;
	height:20px;
	margin-left:1px;
}
#ctrlFont li#font-small{
	width:85px;
	background:url(/assets/images/for_base.gif) no-repeat -320px 0;
}
#ctrlFont li a{padding-top:20px;}
#ctrlFont li#font-small a{
	display:block;
	float:right;
	width:20px;
	background-position:-320px -60px;
}
#ctrlFont li#font-medium a{background-position:-341px -60px;}
#ctrlFont li#font-large a{background-position:-362px -60px;}
#ctrlFont li#font-small a:hover{background-position:-320px -80px;}
#ctrlFont li#font-medium a:hover{background-position:-341px -80px;}
#ctrlFont li#font-large a:hover{background-position:-362px -80px;}
#ctrlFont li#font-small a.active{background-position:-320px -100px;}
#ctrlFont li#font-medium a.active{background-position:-341px -100px;}
#ctrlFont li#font-large a.active{background-position:-362px -100px;}

#ctrlFont #font-change{
	width:127px;
	margin:0;
}
#ctrlFont #font-change a{background-position:-320px -120px;}

/* Utility navigation in header
---------------------------------------------------------*/
/* siteUtility */
div#siteUtility{
	width:970px;
	height:67px;
	background:#ffffff url(/assets/images/nav_l_bk.gif) repeat-y 100% 0;
}
#siteUtility ul{
	float:right;
	width:350px;
}
#siteUtility ul#navSns {
	position: absolute;
	top: 42px;
	right: 244px;
	width: auto;
}
#header #navSns li {
    display: inline-block;
}
#header #navSns li a {
    display: block;
		background-image: none;
    background-repeat: no-repeat;
    height: 29px;
    overflow: hidden;
}
/*#header #navSns #navS-iconYouTube a {
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    height: 50px;
    overflow: hidden;
}
#header #navSns #navS-iconFacebook a {
    display: inline-block;
    background-image: none;
    background-repeat: no-repeat;
    height: 50px;
    overflow: hidden;
}*/

/* header logo */
div#hlogo{
	float:left;
	width:321px;
}
div#hlogo a{
	margin:17px 0 0 19px;
	height:auto;
	background:none;
}
div#hlogo a img{
	vertical-align:bottom;
}

/* searchBox */
#searchBox{
	float:right;
	width:230px;
	padding:8px 5px 5px 0;
	border-top:3px solid #ffffff;
	text-align:center;
}
#searchBox ul{
	width:220px;
	margin:0;
	padding-bottom:5px;
	line-height:1;
}
#searchBox li{
	height:23px;
	float:right;
}
#searchBox li a{
	padding-top:24px;
}
li#site-guide{width:85px;}
li#site-guide a{background-position:0 -117px;}
li#site-map{width:133px;}
li#site-map a{background-position:-80px -117px;}
li#site-map-only{width:80px;}
li#site-map-only a{background-position:-80px -117px;}

#navSearch{
	clear:both;
	padding-left:10px;
}
#navSearch div{vertical-align:bottom;}

input.searchForm{
	width:150px;
	margin:0;
}
#cse-search-box,.searchBtn{margin:0;}
.searchBtn{
	vertical-align:bottom;
	width:42px;
	height:22px;
	margin-left:2px;
}
/* Only IE6 */
* html #cse-search-box{
	position:relative;
	top:-10px;
}

/* navUtility */
ul#navUtility{
	position:relative;
	top:35px;
	width:317px;
}
#navUtility li{
	float:left;
	height:25px;
}
#navUtility li a{padding-top:25px;}
#navUtility li#navU-top{width:58px;}
#navUtility li#navU-top a{background-position:7px 8px;}
#navUtility li#navU-access{width:90px;}
#navUtility li#navU-access a{background-position:-45px 8px;}
#navUtility li#navU-question{width:91px;}
#navUtility li#navU-question a{background-position:-130px 8px;}
#navUtility li#navU-data{width:77px;}
#navUtility li#navU-data a{background-position:-217px 8px;}
/* over */
#navUtility li#navU-top a:hover{background-position:7px -17px;}
#navUtility li#navU-access a:hover{background-position:-45px -17px;}
#navUtility li#navU-question a:hover{background-position:-130px -17px;}
#navUtility li#navU-data a:hover{background-position:-217px -17px;}

/* Site guide navigation in footer
---------------------------------------------------------*/
#footer address{
	display:block;
	float:left;
	padding-left:60px;
	min-height:55px;
	font-size:93%;
	background:transparent url(/assets/images/for_base.gif) no-repeat -450px -50px;
	font-style:normal;
	line-height:1.6;
}
#footer address span{
	font-weight:bold;
	font-size:108%;
}
#footer address a{
	color:#000000;
	text-decoration:none;
}
#footer address a:hover{
	text-decoration:underline;
}
#footer address ul{list-style:none;}
#footer address li{display:inline;
	padding:0 4px 0 20px;
	background:transparent url(/assets/images/nav_footer.gif) no-repeat .3em .4em;
}

#navSiteguide{
	width:450px;
	text-align:right;
	float:right;
}
#navSiteguide ul{list-style:none;}
#navSiteguide li{display:inline;}
#navSiteguide a{
	padding:0 4px 0 20px;
	background:transparent url(/assets/images/nav_footer.gif) no-repeat .3em .4em;
}
#navSiteguide p{
	font-size:100%;
	color:#000000;
}