@charset "UTF-8";

/************************************************

bace_lyout CSS
last update 120225

************************************************/

/* ===================================

	1.container 
	2.nav
	3.contents
	4.alpha-block
	5.bate-block
	6.header
	7.footer

====================================== */

/************************************************
	      
1.container
	        
************************************************/

div#container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../common/bg_contents.jpg);
	background-position: center top;
	padding-top: 20px;
	background-repeat: repeat-x;
	background-color: #F3F7FA;
}

#head-section {
	background-color: #FFF;
}

/************************************************
	      
2.nav
	        
************************************************/

#nav-block {
	background-color: #004DA0;
	margin-bottom: 10px;
}

ul#nav {
	display: block;
	padding: 0px;
	background-image: url(../common/nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height: 50px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

ul#nav li {
	font-size:12px;
	float: left;
	height: 50px;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#nav li a {
	text-indent: -9999px;
	height: 50px;
	text-decoration: none;
	background-image: url(../common/nav.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
}
ul#nav li#nav-01 {
	width: 70px;
}
ul#nav li#nav-02 {
	width: 222px;
}
ul#nav li#nav-03 {
	width: 222px;
}
ul#nav li#nav-04 {
	width: 222px;
}
ul#nav li#nav-05 {
	width: 224px;
}

ul#nav li#nav-01 a {
	background-position: 0px 0px;
}
ul#nav li#nav-02 a {
	background-position: -70px 0px;
}
ul#nav li#nav-03 a {
	background-position: -292px 0px;
}
ul#nav li#nav-04 a {
	background-position: -514px 0px;
}
ul#nav li#nav-05 a {
	background-position: -736px 0px;
}

ul#nav li a:hover {
	text-decoration: none;
	background-image: url(../common/nav_on.jpg);
}

ul#nav li#nav-01 a:hover {
	background-position: 0px 0px;
}
ul#nav li#nav-02 a:hover {
	background-position: -70px 0px;
}
ul#nav li#nav-03 a:hover {
	background-position: -292px 0px;
}
ul#nav li#nav-04 a:hover {
	background-position: -514px 0px;
}
ul#nav li#nav-05 a:hover {
	background-position: -736px 0px;
}
ul#nav li#nav-06 a:hover {
	background-position: -783px 0px;
}

ul#nav li a.current {
	background-image: url(../common/nav_on.jpg);
}

ul#nav li#nav-01 a.current {
	background-position: 0px 0px;
}
ul#nav li#nav-02 a.current {
	background-position: -70px 0px;
}
ul#nav li#nav-03 a.current {
	background-position: -292px 0px;
}
ul#nav li#nav-04 a.current {
	background-position: -514px 0px;
}
ul#nav li#nav-05 a.current {
	background-position: -736px 0px;
}
ul#nav li#nav-06 a.current {
	background-position: -783px 0px;
}

ul#nav li#nav-02 a.parent {
	background-image: url(../common/nav.jpg);
	background-position: -70px 0px;
}
ul#nav li#nav-03 a.parent {
	background-image: url(../common/nav.jpg);
	background-position: -292px 0px;
}
ul#nav li#nav-04 a.parent {
	background-image: url(../common/nav.jpg);
	background-position: -514px 0px;
}
ul#nav li#nav-05 a.parent {
	background-image: url(../common/nav.jpg);
	background-position: -736px 0px;
}
ul#nav li#nav-06 a.parent {
	background-image: url(../common/nav.jpg);
	background-position: -783px 0px;
}


		/* submenu, it's hidden by default */
		ul#nav ul {
	position: absolute;
	display: none;
	margin: 0 0 0 -1px;
	padding: 0;
	list-style: none;
	z-index: 10000;
		}
		
		ul#nav ul li {
	height: 30px;
	float: none;
	border-top: 1px solid #fff;
	width: 222px;
	line-height: 30px;
	text-indent: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
		}
		
		/* display block will make the link fill the whole area of LI */
		ul#nav li ul li a {
	padding: 0 0 0 18px;
	color: #fff;
	background-color: #004D9F;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	line-height: 30px;
	text-indent: 0px;
	height: auto;
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
	display: block;
		}
		
