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

/index.html のみに使用

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



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




/* MAIN AREA
************************************************/
#mainArea { width:100%; background:url(../img/idx/main_bg.gif) repeat-x; background-position:bottom; margin:0; padding:0;}
#mainArea .center { width:800px; margin:0 auto 0 auto; padding:0;}
#mainArea .center #swfArea { width:560px; float:left;}
#mainArea .center #swfArea #flashcontent {}
#mainArea .center #banArea { width:220px; float:right;}
#mainArea .center #banArea p img.bansp { margin:10px 0 0 0;}




/* DISPLAY
************************************************/
#display { width:100%; background:url(../img/idx/disp_bg.gif) repeat-x; background-position:top; margin:0; padding:20px 0 40px 0;}
#display .center { width:800px; margin:0 auto 0 auto; padding:0;}
#display .center #productArea { width:560px; float:left;}
#display .center #productArea .title { width:560px; height:36px; background:url(../img/idx/areatitle_products.gif) no-repeat;}
#display .center #productArea .diver { width:558px; border-left:1px solid #c6d3dd; border-right:1px solid #c6d3dd; border-bottom:1px dotted #c6d3dd; padding:0;}
#display .center #productArea .diverF { width:558px; border-left:1px solid #c6d3dd; border-right:1px solid #c6d3dd; border-bottom:1px solid #c6d3dd; padding:0; }
#display .center #productArea div .boxL { width:250px; float:left; padding:14px 14px 14px 14px; border-right:1px dotted #c6d3dd;}
#display .center #productArea div .boxR { width:251px; float:left; padding:14px 14px 14px 14px;}
#display .center #productArea div div p.name { background:url(../img/idx/product_pt.gif) no-repeat; background-position:0 2px; font-weight:bold; line-height:1.1em; padding:0 0 0 19px; margin:0 0 8px 0;}
#display .center #productArea div div div.img { width:90px; float:left;}	
#display .center #productArea div div div.exp { width:152px; float:left; padding:0 0 0 8px; color:#333333; font-size:x-small;} 
#display .center #productArea div div div.exp .more { width:152px; text-align:right; margin:6px 0 0 0;}
#display .center #productArea .cortion { width:530px; padding:14px; border-left:1px solid #c6d3dd; border-right:1px solid #c6d3dd; border-bottom:1px solid #c6d3dd; font-size:x-small;}
#display .center #infoArea { width:220px; float:right;}
#display .center #infoArea .banner { width:220px; margin: 0 0 15px 0;}
#display .center #infoArea .title { width:220px; height:36px; background:url(../img/idx/areatitle_news.gif) no-repeat;}
#display .center #infoArea #newsBox { width:192px; background:url(../img/idx/news_box_bet.gif) repeat-y; padding:13px 14px 0 14px;}
#display .center #infoArea #newsBox .day { color:#385774; font-weight: bold; margin-bottom:5px;}
#display .center #infoArea #newsBox .tpc { width:177px; background:url(../img/idx/news_aro.gif) no-repeat; background-position:0 2px; line-height:1.2em; padding:0 0 10px 15px;
											border-bottom:1px dotted #cccccc; margin:0 0 10px 0;}
#display .center #infoArea #newsBox .more { text-align:right; width:192px;}
#display .center #infoArea .newsBot { width:220px; height:10px; background:url(../img/idx/news_box_bot.gif) no-repeat; background-position:bottom;}




/* COPYRIGHT
************************************************/
#copyright { width:800px; height:110px; margin:0 auto 0 auto; background:url(../img/copyright.gif) no-repeat; background-position:0 50px;}
#copyright span { display:none;}




/* BANNER CAMPAIGN 
************************************************/
#banner_campaign { width:560px; margin:0 0 15px 0;}
#banner_campaign .left { width:273px; float:left;}
#banner_campaign .right { width:273px; float:right;}