body,html{
	margin:0px;padding:0px;background-color:#ffffff;
}

#media_whole{
	margin:0px auto 0px auto;
	width:950px;
}

#media_inner{
	margin:0px auto;
	width:950px;
}



#hd_content{
background:#ffffff url(/media/happycom.co.jp/images/head_bg.jpg) center top no-repeat;
}


/*---------------------------------------------------

header */



#hd_content #header{

width:900px;
margin:0 auto;
position:relative;
height:115px;
}

#hd_content #header span{
display:none;
}



#hd_content h1{
text-indent:-9999px;
}



#hd_content #logo{

}

#hd_content #logo a{
display:block;
width:248px;
height:62px;
background-image:url(/media/happycom.co.jp/images/logo_happydigital.png);
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:17px;
left:8px;
}

* html #logo a{
background-image:url(/media/happycom.co.jp/images/logo_happydigital.gif);
}

#hd_content #company dl dd{
display:block;
background: url(/media/happycom.co.jp/images/logo.gif) center no-repeat;
width:250px;
height:54px;
position:absolute;
right:8px;
top:20px;
}


#hd_content ul li{
list-style:none;
text-align:right;
font-size:12px;
position:absolute;
top:70px;
right:18px;
background: url(/media/happycom.co.jp/images/top_list.gif) no-repeat left center;
padding-left:15px;
}

#hd_content ul li a,
{
color:#626262;
text-decoration:none;
}

#hd_content ul li a:visited,
{
color: #404040;
text-decoration:none;
}

#hd_content ul li a:hover,
{
color: #ed449d;
text-decoration:none;
}







/*---------------------------------------------------

footer */



#hd_content #footer{
text-align:center;
font-size:88%;
line-height:1.3em;
}