/*INDEX.css
************************************************

/index.html のみに使用

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



/* CSS 
************************************************/
@import url(basic.css);		/* 全頁共通　ブラウザ依存をリセット */
@import url(layout.css);		/* 全頁共通　基本レイアウト設定 */
	



/* KEY
************************************************/
#key { width:858px; margin:0 0 20px 0; background:url(../img/key/index.jpg) no-repeat;}
#key #points { float:left; width:331px; padding:34px 0 25px 14px; margin:0 0 0 0;}
#key #points h2 a { width:331px; height:33px; margin:0 0 23px 0; display:block;}
#key #points h2 a span { display:none;}
#key #points h2.anshin { background:url(../img/index/key_anshin.gif) no-repeat;}
#key #points h2.kantan { background:url(../img/index/key_kantan.gif) no-repeat;}
#key #points h2.anzen { background:url(../img/index/key_anzen.gif) no-repeat;}

#key #freeDL { float:right; width:180px; height:189px; margin:15px 0px 0 0; padding:0 14px 0 0; background:url(../img/index/key_dl_bg.gif) no-repeat; background-position: left;}
#key #freeDL h3 { display:none;}
#key #freeDL .dlhere { background:url(../img/index/key_dl_btn.gif) no-repeat; margin:115px 9px 0 9px;}
#key #freeDL .dlhere a { width:162px; height:38px; display:block;}
#key #freeDL .dlhere a span { display:none;}
	



/* MAIN
************************************************/
#main { width:852px; margin:0 3px 0 3px;}

/* CAMPAIGN */
#main #campaign { width:206px; float:left; margin:0 22px 0 0;}
#main #campaign .cate { width: 206px; margin:0 0 15px 0;}
#main #campaign .ban { width:206px; margin:0 0 11px 0;}

#main #center { width:370px; float:left;}
#main #center .cate { width: 370px; margin:0 0 15px 0;}
#main #center .ban { width:370px; margin:0 0 42px 0;}
#main #center .user { width:370px; height:46px; margin:0 0 10px 0; background:url(../img/index/user_here.gif) no-repeat;}
#main #center .userWin { width:184px; height:59px; float:left; background:url(../img/index/user_win_click_act.gif) no-repeat;}
#main #center .userWin a { width:184px; height:59px; display:block; background:url(../img/index/user_win_click.gif) no-repeat;}
#main #center .userWin a:hover { background: none;}
#main #center .userMac { width:174px; height:59px; float:right; background:url(../img/index/user_mac_click_act.gif) no-repeat;}
#main #center .userMac a { width:174px; height:59px; display:block; background:url(../img/index/user_mac_click.gif) no-repeat;}
#main #center .userMac a:hover { background: none;}
#main #center p a span { display:none;}

/* NEWS */
#main #news { width:232px; float:right; background:url(../img/index/news_bg_bet.gif) repeat-y;}
#main #news .cate { width: 232px; margin:0 0 11px 0;}
#main #news .bet { width:212px; padding:0 10px 0 10px;}
#main #news .bet .box { background:url(../img/index/news_line.gif) no-repeat; background-position:bottom; padding:0 0 9px 0; margin:0 0 9px 0;}
#main #news .bet .box .day { background:url(../img/index/news_pt.gif) no-repeat; background-position:0 3px; font-weight:bold; padding:0 0 0 14px;}
#main #news .bet .box .hdl { padding:0 0 0 14px; margin:0 0 5px 0; line-height:1.2em;}
#main #news .bet .box .hdl a { color:#000000; text-decoration:underline;}
#main #news .bet .box .hdl a:hover { color:#ff3300; text-decoration:underline;}
#main #news .bet .box .hdc { line-height:1em; padding:0 0 0 14px;}
#main #news .bet .newslist { width: 85px; float:right; height:20px; background:url(../img/index/news_list_btn_act.gif) no-repeat;}
#main #news .bet .newslist a { width:85px; height:20px; background:url(../img/index/news_list_btn.gif) no-repeat; display:block;}
#main #news .bet .newslist a span { display:none;}
#main #news .bet .newslist a:hover { background:none;}
#main #news .bot { width:232px; height:10px; background:url(../img/index/news_bg_bot.gif) no-repeat; background-position:bottom;}