@charset "shift_jis";


#contents {
		width: 690px;
		padding:0 0 60px 0px;
		text-align:left;		
}
#contents img {
		border:0;
		display:block;
}
.cl {
		width:1px;
		padding:0;
		margin:0;
		font-size:0;
		height:0;
		clear:both;
}
p.ri {
		text-align:right;
		margin:0;
		padding:0;
}

#topics p.sp0{margin-top:0px;}

/*Topics Height Adjustment[130px + n]*/
#topics.indexTopicsHeight{padding-bottom:20px;}
#topics.dataTopicsHeight{padding-bottom:1706px;}
#topics.sekkeiTopicsHeight{padding-bottom:1955px;}
#topics.hardTopicsHeight{padding-bottom:997px;}
#topics.seminarTopicsHeight{padding-bottom:20px;}

/* Page Title */
/* -------------------------------------------------------- */

#topicsTitle {
		width: 970px;
		height: 45px;
		background: url(../shared/img/bg_topics.gif) repeat-x;
}

/*new topics*/

#topics div#naviTab ul{
	margin:0;
	padding:0;
}

#topics div#naviTab ul li{
	display:block;
	font-size:12px;
	margin:0 0 0 0;
	padding:5px 18px 5px 15px;
	list-style:none;
	background:#d6d6d6;
	border-collapse:separate;
	border-top:1px solid #6d98ff;
	border-left:1px solid #6d98ff;
	float:left;
	
}

#topics div#naviTab ul li a{
	padding-left:10px;
	background:url(../shared/img/parts/link_icon_black.gif) left 3px no-repeat;
}

#topics div#naviTab ul li.lastNavi{
	border-right:1px solid #6d98ff;
}

#topics div#naviTab ul li.current{
	font-weight:bold;
	color:#FFFFFF;
	background:#6d98ff;
	border-bottom:1px solid #6d98ff;
}

#topics div#naviTab ul li a{
	color:#333333;
	text-decoration:none;
}

#topics div#naviTab ul li a:hover{
	text-decoration:underline;
}

#topics div#contentsArea{
	width:708px;
	margin-top:-1px;
	padding:0px 10px;
	border:1px solid #6d98ff;
	z-index:1;
}

#topics div#contentsArea p{
	margin-top:1em;
}


#topics div#contentsArea h3 {
	font-size:90%;
	color:#000000;
	margin:1.5em 0 0 0;
	padding:6px 10px;
	background:#ebecef;
	border-bottom:solid 2px #6e97ff;
}


div.imageArea{
	width:222px;
	margin-right:20px;
	float:left;
}

div.textArea{
	width:466px;
	float:left;
}

div.textArea ul{
	margin:0;
	padding:0;
}

div.textArea li{
	font-size:80%;
	list-style:none;
	padding-left:10px;
	margin-right:30px;
	background:url(../shared/img/parts/link_icon_black.gif) left 5px no-repeat;
	float:left;
}

/* topics top */
/* -------------------------------------------------------- */
#topics p {
		font-size:80%;
		line-height:140%;
		margin:20px 0 20px 0;
}

#topics .box {
		width:728px;
		margin:15px 0 0 0;
		padding:0 0 15px 0;
		border:solid 1px #dfdfdf;
}
#topics .box h2 {
		font-size:90%;
		color:#000000;
		margin:2px 2px 0 2px;
		padding:5px 10px;
		background:#ebecef;
		border-bottom:solid 2px #6e97ff;
}
#topics .box h3 {
		font-size:80%;
		margin:5px 2px 0 2px;
		width:650px;
}


#topics .box table {
		width:700px;
		margin:15px 0 0 14px;
}
#topics .box td.cell1 {
		width:460px;
		vertical-align:top;
}
#topics .box td.cell2 {
		width:222px;
		vertical-align:top;
}
#topics .box td.cell1 p {
		margin:0;
}
#topics .box td.cell1 p.topi1 {
		font-size:90%;
		font-weight:bold;
		color:#6e97ff;
		margin:0;
		padding-top:10px;
}
#topics .box td.cell1 ul {
		list-style-type:none;
		font-size:80%;
		line-height:140%;
		margin:20px 0 0 0;
		padding:0;
}
#topics .box td.cell1 li {
		margin:4px 0 0 0;
		padding:0 0 0 15px;
		background:url(img/icon_01.gif) no-repeat top left;
}
#topics .box td.cell1 p.xvl {
		margin:20px 0 0 0;
		padding:0 0 0 15px;
		background:url(img/icon_02.gif) no-repeat top left;
}
#topics .box .table_cosmos{
		border:#d9d9d9 1px solid;
		background:#f8f8f8;
		width:695px;
		margin:0 0 0 14px;
}
#topics .box .table_cosmos td.cent_boder{
		border-right:1px dotted #a0a0a0;
}

