@charset "utf-8";
/* CSS Document */

/**************************************************************************************
*		SMALL-DROPDOWNBOX
**************************************************************************************/

.wrapper-dropDownBox{
	position:relative;
}


.dropDownBox{
	position:absolute; 
	top:13px; 
	left:0px; 
	border:1px solid #4B9ED7; 
	width:203px; 
	padding:3px 8px 16px 8px;
	background-color:#FFFFFF;
	display:none;
	z-index:99;
}

#meta-navi li:hover .dropDownBox,
#footer-small li:hover .dropDownBox{
	display:block;
}

#meta-navi li.sfhover .dropDownBox,
#footer-small li.sfhover .dropDownBox{
	display:block;
}

#footer-small .dropDownBox ul,
#footer-small .dropDownBox ul li,
#footer-small .dropDownBox ul li img,
#footer-small .dropDownBox ul li a{
	display:inline;
	height:auto;
	width:auto;
	border:none;
	margin:0px;
	padding:0px;
}

#footer-small .dropDownBox ul li{
	display:block;
	float:left;
	padding:0px 4px 4px 0px;
}

#footer-small .dropDownBox ul li {
	padding:0 7px 10px 0;
}


/**************************************************************************************
*		META-NAVI
**************************************************************************************/

#meta-navi{
	float:right;
	width:225px;
	letter-spacing:1px;
}

#meta-navi ul{
	list-style:none;
	text-transform:uppercase;
	letter-spacing:1px;
}

#meta-navi ul li{
	height:13px; /* including an a-tag with 8px height and padding 5px*/
}

#meta-navi ul li a{
	display:block;
	line-height:8px;
	font-size:11px;
	padding-top:5px;
	width:225px;
	text-decoration:none;
	color:#4b9ed7;
	font-weight:bold;
}

/* #meta-navi ul li a#meta-active, */
#meta-navi ul li a:hover{
 text-decoration:underline;
}

/* #main-navi  ul li a#main-active */
#main-navi  ul li a:hover {
 background-color:#FFFFFF;
 padding-bottom:9px;
}


#meta-navi ul li.first{
	height:8px;
}

#meta-navi ul li.first a{
	padding:0;
}

#meta-navi ul li#international a{
	background-image:url(../img/meta_navi_arrow_down.gif);
	background-repeat:no-repeat;
	background-position:right 7px;
	width:106px;
}

#meta-navi ul li#international:hover a{
	background-image:url(../img/meta_navi_arrow_up.gif);
}


#meta-navi ul li#font-size a{
	background-image:url(../img/font_size.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
	width:202px;
}

/**************************************************************************************
*		MAIN-NAVI
**************************************************************************************/

#main-navi{
	float:left;
	height:17px;
	width:705px; /* like .column-left-705,.column-center-705*/
	padding:9px 0px 0px 0px;
	background-image:url(../img/two_dotted_lines.gif); /* line top and bottom*/
	background-repeat:repeat-x;
	font-size:11px;
	font-weight:bold;
	line-height:8px;
}

#main-navi  ul{
	letter-spacing:0.06em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-transform:uppercase;
}

#main-navi  ul li{
	margin-right:11px;
	float:left;
	position:relative;
}

#main-navi  ul li.last{
	margin:0px;
}

#main-navi  ul li a{
	text-decoration:none;
	color:#000000;
	display:block;
}

/* #main-navi  ul li a#main-active, */
#main-navi  ul li a:hover,
#main-navi  ul li a.hover { 
 background-color:#FFFFFF;
 padding-bottom:9px;
}


/**************************************************************************************
*		SUBNAVI
**************************************************************************************/

.sub-navi{
	list-style:none;
	top:-24px;
}

.sub-navi li{
	display:inline;
}

.sub-navi a{
	display:block;
	width:705px;
	height:30px;
}

.sub-navi img{
	border:none;
}

/**************************************************************************************
*		SECOND-SUBNAVI
**************************************************************************************/


#second-sub-navi{
	background-image:url(../img/dotted_line.gif);
	background-position:left top;
	background-repeat:repeat-x;
	width:225px;	
	list-style:none;
	font-size:11px;
	line-height:8px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}

#second-sub-navi li{
	display:inline;
}

#second-sub-navi li.first a{
	padding-top:9px;	
}

#second-sub-navi li a{
	color:#000000;
	text-decoration:none;
	background-image:url(../img/dotted_line.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	width:225px;
	min-height:17px;
	padding-top:8px;
	display:block;
	height:17px;
}

/* second level start ****************************************************************/

#second-sub-navi li ul{
	list-style:none;
	display:block;
}

#second-sub-navi li ul li a{
	padding-left:15px;
	width:210px;
}


/* second level end ******************************************************************/

