@charset "utf-8";

body {
	background-color:#878787;
	font-size:medium;
	line-height:1.4;
	margin:0px;
	padding:0px;
	text-align:center;
font-family:verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
}
html {  
     overflow-y:scroll;  
}  

#wrapper {
	width:1000px;
	padding:0px;
	text-align:left;
	margin:0 auto;
	float:left;

}

#header,#header_e, #content, #menu, #menu_e, #footer{
	float:right;
	background-color:white;
	width:80%;
}

#navigation{
	float:left;
	width:20%;
}
#navigation{
	width:200px;
	float:left;
	text-align:left;
	font-size:80%;
	padding-top:49px;
	display:inline;
	line-height : 15px;

}

#navigation p.line{
	width:80%;
	float:right;
	padding:0px;
	margin:0px;
	border-top:5px solid #696969;
}

#navigation ul{
/*	background-color:white;*/
	margin-left:10px;

}
#navigation li{
	padding-top:7px;
	padding-bottom:7px;
}
#navigation li.top{
/*	padding-top:15px;*/
	border-left:10px solid #3366CC;
	border-bottom: solid 1px blue;

}

#navigation ul li.sub{
	margin-left:20px;
	padding-left:13px;
	text-decoration:underline;
	border-left:10px solid #882222;
	border-bottom: solid 1px #882222;

}

#navigation ul li.subsub{
	margin-left:30px;
	padding-left:13px;
	text-decoration:underline;
	border-left:10px solid black;
	border-bottom: solid 1px black;


}

#navigation ul li{
	padding-left:10px;
	background-color:white;
}

#navigation ul li.subsub{
	padding-left:30px;
}

#navigation ul li a,#navigation ul li a:link, #navigation ul li a:visited{
	text-decoration : underline;
	color:black;
	position:relative;
}
#navigation ul li.top a{
	color:darkblue;
	font-weight: bold;
}

#navigation ul li.sub a{
	color:#882222;;
}

#navigation a:hover{
	top:2px;
}

#header p,
#header_e p {
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;

}

#header {
	color:white;
	float:right;
	width:800px;
	height:49px;
	background-image:url("head.jpg")
}

#header_e {
	color:white;
	float:right;
	width:800px;
	height:49px;
	background-image:url("head-e.jpg")
}

#header p.local
#header_e p.local{
	color:white;
	margin-left:20px;
}

#header p.local a:link,
#header p.local a:visited,
#header_e p.local a:link,
#header_e p.local a:visited
{
	color:white;
}

#content {
}

#content #topics{
	padding-left:50px;
	padding-right:50px;
}

#content p.center {
	text-align:center;
}

#content p.intro {
	font-size:90%;
	text-align:left;
	margin-left:100px;
	margin-right:100px;
	line-height:170%;
}

/*
#content h1{
	color:darkblue;
	text-align:center;
	font-size:25px;
	background-color:white;
	margin-left:0px;
	margin-right:0px;
	line-height:170%;
	font-weight: bold;
}

#content h2{
	color : darkblue;
	padding-left:30px;
	padding-bottom : 6px;
	font-size:25px;
	padding-top:6px;
	margin-left:20px;
	margin-right:20px;
	margin-top:6px;
	margin-botton:6px;
	background-color : #eeffff;
	border-left:15px solid darkblue;
	font-weight : bold;
	letter-spacing: 0.1em;
}
*/

/*------------------------ RIBA—p* ------------------------------------------*/
#content p.flash{
	text-align:center;
}

#content h1.subt{
	color : #00AAAD;
	font-size:22px;
	margin-left:50px;
	margin-right:50px;
	margin-top:10px;
}

#content p.concept_title {
	color : black;
	font-size:25px;
	margin-left:50px;
	margin-right:50px;
	font-weight:bold;
}
#content p.concept_title img{
	padding-left:50px;
}

#concept p.subt h2{
	color : #00AAAD;
}

#content p.concept_area img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;

	border-left:solid 3px #BEC0C2;
	border-bottom:solid 3px #BEC0C2;
}