ul#nav li ul li a:hover {
	background-color: #006BE1;
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
		
ul#nav li ul li a.current {
	background-color: #006BE1;
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}

ul#nav li#nav-02 ul li a.parent {
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
ul#nav li#nav-03 ul li a.parent {
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
ul#nav li#nav-04 ul li a.parent {
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
ul#nav li#nav-05 ul li a.parent {
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
ul#nav li#nav-06 ul li a.parent {
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}
		
ul#nav li ul li a.selected {
	background-color: #006BE1;
	text-decoration: none;
	background-image: url(none);
	background-repeat: no-repeat;
}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

/************************************************
	      
3.contents
	        
************************************************/

div#contents {
	text-align: left;
	clear: both;
	display: block;
	position: relative;
	padding-bottom: 20px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#conetnt_section div#contents {
}

#nonconetnt_section div#contents {
}

/************************************************
	      
4.alpha-block
	        
************************************************/

div#alpha-block {
	width: 700px;
	float: left;
	position: relative;
	text-align: left;
}

/* .alpha block other sec  ================ */


.blk {
	display: block;
	clear: both;
	position: relative;

}

.section {
	border: 1px solid #CCC;
	background-color: #FFF;
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
}

.article {
	display: block;
	clear: both;
	position: relative;
	padding: 30px;
	border: 1px solid #DDDDDD;
	background-color: #FFF;
}

.formbox div div.lineredbox2 {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	border: 1px solid #AD1D14;
	background-color: #FFF;
}


.lineredbox {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	border: 1px solid #AD1D14;
}

.linegybox {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
}

.bluebox {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	background-color: #F4F7F9;
}

.gybox {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	background-color: #EEEEEE;
}

.f5box {
	display: block;
	clear: both;
	position: relative;
	padding: 20px;
	background-color: #f5f5f5;
}




/* topic-path  ================ */

ul#topic-path {
	width: 960px;
	display: block;
	padding: 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
}

ul#topic-path li {
	float: left;
	display: block;
	color: #333;
	line-height: 1;
	font-size: 12px;

}

ul#topic-path li.breadcrumbhome {
}

ul#topic-path li a {
	line-height: 1;
	color: #004DA0;
	background-image: url(../common/ico_topicpass.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}

ul#topic-path li strong {
	margin: 0px;
	line-height: 1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}


/************************************************
	      
5.bate-block
	        
************************************************/

div#beta-block {
	width: 240px;
	float: right;
	text-align: left;
	position: relative;
}

div#beta-block .contact-box {
	background-image: url(../common/beta_bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 110px;
	position: relative;
}

div#beta-block .contact-box li {
	text-align: center;
	display: block;
	position: absolute;
	top: 49px;
	width: 240px;
}

/* .localnav  ================ */

#localnav {
	margin-bottom: 20px;
}

#localnav li {
	display: block;
	line-height: 1;
	margin-bottom: 1px;
}

#localnav li a {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #004DA0;
	color: #004C9F;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #fff;
	line-height: 40px;
	height: 40px;
}

#localnav li a:hover {
	color: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #01B8F1;
	line-height: 40px;
	height: 40px;
	text-decoration: none;
}

#localnav li a.current {
	color: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #01B8F1;
	line-height: 40px;
	height: 40px;
}

#localnav li ul li {
	display: block;
	line-height: 1;
	margin-bottom: 1px;
}

#localnav li ul li a {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	color: #004C9F;
	display: block;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #fff;
	line-height: 40px;
	height: 40px;
	background-image: url(../common/lnav_cursor.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

#localnav li ul li a:hover {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #004DA0;
	color: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #01B8F1;
	line-height: 40px;
	height: 40px;
}

