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

body{
	background: #EEEEEE;
	margin: 0px;
	padding: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a{
	overflow: hidden;
}

img {border: none; }

.txt-right{
	text-align: right;
}

.txt-center{
	text-align: center;
}

#container{
	width: 780px;
	margin: 0px auto;
}

#wrapper{
	font-size: 85%;
	color: #666666;
	background: url(../img/bg_wrapper.gif) repeat-y;
	width: 780px;
	margin: 0px auto;
	padding: 10px 10px 0px;
}

p.position-c{
	font-size: 85%;
	text-align: center;
	margin: 0px 20px 1.5em 0px;
}

p.position-r{
	font-size: 85%;
	text-align: right;
	margin: 0px 0 1.5em 0px;
	padding: 0 5px 0 0;
}

p.table-title{
	font-size: 85%;
	margin: 0px 0px 5px 0px;
}

p.table-date{
	font-size: 85%;
	text-align: right;
	margin: 0px 20px 0px 0px;
}

p.annotation{
	font-size: 75%;
	margin: 0px 0px 1.5em 10px;
}

.mb20{
	margin-bottom: 20px;
}

span.exp{
	font-size: 90%;
	vertical-align: top;
}

/*ヘッダー----------------------------------------
--------------------------------------------------*/
h1{
	margin: 0px 20px 20px 10px;
	width: 130px;
	height: 50px;
	float: left;
}

#header{
	zoom: 1;
	height: 95px;
	position: relative;
}

#header:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header p{
	font-family: Arial, Helvetica, sans-serif;
	margin: 35px 0px 0px 0px;
	float: left;
	font-size: 90%;
}

#header #setting{
	float: right;
	font-size: 90%;
	margin: 0px 10px 0px 0px;
}

#setting ul{
	zoom: 1;
}

#setting ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#setting ul#lang{
	float: right;
	margin: 0px 0px 5px;
	width : 90px;
}


#setting li{
	list-style: none;
	float: left;
}

#setting ul#lang-cn{
	float: right;
	margin: 0px 0px 5px;
	width : 123px;
}


#setting li{
	list-style: none;
	float: left;
}



#setting #change-font-size{
margin: 0;
padding: 0;
float: right;
width: 70px;
clear: both;
}

#setting #change-font-size-e{
margin: 0;
padding: 0;
float: right;
width: 86px;
clear: both;
}

#setting #change-font-size-e p{
	float: right;
	width: 86px;
	margin: 0px;
}

#setting #change-font-size p{
	float: right;
	width: 70px;
	margin: 0px;
}

#setting #change-font-size ul{
	clear: right;
	float: right;
	width: 64px;
	margin: 0px;
}

#setting #change-font-size #size-s{
	margin: 5px 0px 0px 0px;
}

#setting #change-font-size #size-m{
	margin: 3px 0px 0px 0px;
}

#setting #change-font-size #size-l{
	margin: 0px 0px 0px 0px;
}

#setting #change-font-size-e ul{
	clear: right;
	float: right;
	width: 64px;
	margin: 0px;
}

#setting #change-font-size-e #size-s{
	margin: 5px 0px 0px 0px;
}

#setting #change-font-size-e #size-m{
	margin: 3px 0px 0px 0px;
}

#setting #change-font-size-e #size-l{
	margin: 0px 0px 0px 0px;
}


/*ルートメニュー----------------------------------------
--------------------------------------------------*/
ul#root-menu{
	clear: both;
	float: left;
	zoom: 1;
	margin: 0px;
	padding: 0px;
	width: 470px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

ul#root-menu:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#root-menu li{
	list-style: none;
	float: left;
	text-indent: -9999px;
}

#root-menu li a{
	display: block;
	height: 25px;
}
/*メニュー----------------------------------------*/
#root-menu li#menu-group a{
	background: url(../img/root_menu.jpg) 0px 0px;
	width: 90px;
}

#root-menu li#menu-japan a{
	background: url(../img/root_menu.jpg) -90px 0px;
	width: 90px;
}

#root-menu li#menu-europe a{
	background: url(../img/root_menu.jpg) -180px 0px;
	width: 90px;
}

#root-menu li#menu-china a{
	background: url(../img/root_menu.jpg) -270px 0px;
	width: 90px;
}