#content p.concept_area{
	color:black;
	font-size:16px;
	margin-left:50px;
	margin-right:50px;

	padding-top:10px;
	border-top:solid 1px #00AAAD;
	border-bottom:solid 1px #00AAAD;
}

#content p.central {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:16px;
	font-weight : bold;
}

#content p.line{
	border-bottom:solid 1px #00AAAD;
}

#content div.concept_pic{
	clear:both;
	margin-left:60px;
	margin-right:40px;
	text-align:left;
}

#content div.concept_pic{
	margin-bottom:20px;
	border-bottom:solid 1px #00AAAD;

}

#content div.concept_pic ul{
	clear:both;
	height:200px;
}

#content div.concept_pic ul li {
	float:left;
	text-align:center;
	margin-right:5px;
	margin-left:0px;
	margin-bottom:20px;
/*	border : solid 7px #BEC0C2;*/
	font-size:14px;
	font-weight:bold;
}
#content div.concept_pic ul li img{
	border : solid 7px #BEC0C2;
}

#content div.operation p.op_title{
	color:#00AAAD;;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

#content div.operation{
	margin-left:25px;
	margin-right:20px;
	margin-top:10px;
}

#content div.operation div.cont{
	float:left;
	width:500px;
	margin-top:5px;
}
#content div.operation div.cont p.motion_img{
	width:500;
	float:left;
	margin-left:5px;
}

#content div.operation div.cont p.motion_detail{
	width:400px;
	float:left;
	font-size:14px;
	margin-left:5px;
}


#content div.operation div.cont p.demo_button{
	width:100px;
	float:right;
	text-align:right;
}


#content div.operation div.op_motion{
	float:right;
	width:230px;
	text-align:center;
}

#content td{
	border-bottom:3px solid #BCBDC0;
	border-left:3px solid #BCBDC0;
}

#content p.subt{
	margin-left:0px;
	color:#00AAAD;
	font-weight:bold;
}

#contnet p.subt span.subt_mt{

	font-size:220px;
	float:left;
	font-weight:bold;
}

#content p.subt span.subt_t{
	margin-left:17px;
	color:black;
	font-size:15px;
}

#content p.subt span.subt_robot{
	color:black;
	font-size:12px;
	margin-left:100px;
}

#content p.subt img{

}

/* for english page*/
#content p.subt_e{
	margin-left:0px;
	color:#00AAAD;
	font-weight:bold;
}

#contnet p.subt_e span.subt_mt{

	font-size:22px;
	float:left;
	font-weight:bold;
}

#contnet p.subt_e span.subt_mt_e{

	font-size:18px;
	float:left;
	font-weight:bold;
}

#content p.subt_e span.subt_t{
	margin-left:15px;
	color:black;
	font-size:16px;
}

#content p.subt_e span.subt_robot{
	color:black;
	font-size:10px;
	margin-left:10px;
}

#content p.subt_e img{

}

#content div.sub_title_e{
	width:760px;
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	border-bottom: solid 1px #00AAAD;
}

#content div.concept_pic_e{
	clear:both;
	margin-left:60px;
	margin-right:40px;
	text-align:left;
}

#content div.concept_pic_e{
	margin-bottom:20px;
	border-bottom:solid 1px #00AAAD;

}

#content div.concept_pic_e ul{
	clear:both;
	height:200px;
}

#content div.concept_pic_e ul li {
	float:left;
	text-align:center;
	margin-right:5px;
	margin-left:0px;
	margin-bottom:20px;
/*	border : solid 7px #BEC0C2;*/
	font-size:12px;
	font-weight:bold;
}
#content div.concept_pic_e ul li img{
	border : solid 7px #BEC0C2;
}

#content p.concept_title_e {
	color : black;
	font-size:16px;
	margin-left:50px;
	margin-right:50px;
	font-weight:bold;
}

/* end of for english page*/
#content div.sub_title{
	width:700px;
	margin-left:50px;
	margin-right:50px;
	border-bottom: solid 1px #00AAAD;
}

/* ----- technology -----------*/
#content div.operation div.cont_tech{
	font-size:14px;
	width:700px;
}