#localnav li ul li a.current {
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #004DA0;
	color: #fff;
	display: block;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #01B8F1;
	line-height: 40px;
	height: 40px;
}

.contact-bbox {
	padding: 10px;
	border: 1px solid #00336C;
	background-color: #FFF;
	margin-bottom: 10px;
}

.contact-bbox li {
	float:left;
}

.contact-bbox li.input-txt {
	width: 160px;
}

.contact-bbox li.input-txt input {
	width: 130px;
	line-height: 28px;
	height: 28px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.contact-bbox li.input-btn {
	width:51px;
}

 .contact-bbox li.input-btn input {
	width: 51px;
	height: 28px;
	border: 0px solid;
	cursor: pointer;
"
; 	background-image: url(../common/beta_btn_search.jpg);
	background-repeat: no-repeat;
 }

/************************************************
	      
6.header
	        
************************************************/

div#header {
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 0px;
	width: 960px;
}

#header .flL {
	width: 340px;
}

#header .flR {
	width: 367px;
}

div#header p#site-id {
	margin: 0px;
	float: left;
	padding-top: 17px;
}

div#header p#site-id-home {
	margin: 0px;
	float: left;
	padding-top: 10px;
}

div#header ul.subL {
	clear: both;
	padding-top: 14px;
}

div#header ul.subL li {
	float: left;
	margin-left: 10px;
}

.headnav {
	background-image: url(../common/head_lang_map.jpg);
	background-repeat: no-repeat;
	background-position: 16px 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	display: block;
	height: 35px;
	float: right;
	padding-right: 10px;
	padding-left: 80px;
}

.headnav li {
	float: right;
	padding-top: 16px;
	display: block;
	padding-right: 10px;
}


/************************************************
	      
7.footer
	        
************************************************/


/* .pagenavi  ================ */

.to-top {
	text-align: right;
	display: block;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	margin-bottom: 10px;
}

.to-top li{
}

/* #footer  ================ */

div#footer {
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	border-top-width: 17px;
	border-top-style: solid;
	border-top-color: #004DA0;
	position: relative;
}

div#footer .footlogo {
	position: absolute;
	top: -30px;
	display: block;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	text-align: center;
}

.footerinner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 56px;
	background-color: #FFF;
	padding-bottom: 10px;
}


div.footerbox {
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#footer .footerboxinner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 12px;
}

div#footer .footerboxinner p {
	float: left;
	width: 400px;
	padding-top: 5px;
	font-size: 10px;
}

div#footer .footerboxinner ul {
	float: right;
	margin-bottom: 10px;
}

div#footer p {
	color: #999999;
	line-height: 1.4;
	font-size: 12px;
}

div#footer .footerinner a {
	line-height: 1.4;
	display: block;
}

div.copybox {
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 15px;
	background-color: #fff;
}

/* #globalfooter  ================ */

#globalfooter {
	text-align: left;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#globalfooter h3 {
	margin-bottom:5px;
}

#globalfooter li {
	margin-bottom: 5px;
	font-weight: bold;
}

#globalfooter li a.ttl-section {
	margin-bottom: 10px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	display: block;
}

#globalfooter li ul {
	padding-top: 5px;
}

#globalfooter li li a {
	margin-bottom: 5px;
	background-image: url(../common/ico_cursor_br.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-weight: normal;
	font-size: 12px;
}

#globalfooter li li.w-heaf {
	float:left;
	width:50%;
}

#globalfooter li a,
#globalfooter h3 a {
}

#globalfooter flR {
	width:80px;
}

#globalfooter flL {
	width:820px;
}

#globalfooter .column {
	float:left;
}

#globalfooter .columnend {
	float:right;
}

#globalfooter .dn-01 {
	width: 100px;
}

#globalfooter .dn-02 {
	width: 300px;
}

#globalfooter .dn-03 {
	width: 230px;
}

#globalfooter .dn-04 {
	width: 160px;
}