#root-menu li#menu-rabiton a{
	background: url(../img/root_menu.jpg) -360px 0px;
	width: 110px;
}

/*メニューhover----------------------------------------*/
#root-menu li#menu-group a:hover{
	background: url(../img/root_menu.jpg) 0px 25px;
}

#root-menu li#menu-japan a:hover{
	background: url(../img/root_menu.jpg) -90px 25px;
}

#root-menu li#menu-europe a:hover{
	background: url(../img/root_menu.jpg) -180px 25px;
}

#root-menu li#menu-china a:hover{
	background: url(../img/root_menu.jpg) -270px 25px;
}

#root-menu li#menu-rabiton a:hover{
	background: url(../img/root_menu.jpg) -360px 25px;
}

/*メニューon----------------------------------------*/
#root-menu li#menu-group-on{
	background: url(../img/root_menu.jpg) 0px 25px;
}

#root-menu li#menu-japan-on{
	background: url(../img/root_menu.jpg) -90px 25px;
}

#root-menu li#menu-europe-on{
	background: url(../img/root_menu.jpg) -180px 25px;
}

#root-menu li#menu-china-on{
	background: url(../img/root_menu.jpg) -270px 25px;
}

#root-menu li#menu-rabiton-on{
	background: url(../img/root_menu.jpg) -360px 25px;
}

/*Englishルートメニュー----------------------------------------
--------------------------------------------------*/
ul#root-menu-e{
	clear: both;
	float: left;
	zoom: 1;
	margin: 0px;
	padding: 0px;
	width: 470px;
	position: absolute;
	bottom: -1px;
	left: 0;
}

ul#root-menu-e:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#root-menu-e li{
	list-style: none;
	float: left;
	text-indent: -9999px;
}

#root-menu-e li a{
	display: block;
	height: 25px;
}
/*Englishメニュー----------------------------------------*/
#root-menu-e li#menu-group a{
	background: url(../img/root_menu_e.jpg) 0px 0px;
	width: 90px;
}

#root-menu-e li#menu-japan a{
	background: url(../img/root_menu_e.jpg) -90px 0px;
	width: 90px;
}

#root-menu-e li#menu-europe a{
	background: url(../img/root_menu_e.jpg) -180px 0px;
	width: 90px;
}

#root-menu-e li#menu-china a{
	background: url(../img/root_menu_e.jpg) -270px 0px;
	width: 90px;
}

#root-menu-e li#menu-rabiton a{
	background: url(../img/root_menu_e.jpg) -360px 0px;
	width: 110px;
}

/*Englishメニュー hover----------------------------------------*/
#root-menu-e li#menu-group a:hover{
	background: url(../img/root_menu_e.jpg) 0px 25px;
}

#root-menu-e li#menu-japan a:hover{
	background: url(../img/root_menu_e.jpg) -90px 25px;
}

#root-menu-e li#menu-europe a:hover{
	background: url(../img/root_menu_e.jpg) -180px 25px;
}

#root-menu-e li#menu-china a:hover{
	background: url(../img/root_menu_e.jpg) -270px 25px;
}

#root-menu-e li#menu-rabiton a:hover{
	background: url(../img/root_menu_e.jpg) -360px 25px;
}

/*Englishメニューon----------------------------------------*/
#root-menu-e li#menu-group-on{
	background: url(../img/root_menu_e.jpg) 0px 25px;
}

#root-menu-e li#menu-japan-on{
	background: url(../img/root_menu_e.jpg) -90px 25px;
}

#root-menu-e li#menu-europe-on{
	background: url(../img/root_menu_e.jpg) -180px 25px;
}

#root-menu-e li#menu-china-on{
	background: url(../img/root_menu_e.jpg) -270px 25px;
}

#root-menu-e li#menu-rabiton-on{
	background: url(../img/root_menu_e.jpg) -360px 25px;
}


/*サブメニュー----------------------------------------
--------------------------------------------------*/
#header ul#sub-menu{
	float: right;
	background: #EAEAEA;
	width: 270px;
	margin: 6px 0px 0px;
	padding: 3px 0px 2px 40px;
	position: absolute;
	bottom: 0;
	right: 0px;
}

*:first-child+html #header ul#sub-menu{
	width: 290px;
	margin: 27px -10px 0px;
	padding: 3px 0px 2px 20px;
	position: absolute;
	bottom: -1px;
	right: 10px;
}

