@charset "UTF-8";

/* GLOBALNAVI&MAINIMAGE
---------------------*/
div.visualarea{
height:271px;
margin:0 0 28px 0;
background:url(../images/index/main_bg.jpg) repeat-x;
}

div.visualarea div.visual{
width:908px;
height:213px;
margin:0 auto;
background:url(../images/index/main_img.jpg) no-repeat;
}

div.visualarea div.visual h2{
padding:82px 0 0 56px;
}

div.visualarea ul.Glovalnavi{
margin:0 auto;
width:908px;
}

div.visualarea ul.Glovalnavi li{
float:left;
}

/* BENEFITS AREA
---------------------*/

div.benefitsarea{
position:relative;
width:645px;
height:120px;
margin:0 0 35px 0;
background:url(../images/index/img_benefits_bg.jpg) no-repeat;
}

div.benefitsarea h3{
position:absolute;
top:23px;
left:109px;
}

div.benefitsarea h3 img{
vertical-align:top;
}

div.benefitsarea dl{
position:absolute;
top:70px;
left:109px;
}

div.benefitsarea dl dd{
float:left;
}

/* SAPPORTS AREA
---------------------*/

div.sapportsarea{
position:relative;
width:645px;
height:521px;
margin:0 0 35px 0;
background:url(../images/index/img_sapport_bg.jpg) no-repeat;
}

div.sapportsarea h3{
position:absolute;
top:28px;
left:34px;
}

div.sapportsarea dl.sapport01{
position:absolute;
top:140px;
left:95px;
}
div.sapportsarea dl.sapport02{
position:absolute;
top:140px;
left:325px;
}
div.sapportsarea dl.sapport03{
position:absolute;
top:230px;
left:95px;
}
div.sapportsarea dl.sapport04{
position:absolute;
top:230px;
left:325px;
}
div.sapportsarea dl.sapport05{
position:absolute;
top:323px;
left:95px;
}
div.sapportsarea dl.sapport06{
position:absolute;
top:323px;
left:325px;
}
div.sapportsarea dl.sapport07{
position:absolute;
top:416px;
left:95px;
}
div.sapportsarea dl.sapport08{
position:absolute;
top:416px;
left:325px;
}

div.sapportsarea dl dd{
margin:0 0 5px 0;
}

div.sapportsarea dl.sapport07 dd{
margin:0 0 10px 0;
}

/* NEWS AREA
---------------------*/
div.wrapper01{
margin:0 0 35px 0;
}

div.wrapper01 div.wrapper02 div.section{
padding:0 0 10px 0;
}

div.wrapper01 div.wrapper02 div.section h3{
margin:0 0 5px 10px;
padding:4px 0 0 0;
}

div.main div.wrapper01 div.wrapper02 div.section dl{
width:622px;
margin:0 0 0 10px;
clear:both;
}

div.main div.wrapper01 div.wrapper02 div.section dl.gray{
background:#EEE;
}

div.main div.wrapper01 div.wrapper02 div.section dl dd{
width:123px;
padding:7px 0 7px 10px;
float:left;
}

div.main div.wrapper01 div.wrapper02 div.section dl dt{
width:479px;
padding:7px 0 7px 10px;
float:left;
}

div.main div.wrapper01 div.wrapper02 div.section dl dt a{
color:#333;
text-decoration:none;
}

div.main div.wrapper01 div.wrapper02 div.section dl dt a:hover{
text-decoration:underline;
}