@charset "utf-8"; 

/*debag
*{
	border:1px solid #FF6666;
}* */


/*----- basic elements -----*/
html{
	width:100%;
}
body{
	background:#EEEAE4;
	font-family : sans-serif;
	width:100%;
	margin:0;  /* IE,NN用マージン設定 */
	padding:0; /* Opera用マージン設定 */
}
h1{
	color:#666;
	font-weight:normal;
	padding:0;
	margin:10px 5%;
}
h2{
	color:#333;
	font-family : serif;
	font-size:120%;
	background:url("./images/h2bg.gif") #F5F2EF no-repeat left top;
	padding:5px 5px 5px 40px;
	margin:20px 0px 5px 0px;
	height:32px;
}
h3{
	color:#554FA0;
	font-size:90%;
	margin:20px 0px 5px 0px;
}
p{
	line-height:150%;
	font-size:90%;
	background:#EEEAE4;
	border:1px dotted #fff;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
}
ul{
	list-style-image:url("images/list_arrow.gif");
	list-style-position:outside;
	font-size:90%;
	margin:5px 0px 5px 18px;
	padding:0px;
}
li{
	line-height:150%;
	margin:5px 0px;
}
dl{
	font-size:90%;
	margin:5px 0px;
}
dt{

	margin:5px 0px;
}
dd{
	margin:5px 0px 10px 18px;
}

/*----- specific divs -----*/
#container { 
	background: #F5F2EF; 
	border-right: 5px solid #666;
	padding: 30px 0;  
	margin: 0 5% 0 0; 
}
	.glayDesign #container {
		border-right: 5px solid #666;
	}
	.blueDesign #container {
		border-right: 5px solid #69c;
	}
	.redDesign #container {
		border-right: 5px solid #c66;
	}
	.yellowDesign #container {
		border-right: 5px solid #cb6;
	}
	.greenDesign #container {
		border-right: 5px solid #6c6;
	}
	
#flash{
	width:100%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin:10px 0;
	padding:0px;
}
	#flash object{
		vertical-align: bottom;
	}
	#flash h2{
		font-size:120%;
		color:#333;
		margin:20px 5%;
	}
	#flash p{
		font-size:90%;
		color:#333;
		margin:20px 5%;
	}

#globalMenu{
	padding:0px;
	margin:30px 5%;
}
	#globalMenu ul{
		border:0;
		padding:0;
		margin:0;
		height:35px;
		list-style-type:none;
	}
	#globalMenu ul li{
		display:block;
		float:left;
		width:19.9%; /* 20%だとIEでずれる事がある */
		font-size:90%;
		letter-spacing:1px;
		padding:0;
		margin:0;
	}
	#globalMenu ul li #current{
		display:block;
		background:url("./images/menubg_current.gif") #aaa repeat-x;
		color:#333;
		line-height:20px;
		padding:10px 0px 0px 3px;
		width:100%;
		height:20px;
	}
	#globalMenu ul li a{
		display:block;
		background:url("./images/menubg.gif") #ddd repeat-x;
		height:20px;
		padding:10px 0px 0px 3px;
		margin:0px;
		color:#669;
		text-decoration:none;
		line-height:20px;
	}
	#globalMenu a:visited{
		color:#666;
	}
	#globalMenu a:hover{
		color:#333;
		background:url("./images/menubg.gif") #aaa repeat-x;
	}

#contentsArea {
	margin:20px 5%;
	padding:0px;
}
	#contentsArea #primaryContent{
		float:left;
		width:48%;
		padding:0;
	}
	#contentsArea #secondaryContent{
		padding:0 0 0 2%;
		margin:0px 0px 0px 50%;
		border-left:1px dotted #999988;
	}

/*----- banners -----*/
div.banners{
	clear:left;
	margin:20px 5% 0px;
	text-align:right;
}
div.banners img{
	border:0;
}
/*----- copyright -----*/
#copyright{
	font-size:80%;
	word-spacing:-1px;
	text-align:right;
	margin:20px 5% 0px;
}
/*----- toppage ------*/
table.whatsnew th{
	color:#444;
	font-size:90%;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:top;
	padding:5px 5px 5px 0px;
}
table.whatsnew td{
	color:#333;
	font-size:90%;
	line-height:120%;
	padding:5px 0px 5px 5px;
}