* html #header ul#sub-menu{
	width: 290px;
	margin: 27px 0px 0px;
	padding: 3px 0px 2px 20px;
	position: absolute;
	bottom: -1px;
	right: 10px;
}

#header ul#sub-menu li{
	float: left;
	list-style: none;
	font-size: 12px;
	margin: 0px 4px 0px 0px;
}

#header ul#sub-menu li a{
	color: #666666;
	text-decoration: none;
	display: block;
	background: url(../img/icon_cur_gray.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 10px;
}

#header ul#sub-menu li a:hover{
	color: #FFFFFF;
}

/*Englishサブメニュー----------------------------------------
--------------------------------------------------*/
#header ul#sub-menu-e{
	float: right;
	background: #EAEAEA;
	width: 270px;
	margin: 6px 0px 0px;
	padding: 3px 0px 2px 40px;
	position: absolute;
	bottom: 0;
	right: 0px;
}

*:first-child+html #header ul#sub-menu-e{
	width: 290px;
	margin: 34px -10px 0px;
	padding: 3px 0px 2px 20px;
	position: absolute;
	bottom: 0;
	right: 10px;
}

* html #header ul#sub-menu-e{
	width: 290px;
	margin: 34px 0px 0px;
	padding: 3px 0px 2px 20px;
	position: absolute;
	bottom: -1px;
	right: 10px;
}

#header ul#sub-menu-e li{
	float: left;
	list-style: none;
	font-size: 75%;
	margin: 0px 4px 0px 0px;
}

#header ul#sub-menu-e li a{
	color: #666666;
	text-decoration: none;
	display: block;
	background: url(../img/icon_cur_gray.gif) no-repeat 0px 3px;
	padding: 0px 0px 0px 10px;
}

#header ul#sub-menu-e li a:hover{
	color: #FFFFFF;
}


/*コンテンツ----------------------------------------
--------------------------------------------------*/
#contents{
	zoom: 1;
	position: relative;
}

* html #contents{
	zoom: 1;
	position: relative;
}

#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#main-img{
	margin: 0px 0px 0px;
	padding: 0px;
}

.main-copy{
	margin: 10px 5px;
	padding: 0px 5px 10px 5px;
	border-bottom: 1px solid #D6D6D6;
}

.home{
	border-left: 5px solid #0372B1;
}

.europe{
	border-left: 5px solid #7E8BC2;
}

.china{
	border-left: 5px solid #CD7F89;
}

.rabiton{
	border-left: 5px solid #f87f0f;
}

#side{
	float: left;
	width: 200px;
	margin: 10px 0px 20px;
}

#main{
	float: right;
	width: 550px;
	margin: 10px 0px 0px;
	padding: 0px 10px 40px 0px;
}

#main a{
	color: #666666;
}

#main a:hover{
	color: #0571b0;
}

#main h2{
	background: url(../img/h2_border.jpg) no-repeat bottom;
	color: #0571B0;
	font-weight: bold;
	font-size: 100%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#main h3{
	background: url(../img/icon_downcur.gif) no-repeat 0px 4px;
	color: #0571b0;
	font-weight: bold;
	font-size: 85%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 15px;
}

#main h3 a{
	color: #0571D0;
}


#main h4{
	font-size: 85%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}

#main p{
	font-size: 90%;
	line-height: 1.6;
	margin: 0px 0px 1.5em 15px;
}

#main p.no-indent{
	margin: 0px 0px 1.5em 0px;
}

#main p.no-indent02{
	margin: 0;
}

#main p.no-indent03{
	margin-bottom:0;
}

#main p.title{
	background: url(../img/icon_downcur.gif) no-repeat 0px 4px;
	color: #0571b0;
	font-weight: bold;
	font-size: 85%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}

#main p.lead-bottom{
	margin: 0px 0px 1.5em 15px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #D6D6D6;
}

#main p.small{
	width: 340px;
}

#main p.no-m{
	margin: 0px 0px 0.5em 15px;
}

#main p.bold{
	font-weight:bold;
	font-size:100%;
	margin-bottom:0;
}

#main p.btn {
	width:150px;
	height:1.5em;
	text-align:center;
	background:#ccc;
	margin-bottom:2em;
	line-height:1.4em;
}

#main p.btn a {
	width:150px;
	height:1.5em;
	background:#ccc;
	display:block;
	text-decoration:none;
}

