@charset "UTF-8";


/* format
-----------------------------------*/

*{
font-size: 100%;
font-weight: normal;
font-family: Arial, Helvetica;

}

body{
font-size: 12px;
background-color: #6c74fd;
line-height: 1.5em;
letter-spacing: 0.1em;
text-align: center;
margin: 0px;
font-family: Arial, Helvetica;
}

h1,h2,h3,h4,h5,h6,em,strong,address{
font-size: 1em;
font-weight: normal;
font-family: Arial, Helvetica;
font-style:normal;
}

div#outwrapper{
margin:0 auto;
width: 95%;
background-color: #FFFFFF;
}

/* wrapper
-----------------------------------*/

div#wrapper{
margin:0 auto;
text-align:left;
width: 800px;
background-color: #FFFFFF;
}

/* header
-----------------------------------*/

div#header{
width:800px;
height:50px;

}

div#logo{
float:left;
width:458px;
height:50px;
margin:0;
}
div#lang{
float:right;
padding:5px 0px 0px 0px;
margin:0;
height:45px;
text-align:right;
font-size:small;
}

form {
    position: relative;
    margin: 0;
    padding: 0;
}

div#flashcontent{
float:left;
width:200px;
text-align:center;
background-color:#6c74fd;

}

/* header-menu
-----------------------------------*/
#header-menu-background{
	width:800px;
	background-color: #6c74fd;
}
#header-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:12px;
}

#header-menu li{
	float:left;
	margin:0;
	padding:0;

}
#header-menu a {
	background: #6c74fd url("../image/seperator.gif") bottom right no-repeat;
	color: #FFFFFF;
	display: block;
	margin: 0;
	padding: 0;
	text-align:center;
	text-decoration: none;
}
#header-menu a:hover {
	background: #E0E3FB;
	color: #FF0000;
}

#header-menu .no1 a{ width:61px; }
#header-menu .no2 a{ width:96px; }
#header-menu .no3 a{ width:86px; }
#header-menu .no4 a{ width:75px; }
#header-menu .no5 a{ width:79px; }
#header-menu .no6 a{ width:79px; }
#header-menu .no7 a{ width:75px; }
#header-menu .no8 a{ width:74px; }
#header-menu .no9 a{ width:75px; }
#header-menu .no10 a{ width:100px; background-image:none;}

/* header-image
-----------------------------------*/

#flashcontent{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;

width:180px;

}
div#header-image{
float: right;
padding-top: 4px;
height:156px;
background-color:#6c74fd;
vertical-align:bottom ;

}

/* main
-----------------------------------*/

div#main{
width:800px;

margin: 0;
padding: 0;
}

/* main-menu
-----------------------------------*/

div#main-menu{
float:left;
width:200px;
margin:5px 0px 0px 0px;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

#main-menu-inner, #main-menu-inner li, #main-menu-inner li a,#main-menu-inner .sub,#main-menu-inner .sub li,#main-menu-inner .sub li a,#aist-logo,#aist-logo li,#aist-logo li a{
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}
#main-menu-inner ul{
margin:0px;
padding:0px;
}
#main-menu-inner li{
margin:1px 0px 1px 0px;
padding: 0;
}
#main-menu-inner li a{
width: 178px;
  font-weight:bold;
  color: #333333;
  text-decoration: none;
  display: block;
  padding:5px 10px 5px 10px;
  border: 1px solid #cccccc;
}
#main-menu-inner li a:hover{
color:#0000FF;
font-weight:bold;
background:#E0E3FB url("../image/redbar.gif") bottom left no-repeat;
}


#main-menu-inner .sub ,#main-menu-inner .sub li{
width: 200px;
display: block;
background:#f6f7fe url("../image/p001.gif") 13px center no-repeat;
list-style-type: none;
list-style-position: outside;
}

#main-menu-inner .hide{
display: none;
margin: 0;
padding: 0;
}

#main-menu-inner .sub li a{
width: 173px;
font-weight:normal;
padding:0px 0px 0px 25px;
border:1px solid #f6f7fe;
list-style-type: none;
list-style-position: outside;
}

