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

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

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

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


/*  LAYOUT
++++++++++++++++++++++++++++++++++*/

div#top_left{
margin-top:10px;
width:665px;
float:left;
overflow:hidden;
}

div#top_right{
margin-top:10px;
margin-bottom:10px;
float:right;
width:225px;
overflow:hidden;
}

/*----------------------------------
   NEWS RELEASE
----------------------------------*/

h2.t_newsrelease{
background:url(/img/top/title_newsrelease.gif) no-repeat left;
height:40px;
text-align:right;
}

h2.t_newsrelease img{
margin:15px 5px 0 0;
}

dl#newsrelease{
margin:10px 10px 0 10px;
}

dl#newsrelease dt{
margin:0;
padding:0 0 0 20px;
width:100px;
background:url(/common/mark_02.png) no-repeat left center;
float:left;
line-height:180%;
}

dl#newsrelease dd{
margin:0;
padding:0;
width:520px;
float:left;
line-height:180%;
}

p.more{
border-top:10px solid #FFF;
clear:both;
background:#cccccc url(/common/dot_01.gif) repeat-x top;
text-align:right;
height:28px;
}

p.more img{
margin:5px;
}


/*----------------------------------
   WEBSITE
----------------------------------*/

dl#website_recruiting{
margin-top:10px;
width:332px;
height:177px;
float:left;
background:url(/img/top/bg_link_recruit.gif) no-repeat #a3a3a3;
}

dl#website_recruiting dt{
margin:0;
padding:0;
background:url(/img/top/title_link_recruit.gif) no-repeat;
height:30px;
}

dl#website_recruiting h4{display:none;}

dl#website_recruiting dd {margin:0;padding:0;}

dl#website_active{
margin-top:10px;
width:332px;
height:177px;
float:right;
background:url(/img/top/bg_link_active.gif) no-repeat #a3a3a3;
}

dl#website_active dt{
margin:0;
padding:0;
background:url(/img/top/title_link_active.gif) no-repeat;
height:30px;
}

dl#website_active h4{display:none;}

dl#website_active dd {margin:0;padding:0;}

dl#website_hall{
margin-top:10px;
width:332px;
height:176px;
float:right;
background:url(/img/top/bg_link_hall.gif) no-repeat #a3a3a3;
}

dl#website_hall dt{
margin:0;
padding:0;
background:url(/img/top/title_link_hall.gif) no-repeat;
height:30px;
}

dl#website_hall h4{display:none;}

dl#website_hall dd {margin:0;padding:0;}


/*----------------------------------
   BANNER
----------------------------------*/

div#topbanner-left0 {
	float:left;
	width:332px;
	}
div#topbanner-right0 {
	float:right;
	width:332px;
	text-align:center;
	}
div#topbanner-left {
	float:left;
	width:332px;
	}
div#topbanner-right {
	float:right;
	width:332px;
	text-align:center;
	}
div#topbanner-left2 {
	float:left;
	width:332px;
	}
div#topbanner-right2 {
	float:right;
	width:332px;
	text-align:center;
	margin-bottom:15px;
	}
div#topbanner-long {
	width:653px;
	margin-left:6px;
	}
div#topbanner-long2 {
	width:653px;
	}
div#topbanner-long dl.topbanner {
	width:653px;
	margin-top: 0;
}
div#topbanner-long img {
padding-top: 10px;
}
div#topbanner-long2 img {
padding-top: 10px;
}
.mat10 {margin-top:10px;}
dl.topbanner {
margin-top:10px;
width:332px;
}

dl.topbanner dt{
text-align:center;
}

dl.topbanner dd{
margin:5px 0 0 0;
padding:0 0 0 25px;
text-align:left;
background:url(/common/mark_01.gif) 10px 3px no-repeat;
font-size:x-small;
_font-size:xx-small;
}
.other_banner{
width: 225px;
text-align: center;
margin-top: 10px;
}

/*----------------------------------
   SPECIAL CONTENTS
----------------------------------*/

div#top_special{
margin-top:10px;
text-align:center;
background:#ededed;
border-bottom:1px solid #999999;
overflow:hidden;
clear:both;
}

div#top_special h2.t_special{
background:url(/img/top/title_special.gif) no-repeat;
height:31px;
}

div#top_special img{
margin:5px 5px 10px 5px;
}

div#top_special h4 {
font-size: 12px;
}

div#top_special p {
font-size: 10px;
padding: 5px 10px 5px 10px;
text-align:left;
}

/*----------------------------------
   NEW AD LIBRARY
----------------------------------*/

div#top_newad{
min-height:300px;
text-align:center;
background:#ededed;
border-bottom:1px solid #999999;
color:#333333;
overflow:hidden;
clear:both;
}

div#top_newad h2.t_newad{
background:url(/img/top/title_newad.gif) no-repeat;
height:31px;
}

div#top_newad h4 {
font-size: 12px;
}

div#top_newad img{
margin:10px 0;
border:5px solid #000;
}

div#top_newad p {
font-size: 10px;
padding: 5px 10px 5px 10px;
text-align:left;
}

div#top_newad ul{
padding-top:5px;
background:url(/common/dot_01.gif) repeat-x top;
margin:5px 10px;
text-align:left;
clear:both;
overflow:hidden;
}

div#top_newad li{
margin:5px 3px;
padding:0 5px 5px 14px;
background:url(/common/mark_01.gif) no-repeat 0 3px;
width:auto;
float:left;
}

div#top_newad li a{color:#333333;}


/*20110317*/