#content div.operation div.cont_tech img{
	float:left;
	margin-right:10px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:10px;
}

#content span.tech{
	color:black;
	font-size:16px;
}

#content div.operation div.cont_tech {
	margin-left:10px;
	margin-bottm:10px;
}

/* ----- brife -----------*/

#content div.brief{
	width:700px;
	margin-left:50px;
	margin-right:50px;
}
#content div.brief img{
	padding-left:20px;
	padding-right:20px;
	float:left;
}

#content div.brief td{
	text-align:right;
	font-size:14px;
	border:none;
	padding-left:5px;
	width:100px;
	font-weight:bold;
}


#content div.brief td.elment{
	text-align:left;
	width:200px;
	font-size:14px;
	font-weight:normal;
}

#content div.brief td.elment{
	background-image:url(./img/mark02.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:14px;
}

#content div.brief table{
	margin-top:30px;
}

/* Member -------------------*/

#content div.mem td{
	text-align:right;
	font-size:14px;
	border:none;
	padding-left:5px;
	width:200px;
	font-weight:bold;
}


#content div.mem td.elment{
	text-align:left;
	width:400px;
	font-size:14px;
	font-weight:normal;
	padding-left:14px;
}

#content div.mem td.elment{
	background-image:url(./img/mark02.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#content div.mem table{
	margin-top:0px;
}

#content div.mem table{

	margin-left:100px;
	margin-right:100px;
}

#content div.mem p.line,
#content div.contact p.line{
	margin-left:100px;
	margin-right:100px;
	margin-top:0px;
	color : #00AAAD;
	font-weight:bold;
}

#content div.mem{
	margin-top:10px;
}

#content div.mem img{
	margin-left:50px;
}

/*  Contact */

#content div.contact p.address{
	margin-left:120px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	text-align:left;
}
/*------------------------ RIBA—p* ----------------------------------------- */

#content h2.topic_e{
	letter-spacing: 0.03em;
}

#content img.top{
	width:60%;
	height:60%;
	margin: 0 auto;
}

#content #topics p.person,
#content #topics p.t_title{
	color : #992222;
	background-color : #F3F3F3;
	border-left:15px solid #992222;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 10px;
	font-size : 15px;
	font-weight : bold;
	margin-top:10px;
}

#content #topics ul{
}

#content #topics li{
	font-size:14px;
	color:#992222;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
}

#content #topics li.member{
	font-size:14px;
	color:black;
	font-weight:normal;
}


#content #topics p.detail{
	width:650px;
	padding-top:0px;
	font-size:14px;
	color:black;
	padding-left : 20px;
	line-height:150%;
	padding-bottom:10px;
}

#content .a:hover{
	top:2px;
}

#footer p {
	margin-bottom:0px;
}

#menu ul,#menu li{
	font-size:80%;
	margin:0;
	padding:0;
	list-style:none;
}

#menu li{
	float:left;
	background-color:darkgray;
	border:1px outset dimgray;
	margin-right:1px;
}

#menu a,#menu a:link, #menu a:visited{
	text-decoration: none;
	color:#FFFFFF;
	width:152px;
	height:auto;
	text-align:center;
	padding:2px 0;
	display:block;
	position:relative;
}

#menu a:hover{
	top:1px;
}

#menu_e ul,#menu_e li{
	font-size:90%;
	margin:0;
	padding:0;
	list-style:none;
	line-height:90%;
}

#menu_e li{
	float:left;
	background-color:darkgray;
	border:1px outset dimgray;
	margin-right:1px;
}

#menu_e a,#menu_e a:link, #menu_e a:visited{
	text-decoration: none;
	color:#FFFFFF;
	width:152px;
	height:18px;
	text-align:center;
	padding:2px 0;
	display:block;
	position:relative;
}

#menu_e a:hover{
	top:1px;
}

#footer{
	background-color:#F3F3F3;

	float:right;
}
#footer p{
	color:black;
	font-size:12px;
	text-align:right;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
}

.clear { clear:both; }
.clear hr { display:none; }