@charset "utf-8";

/*==============================================
extra style
==============================================*/

/*#intro-area*/
#extra #content #intro-area{
overflow:hidden;
padding:30px 43px 30px 50px;
position:relative;
width:855px;
}

#extra #content #intro-area h2{
float:left;
height:140px;
padding-bottom:5px;
width:675px;
}

#extra #content #intro-area .img01{
float:right;
height:140px;
padding-bottom:5px;
width:180px;
}

#extra #content #intro-area .txt01{
line-height:1.84;
text-align:center;
}

#extra #content #point-area{
height:2275px;
position:relative;
width:948px;
}


/*point01
=======================*/
#extra #content #point-area #point01{
position:absolute;
height:554px;
left:30px;
top:0;
width:455px;
}

#extra #content #point-area #point01 h3{
position:relative;
height:95px;
margin-left:26px;
width:429px;
}

#extra #content #point-area #point01 .txt01{
position:relative;
height:459px;
width:455px;
}

/*point02
=======================*/
#extra #content #point-area #point02{
position:absolute;
height:279px;
left:482px;
top:0;
width:437px;
}

#extra #content #point-area #point02 h3{
position:relative;
height:95px;
margin-left:11px;
width:426px;
}

#extra #content #point-area #point02 .txt01{
position:relative;
height:184px;
width:437px;
}


/*point03
=======================*/
#extra #content #point-area #point03{
position:absolute;
height:247px;
left:466px;
top:289px;
width:425px;
}

#extra #content #point-area #point03 h3{
position:absolute;
height:95px;
left:182px;
top:0;
width:243px;
z-index:2;
}

#extra #content #point-area #point03 .txt01{
position:relative;
height:247px;
width:425px;
z-index:1;
}

/*point04
=======================*/
#extra #content #point-area #point04{
position:absolute;
height:271px;
left:56px;
top:554px;
width:430px;
}

#extra #content #point-area #point04 h3{
position:relative;
height:95px;
width:430px;
z-index:2;
}

#extra #content #point-area #point04 .txt01{
position:absolute;
height:198px;
left:0;
top:73px;
width:426px;
z-index:1;
}

/*point05
=======================*/
#extra #content #point-area #point05{
position:absolute;
height:247px;
left:48px;
top:843px;
width:420px;
}

#extra #content #point-area #point05 h3{
position:relative;
height:51px;
margin-left:8px;
width:412px;
}

#extra #content #point-area #point05 .txt01{
position:relative;
height:196px;
width:418px;
}

/*point06
=======================*/
#extra #content #point-area #point06{
position:absolute;
height:517px;
left:469px;
top:554px;
width:422px;
}

#extra #content #point-area #point06 h3{
position:relative;
height:130px;
margin-left:22px;
width:400px;
}

#extra #content #point-area #point06 .txt01{
position:relative;
height:387px;
width:422px;
}

/*point07
=======================*/
#extra #content #point-area #point07{
position:absolute;
height:556px;
left:56px;
top:1108px;
width:429px;
}

#extra #content #point-area #point07 h3{
position:relative;
height:128px;
width:429px;
}

#extra #content #point-area #point07 .txt01{
position:relative;
height:428px;
width:421px;
}

/*point08
=======================*/
#extra #content #point-area #point08{
position:absolute;
height:289px;
left:482px;
top:1108px;
width:439px;
}

#extra #content #point-area #point08 h3{
position:relative;
height:128px;
margin-left:9px;
width:400px;
z-index:2;
}

#extra #content #point-area #point08 .txt01{
position:absolute;
height:179px;
left:0;
top:110px;
width:439px;
z-index:1;
}

/*point09
=======================*/
#extra #content #point-area #point09{
position:absolute;
height:305px;
left:466px;
top:1375px;
width:425px;
}

#extra #content #point-area #point09 h3{
position:absolute;
height:129px;
left:188px;
top:22px;
width:237px;
z-index:2;
}

#extra #content #point-area #point09 .txt01{
position:relative;
height:305px;
width:425px;
z-index:1;
}


/*point10
=======================*/
#extra #content #point-area #point10{
position:absolute;
height:585px;
left:56px;
top:1654px;
width:845px;
}

#extra #content #point-area #point10 h3{
position:relative;
height:100px;
padding-top:26px;
width:442px;
z-index:1;
}

#extra #content #point-area #point10 .txt01{
position:relative;
height:117px;
width:436px;
z-index:2;
}

#extra #content #point-area #point10 h4{
position:relative;
height:62px;
width:429px;
z-index:3;
}

#extra #content #point-area #point10 .txt02{
position:relative;
height:257px;
width:429px;
z-index:4;
}

#extra #content #point-area #point10 .story01{
position:absolute;
height:315px;
left:361px;
top:0;
width:484px;
z-index:5;
}

#extra #content #point-area #point10 .story02{
position:absolute;
height:295px;
left:423px;
top:290px;
width:422px;
z-index:6;
}


#extra #content #point-area #point10 .btn-otherpage01{
height:85px;
position:absolute;
left:49px;
top:455px;
width:325px;
z-index:7;
}

#extra #content #point-area #point10 .btn-otherpage01 a{
background:url(../extra/img/btn_otherpage01.gif) 0 0 no-repeat;
display:block;
height:85px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:325px;
}

#extra #content #point-area #point10 .btn-otherpage01 a:hover{
background-position:0 -85px;
}