/*++++++++++++++++++++++++++++++++++

  SOUEI PROJECT Corporate Website  
  http://www.eaglegroup.co.jp      
  -------------------------------
  ad.css  
  last up date 2007.10.30          

++++++++++++++++++++++++++++++++++*/

@import "base.css";
@import "header.css";
@import "side.css";
@import "footer.css";



/* AD MENU
----------------------------------*/
div.ad_index div#content_lead{
margin-top:0px;
}

ul#ad_menu{
padding:0;
clear:both;
overflow:hidden;
height:45px;
}

ul#ad_menu li{
display:inline;
}

ul#ad_menu li a{
float:left;
display:block;
margin:0 0 10px 0;
width:215px;
height:35px;
}

ul#ad_menu li a.ad_menu01{background:url(/img/ad/ad_menu_tv.gif); margin-right:5px;}
ul#ad_menu li a.ad_menu02{background:url(/img/ad/ad_menu_cm.gif); margin-right:5px;}
ul#ad_menu li a.ad_menu03{background:url(/img/ad/ad_menu_poster.gif);}


/* ENTRY
-----------------------------------*/

div#content{background:none;}

div.ad_index div#content_body{
width:633px;
}

div.ad_index h2#pagetitle{display:none;}

div.ad_index h3{
height:48px;
float:left;
width:120px;
}

h3.tv{background:url(/img/ad/tv_h3.gif) no-repeat left top;}
h3.cm{background:url(/img/ad/cm_h3.gif) no-repeat left top;}
h3.poster{background:url(/img/ad/poster_h3.gif) no-repeat left top;}

p.download{
width:500px;
height:28px;
padding-top:20px;
float:right;
text-align:right;
}


/* TV番組
-----------------------------------*/

div.ad_index div.library_tv{
width:613px;
background:#ddd;
padding:10px;
clear:both;
color:#333;
margin-bottom:15px;
}

div.ad_index div.library_tv img.tv_thumb{
border:5px solid #333;
margin:0 10px 10px 0;
float:left;
}

div.ad_index div.library_tv dl{
margin-top:10px;
width:593px;
overflow:hidden;
clear:both;
}

div.ad_index div.library_tv h4{
border-bottom:1px solid #000;
}

div.ad_index div.library_tv dl dd{
margin:5px;
padding:0;
}

div.ad_index div.library_tv dl dd span{
display: inline;
color: #006699;
font-size:x-small;
_font-size:xx-small;
}

div.ad_index div.library_tv ul{
margin:0;
padding:30px 10px 10px 10px;
width:593px;
background:#FFF url(/img/ad/title_shop.gif) no-repeat 10px 10px;
clear:both;
overflow:hidden;
}

div.ad_index div.library_tv ul li{
background: url(/common/mark_03.gif) no-repeat left 4px;
width:182px;
padding:0 0 0 15px;
margin:0;
float:left;
}


/* TVCM
-----------------------------------*/

div.ad_index div.library_cm{
width:613px;
background:#ddd;
padding:10px;
clear:both;
overflow:hidden;
color:#333;
margin-bottom:15px;
}

div.ad_index div.library_cm img.cm_thumb{
border:5px solid #333;
margin:0 10px 10px 0;
float:left;
}

div.ad_index div.library_cm img.btn_play{
vertical-align:middle;
margin:3px 10px 0 0;
}

div.ad_index div.library_cm dl{
width:470px;
float:left;
overflow:hidden;
}

div.ad_index div.library_cm h4{
border-bottom:1px solid #000;
}

div.ad_index div.library_cm dl dd{
margin:5px;
padding:0;
}

div.ad_index div.library_cm dl dd span{
display: inline;
color: #006699;
font-size:x-small;
_font-size:xx-small;
}

div.ad_index div.library_cm span.clear{
width:613px;
clear:left;
}

/* ポスター
-----------------------------------*/

div.ad_index div.library_poster{
width:613px;
background:#ddd;
padding:10px;
clear:both;
color:#333;
margin-bottom:15px;
}

div.ad_index div.library_poster img.poster_thumb{
border:1px solid #000;
margin:0 30px 10px 25px;
float:left;
}

div.ad_index div.library_poster img.btn_bigger{
vertical-align:middle;
margin:3px 10px 0 0;
}

div.ad_index div.library_poster dl{
width:470px;
float:left;
overflow:hidden;
}

div.ad_index div.library_poster h4{
border-bottom:1px solid #000;
}

div.ad_index div.library_poster dl dd{
margin:5px;
padding:0;
}

div.ad_index div.library_poster dl dd span{
display: inline;
color: #006699;
font-size:x-small;
_font-size:xx-small;
}

div.ad_index div.library_poster span.clear{
width:613px;
clear:left;
}