@charset "utf-8";



/*--------------------style reset--------------------*/



* { margin: 0; padding: 0; }

img { border: none; }

hr { display: none; }



/*-----------------------links-----------------------*/



a { text-decoration:underline;}

a:link {color: #003399;}

a:visited {color: #003399;}

a:active {color: #003399;}

a:hover {

	text-decoration:none;

	color: #cc0000;

}



/*------------------End style reset------------------*/



body {

	font-family: "メイリオ", Meiryo,Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Helvetica, san-serif, Arial, ;

	font-size: 13px;

	line-height: 1.5em;

	color: #333;

	text-align: center;

	background: #f0f0f0;

}



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



#wrapper {

	width: 750px;

	margin: 0px auto;

	padding-bottom:50px;

	text-align: left;

	border-left: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background: #fff;

	
	position:relative;
}



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



#header {

	height: 150px;

	margin-bottom:10px;

	background: url(../images/header.jpg) top left;

	position:relative;
}


#update {
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:0.7em;
	color:#666;
}

.date {
	position:absolute;
	top:0;
	right:0;
	font-size:0.8em;
}



/*---------------------container--------------------*/



#container {

	width: 720px;

	padding: 0px 15px;

}



/*----------------------sidemenu--------------------*/



#sidemenu {

	float:left;

	width: 170px;

	margin: 0px 0px 0px 0px;

	padding-bottom: 20px;

}

#sidemenu ul {

	font-size: 1em;

	list-style: none;

}

#sidemenu ul li {

	margin:0;

	padding:0;

	font-size: 1em;

	line-height: 35px;

	height: 35px;

	list-style-position: outside;

	list-style-type: none;

	border-bottom: 1px solid #000;

}

#sidemenu ul li.menutop {

	margin-top: 0px;

	padding-top: 0px;

}

#sidemenu li a, #sidemenu li a:link, #sidemenu li a:visited, #sidemenu li a:active {

	display: block;

	padding: 0px 0px 0px 18px;

	color: #333;

	text-decoration: none;

	background: url(../images/sidemenuli.gif) no-repeat center left;

}

#sidemenu li a:hover {

	color: #ea5506;

	text-decoration: none;

}



#sidemenu img {

	margin-top:10px;

}



#counter {

	color: #555;

	text-align: left;

	margin-bottom: 20px;

}

#counter img {

	color: #555;

	text-align: left;

	margin-top:10px;

}





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



#contents {

	float: right;

	width: 520px;

	padding-bottom: 20px;
	
	
	position:relative;

}

	



/*--------------------font-style--------------------*/



h1 {

	text-indent: -9999px;

}

h2 {
	margin: 12px 0px 30px 0px;
	padding-bottom : 3px;
	font-size: 1.3em;
	font-weight: bold;
	color: #D32F05;
	border-bottom : 1px solid #D32F05;

}

h2.naka {

	margin: 3em 0px 20px 0px;

}



h3 {

	margin: 3em 0px 20px 0px;

	padding: 5px;

	font-size: 1.1em;

	font-weight: normal;

	color: #ea5506;

	background:#f0f0f0;

	border-left:6px solid #ea5506;

}

h3.top {

	margin: 20px 0px 20px 0px;

}

h4 {

	margin: 20px 0px 10px 0px;

	font-size: 1.1em;

	font-weight: bold;

	color: #339900;

}

h5 {

	margin: 10px 0px 8px 1em;

	font-size: 1em;

	font-weight: normal;

	color: #003366;

}

dl h5 {

	margin: 10px 0px 4px 0;

	font-weight:bold;

}



p {
	margin:0px 1em 1.5em 1em;

}

.left0 { margin-left:0; }



.red {

	color:#ff0000;

}

.gray {

	color:#666;

}

.font09 {

	font-size:0.9em;

}


#whatsnew {


}

#whatsnew h4 { margin-top:10px; margin-bottom:10px; font-weight:bold; }

#whatsnew p { margin-right:0px; }

#whatsnew dt { width:7em; }

#whatsnew dd { margin-left:7em; }

#whatsnew dl {

	margin-top: 20px;
	padding: 10px 0 10px 10px;
	border: 1px solid #999;
	height:100px;
	overflow-y:scroll;
	
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */



	/*\*//*/
	overflow: hidden;
	/**/

}



.indent1 {

	text-indent:1em;

}

.right {	text-align : right; }

.center { text-align : center; }



.floatleft {

 margin:0px 2em 1em 0px;

 float : left;

}



.clear {

	clear:both;

	float:none;

}

#contents .bottom0 {

	margin-bottom:0;

}

.bottom05 {

	margin-bottom:0.5em;

}

.bottom1 {

	margin-bottom:1em;

}





/*------------------------list style------------------------*/



#contents ul {

	margin: 1em;

}

#contents ul li {

	margin-left: 25px;

	padding-left: 0px;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	list-style-type: disc;

	list-style-position: outside;

}



/* decimal style */



#contents ul.decimal { margin: 1px 1em; }

#contents ul.decimal li {

	margin: 0 0 0.5em 25px;
	padding: 0px;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	list-style-type: decimal;

	list-style-position: outside;

}



/* disc style */



#contents ul.disc { margin: 0px 1em 1em 2.5em; }

#contents ul.disc li {

	margin: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: outside;

}



/* none style */



#contents ul.none { margin: 0px 1em; }

#contents ul.none li {

	margin: 0px;

	padding: 0px;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	list-style-type: none;

	list-style-position: outside;

}



/*---------------------------dl dt dd---------------------------*/



#contents dl {

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

	margin:0 1em 1em 1em;

}

#contents dt {

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

}

#contents dd {

	margin-top: -1.5em ;

	font-size: 1em;

	font-weight: normal;

	line-height: 1.5em;

}

#contents .number dt {
	width:1.5em;
}
#contents .number dd {
	margin-left:1.5em;
}



#contents .kaigyou dd {

	margin: 0 0 0.5em 1em ;

}





/*-----------------------------table-----------------------------*/



table {

	margin: 3px 1em 10px 1em;

}

th {

	padding: 1px 2px;

	font-weight: normal;

	text-align: center;

}

td {

	padding: 1px 2px;

	text-align: left;

}

th.left { text-align: left; }

th.right { text-align: right; }

td.center { text-align: center; }

td.right { text-align: right; }

td.top { vertical-align: top; }

table.showline { margin: 3px 1em 10px 1em; border-top: 1px solid #999; border-left: 1px solid #999; }

.showline th { padding: 1px 7px; border-bottom: 1px solid #999; border-right: 1px solid #999; background: #f0f0f0; }

.showline td { padding: 1px 7px; border-bottom: 1px solid #999; border-right: 1px solid #999; }



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



#footer {

	height: 5px;

	clear: both;

}



/*---------------------------------------------------------*/





#exhibition p {	margin:1em 1em 0px 1em; }

#exhibition dt { width:18em; }

#exhibition dd { margin-left:19em; }



.handson dt {

	width:5em;

}

.handson dd {

	margin-left:5em;

}

#exhibition .ex2 dt {

	width:7em;

}

#exhibition .ex2 dd {

	margin-left:7em;

}

#contents dl.forpresenter  {

	margin-left:0;

	margin-right:0;

}

.forpresenter dt {

	width:4em;

}

.forpresenter dd {

	margin-left:4em;

}



/*-----------------------------access----------------------------*/



.kaijou {

	margin:30px 1em;

}