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


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

	- HOME -

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

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

h1 {
	width:531px;
	height:65px;
	background:url(../images/home/h1.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:25px;
	padding:0;
}
p#main_txt {
	width:394px;
	height:98px;
	background:url(../images/home/main_txt.gif);
	text-indent:-9999px;
}

	


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

}
ul#navi li a {
	text-decoration:none;
	line-height:1.2em;
	display:block;
}
ul#navi li a:hover {
	text-decoration:underline;}
ul#navi li a span {
	display:block;
	margin-top:10px;
	background:url(../images/home/icon_track.gif) left center no-repeat;
	padding-left:15px;}
ul#navi li a.arrow_red {
	padding-left:12px;
	background:url(../images/home/arrow.gif) no-repeat left center;
}
ul#navi li a.arrow_red:hover {
	background:url(../images/home/arrow_red.gif) no-repeat left center;
}
ul#navi li.navi01 {
background:url(../images/home/btn_gloabl_mo.gif) no-repeat;
}
ul#navi li.navi02 {
background:url(../images/home/btn_archive_mo.gif) no-repeat;
}
ul#navi li.navi03 {
background:url(../images/home/btn_material_mo.gif) no-repeat;
margin-right:0;
}
ul#navi li.navi04 {
background:url(../images/home/btn_otohaiku_mo.gif) no-repeat;
}

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}
#content p.btn_japanese {
	margin:0;
	padding:0;
}
#content p.btn_japanese a{
	display:block;
	width:75px;
	height:20px;
	margin:0;
	padding:0;
	float:right;
	background:url(../images/common/btn_jp.gif) top left;
	text-indent:-9999px;
	overflow:hidden;}
#content .btn_japanese a:hover{
	background-position:bottom left;
}