/* CSS Document */

html{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background:url(../img/main_back.jpg) repeat-y center #EEEEEE;
	-webkit-text-size-adjust: none;
}
body {
	height:100%;
	margin:0;
	padding:0;
	border:0;
	font-size:80%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: none;
}


/* ===== ベースタグ定義 ===== */
img {
	line-height:0;
	margin:0;
	padding:0;
	border:0;
}
a:link, a:hover, a:active, a:visited{text-decoration:none}
h1{
	font-size:1.0em;
	font-weight:700;
	margin:0 0 5px 8px;
	padding:0 20px;
	color:#FFFFFF;
	background:url(../img/h1_back.gif) no-repeat;
	line-height:28px;
}
h2{
	font-size:1.2em;
	margin:10px 0 5px;
	padding:0 10px;
	color:#666666;
	border-bottom:#CCCCCC solid 1px;
}
h3{
	font-size:1.0em;
	margin:10px 0 5px;
	padding:2px 14px;
	color:#666666;
	background-color:#EEEEEE;
}
h4{
	font-size:1.0em;
	margin:10px 0 0;
	padding:0 4px;
}
p{
	margin:5px 10px 1.5em;
	padding:0;
	line-height:200%;
	color:#333333;
	font-size:1.0em;
}
ul{
	margin:0 0 2em 2em;
	padding:0 0 0 2em;
	font-size:0.8em;
}
li{
	line-height:1.5em;
	margin-bottom:10px;
	color:#787B99;
}
ol{
	margin:0 0 0 2em;
	padding:0 0 0 2em;
	font-size:0.8em;
}
table{
	margin:0 20px;
	font-size:0.8em;
}



/* ===== ヘッダ部レイアウト定義 ===== */
#head-wrap{
	background:url(../img/head_bg.png) repeat-x;
	_background:url(../img/head_bg.gif) repeat-x;
	position:fixed;
	width:100%;
	height:80px;
	top:0px;
	left:0px;
	z-index:11;
}
* html body #head-wrap{
	position:absolute;
	_top:expression(document.documentElement && document.documentElement.scrollTop  ||  document.body && body.scrollTop  || 0 + 0 + 'px');
}
#head{
	position:relative;
	margin:0 auto;
	width:800px;
	height:70px;
}
#head h1{
	position:absolute;
	top:4px;
	left:0px;
	padding:0;
	margin:0;
	z-index:2;
}
#head #menu {
	position:absolute;
	top:35px;
	right:30px;
	padding:0;
	margin:0;
	z-index:30;
}
/* MacIE5用MenuButton定義 */
#head #menu li{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	background:url(../img/menu_right.gif) top right no-repeat;
	line-height:26px;
	display:block;
	float:left;
}
#head #menu a{
	position:relative;
	margin:0;
	padding:8px 6px 6px 24px;
	line-height:26px;
	text-decoration: none;
	display:inline;
	color:#FFFFFF;
	font-size:11px;
	background:url(../img/menu_left.gif) top left no-repeat;
}
/* その他ブラウザ用MenuButton定義 \*/
#head #menu li{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	background:url(../img/menu_right.gif) top right no-repeat;
	line-height:25px;
	display:block;
	float:left;
}
#head #menu a{
	position:relative;
	margin:0;
	padding:6px 6px 6px 24px;
	line-height:13px;
	text-decoration: none;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	background:url(../img/menu_left.gif) top left no-repeat;
}
/* MenuButton定義終了*/
#head #menu li:hover {
	background:url(../img/menu_push_right.gif) top right no-repeat;
}
#head #menu a:hover {
	background:url(../img/menu_push_left.gif) top left no-repeat;
}
#head #menu span {
	display:none;
}
#head #language {
	position:absolute;
	top:4px;
	right:30px;
	background-color:#1C1917;
	padding:2px 10px;
	margin:0;
	font-family:"Arial Black";
}
#head #language a{
	color:#666666;
	font-size:12px;
	line-height:100%;
}
#head #language a:hover {
	color:#FFFFFF;
}
#head .path {
	position:absolute;
	top:65px;
	left:20px;
	margin:0;
	padding:0;
	font-size:0.9em;
}
#head .update {
	position:absolute;
	top:65px;
	right:40px;
	text-align:right;
	margin:0;
	padding:0;
	font-size:0.9em;
}


