/* CSS Document */

body{
	margin:0;
	padding:0;
	background:url("../img/body_bg.gif") 50% 0;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:160%;
	color:#555555;
	font-size:75%;
}

h1{
	width:291px;
	height:150px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0px;
}

img{
	vertical-align:middle;
}
a img{
	border:0;
}

a:link		{color:#0088ff;text-decoration:none}
a:visited	{color:#880088;text-decoration:none}
a:hover		{color:#ff6600;text-decoration:underline}
a:active	{color:#ff3300;text-decoration:underline}






.root{
	background:url("../img/root_bg.gif") 50% 0 repeat-x;
}

.header{
	background:url("../img/header_bg.jpg") no-repeat;
	height:320px;
	width:900px;
	padding:0 45px;
	margin:0 auto;
}
	.header-body{
		position:relative;
	}
	.toppage .header{
		background:url("../../img/header_bg.jpg") no-repeat;
		height:730px;
	}
	
	.header-circlelogo{
		width:130px;
		height:69px;
		margin:0;
		padding:0;
		position:absolute;
		top:385px;
		left:751px;
	}

	.header-circlelogoS{
		width:130px;
		height:69px;
		margin:0;
		padding:0;
		position:absolute;
		top:45px;
		left:751px;
	}

.main{
	background:url("../img/content_bg.png") 0 0 repeat-y;
	margin:0 auto;
	width:900px;
	padding:0 45px 20px;
}

.bodycomponent{
	margin:0 0 0 27px;
	padding:0 0px;
	width: 846px;
}

.bodytext{
	margin: 0 auto 0 5px;
	padding: 0 10px;
	width: 806px;
	border: 1px solid #f8eef2;
}

.bodytext img {
	margin: 5px 0 5px 0;
}

.sampletable {
	margin: 10px auto 0 10px;
	padding: 10px 10px;
	width: 806px;
	border: 1px solid #f8eef2;
}

.sampletable table {
	margin:  0;
	border-collapse: collapse;
	border-spacing: 0;

}

.sampletable table td {
	padding: 4px;
}

.bodytext table {
	margin: 5px 0 5px 0;
	border: 1px solid #ffb5bd;
	border-collapse: collapse;
	border-spacing: 0;

}

.bodytext table th {
	color: #dd6371;
	background: #fff5fa;
	width: 200px;
	border: 1px solid #ffb5bd;
}
.bodytext table td {
	padding-left: 10px;
	width: 500px;
	border: 1px solid #ffb5bd;
}


.footer{
	height:146px;
	width:900px;
	padding:0 45px 14px;
	background:url("../img/footer_bg.png");
	margin:0 auto;
}
	.footer-body{
		background:url("../img/footer_body_bg.gif");
		height:146px;
		position:relative;
		text-align:center;
	}
	.footer-body a{
		display:block;
		margin:0 auto;
		width:120px;
	}



.clear{
	clear:both;
}


.topmenu{
	position:absolute;
	width:850px;
	height:80px;
	top:518px;
	left:25px;
	margin:0 auto;
	list-style-type:none;
	padding:0;
}
	.topmenu li{
		margin:0;
		padding:0;
		float:left;
	}
	.topmenu img{
		display:block;
	}

.menu{
	position:absolute;
	width:850px;
	height:80px;
	top:238px;
	left:25px;
	margin:0 auto;
	list-style-type:none;
	padding:0;
}
	.menu li{
		margin:0;
		padding:0;
		float:left;
	}
	.menu img{
		display:block;
	}

.index-telop{
	position:absolute;
	width:850px;
	height:40px;
	top:615px;
	left:25px;
}

.toppage h1{
	width:438px;
	height:228px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:498px;
}
.toppage h2{
	margin:0;
	padding:0;
	position:absolute;
	width:840px;
	height:54px;
	top:670px;
	left:50px;
}
.toppage h3{
	margin:0;
	padding:0;
}

.index-contents-list{
	margin:0 0 0 27px;
	padding:0 2px;
	width:867px;
	background:url("../../img/index_topiclist_bg.gif") 0 100% no-repeat;
}
	.index-contents-list ul{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.index-contents-list li{
		margin:0;
		padding:0 9px 0 0;
		width:276px;
		float:left;
	}

	.index-contents-body{
		padding:10px;
	}
	.index-contents-body p{
		padding:0;
		margin:5px 0px;
	}

	.index-mp3-player{
		width:249px;
		margin:0 auto;
	}