@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////

	contents style

//////////////////////////////////////////////////////////////////////////////////////////////*/
.contentsWrap{
position:relative;
height:557px;
}
@media screen and (max-height: 737px){
.contentsWrap{
height:432px;
}
}
.content{
position:absolute;
top:0;
left:0;
width:100%;
height:557px;
}
@media screen and (max-height: 737px){
.content{
height:432px;
overflow:hidden;
}
}

.content .inner{
width:1016px;
margin:0 auto;
position:relative;
}
.inner .text{
padding:87px 0 0;
}
@media screen and (max-height: 737px){
.inner .text{
padding:24px 0 0;
}
}

.imageType01{
position:absolute;
}
.imageType01 span{
display:block;
position:relative;
}
.imageType01 img{
position:absolute;
left:0;
}


#contents01{
background:url(../images/contents01_bg.jpg) 50% 0 no-repeat;
text-align:center;
}

#contents02{
background:url(../images/contents02_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents02 .inner *{
float:right;
}
#contents02 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents02 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents02 .inner .text{
margin-right:34px;
}
#contents02 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents03{
background:url(../images/contents03_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents03 .inner *{
float:right;
}
#contents03 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents03 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents03 .inner .text{
margin-right:34px;
}
#contents03 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents03 .inner .imageType01 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents03 .inner .img01{
left:-24px;
top:123px;
z-index:3;
}
#contents03 .inner .img02{
left:333px;
top:37px;
z-index:2;
}
#contents03 .inner .img03{
left:463px;
top:250px;
z-index:1;
}

#contents04{
background:url(../images/contents04_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents04 .inner *{
float:right;
}
#contents04 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents04 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents04 .inner .text{
margin-right:34px;
}
#contents04 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents04 .inner .imageType01 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents04 .inner .img04{
left:-27px;
top:134px;
z-index:3;
}
#contents04 .inner .img05{
left:306px;
top:50px;
z-index:2;
}
#contents04 .inner .img06{
left:370px;
top:266px;
z-index:1;
}

#contents05{
background:url(../images/contents04_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents05 .inner *{
float:right;
}
#contents05 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents05 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents05 .inner .text{
margin-right:34px;
}
#contents05 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents05 .inner .imageType01 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents05 .inner .img07{
left:-7px;
top:58px;
}
#contents05 .inner .img08{
left:25px;
top:299px;
}
#contents05 .inner .img09{
left:220px;
top:300px;
}
#contents05 .inner .img10{
left:381px;
top:88px;
}


#contents06{
background:url(../images/contents06_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents06 .inner *{
float:right;
}
#contents06 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents06 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents06 .inner .text{
margin-right:34px;
}
#contents06 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents06 .inner .imageType01 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents06 .inner .img11{
left:-24px;
top:135px;
z-index:3;
}
#contents06 .inner .img12{
left:325px;
top:81px;
z-index:2;
}
#contents06 .inner .img13{
left:390px;
top:266px;
z-index:1;
}


#contents07{
background:url(../images/contents07_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents07 .inner *{
float:right;
}
#contents07 .inner:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#contents07 .inner h2 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents07 .inner .text{
margin-right:34px;
}
#contents07 .inner .text img{
filter: alpha(opacity=0);
opacity:0;
}
#contents07 .inner .imageType01 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents07 .inner .img14{
left:-9px;
top:121px;
z-index:4;
}
#contents07 .inner .img15{
left:274px;
top:72px;
z-index:3;
}
#contents07 .inner .img16{
left:380px;
top:254px;
z-index:1;
}
#contents07 .inner .img17{
left:493px;
top:107px;
z-index:2;
}


#contents08{
background:url(../images/contents08_bg.jpg) 50% 0 no-repeat;
filter: alpha(opacity=0);
opacity:0;
}
#contents08 .inner{
display:table;
width:1016px;
height:100%;
text-align:left;
}

#contents08 .inner .box01{
display:table-cell;
text-align:center;
vertical-align:middle;
width:100%;
}

#contents08 .inner dl dt{
margin-bottom:12px;
}
#contents08 .inner dl dd{
margin:0;
position:relative;
overflow:hidden;
height:283px;
}
#contents08 .inner dl dd img{
display:block;
position:absolute;
left:278px;
}

#contents08 .inner .box01 img{
filter: alpha(opacity=0);
opacity:0;
}

/* 20130201 修正対応
#contents08 .inner{
display:table;
width:926px;
height:100%;
text-align:left;
}
#contents08 .inner .box01,
#contents08 .inner .box02{
display:table-cell;
text-align:center;
vertical-align:middle;
width:50%;
}
#contents08 .inner .box01 img,
#contents08 .inner .box02 img{
filter: alpha(opacity=0);
opacity:0;
}
#contents08 .inner dl dt{
margin-bottom:12px;
}
#contents08 .inner dl dd{
margin:0;
position:relative;
overflow:hidden;
height:283px;
}
#contents08 .inner dl dd img{
display:block;
position:absolute;
left:0;
}
*/