/* ===== サイドメニュー部レイアウト定義 ===== */
.sidemenu {
	position:relative;
	margin:0 auto;
	width:800px;
	height:0;
	z-index:5;
}
#navigation
{
  position:absolute;
  border: 1px solid #444444;
  margin: 0px 8px;
  padding: 0px;
  text-indent: 0px;
  background-color: #CCCCCC;
  width: 194px;
  font-size:12px;
}
#navigation a.head
{
  cursor: pointer;
  border: 1px solid #888888;
  background: #444444 url(../img/collapsed.gif) no-repeat scroll 3px 10px;
  color: #FFFFFF;
  display: block;
  margin: 0px;
  padding: 0px;
  text-indent: 14px;
  text-decoration: none;
  line-height:30px;
  height:30px;
  width:192px;
}
#navigation a.head:hover
{
  color: #FF0000;
}
#navigation a.selected
{
  background-image: url(../img/expanded.gif);
}
#navigation a.current
{
  background-color: #FFFFFF;
  color: #990000;
}
#navigation ul
{
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}
#navigation li
{
  list-style: none outside none;
  display: inline;
}
#navigation li li a
{
  color: #333333;
  display: block;
  text-indent: 10px;
  text-decoration: none;
  line-height:20px;
  font-size:12px;
}
#navigation li li a:hover
{
  background-color: #FFFFFF;
  color: #FF0000;
}


/* ===== コンテンツ部レイアウト定義 ===== */
#main-wrap{
	position:relative;
	width:100%;
	margin:0;
	padding:80px 0 50px;
	z-index:0;
}
#main{
	position:relative;
	margin:0 auto;
	width:580px;
	padding:0 0 0 220px;
	background:url(../img/main_back.jpg) repeat-y center #EEEEEE;
}


/* ===== フッタ部レイアウト定義 ===== */
#foot-wrap{
	background:url(../img/foot_bg.png) repeat-x;
	_background:url(../img/foot_bg.gif) repeat-x bottom;
	position:fixed;
	width:100%;
	height:50px;
	bottom:0px;
	left:0px;
	z-index:10;
}
* html body #foot-wrap{
	position:absolute;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
}
#foot{
	margin:0 auto 0;
	width:800px;
	height:30px;
	font-size:12px;
	color:#CCCCCC;
	padding:20px 0 0;
	z-index:10;
}
#foot p{
	color:#666666;
}
#foot p a{
	color:#666666;
}
#foot p a:hover{
	color:#FFFFFF;
}
#foot p#copyright {
	float:right;
	display:block;
	margin:0;
	padding:0;
}


/* ===== コンテンツ定義 ===== */

/* 各ページ共通 */
.info{
	font-size:0.9em;
	color:#000066;
}
.infobox {
	border:#CCCCCC solid 1px;
	padding:5px 10px;
	background-color:#EBEBEB;
	color:#000066;
}
.red {
	color:#990000;
}

/* トップページ */
.top_news{
	position:absolute;
	bottom:60px;
	left:0;
	width:800px;
	height:180px;
	color:#FFFFFF;
	line-height:150%;
}
* html body .top_news{
	position:absolute;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight-50);
}
.top_news_back{
	position:absolute;
	bottom:60px;
	left:0;
	background:#111111;
	width:800px;
	height:180px;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}
* html body .top_news_back{
	position:absolute;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight-50);
}

.top_news h1{
	background-image:none;
	font-size:1.2em;
	margin:4px 20px;
	padding:0;
	line-height:1.2em;
}
.top_news p{
	margin:6px 20px;
	padding:0;
	color:#FFFFFF;
}
.top_news a{
	color:#9999FF;
}
.top_news a:hover{
	color:#FF0000;
}
dl.top_newsbox {
	margin:0 20px;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}
.top_newsbox dt{
	float:left;
	font-size:11px;
	padding:0 10px;
	margin:0;
	line-height:14px;
}
.top_newsbox dd{
	padding:0;
	margin:0 0 0 150px;
	font-size:11px;
	line-height:14px
}
.top_newsbox a{
	color:#CCCCCC;
}
.top_newsbox a:hover{
	color:#FF0000;
}

