@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html,body{
background: none;
}
#container{
background: #BFBFBF url(/ex/ar_searcher/images/bg_home.png) repeat-x 0 0;
}
#container .mainWrap{
background: none;
}

#header{
padding-top: 12px;
height: 22px;
}
#content{
padding: 0;
}
/* - CONTENTS - 
--------------------------------------------------------------*/
#header p.btnMenuBlk{
display: none;
}

/* - CONTENTS - 
--------------------------------------------------------------*/
/*
 keyBlk
*/
#home #keyBlk{
position: relative;
width: 940px;
height: 605px;
margin: 0 0 20px;
}
/* h1 SiteTitle */
#home #keyBlk h1{
position: absolute;
left: 9px;
top: -7px;
width: 303px;
height: 146px;
z-index: 500;
text-indent: -9999px;
overflow: hidden;
}
#home #keyBlk h1 .panel{
background: url(/ex/ar_searcher/common/images/logo.png) no-repeat 0 0;
}
/* h2 */
#home #keyBlk h2{
position: absolute;
left: 0;
top: 31px;
width: 939px;
height: 574px;
z-index: 100;
}
/* homeNav */
#home #keyBlk ul.homeNav{
position: absolute;
left: 1px;
top: 542px;
height: 61px;
z-index: 200;
}
#home #keyBlk ul.homeNav li,
#home #keyBlk ul.homeNav li a.haribotekit{
width: 311px;
height: 61px;
}
#home #keyBlk ul.homeNav li{
float: left;
}
#home #keyBlk ul.homeNav li.hn01{
margin-right: 2px;
}
#home #keyBlk ul.homeNav li.hn02{
margin-right: 1px;
}
	#home #keyBlk ul.homeNav li.hn01 a .panel{
	margin-right: 2px;
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat 0 0;
	}
	#home #keyBlk ul.homeNav li.hn02 a .panel{
	margin-right: 1px;
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat -313px 0;
	}
	#home #keyBlk ul.homeNav li.hn03 a .panel{
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat -625px 0;
	}
	#home #keyBlk ul.homeNav li.hn01 a:hover .panel{
	margin-right: 2px;
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat 0 -80px;
	}
	#home #keyBlk ul.homeNav li.hn02 a:hover .panel{
	margin-right: 1px;
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat -313px -80px;
	}
	#home #keyBlk ul.homeNav li.hn03 a:hover .panel{
	background: url(/ex/ar_searcher/images/hnav.png) no-repeat -625px -80px;
	}
#home #keyBlk p.noticeMsg{
position: absolute;
left: 540px;
top: 12px;
width: 400px;
color: #E4E4E4;
font-size: 11px;
text-align: right;
}

/*eshopでダウンロード*/

#home div.eshop ul{
	position:absolute;
	top:410px;
	right:20px;

	z-index: 300;
	}
#home div.eshop ul li a{
text-indent: -9999px;

}
*:first-child+html #home div.eshop ul li a{
text-indent:0
	}	
#home div.eshop ul li,
#home div.eshop ul a.haribotekit{
	width:172px;
	height:111px;
	

	}	
	
#home div.eshop ul li a .panel{
	background:url(/ex/ar_searcher/images/eshop_dl_btn.png) no-repeat 0 0 ;

	padding:0;

	}
	
#home div.eshop ul li a:hover .panel{
	background:url(/ex/ar_searcher/images/eshop_dl_btn.png) no-repeat 0 0 ;
	width:172px;
	height:111px;
	}

/*
newsBlk
*/
#home #content div.newsBlk{
float: left;
width: 680px;
min-height: 107px;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #999;
background: #000;
}
#home #content div.newsBlk h3{
float:left;
width: 70px;
}
#home #content div.newsBlk dl{
float: left;
width: 608px;
margin-bottom: 0;
}
#home #content div.newsBlk dl dt{
float: left;
clear: both;
margin-bottom: 6px;
padding-top: 1px;
font-size: 11px;
}
#home #content div.newsBlk dl dd{
margin-bottom: 6px;
padding: 0 0 6px 74px;
border-bottom: 1px dotted #CCC;
}
/*
#home #content div.newsBlk dl dt:first-child{
padding-top: 1px;
}
#home #content div.newsBlk dl dd:first-child{
padding-top: 0;
}
*/
#home #content div.newsBlk dl dd:last-child{
margin-bottom: 0px;
border-bottom: none;
}

#home #content div.newsPlus{
float: right;
width: 221px;
margin-bottom:20px;
}


/* - FOOTER - 
--------------------------------------------------------------*/
#home #footerWrap{
border-top:8px solid #000;
}
/* gameDetail ----- */
#home #footerWrap .gameDetailWrap{
width: 100%;
color: #FFF;
background: #000;
}
#home #footerWrap .gameDetail {
width: 940px;
margin: 0 auto;
padding: 20px 0;
}

#home #footerWrap .gameDetail h2{
padding-top:13px;
	}
#home #footerWrap .gameDetail .gameTtl{
float: left;
width: 219px;
}
#home #footerWrap .gameDetail .detailBlk{
float: right;
width: 675px;
height: 50px;
border-left: 1px solid #FFF;
padding-left: 45px;
line-height: 1.6;
font-size: 11px;
}
#home #footerWrap .gameDetail ul{
clear: both;
height: 1.2em;
margin-bottom: 3px;
}
#home #footerWrap .gameDetail ul li{
float: left;
padding-right: 20px;
display: inline;
}

/* ** */
#home #footerWrap .gameDetail dl{
float: left;
width: 675px;
height: 50px;
padding-left: 45px;
border-left: 1px solid #FFF;
line-height: 1.6;
font-size: 11px;
}
#home #footerWrap .gameDetail dl dt{
float: left;
display: inline;
}
#home #footerWrap .gameDetail dl dt.clear{
clear: both;
}
#home #footerWrap .gameDetail dl dd{
float: left;
display: inline;
padding: 0 30px 0 0;
}



/* - SMALL LAYOUT SETTING max-width: 580px - 
--------------------------------------------------------------*/
@media screen and (max-width: 580px) {
	#home #content h2 img{
	display: none;
	}
}