#main p.btn a:hover {
	width:150px;
	height:1.5em;
	background:#eee;
}


#main table{
	font-size: 90%;
	margin: 0px 0px 20px 15px;
	border-collapse: collapse;
	width: 530px;
}

#main table.small{
	width: 340px;
}


#main table.date-exp{
	margin: 0px 0px 5px 15px;
}

#main table th{
	text-align: left;
	border: 1px solid #D6D6D6;
	padding: 4px 8px;
}

#main table .top-header th{
	text-align: center;
	background: #EAEAEA;
}

#main table td{
	border: 1px solid #D6D6D6;
	padding: 4px 8px;
}

#main table td.line01{
	width: 65px;
}

#main table tr.total{
	border-top: 2px solid #D6D6D6;
}

#main table ol{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#main table li{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#main dl{
	margin: 0px 0px 25px 0px;
}

#main dt{
	background: url(../img/icon_downcur.gif) no-repeat 0px 4px;
	color: #0571b0;
	font-weight: bold;
	font-size: 85%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 15px;
}

#main dd{
	font-size: 85%;
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
}

#main h3.circle{
	background: url(../img/icon_circle.gif) no-repeat 0px 2px;
	height: 16px;
}

#main ul{
	font-size: 85%;
	line-height: 1.6;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 15px;
}

#main ul li{
	list-style: none;
	margin: 0px 0px 2px;
}

#main ul.normal li{
	list-style: disc;
	margin: 0px 0px 2px 15px;
}

#main ul.en li{
	list-style: disc;
	margin: 0px 0px 2px 15px;
}

#main ul.en li{
	list-style: disc;
	margin: 0px 0px 2px 25px;
}


#main p.map_open {
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: #ccc;
	text-align: center;
	display: block;
}

#main p.map_open02 {
	width: 150px;
	height: 20px;
	line-height: 20px;
	background: #ccc;
	text-align: center;
	margin: 0 0 1em 0;
	display: block;
}

#main p.map_open a {
	text-decoration: none;
	display: block;
}

#main p.map_open02 a {
	text-decoration: none;
	display: block;
}

#main p.map_open a:hover {
	text-decoration: none;
	background: #ddd;
}

#main p.map_open02 a:hover {
	text-decoration: none;
	background: #ddd;
}


/*サイド----------------------------------------
--------------------------------------------------*/
#side h2{
	font-weight: bold;
	font-size: 90%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#side h2.site{
	margin: 0px 0px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#side h2 a{
	display: block;
	background: #034C75 url(../img/side_head.jpg) no-repeat;
	width: 190px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 0px 5px 10px;
}

#side h2 a:hover{
	background: #034C75 url(../img/side_head_on.jpg) no-repeat;
}

#side ul{
	margin: 0px;
	padding: 0px 0px 5px;
	border: 1px solid #D6D6D6;
	border-top: none;
	width: 198px;
}

#side ul.site{
	border: 1px solid #D6D6D6;
	border-top: 4px solid #D6D6D6;
}

#side li{
	list-style: none;
	background: url(../img/side_dot_line.gif) no-repeat bottom;
}

#side li a{
	background: url(../img/icon_list_cur.gif) no-repeat 0px 12px;
	display: block;
	margin: 0px 12px 0px 12px;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
	color: #666666;
}

#side li a:hover{
	background: url(../img/icon_list_cur_on.gif) no-repeat 0px 12px;
}

* html #side li a{
	padding: 10px 0px 0px 20px;
	width: 150px;
	height: 25px;
}

#side ul.banner{
	margin: 20px 0px 20px 10px;
	padding: 0px 0px 5px;
	border: none;
	width: 198px;
	font-size: 75%;
}

#side ul.banner li{
	list-style: none;
	background: none;
	margin: 0px 0px 5px;
}

#side ul.banner li a{
	background: none;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #666666;
}

#side ul.banner li a:hover{
	background: none;
}

* html #side ul.banner li a{
	padding: 0px 0px 0px 0px;
	width: 198px;
	height: 40px;
}

/*フッター----------------------------------------
--------------------------------------------------*/
ul#site-menu{
	text-align: right;
	background: #EAEAEA;
	border-left: 5px solid #0372B1;
	margin: 0px;
	padding: 2px 10px;
	font-size: 75%;
}

