@charset 'iso-8859-1';

/* base
----------------------------------------*/
html{
background: url(../images/background_index.jpg) repeat-x;
}


/* Contents
----------------------------------------*/
#contents{
width:931px;
margin:auto;
padding-top:37px;
}

#leftside{
float:left;
width:700px;
border-right:1px solid #D9D9D9;
padding-right:10px;
}

#rightside{
float:right;
width:210px;
}


/* FutureTitle
----------------------------------------*/
#futuretitle{
width:700px;
}

#futuretitle h2{
background:url(../images/future/h2_futuretitle.gif) no-repeat left center;
width:700px;
height:42px;
border-bottom:1px solid #B4B4B4;
}


#futuretitle .line{
background:#B4B4B4;
width:700px;
height:1px;
}

#futuretitle .title{
width:700px;
padding:6px 0;
margin-bottom:16px;
}

#futuretitle .title .img{
float:left;
width:300px;
}

#futuretitle .title .info{
float:right;
width:380px;
}

#futuretitle .title .info h3{
background:url(../images/future/back_futurename.jpg) no-repeat;
width:372px;
height:16px;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
padding:4px;
}

*html #futuretitle .title .info h3{
width:380px;
height:24px;
padding:6px;
}

#futuretitle .title .info .txt{
width:360px;
padding-top:12px;
margin:0 auto;
border-bottom:1px solid #DADADA;
}

*html #futuretitle .title .info .txt{
height:93px;
}

#futuretitle .title .info .txt p{
font-size:12px;
margin-bottom:1em;
}

*html #futuretitle .title .info .txt p{
line-height:1.4;
}

/*etc Area*/
#futuretitle .title .info .etc{
width:360px;
margin:0 auto;
}


/*PlatformIcon*/
#futuretitle .title .info .etc .platform{
float:left;
width:250px;
}

/*LinkStyle*/
#futuretitle .title .info .etc .link{
float:right;
padding-top:15px;
}

#futuretitle .title .info .etc .link a{
display:block;
background:url(../static/images/icon_link5px.gif) no-repeat left center;
padding:4px 0;
padding-left:12px;
font-size:12px;
color:#0099FF;
}