#main-menu-inner li .current{
width: 178px;
  font-weight:bold;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding:5px 10px 5px 10px;
  border: 1px solid #6c74fd;
  background:#6c74fd url("../image/redbar.gif") bottom left no-repeat;

}
.sub_current{
color:#FF0000;
padding:0px 0px 0px 25px;
}

#main-menu-inner .sub li a:hover{
color:#0000FF;
font-weight:normal;
padding:0px 0px 0px 22px;
background:#f6f7fe url("../image/p001.gif") 10px center no-repeat;
list-style-type: none;
list-style-position: outside;
}

#aistlogo{
float:left;
border:1px solid #cccccc;
width:178px;
padding:5px 10px 5px 10px;
margin:10px 0px 0px 0px;
}


/* main-contents
-----------------------------------*/

div#main-contents{
width:590px;
float:right;
}

div#main-contents h1{
font-size: 1.2em;
font-weight:bold;
color:#ffffff;
margin: 2px 2px 2px 0px;
padding: 0 0 0 5px;
border:1px solid #6c74fd;
background-color:#6c74fd;

}

div#main-contents h2{
font-size: 1.2em;
font-weight:bold;
margin: 2px 2px 2px 0px;
padding: 0 0 0 5px;
border:1px solid #f6f7fe;
background-color:#f6f7fe;

}

div.main-contents-inner{
margin:0 2px 0 0;
border:solid 1px #cccccc;
padding:7px;
font-size:small;
color:#666666;
list-style-type: decimal;
}

.main-contents-inner .caption{
	font-size:0.7em;
	color:#8C8C8C;
}

.main-contents-inner p{
	margin-top:10px;
	margin-bottom:10px;
}

.main-contents-inner h3{
	color:#333333;
	font-size: 1.2em;
	font-weight:bold;
	margin: 2px 2px 2px 0px;
	padding: 0 0 0 5px;
}

.main-contents-inner #topicPath{
background-color:#F6F7FE;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-size:x-small;
width:565px;
margin:0px 0px 0px 0px;;
padding:3px;
text-decoration:none;

}   
.main-contents-inner #topicPath li{
  display:inline;
  line-height:110%;
  list-style-type:none;
}   
.main-contents-inner #topicPath li a{
  padding-right:10px;
  background:url("../image/topicpath.gif") no-repeat right center;
}

.title {
	font-weight:normal;
	font-size:small;
	color:#333333;
	font-family: Arial, sans-serif, helbetica;
	line-height: 110%;
	padding-bottom: 3px;
}

.authors {
	line-height: 110%;
	font-size:small;
	padding-bottom: 3px;
}

.magazine {
	font-weight:bold;
	color:#636363;
	line-height: 110%;
	font-size:small;
	padding-bottom: 3px;
}

.magazine A {
	text-decoration:none;
	font-size:small;
	color: black;
	font-size: small;
}

.magazine A:hover {
	text-decoration:underline;
	font-size: small;
}

/* footer
-----------------------------------*/

div#footer{
width:800px;
text-align:center;
clear:both;
border-top: 5px solid #6c74fd;
padding-top:5px;
font-size:small;
color:#666666;
font-size: 1.0em;
line-height: 1.2em;
}
/* print
-----------------------------------*/

@media print {
body { background-color:#ffffff;}
div.default { font-size:small;color:#333333;line-height:130%; }


#header{display:none;}
div#main-contents{
width:100%;
}
div.main-contents-inner{
margin:0;
padding:0;
width:100%;
border:none;
color:#000000;

}
div#outwrapper{width:100%;}
div#wrapper{margin:0;width:100%;}
#header-menu-background{display:none;width:0px;}
#main-menu{display:none;width:0px;}
div#footer{border-top-style:none;}
#address_mail{display:none;width:0px;}
#Printer{display:none;width:0px;}

}

/* design
-----------------------------------*/

table.graydot {
   border: 1px #cccccc dotted;
   border-collapse: collapse;
}
th.graydot {
   border: 1px #cccccc dotted;
   border-collapse: collapse;
   font-weight: bold;
}
td.graydot {
   border: 1px #cccccc dotted;
   border-collapse: collapse;
}

/* mail
-----------------------------------*/

.email {
	font-size: 0.8em;
}

span.remove {
   color:#999999;
}

.wordBreak{
   table-layout:fixed;
   width:575px;
   word-break:break-all;
}