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


/************************************************************************************************

	- HOME -

************************************************************************************************/

#container {
	width:100%;
	/*background:url(../images/home/main_bg.gif) no-repeat top center;*/
	margin:0;
	padding:0;
}


h1#sb {
	width:750px;
	height:65px;
	background:url(../images/home/h1_soundlab.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
}
p#main_txt {
	width:524px;
	height:110px;
	background:url(../images/home/main_txt.gif);
	text-indent:-9999px;
}

	


ul#navi_home {
	width:725px;
	margin-top:45px;}
ul#navi_home li {
overflow: hidden;
float: left;
width: 170px;
padding-bottom:35px;
background-repeat: no-repeat;
background-position: left top;
margin-right:15px;
text-align:left;

}
ul#navi_home li a {
	text-decoration:none;
	line-height:1.2em;
	display:block;

}
ul#navi_home li a:hover {
	text-decoration:underline;}
ul#navi_home li a span {
	display:block;
	margin-top:10px;
	background:url(../images/home/icon_track.gif) left center no-repeat;
	padding-left:15px;}
ul#navi_home li a.arrow_red {
	padding-left:12px;
	background:url(../images/home/arrow.gif) no-repeat left center;
}
ul#navi_home li a.arrow_red:hover {
	background:url(../images/home/arrow_red.gif) no-repeat left center;
}
ul#navi_home li.navi01 {
background:url(../images/home/btn_gloabl_mo.gif) no-repeat;
}
ul#navi_home li.navi02 {
background:url(../images/home/btn_archive_mo.gif) no-repeat;
}
ul#navi_home li.navi03 {
background:url(../images/home/btn_material_mo.gif) no-repeat;
}
ul#navi_home li.navi04 {
background:url(../images/home/btn_otohaiku_mo.gif) no-repeat;
margin-right:0;
}
#news {
	width:725px;
	background:url(../images/home/dot.gif) repeat-x;
	margin-bottom:15px;
	clear:both;
	}
#news_inner h2{
	display:block;
	width:135px;
	height:13px;
	background:url(../images/home/title_news.gif) no-repeat 34px 0;
	text-indent:-9999px;
	float:left;
	margin:30px 0 0 0px;
}
#news_inner {
	background:url(../images/home/dot.gif) repeat-x bottom;
}
dl {
	width:539px;
	text-align:left;
	float:right;
	margin:30px 0 20px 0;
}
dt {
	float:left;
	width:100px;
	padding:0;
	margin:0;
}
	
dd {
	background:none;
	padding:0;
	margin:0;
	padding-left:100px;
	margin-bottom:10px;
}
a.otowakusei {
	width:357px;
	height:188px;
	display:block;
	float:left;
	background:url(../images/home/bnr.jpg) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:11px;
	}
a.otowakusei:hover {
	background-position:left bottom;
}
a.player {
	width:357px;
	height:188px;
	display:block;
	float:left;
	background:url(../images/home/bnr.jpg) no-repeat right top;
	text-indent:-9999px;
	overflow:hidden;

}
a.player:hover{
	background-position:right bottom}


p.btn_english a{
	display:block;
	width:75px;
	height:20px;
	margin:0;
	padding:0;
	float:right;
	background:url(../images/common/btn_en.gif) top left;
	text-indent:-9999px;
	overflow:hidden;}
p.btn_english a:hover{
	background-position:bottom left;
}

/*added*/

.top_wrapper{
	margin-bottom:25px;
	}
.top_left
{
	float:left;
	width:470px;
	width:549px;
}
.top_right{
	float:right;
	width:240px;
	margin:1px 0 0 0;
	padding:0;

}
/*
.top_right ul li{
	margin-bottom:10px;

	background:url(../images/home/dot.gif) repeat-x top;
	line-height:0;
	position:relative;
	zoom:1;
	vertical-align:bottom;

}


.top_right ul li.navi_top{
	background:none;

}
.top_right ul li.navi_top a{

	margin-top:0;
	padding:0;
line-height:normal;}
.top_right ul li a{
	text-decoration:none;
	display:block;
	float:left;
	width:240px;
	margin-top:10px;
	margin-bottom:0;
	padding-bottom:0;
	line-height:normal;
	

}
.top_right ul li a:hover{
	text-decoration:underline;

}

.top_right ul li img{
	display:block;

	float:left;
	width:100px;
	margin:0;
	margin-right:10px;
	padding:0;
	vertical-align:bbottom;
	
}
.top_right ul li a span.title{
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	line-height:normal;

}
*/

/*new navi*/
.top_left img, .top_right img{
	margin-bottom:10px;}

.top_right{
	float:right;
	width:240px;
	margin:1px 0 0 0;
	padding:0;
	width:165px;
	margin:0;
}
.top_right ul li {
	overflow: hidden;
	width:240px;
	background:url(../images/home/dot.gif) repeat-x top;
	margin:10px 0;

}
.top_right ul li a {
		width:130px;
	height:100px;
	text-decoration:none;

	display:block;
	padding-left:110px;
	background:url(../images/home/top_btns.jpg) no-repeat;
	margin-top:10px;
	}


.top_right ul li.navi01 {margin:0; background:none;}
.top_right ul li.navi01 a {background-position:0 0; margin:0;}
.top_right ul li.navi02 a {background-position:0 -220px;}
.top_right ul li.navi03 a {background-position:0 -440px;}
.top_right ul li.navi04 a {background-position:0 -660px;}

.top_right ul li.navi01 a:hover {background-position:0 -110px;}
.top_right ul li.navi02 a:hover {background-position:0 -330px;}
.top_right ul li.navi03 a:hover {background-position:0 -550px;}
.top_right ul li.navi04 a:hover {background-position:0 -770px;}

.top_right ul li a span.title{
	font-weight:bold;

	padding:5px 0 10px 0;
	display:block;

}
.top_right ul li a span.track {
	display:block;
	font-size:80%;
	margin-top:7px;
	background:url(../images/home/icon_track.gif) no-repeat left center;
	padding-left:18px;

}