#topics ul.no{
	list-style: decimal;
	color:#6e97ff;
	list-style-position:inside;
	margin:0px 2px;
	padding:0;
}
	
#topics ul.furoku{
	list-style:none;
	margin:0px 2px;
	padding:0;
}
#topics .no li,
#topics .furoku li{
	font-size:80%;
	margin-bottom:2px;
}

#topics ul.furoku span{
	padding-right:5px;
	padding-left:5px;
	color:#6e97ff;
}
#topics .box table.cos2 {
	margin-top:7px;
	padding:0;
}

#topics p.cos_text{
	margin:0;
	padding:0;
}
#topics table.cos2 ul{
	margin:14px 0 0 0;
	padding:0;
}
#topics table.cos2 li{
	margin:0 14px 0 0;
	padding:0;
	list-style:none;
	float:left;
}

/* Cosmos Simuration */

#topics #cosmos img{border:none;}

#topics #cosmos h3{
	width:auto;
	color:#6e97ff;
}

#topics #cosmos h3.title{
	font-size:90%;
	margin-top:2em;
}

#topics #cosmos div#glafArea{
	border:1px solid #a4b4de;
	padding:10px;
	margin-top:10px;
}
#topics #cosmos div#glafArea p{
	margin:0 0 10px 0;
}

#topics #cosmos .sp10{
	margin-top:10px;
}

#topics #cosmos table.table-cosmos{
		border-top:#a4b4de 1px solid;
		border-left:#a4b4de 1px solid;
		border-right:#a4b4de 1px solid;
		width:100%;
		font-size:80%;
		margin:5px 0 0 0px;
}
#topics #cosmos table.table-cosmos th{
		border-bottom:#a4b4de 1px solid;
		border-right:#a4b4de 1px solid;
		background:#e4ecff;
		font-weight:normal;
		padding:5px 12px;
		margin:0px 0 0 0px;
		text-align:left;
}
#topics #cosmos table.table-cosmos td{
		border-bottom:#a4b4de 1px solid;
		margin:0px 0 0 0px;
		text-align:right;
		padding:5px 10px;
}


/* work station */
#topics .box .table_work-img{
		margin:2px 0px 12px 0;
		padding:0;
		width:690px;
}


#topics .box .table_work{
		border-top:#a4b4de 1px solid;
		border-left:#a4b4de 1px solid;
		border-right:#a4b4de 1px solid;
		width:460px;
		font-size:80%;
		margin:5px 0 0 0px;
}
#topics .box .table_work th{
		border-bottom:#a4b4de 1px solid;
		border-right:#a4b4de 1px solid;
		background:#e4ecff;
		font-weight:normal;
		padding:5px 12px;
		margin:0px 0 0 0px;
		text-align:left;
}
#topics .box .table_work td{
		border-bottom:#a4b4de 1px solid;
		margin:0px 0 0 0px;
		text-align:right;
		padding:5px 10px;
}

#topics .box .table_work-img ul.works{
	margin:5px 0 0 0;
	
}
#topics .box .cent-img{
	text-align:center;
	vertical-align:middle;
	margin-top:0;
}
#topics .box td.cell1 p.topi2 {
		font-size:80%;
		font-weight:bold;
		color:#6e97ff;
		margin:0;
}

