@charset "shift_jis";


body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #000000;	/*全体の文字色*/
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(images/bg.gif);	/*斜線の壁紙設定*/
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}




/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #333333;
}

a:hover {
	color: #009fc6;	/*カーソルオーバー時の文字色*/
}



/*コンテナー（HPを囲むボックス)
---------------------------------------------------------------------------*/
#container {
	width :1080px;
	border: 1px soid #ff9900;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
 }



/*ヘッダー（サイト名ロゴが入っているボックス）
---------------------------------------------------------------------------*/
#header {
		width:100%;
		margin-bottom:50px;
		text-align:center;
}

#header h1{
	font-size: 60px;	/*h1タグの文字サイズ*/
	font-weight: normal;		/*文字色*/
}

#header h2 {
	font-size: 28px;	/*h2タグの文字サイズ*/
	font-weight: normal;		/*文字色*/

}

#header img{
float: left;
position: relative;
left: 29em;
}

.c1 p{
	font-weight: bold;
	border-bottom: 4px solid #000000; 
	display: inline-block;
	text-align: center;
	font-size: 28px;
	width: 80%;
	}
	
.c3{
	font-size:22px;
	line-height:1.5;
	}
/*メインコンテンツ（左ブロック）
---------------------------------------------------------------------------*/

#left{
	float:left;
	width:780px;
	height:580px
}

#img1{
	position:relative;
	top:10px;
	left:20px;
	}

#right{
	float:right;
	width:300px;
	height:580px;
}


/*メインメニュー
---------------------------------------------------------------------------*/
ul.menu {
	padding-left: 2px;
}

ul.menu li {
	margin-bottom: 2px;
}


ul.menu li a {

	color: #FFFFFF;	/*文字色*/
	display:block;
	width: 210px;	/*メニュー１個あたりの幅*/
	height: 60px;
	background-color:#FF8040;
	
	
	vertical-align:bottom;
	text-decoration: none;
	text-align: center;
	font-size: 28px;	/*文字サイズ*/
}

ul.menu a:hover {
	color: #FF8040;	/*カーソルオーバー時の文字色*/
	background-color: #FFFFFF;	/*カーソルオーバー時の背景色（白）*/
}


h3 {
	font-size:24px;
	color: #FFFFFF;	/*h2タグ（SIDE MENUとか入っている所）の文字色*/
	background-color: #008000;	/*背景色*/
	text-align: center;	/*文字をセンタリング*/
	margin-bottom: 5px;	/*下に少し余白*/
	}

h4 {
	font-size:22px;
	text-align: left;
	margin-bottom: 5px;	/*下に少し余白*/
	}

p{
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
	}

#purpose {
	clear:both;
	margin-top:10px;
	margin-bottom:50px;
		}

#purpose .text{
	width:800px;
	float:left;
	}
	
#purpose img{
	position: relative;
	top: 5em;
	}

#mechanism {
	width:100%;
	clear:both;
	marginettom:50px;
}

#left2{
width:60%;
float:left;
text-align: right;
margin-bottom: 5em;
}

#right2{
width:30%;
float:left;
}

div.image-box {
	float: left;
	width: 330px;
}

.image-box img{
	text-align: center; /* 3.中央寄せ */
	margin: 5px;        /* 4.余白・間隔 */
	
}

p.caption {
	text-align: center; /* 3.中央寄せ */
	margin: 5px;        /* 4.余白・間隔 */
	font-size: 20px;  /* 5.文字サイズ */
}

p.explanation{
	margin-top: 5em;
}

#lips{
	height: 30em;
	clear: both;
}

#oral-cavity{
	clear:both;
	height: 30em;
}

#tongue{
	clear: both;
	height: 30em;
}

#lung{
	clear: both;
	height: 30em;
}


#fingers{
	clear: both;
	height: 60em;
}

#eyes{
	clear: both;
	height: 30em;
}


#waist{
	clear: both;
	height: 30em;
}
#control-system {
	width:100%;
	clear:both;
	margin-bottom:50px;
}

#performance-system{
	margin-bottom:50px;
}

#interaction-system {
	margin-bottom:50px;
}

#movie {
	margin-bottom:50px;
}

#acknowledgment {
	margin-bottom:30px;
}

#acknowledgment img{
	position: relative;
	top: 1.5em;
	right:3em;
}

#page-top{
	clear: both;
	margin: 3em;
}

/*フッター（コピーライトなどが入っている最下部のボックス）
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	margin: 5em;
}

#footer a {
	color: #000000;
}

#footer p{
	text-align: right;	/*センタリング*/
	color: #000000;		/*文字色*/
}

/*テーブル
---------------------------------------------------------------------------*/
table{
	border: none;
	border-collapse: collapse;
	margin: 2em auto;
	width: 20em;
	height: 12em;
	}

th, td{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: none;
	border-right: 2px solid #000000;
	empty-sells: show;
	font-size: 18px;
}

.c8{
	border-right: none;
	}
	
caption{
font-size: 20px;
}

thead{
	color: #000000;
	background: #ffffff;
	border-top: 6px double ;
}

/*左右のブロック内にある各ボックス（グレーの枠線が入った白い箱）
---------------------------------------------------------------------------*/
.box {
	background-color: #F8F8FF 	;	/*ボックスの背景色（白）*/
	border: 1px solid #c9c9c9;	/*ボックスの枠線*/
	margin-bottom: 1em;			/*ボックスの下に空間を空ける設定*/
	
}



/*細々
---------------------------------------------------------------------------*/
.color1 {
	color: #FF0000;
}

.look {
	background-color: #ebebeb;
}

.mb1em {
	margin-bottom: 1em;
}

.pagetop {
	text-align: right;
}

ul.disc {
	padding: 0.5em 20px 0em 30px;
	list-style: square;