ul#site-menu li{
	list-style: none;
	display: inline;
}

ul#site-menu li a{
	color: #666666;
	text-decoration: none;
}

ul#site-menu li a:hover{
	color: #FFFFFF;
}

ul#site-menu-europe{
	text-align: right;
	background: #EAEAEA;
	border-left: 5px solid #7E8BC2;
	margin: 0px;
	padding: 2px 10px;
	font-size: 75%;
}

ul#site-menu-europe li{
	list-style: none;
	display: inline;
}

ul#site-menu-europe li a{
	color: #666666;
	text-decoration: none;
}

ul#site-menu-europe li a:hover{
	color: #FFFFFF;
}

ul#site-menu-china{
	text-align: right;
	background: #EAEAEA;
	border-left: 5px solid #CD7F89;
	margin: 0px;
	padding: 2px 10px;
	font-size: 75%;
}

ul#site-menu-china li{
	list-style: none;
	display: inline;
}

ul#site-menu-china li a{
	color: #666666;
	text-decoration: none;
}

ul#site-menu-china li a:hover{
	color: #FFFFFF;
}

ul#site-menu-rabiton{
	text-align: right;
	background: #EAEAEA;
	border-left: 5px solid #f87f0f;
	margin: 0px;
	padding: 2px 10px;
	font-size: 75%;
}

ul#site-menu-rabiton li{
	list-style: none;
	display: inline;
}

ul#site-menu-rabiton li a{
	color: #666666;
	text-decoration: none;
}

ul#site-menu-rabiton li a:hover{
	color: #FFFFFF;
}

#footer{
	clear: both;
	width: 780px;
	margin: 0px auto;
	padding: 0px 10px 10px;
	background: url(../img/bg_footer.gif) no-repeat bottom left;
}

#footer-europe{
	clear: both;
	width: 780px;
	margin: 0px auto;
	padding: 0px 10px 10px;
	background: url(../../europe/img/bg_footer.gif) no-repeat bottom left;
}

#footer-china{
	clear: both;
	width: 780px;
	margin: 0px auto;
	padding: 0px 10px 10px;
	background: url(../../china/img/bg_footer.gif) no-repeat bottom left;
}

#footer-rabiton{
	clear: both;
	width: 780px;
	margin: 0px auto;
	padding: 0px 10px 10px;
	background: url(../../rabiton/img/bg_footer.gif) no-repeat bottom left;
}

#copy-right{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px;
	font-size: 80%;
}

/*Float*/
#main .column-box{
	zoom: 1;
}

#main .column-box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#main .column-box .left{
	float: left;
}

#main .column-box .w200{
	width: 200px;
}

#main .column-box .right{
	float: right;
}

#main .column-box .w170 p{
	width: 170px;
	font-size: 75%;
	margin: 0px 10px 0px 0px;
}

#main .column-box .first p{
	margin: 0px 10px 0px 15px;
}

#main .column-box .last p{
	margin: 0px 0px 0px 0px;
}

/*サイトマップ----------------------------------------
--------------------------------------------------*/
#sitemap-tree ul{
	font-size: 100%;
}

#sitemap-tree li{
	background: url(../img/sitemap_tree2.gif) no-repeat;
	padding: 0px 0px 0px 20px;
}

#sitemap-tree .tree1{
	background: url(../img/sitemap_tree1.gif) no-repeat;
}

/*ニュース----------------------------------------
--------------------------------------------------*/
#old-news ul{
	font-size: 100%;
}

#old-news a{
	font-weight: bold;
	color: #0571D0;
}

#old-news li li a{
	font-weight: normal;
	color: #666666;
}

/*ビデオの再生----------------------------------------
--------------------------------------------------*/
#video-view{
	background: #D6D6D6;
	float: right;
	width: 560px;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

* html #video-view{
	background: #D6D6D6;
	position: absolute;
	left: 205px;
	width: 560px;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	zoom: 1;
}

#video-view:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#video-view .video{
	float: left;
}

* html #contents .ie{
	margin-top: 240px;!important
}

#main ul.box {
	margin: 0 0 2em 1em;
	padding: 0;
	list-style: none;
}

#main ul.box li{
	list-style: square;
	margin: 0px 0px 2px 15px;
}

#main ul.box li{
	list-style: square;
	margin: 0px 0px 2px 25px;