/* topics */
/* -------------------------------------------------------- */
#topics1 {
		width:690px;
		margin:0 0 30px 50px;
		text-align:left;
}
#topics1 h2 {
		width:690px;
		text-align:left;
		font-size:100%;
		color:#6D98FF;
		border-bottom:dotted 1px #999999;
		padding:0 0 5px 0;
}
#topics1 p {
		text-align:left;
		font-size:80%;
		line-height:140%;
		color:#333333;
}
#topics1 p.ri {
		width:690px;
		text-align:right;
		font-size:80%;
		color:#333333;
}
#topics1 ol {
		color:#333333;
}
#topics1a {
		width:690px;
		margin:0 0 30px 50px;
		text-align:left;
}
#topics1a p {
		text-align:left;
		font-size:80%;
		line-height:140%;
		color:#333333;
}

#topics3 {
		width:600px;
		margin:0 auto;
		padding:20px 0 0 0;
}
#topics3 td {
		width:300px;
		text-align:top;
		vertical-align:top;
}
#imagebox1 {
		width:690px;
}
#imagebox1 .cell1 {
		width:400px;
		font-size:70%;
		color:#333333;
		text-align:center;
		vertical-align:top;
}
#imagebox1 .cell2 {
		width:290px;
		text-align:left;
		vertical-align:top;
}
#imagebox1 .cell2 p {
		width:290px;
		font-size:80%;
		line-height:140%;
}
#topics2 {
		width:290px;
}
#topics2 .cell1 {
		width:30px;
		font-size:80%;
		line-height:140%;
		vertical-align:top;
		padding:5px 0 0 0;
}
#topics2 .cell2 {
		width:260px;
		font-size:80%;
		line-height:140%;
		vertical-align:top;
		padding:5px 0 0 0;
}

#imagebox2 {
		width:690px;
}
#imagebox2 .cell1 {
		width:200px;
}
#imagebox2 .cell2 {
		width:490px;
		font-size:70%;
		color:#333333;
		text-align:center;
}
#imagebox3 {
		width:470px;
}
#imagebox3 p {
		font-size:70%;
		text-align:center;
}
#imagebox4 {
		width:700px;
		margin:0 0 30px 40px;
}
#imagebox4 p {
		font-size:70%;
		text-align:center;
}

#vol2box {
		width:689px;
}
#vol2box img {
		display:block;
}
#vol2box .cell1 {
		width:233px;
		text-align:left;
		vertical-align:top;
}
#vol2box .cell2 {
		width:223px;
		text-align:left;
		vertical-align:top;
}
#vol2box .ti {
		width:223px;
		height:3em;
		font-weight:bold;
		padding:8px 0 0 0;
		margin:0;
		border-bottom:dotted 1px #999999;
}
#vol2box ol {
		font-size:70%;
		margin:8px 0 0 0;
		padding:0 0 0 25px;
}
#vol2box div.box1 {
		width:223px;
		height:100px;
		margin:0;
		padding:0;
		overflow:auto;
}
#vol2box div.box2 {
		width:223px;
		height:260px;
		margin:15px 0 0 0;
		padding:3px 0;
		background:#eeeeee;
		overflow:auto;
}
#vol2box .ti1 {
		width:217px;
		font-size:100%;
		font-weight:bold;
		color:#3399ff;
		padding:0 3px 4px 3px;
		margin:0;
}
#vol2box .ti2 {
		width:217px;
		font-weight:bold;
		padding:0 3px 0 3px;
		margin:0;
}
#vol2box .ti3 {
		width:217px;
		font-size:70%;
		line-height:130%;
		padding:0 3px 8px 3px;
		margin:0;
}
#vol2box2 {
		margin:30px 0 0 0;
}
#vol2box2 img {
		display:block;
}
#vol2box2 p {
		width:690px;
		font-size:70%;
		text-align:center;
		padding:15px 0 30px 0;
		margin:0;
}


#vol3box1 {
		width:690px;
		margin:30px 0 0 0;
}
#vol3box1 div.box {
		width:320px;
		margin:0 0 5px 0;
		float:left;
}
#vol3box1 div.box p {
		font-size:70%;
		margin:0;
		padding:0;
		text-align:center;
}
#vol3box2 {
		width:690px;
		margin:0 0 0 0;
}
#vol3box2 div.box {
		width:320px;
		margin:20px 0 5px 0;
		float:right;
}
#vol3box2 div.box p {
		font-size:70%;
		margin:0;
		padding:0;
		text-align:center;
}

