@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;
}

/* Whats New */

#news {
	width:190px;
	margin-bottom:5px;
	background-image: url(../images/home/news_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
	}
#news_inner h2.title_news{
	display:block;
	width:93px;
	height:17px;
	text-indent:-9999px;
	float:left;
	background-image: url(../images/home/title_news.gif);
	background-repeat: no-repeat;
	background-position: 0px 0;
	margin: 14px 0 12px 0;
}
#news_inner {
}
#news_inner dl {
	width:190px;
	text-align:left;
	margin:0px;
	clear: both;
}
#news_inner dt {
	background-position: 4px;
	background-image: url(../../common/img/icon/arrow_pred.gif);
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: 15px;
}	
#news_inner dd {
	margin: 0 0 20px 3px;
	line-height: 1.5em;
}
#news_inner dd a {
	text-decoration:none;
}

#news_inner dd a:hover {
	text-decoration:underline;
}

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


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:15px;
	background:url(../images/home/dot.gif) repeat-x bottom;
	}
.top_left
{
	float:left;
	width:523px;
}
.top_right{
	float:right;
	width:190px;
	margin:0;
	padding:0;

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

a.facebook{
	width:190px;
	height:267px;
	background:url(../images/home/facebook_rollout.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image: url(../images/home/facebook_rollout.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 10px;
}
a.facebook:hover{
	background-image: url(../images/home/facebook_rollover.jpg);
	background-repeat: no-repeat;
}

/*contents navi*/

#contents_navi{
/*	width:523px;*/
	background-image: url(../images/home/contents_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
}
#contents_navi h2.title_contents {
	display:block;
	width:170px;
	height:17px;
	text-indent:-9999px;
	float:left;
	background-image: url(../images/home/title_contents.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 14px 0 12px 0;
}
#contents_navi ul li {
	overflow: hidden;
	clear: both;
	padding:0;
	margin: 0;
}
#contents_navi ul li a {
/*	width:315px;*/
	height:79px;
	text-decoration:none;
	display:block;
	padding-left:203px;
	margin: 0 0 3px 0;
	background-image: url(../images/home/contents_navi.jpg);
	background-repeat: no-repeat;
}
#contents_navi ul li a:hover {
	text-decoration:underline;
}
#contents_navi ul li.navi01 {margin:0; background:none;}
#contents_navi ul li.navi01 a {background-position:0 0; margin:0;}
#contents_navi ul li.navi02 a {background-position:0 -158px;}
#contents_navi ul li.navi03 a {background-position:0 -316px;}

#contents_navi ul li.navi01 a:hover {background-position:0 -79px;}
#contents_navi ul li.navi02 a:hover {background-position:0 -237px;}
#contents_navi ul li.navi03 a:hover {background-position:0 -395px;}

#contents_navi span.title{
	font-weight:bold;
	display:block;
	padding: 6px 0 8px 0;
	font-size: 110%;
}
#contents_navi span.title2{
	font-weight:bold;
	display:block;
	padding: 5px 0 5px 0;
	font-size: 110%;
}
#contents_navi span.track {
	display:block;
	font-size:90%;
	margin-top: 4px;
}
#contents_navi span.track2 {
	display:block;
	font-size:90%;
	margin-top: 2px;
}
/***********/