@charset "utf-8";
/* CSS Document */


/*構造の定義*/

body{
	background-image:url(/img/bg.jpg);
}

#wrapper{
	width:900px;
	background-image:url(/img/contents_bg.gif);
	padding:0px 5px 0px 5px;
	margin:auto;
}

#head{
	width:900px;
	height:82px;
	background-image:url(/img/head_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#main{
	width:900px;
	background-color:#8BA78D;
	padding-top:5px;
}

#categorymenu,
#flash{
	width:890px;
	margin:0px 5px 5px 5px;
}

#content{
	width:900px;
	margin:auto;
	margin-top:10px;
	background-image:url(/img/bg_content.gif);
}

#left{
	width:230px;
	margin-right:5px;
	float:left;
	padding:5px;
}

#whatsnew{
	width:400px;
	margin-right:5px;
	float:left;
	padding:5px;
}

#right{
	width:230px;
	float:left;
	padding:5px;
}

#foot{
	width:880px;
	margin:auto;
	margin-top:10px;
	background-image:url(/img/border.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:5px;
}
#foot2{
	width:870px;
	margin:auto;
	margin-top:10px;
	padding:5px;
	background-image:url(/img/border.jpg);
	background-position:top;
	background-repeat:repeat-x;
}



/*個別*/

/*ヘッダ*/

#head h1#logo{
	width:114px;
	height:49px;
	left: 17px;
	top: 16px;
	position:absolute;
}
#head h1#logo a{
	width:114px;
	height:49px;
	text-indent:-9999px;
	background-image:url(/img/logo.gif);
	background-repeat:no-repeat;
	display:block;
}
#head h2#logo2{
	position:absolute;
	left: 721px;
	top: 19px;
}

#head #headline{
	position:absolute;
	left: 611px;
	top: 46px;
}
#head #headmenu{
	position:absolute;
	left: 614px;
	top: 50px;
	width: 278px;
}
#head #headmenu li{
	float:left;
	margin-left:5px;
}

/*カテゴリメニュー*/

#categorymenu li{
	float:left;
}


/*コンテンツ*/

#content #left .leftbody{
	background-color:#FFFFFF;
	margin:1px 0px 5px 0px;
	border:3px solid #D3D3AB;
	padding:5px;
	line-height:120%;
}

#content #left .leftbody li{
	padding-left:12px;
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-size:10px;
}

#whatsnewlist{
	background-color:#FFFFFF;
	margin:1px 0px 5px 0px;
	padding:5px;
}

#whatsnew dt{
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 0px 8px 0px;
	float:left;
	width:85px;
}
#whatsnew dt span{
	background-image:url(/img/mark_red.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:10px;
	display:block;
	float:left;	
}
#whatsnew dd{
	background-image:url(/img/dot_line.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px 0px 10px 0px;
	float:left;
	width:290px;
}

.date{
	color:#E4AC6D;
}


#right ul li a img{
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#FFFFFF;
	margin-bottom:3px;
}

#right ul li a:hover img{
	border:1px solid #999999;
	padding:3px;
	background-color:#FFFFCC;
	margin-bottom:3px;
}


/*フッタ*/

#foot dl{
	margin:5px;
	font-size:10px;
}
#foot dt{
	float:left;
	font-weight:bold;
	font-size:10px;
	padding-left:15px;
	background-image:url(/img/mark_green.gif);
	background-repeat:no-repeat;
}
#foot dd{
	float:left;
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #333333;
	font-size:10px;
}
#foot br{
	height:0px;
}

#foot2{
	position:relative;
}

#foot2 #copy{
	position:absolute;
	left: 641px;
	top: 8px;
}