#xvlnavi {
		width:690px;
		padding:60px 0 0 0;
}
#xvlnavi p {
		text-align:center;
}
#xvlnavi .xvl {
		padding:7px 0 0 18px;
		background:url(../shared/img/icon1.gif) no-repeat top left;
		text-decoration:none;
}
#xvlnavi p img {
		text-align:center;
		margin:0 auto;
		border:0;
}
a.xvl:link,
a.xvl:visited {
		color: #333;
}
a.xvl:hover {
		color: #666;
}
#xvlnavi2 {
		font-size:80%;
		background:#dddddd;
}
#xvlnavi2 td {
		padding:2px 0;
		vertical-align:middle;
}
#xvlnavi2 a {
		text-decoration:none;
}

#xvlnavi3 {
		width:690px;
		margin:0 0 0 20px;
		padding:60px 0 0 0;
}
#xvlnavi3 p {
		text-align:center;
}
#xvlnavi3 .xvl {
		padding:7px 0 0 18px;
		background:url(../shared/img/icon1.gif) no-repeat top left;
		text-decoration:none;
}
#xvlnavi3 p img {
		text-align:center;
		margin:0 auto;
		border:0;
}

/* topics Navi */
/* -------------------------------------------------------- */
.topicsNavi p{
		font-size:80%;
		color:#ffffff;
		background-color:#3B3B3B;
		padding:10px 0 3px 15px;
		margin:0;
}
.topicsNavi ul {
		list-style-type: none;
		color: #ccc;
		margin: 3px 3px 10px 3px;
		padding: 0;
}

.topicsNavi ul li {
		font-size: 80%;
		line-height:120%;
		margin: 0;
		padding: 0 0 8px 18px;
		background:url(../shared/img/bullet_03.gif) no-repeat top left;
}

.topicsNavi ul a {
		color: #fff;
		background-color:#3B3B3B;
}
.topicsNavi ul a:link,
.topicsNavi ul a:visited {
		color: #fff;
		background-color:#3B3B3B;
}
.topicsNavi ul a:hover {
		color: #66CCFF;
		background-color:#3B3B3B;
}
.topicsNavi ul a:active {
		color: #eeeeff;
		background-color:#3B3B3B;
}


#dlbox {
	width:100%;
	margin:0 0 20px 0;
}
#dlbox td {
	text-align:right;
}
#dlbox td.cell1 {
	width:100px;
}
#dlbox p {
	text-align:right;
	margin:0;
	padding:0;
}
#dlbox img {
	text-align:right;
	margin:0 0 0 auto;
}



#topics1 table.rsupbox1 {
	width:690px;
}
#topics1 table.rsupbox1 td {
	vertical-align:top;
}
#topics1 table.rsupbox1 td.cell1a {
	width:420px;
}
#topics1 table.rsupbox1 td.cell1a p {
	font-size:12px;
	margin:0;
	padding:5px 10px 0 0;
}
#topics1 table.rsupbox1 td.cell1a p.ti1 {
	font-weight:bold;
	margin:0;
	padding:0 0 2px 15px;
	background:url(img/bg_01.gif) no-repeat top left;
}
#topics1 table.rsupbox1 td.cell1a p.ti2 {
	font-weight:bold;
	margin:0;
	padding:0 0 0 15px;
	background:url(img/bg_02.gif) no-repeat top left;
}
#topics1 table.rsupbox1 td.cell1b {
	width:270px;
}
#topics1 table.rsupbox1 td.cell1b img {
	display:block;
}

/* moviebox */
/* -------------------------------------------------------- */
#moviebox {
	text-align:center;
}
#moviebox p.cen {
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}
#moviebox p.ri {
	font-size:70%;
	text-align:right;
	margin:0;
	padding:20px 0 0 0;
}
#moviebox a {
		text-decoration:none;
		font-size:70%;
		padding:2px 6px 1px 6px;
}
#moviebox a:link {
		color:#ffffff;
		background-color:#333333;
		border:solid 1px #000000;
}
#moviebox a:visited {
		color:#ffffff;
		background-color:#333333;
		border:solid 1px #000000;
}
#moviebox a:hover {
		color:#ff9900;
		background-color:#333333;
		border:solid 1px #000000;
}

/* image */
/* -------------------------------------------------------- */
img.imgcen1 {
	margin:0 45px;
}



