@charset "utf-8";

body{
background-color:#000000;
margin:0 auto;
text-align:center;
}

p,h1,h2,h3,ul,li{
font-style:normal;
list-style:none;
color:#dddddd;
text-align:left;
margin:0;
padding:0;
}

/* 構成
-------------------------------------------------------------------------------- */

#cont{
width:778px;
background:url(../images/contents/bg.gif) repeat-y;
margin:0 auto;
}

#header{
background:url(../images/header.gif) no-repeat center center;
width:778px;
height:77px;
position:relative;
}

#footer{
background:url(../images/footer.gif) no-repeat center center;
width:778px;
height:58px;
}

#index-main{
background:url(../images/main_bg.gif) repeat-yt;
width:762px;
}

#mainbox{
margin:0 0 0 16px;
}

#main-bg{
background-image:url(../images/main_bg.gif);
background-repeat:repeat-y;
width:762px;
}

/* 上部サブメニュー　ロールオーバー
-------------------------------------------------------------------------------- */

#sub{
float:left;
margin:36px 0 0 69px;
}

#sub ul{
}

#sub li{
float:left;
}

#aboutus,
#aboutus a{
display:block;
background-image:url(http://www.destino.jp/images/header_sub_aboutus00.gif);
width:68px;
height:15px;
background-repeat:no-repeat;
}
#aboutus:hover{background-position:0px -15px;}

#recruit,
#recruit a{
display:block;
background-image:url(http://www.destino.jp/images/header_sub_recruit00.gif);
width:58px;
height:15px;
background-repeat:no-repeat;
}
#recruit:hover{background-position:0px -15px;}

#sitemap,
#sitemap a{
display:block;
background-image:url(http://www.destino.jp/images/header_sub_sitemap00.gif);
width:70px;
height:15px;
background-repeat:no-repeat;
}
#sitemap:hover{background-position:0px -15px;}

#privacy,
#privacy a{
display:block;
background-image:url(http://www.destino.jp/images/header_sub_privacypolicy00.gif);
width:97px;
height:15px;
background-repeat:no-repeat;
}
#privacy:hover{background-position:0px -15px;}

#sub span{
position: absolute;
left: -999px;
width: 990px;
display:none;
}

/* index　設定
-------------------------------------------------------------------------------- */

h1{
width:389px;
height:60px;
float:left;
text-align:left;
}

h1 img{
margin:15px 0 0 17px;
}

.sub{
width:365px;
height:15px;
float:left;
margin:35px 24px 0 0;
padding:0;
text-align:right;
}

.menu{
border-top:#5a5a5a 1px solid;
width:507px;
height:370px;
float:left;
}

#whtatsnew{
border-top:#5a5a5a 1px solid;
width:239px;
float:left;
}

#whtatsnew ul{
list-style:none;
margin:10px;
}

#whtatsnew li{
background:url(../images/icon_whatsnew.gif) no-repeat left top;
padding:2px 6px 3px 15px;
border-bottom:#444444 1px solid;
text-align:left;
line-height:180%;
font-size:10px;
}

#blognew{
border-top:#5a5a5a 1px solid;
width:239px;
float:left;
}

#blognew ul{
list-style:none;
margin:10px;
}

#blognew li{
background:url(../images/icon_whatsnew.gif) no-repeat left top;
padding:2px 6px 3px 15px;
border-bottom:#444444 1px solid;
text-align:left;
line-height:180%;
font-size:10px;
}

.camp{
width:477px;
height:59px;
margin:30px 0 0 15px;
text-align:left;
}

.camp img{
margin:0 12px 0 0;
float:left;
}

.camp p{
color:#ebebeb;
font-size:10px;
line-height:140%;
width:156px;
height:59px;
float:left;
}

.clear{
clear:both;
height:1px;
width:1px;
padding:0;
margin:0 -1px -1px 0;
overflow:hidden;
}

.hidden {
position: absolute;
width: 990px;
left: -999px;
}

li span {
position: absolute;
width: 990px;
height:100px;
left: -999px;
top:-109px;
}