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

インデックス index.html に適用

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


/* インポート設定 -CSS
************************************************/
@import url(basic.css);
@import url(style.css);
@import url(side.css);


div#bodyBox {
  position: relative;
  margin: 15px auto 0 auto; padding: 0px;
  width: 794px; height: auto;
	vertical-align: top;
	border:3px solid #7fc31c;
	color:#000000; font-size:small; line-height:1.4em;}



/* HEADER
************************************************/
div#header {
  width:794px;
	height:236px;
	background:url(../img/index/header_img.jpg) no-repeat; 
	background-position:right top;}
	
div#header div#logo {
  width:408px; height:236px; 
	background:url(../img/index/logo.gif) no-repeat;}
	
div#header div#logo h1 { display:none;}




/* MAIN DISP
************************************************/
div#mainDispBox { 
  width:794px; height:auto;
	background:url(../img/index/mdisp_bg.gif) repeat;}
	
div#mainDispBox	div#dispLeft {
  width:413px; float:left;
	padding-left:14px;}
	
div#mainDispBox	div#dispRight {
  width: 349px; float:right;
	padding-right:12px;}
	



/* J-WAVE オンエラ　BLOG
************************************************/
div.mdPad { width:376px; padding:0 19px 0px 19px;}

div.jwave { width:376px; margin:0px 0 18px 0;}
div.jwave img { float:right; margin:0 0 5px 5px;}
div#guest { margin-top:10px;}
div#guest p.title { font-size:14px; color:#ff6600; font-weight:bold; margin-bottom:3px;}
div#guest p.title A:active{color:#ff6600;}
div#guest p.title A:visited{color:#ff6600;}
div#guest p.title A:hover{color:#ff6600;}

div#music { background:url(../img/index/spacer.gif) no-repeat; background-position:left 3px;}
div#music p.title { font-size:14px; color:#ff6600; font-weight:bold; margin-bottom:3px;}
div#music p.title A:active{color:#ff6600;}
div#music p.title A:visited{color:#ff6600;}
div#music p.title A:hover{color:#ff6600;}

div#locat { background:url(../img/index/spacer.gif) no-repeat; background-position:left 4px;}
div#locat p.title { font-size:14px; color:#ff6600; font-weight:bold; margin-bottom:3px;}
div#locat p.title A:active{color:#ff6600;}
div#locat p.title A:visited{color:#ff6600;}
div#locat p.title A:hover{color:#ff6600;}

div#present { width:376px; margin-bottom:10px;}
div#present div.top { background:url(../img/index/pre_top.gif) no-repeat; width:376px; height:30px;}
div#present div.top2 { background:url(../img/index/pre_top.gif) no-repeat; width:376px; height:30px;}
div#present div.bet { background:url(../img/index/pre_bet.gif) repeat-y; width:356px; padding:0 10px 0 10px;}
div#present div.bot { background:url(../img/index/pre_bottom.gif) no-repeat; width:376px; height:13px; background-position:bottom;}

div#message { width:376px; margin-bottom:10px;}


	
/* 今週のエンターテイメント
************************************************/
table.pickup { width:349px;}
table.pickup .top { width:349px; height:9px; max-height:9px; background:url(../img/index/picup_ban_top.gif) no-repeat; background-position:top; display:inline-block;} 
table.pickup .bet { width:349px; background:url(../img/index/picup_ban_bet.gif) repeat-y;}
table.pickup .bot { width:349px; height:7px; max-height:7px;  background:url(../img/index/picup_ban_bot.gif) no-repeat; background-position:bottom;}

table.pickup .cate { width:46px; padding:1px 8px 0 9px;}
table.pickup .detl p { font-weight:100;}
table.pickup .detl { width:220px; font-weight:bold; line-height:1.5em;}
table.pickup .detl span { font-weight:bold; font-size:medium;}
table.pickup .date { width:54px; padding:0 12px 3px 0 ; vertical-align:bottom; text-align:right;} 


/* バナーエリア設定
************************************************/
div#bannerarea {text-align:center; margin-bottom:15px;}

/* フッター設定
************************************************/
div#footer { width:794px; border-top: 3px solid #9dc235;}