/* topics3 */
/* -------------------------------------------------------- */
#topics3 {
		width:730px;
		text-align:left;
		margin:0 auto;
		padding:0 0 80px 0;
}
#topics3 p {
		font-size:80%;
		line-height:140%;
		color:#333333;
		margin:0;
		padding:12px 0 0 0;
}
#topics3 p.bttype1 {
		text-align:left;
		margin:4px 0 0 0;
		padding:0;
}
#topics3 p.bttype1 a {
		padding:0 0 0 12px;
		background:url(../img/icon.gif) no-repeat top left;
}


#topics3 .box1 {
		width:690px;
		margin:0 20px;
}
#topics3 .box1 h2 {
		font-size:90%;
		line-height:120%;
		color:#6D98FF;
		margin:0;
		padding:5px 0 0 0;
}
#topics3 .box1 h3 {
		font-size:90%;
		font-weight:normal;
		line-height:120%;
		color:#ffffff;
		background:#6D98FF;
		margin:30px 0 0 0;
		padding:3px 10px;
}

#topics3 .box2 {
		width:690px;
		margin:50px 0 0 0;
		padding:0 0 15px 0;
		background:#EAEAE8;
}
#topics3 .box2 h3 {
		font-size:90%;
		font-weight:bold;
		line-height:140%;
		color:#333333;
		background:#EAEAE8;
		margin:0 16px;
		padding:15px 0 0 0;
}
#topics3 .box2 h4 {
		font-size:80%;
		line-height:140%;
		color:#333333;
		margin:20px 16px 0 16px;
		padding:0 0 0 12px;
		background:url(../img/icon_03.gif) no-repeat top left;
}
#topics3 .box2 p {
		font-size:80%;
		line-height:140%;
		margin:0 16px;
		padding:12px 0 0 0;
}
#topics3 .box2 p.box2a {
		margin:0 28px;
		padding:2px 0 0 0;
}

#topics3 .box3 {
		width:690px;
		margin:0 20px;
}
#topics3 .box3 h2 {
		font-size:90%;
		line-height:120%;
		color:#6D98FF;
		margin:0;
		border-bottom:dotted 1px #999999;
		padding:5px 0 5px 0;
}
#topics3 .box3 h3 {
		font-size:90%;
		line-height:140%;
		color:#333333;
		margin:0;
		padding:20px 0 0 0;
}
#topics3 .box3 h4 {
		font-size:90%;
		line-height:140%;
		color:#6D98FF;
		margin:0;
		padding:30px 0 0 0;
}
#topics3 .box3 h5 {
		font-size:80%;
		line-height:140%;
		color:#333333;
		margin:0;
		padding:12px 0 0 0;
}
#topics3 .box3 p {
		margin:0;
		padding:2px 0 0 0;
}
#topics3 .box3 p.box3a {
		margin:0;
		padding:12px 0 0 0;
}
#topics3 .box3 p.box3b {
		font-size:70%;
		text-align:center;
		margin:0;
		padding:30px 0 0 0;
}
#topics3 .box3 p.box3b span {
		color:#cc0000;
}
#topics3 .box3 p.box3c {
		margin:0;
		padding:20px 0 0 0;
}

#topics3 .box4 {
		width:690px;
}
#topics3 .box4 h3 {
		font-size:90%;
		font-weight:normal;
		line-height:120%;
		color:#ffffff;
		background:#6D98FF;
		margin:50px 0 0 0;
		padding:3px 10px;
}
#topics3 .box4 h4 {
		font-size:80%;
		line-height:140%;
		color:#6D98FF;
		margin:0 10px 0 18px;
		padding:20px 0 0 0;
}
#topics3 .box4 p {
		margin:0 10px 0 40px;
		padding:4px 0 0 0;
}
#topics3 .box4 p.box4a {
		margin:20px 0 0 0;
		padding:0;
}


#topics3 table.topi1 {
	width:690px;
}
#topics3 table.topi1 .cell1 {
	width:400px;
}
#topics3 table.topi1 .cell2 {
	width:290px;
}
#topics3 table.topi1 .cell2 p {
		text-align:right;
		margin:12px 0 0 0;
		padding:0 0 0 0;
}
#topics3 table.topi1 .cell2 p a {
		padding:0 0 0 12px;
		background:url(img/icon.gif) no-repeat top left;
}

