@charset "utf-8";
@import url("common.css");

/*-----index.html | body id="index" -----------------------------------------*/


#index #container{
	background:url(../images/index/top-container-bg.gif) repeat-y;
}
#index #container div.clear{
	height:2px;
}
#index #container div.clear img{
	vertical-align:top;
}
#superbanner{
	background:url(../images/index/superbanner-bg.gif) no-repeat;
	height:102px;
	margin:0 2px;
}
#superbanner div{
	width:728px;
	margin:0 auto;
	padding:6px 0 6px 0;
}
#index #content{
	border-top:1px solid #FFFFFF;
	margin:0 2px;
	padding:0 0 0 21px;
}
#index #main{
	width:560px;
	float:left;
}
#index #main div.swf{
	margin:8px 0 14px 0;
}
#index #main div.wn{
	background:url(../images/index/top-wn-bg.gif) repeat-y;
	margin-bottom:10px;
}

#index #main div.wn a:link{color:#483D8B; text-decoration:underline;}
#index #main div.wn a:visited{color:#6A5ACD; text-decoration:none;}
#index #main div.wn a:hover{color:#FF0099; text-decoration:underline;}
#index #main div.wn a:active{color:#FF0099; text-decoration:underline;}

#index #main div.wn div.wnitem{
	margin:0 20px;
	padding:0 0 5px 0;
}
#index #main div.wn div.wnitem div.wnbanner img{
	padding:2px 0 2px 0;
}
#index #main div.wn div.wnitem p{
	width:420px;
	float:right;
	font-size:90%;
	padding:2px 0 2px 0;

} 
#index #main div.wn div.wnitem div.wnbanner{
	float:left;
}
#index #main div.wn div.wnitem div.wnborder{
	clear:both;
}
#index #main div.wn div.wnitem hr{
	clear:both;
	color: #FFFFFF;
	background-color:#FFFFFF;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px dotted #CCCCCC;
	padding:3px 0 0 0;
	height:1px;
	width:520px;
}
#index #main div.wn div.wnfooter{
	clear:both;
}
#index #side{
	width:200px;
	float:right;
	margin-bottom:312px;
}

#index #side div.rectangle{
	margin:5px 0 12px 0;
	text-align:center;
}
#index #side div.minibanner{
	padding:6px 18px;
}
#index #side div.mob_inner{
	background-image: url(../images/index/top-side-mobile_bg.gif);
	padding:6px;
	font-size: 75%;
	line-height: 120%;
	margin: 0;
}
#index #side div.mob_inner p{
	margin-bottom: 5px;
}
#index #side dl.support{
	position:relative;
}
#index #side dl.support dt.help{
	position:absolute;
	left: 129px;
	top: -17px;
}
#index #side dl.support dd a{
	display:block;
	width:200px;
	height:34px;
}
#index #side dl.support dd.order a{
	background:url(../images/index/top-side-support-order.gif) no-repeat left top;
}
#index #side dl.support dd.teiki a{
	background:url(../images/index/top-side-support-teiki.gif) no-repeat left top;
}
#index #side dl.support dd.after a{
	background:url(../images/index/top-side-support-after.gif) no-repeat left top;
}
#index #side dl.support dd.catalog a{
	background:url(../images/index/top-side-support-catalog.gif) no-repeat left top;
}
#index #side dl.support dd.ebooks a{
	background:url(../images/index/top-side-support-ebooks.gif) no-repeat left top;
}
#index #side dl.support dd.club a{
	background:url(../images/index/top-side-support-club.gif) no-repeat left top;
}

#index #side dl.houjin{
	margin-bottom:8px;
}
#index #side dl.houjin dd a{
	display:block;
	width:200px;
	height:37px;
}
#index #side dl.houjin dd.ikkatsu a{
	background:url(../images/index/top-side-houjin-ikkatsu.gif) no-repeat left top;

}
#index #side dl.syoten{
	margin-bottom:8px;
}
#index #side dl.syoten dd a{
	display:block;
	width:200px;
	height:44px;	
}
#index #side dl.syoten dd.info a{
	background:url(../images/index/top-side-syoten-info.gif) no-repeat left top;
}
#index #side dl.support dd span,
#index #side dl.houjin dd span,
#index #side dl.syoten dd span{
	display:none;
}
#index #side dl.support dd a:hover,
#index #side dl.houjin dd a:hover,
#index #side dl.syoten dd a:hover{
	background-position:right top;
}
#footer ul.companynavi{
	position:absolute;
	z-index:150;
	left:600px;
	top:-312px;
	width: 200px;
}

#index #footer ul.companynavi li{
	vertical-align:bottom;
	width:200px;
	height:39px;
}
#index #footer ul.companynavi li a{
	display:block;
	width:200px;
	height:39px;
	text-decoration:none;
}
#index #footer ul.companynavi li.media a{
	background:url(../images/index/top-side-media.gif) no-repeat left top;
}
#index #footer ul.companynavi li.baitai a{
	background:url(../images/index/top-side-baitai.gif) no-repeat left top;
}
#index #footer ul.companynavi li.recruite a{
	background:url(../images/index/top-side-recruite.gif) no-repeat left top;
}
#index #footer ul.companynavi li.aboutus a{
	background:url(../images/index/top-side-aboutus.gif) no-repeat left top;
}
#index #footer ul.companynavi li.newsrelease a{
	background:url(../images/index/top-side-newsrelease.gif) no-repeat left top;
}
#index #footer ul.companynavi li.contact a{
	background:url(../images/index/top-side-contact.gif) no-repeat left top;
}
#index #footer ul.companynavi li.google a{
	background:url(../images/index/top-side-google.gif) no-repeat left top;
}
#index #footer ul.companynavi li.info a{
	background:url(../images/index/top-side-info.gif) no-repeat left top;
}
#index #footer ul.companynavi li.nenga a{
	background:url(../images/index/top-side-nenga.gif) no-repeat left top;
}

#index #footer ul.companynavi li.contact2 a{
	background:url(../images/index/2822-side-info.gif) no-repeat left top;
}

#index #footer ul.companynavi li span{
	display:none;
}
#index #footer ul.companynavi li a:hover{
	background-position:right top;
}