/* ロボット紹介ページ */
#robot_menu {
	position:relative;
	width:800px;
	margin:10px auto;
	z-index:10;
}
#robot_menu table{
	border-collapse:separate;
	margin:0;
	padding:0;
}
#robot_menu td{
	padding:4px 10px;
	border:#EEEEEE solid 1px;
}
#robot_menu img{
	float:left;
}
#robot_menu span{
	display:block;
	margin-left:64px;
	padding:2px;
	width:69px;
	height:26px;
	border-top:#CCCCCC solid 0px;
	border-left:#CCCCCC solid 0px;
	border-right:#CCCCCC solid 0px;
	border-bottom:#CCCCCC solid 10px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:100%;
}
#robot_menu a{
	color:#FFFFFF;
}
#robot_menu a:hover{
	color:#FF0000;
}
#shift_bt{
	position:absolute;
	display:block;
	top:10px;
	left:50%;
	width:300px;
	padding:0;
	margin:0 0 0 -170px;
	z-index:10;
}
#sbt_left{
	float:left;
	padding:0;
	margin:0;
	background:url(../img/left_off.jpg);
	border:none;
	display:block;
	width:30px;
	height:30px;
}
span:hover.sbt_left{
	background:url(../img/left_on.jpg);
}
#sbt_right{
	float:right;
	padding:0;
	margin:0;
	background:url(../img/right_off.jpg);
	border:none;
	display:block;
	width:30px;
	height:30px;
}
span:hover.sbt_right{
	background:url(../img/right_on.jpg);
}

#slide_box{
	position:relative;
	height:300px;
	width:100%;
	overflow:hidden;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:url(../img/table-back.gif) repeat-x #EEEEEE;
	margin:28px 0;
	padding:0;
}

#robot_table {
	position:absolute;
	top:50px;
	left:0px;
	z-index:5;
}
#robot_table table{
	border-collapse:separater;
	border-spacing:10px;
}
#robot_table td{
	border:solid 2px #FFFFFF;
	vertical-align:top;
	background-color:#FFFFFF;
}

/* ムービーページ */
.movtable {
	width:230px;
	border-collapse:collapse;
	border-left:#EBEBEB solid 1px;
	border-right:#EBEBEB solid 1px;
	float:right;
}
.movtable th{
	background-color:#EBEBEB;
	text-align:center;
	color:#333333;
}
.movtable td{
	background-color:#FFFFFF;
	border-bottom:#EBEBEB solid 1px;
	padding:4px 20px;
}

/* 仕様・スペックページ */
.spec {
	width:540px;
	border-collapse:collapse;
	border-left:#EBEBEB solid 1px;
	border-top:#EBEBEB solid 1px;
	margin:0 10px;
}
.spec th{
	color:#333333;
	width:40%;
	padding:2px 4px;
	border-right:#EBEBEB solid 1px;
	border-bottom:#EBEBEB solid 1px;
	font-size:1.0em;
}
.spec td{
	color:#333333;
	padding:2px 4px;
	border-right:#EBEBEB solid 1px;
	border-bottom:#EBEBEB solid 1px;
	font-size:1.0em;
}

/* 研究センター概要ページ */
table.center {
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
	margin:10px 40px;
	color:#333333;
}
table.center td{
	border:#CCCCCC solid 1px;
	padding:2px 6px;
}
table.center dl{
	padding:0;
	margin:0;
}
table.center dt{
	float:left;
	padding-left:20px;
}
table.center dd{
	margin-left:12em;
}

/* メンバー紹介ページ */
table.member_index{
	border-collapse:collapse;
	border:none;
}
table.member_index td{
	padding:10px 10px;
}
table.member_index a{
	margin:0;
	padding:0 40px;
	color:#990000;
	font-size:16px;
	line-height:24px;
	background:url(../img/name_mark.gif) no-repeat left center;
}
p.member_index{
	margin-left:30px;
	padding:0 40px;
	color:#990000;
	font-size:16px;
	line-heoght:16px;
	background:url(../img/name_mark.gif) no-repeat left center;
}

/* 各人プロフィールページ */
.profile{
	background-repeat:no-repeat;
	padding:50px 0 0 270px;
	width:308px;
	height:400px;
	display:block;
	border:#EEEEEE solid 1px;
}
.profile p{
	line-height:120%;
	color:#666644;
	font-size: 12px;
}
.profile .catch {
	padding:0;
	margin:0 10px 20px;
	font-size: 15px;
	font-weight:bold;
	line-height: 1.2em;
	color:#999999;
}

/* ニュースページ */
dl.news {
	font-size:1.0em;
	margin-left:20px;
}
dl.news dt{
	position:relative;
	color:#000000;
	line-height:19px;
	padding:0 10px;
	font-size:0.8em;
	background-color:#EEEEEE;
}
dl.news dt span{
	position:absolute;
	left:160px;
	color:#990000;
}
dl.news dd {
	color:#666666;
	margin:4px 0 4px 40px;
	padding:0 10px; 
	border-left:#CCCCCC dotted 1px;
	font-size:0.8em;
}

/* 問い合わせページ */
.mail a{
	color:#990000;
	font-size:2.0em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:40px;
}