#topics3 table.topi2 {
	font-size:80%;
	line-height:140%;
	color:#333333;
	margin:0 28px;
}
#topics3 table.topi2 th {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
#topics3 table.topi2 td {
	width:400px;
	padding:0 0 0 15px;
}

#topics3 table.topi3 {
	width:624px;
	border:solid 1px #bbbbbb;
	margin:20px 0 0 40px;
}
#topics3 table.topi3 td {
	vertical-align:middle;
	padding:15px 0;
}
#topics3 table.topi3 td.cell1 {
	width:520px;
}
#topics3 table.topi3 td.cell1 p {
	margin:0 0 0 15px;
	padding:0;
}
#topics3 table.topi3 td.cell2 {
	width:104px;
}

#topics3 table.topi4 {
	width:690px;
	margin:20px 0 0 0;
}
#topics3 table.topi4 td {
	vertical-align:top;
}
#topics3 table.topi4 td.cell1 {
	width:330px;
}
#topics3 table.topi4 td.cell1 p {
	margin:0;
	padding:0;
}
#topics3 table.topi4 td.cell2 {
	width:360px;
}
#topics3 table.topi4 td.cell3 {
	width:465px;
}
#topics3 table.topi4 td.cell3 p {
	margin:0;
	padding:0 30px 0 0;
}
#topics3 table.topi4 td.cell4 {
	width:225px;
}
#topics3 table.topi4 td.cell5 {
	width:465px;
}
#topics3 table.topi4 td.cell5 p {
	margin:0;
	padding:0 0 0 30px;
}
#topics3 table.topi4 td.cell6 {
	width:345px;
}
#topics3 table.topi4 td.cell6 h4 {
		font-size:80%;
		line-height:140%;
		color:#6D98FF;
		margin:0 20px 0 0;
		padding:0;
}
#topics3 table.topi4 td.cell6 p {
		margin:0;
		padding:20px 20px 0 0;
}
#topics3 table.topi4 td.cell6 p.ri {
		margin:0;
		padding:0;
}
#topics3 table.topi4 td.cell6 p.topi4a {
		margin:0;
		padding:4px 20px 0 0;
}
#topics3 table.topi4 td.cell6 p.topi4b {
		font-size:70%;
		margin:0;
		padding:6px 0 0 10px;
}
#topics3 table.topi4 td.cell6 p.topi4c {
		font-size:70%;
		margin:0;
		padding:0 0 0 10px;
}


#topics3 img {
	display:block;
	border:0;
}
#topics3 img.type1 {
	display:inline;
	margin:0 0 0 20px;
}
#topics3 img.type2 {
	display:inline;
	margin:0 0 0 10px;
}
#topics3 img.type3 {
	text-align:center;
	margin:5px auto 0 auto;
}
#topics3 img.type4 {
	margin:30px 0 0 0;
}


/* chart */
/* -------------------------------------------------------- */
div.chartbox1 {
		width:620px;
}
div.chartbox2 {
		width:888px;
}
#chart {
		text-align:center;
		background-color:#ffffff;
		color:#333333;
		padding:20px 0 20px 0;
}
#chart img {
		display:block;
		margin:0 auto;
}
#chartcopy{
		font-size:70%;
		text-align:right;
		padding:5px 10px 0 0;
}
#chart p {
		font-size:70%;
		text-align:center;
		margin:10px 0 0 0;
}
#chart a {
		text-decoration:none;
		padding:2px 6px 1px 6px;
}
#chart a:link {
		color:#ffffff;
		background-color:#333333;
		border:solid 1px #000000;
}
#chart a:visited {
		color:#ffffff;
		background-color:#333333;
		border:solid 1px #000000;
}
#chart a:hover {
		color:#ff9900;
		background-color:#333333;
		border:solid 1px #000000;
}

/*data management*/

#topics #data_management p strong{color:#6e97ff;font-size:120%;margin-bottom:0;}

#dm_left{float:left;width:200px;}

#dm_right{float:right;margin:30px 15px 0 0}

#dm_left p,#dm_right p{margin:0 0 5px 0;}