@charset "UTF-8";


.zoom a:hover img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}
.zoom a:active img {
opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;
}

.zoom img {
width: 200px;
height: auto;
}

.zoom {
z-index: 2;
}


#c03 .zoom img {
width: 150px;
height: auto;
}


/* layout
------------------------------------------------ */

main section {
min-width:1000px;
width: 100%;
padding: 40px 0 80px 0;
}

main section .wrap {
position: relative;
width: 960px;
height: 100%;
margin: 0 auto ;
}

main section .wrap .scene {
position: absolute;
bottom: -60px;
right: 0;
font-size: 200%;
font-weight: bold;
color: #fff;
}

main section#c01 {
height: 590px;
background:url(../images/top_01.jpg) no-repeat 50% 40px #6EE1FF;
}

main section#c02 {
height: 520px;
background:url(../images/top_02.jpg) no-repeat 50% 40px #ff9fdc;
}

main section#c03 {
height: 600px;
background:url(../images/top_03.jpg) no-repeat 50% 40px #bde63f;
}

main section#c04 {
height: 612px;
background:url(../images/top_04.jpg) no-repeat 50% 40px #1d34b4;
}

main section#c05 {
height: 600px;
background:url(../images/top_05.jpg) no-repeat 50% 40px #d42100;
}

main section#c06 {
height: 590px;
background:url(../images/top_06.jpg) no-repeat 50% 40px #eea53f;
}

main section#c07 {
height: 591px;
background:url(../images/top_07.jpg) no-repeat 50% 40px #70019e;
}

main section#c08 {
height: 550px;
background:url(../images/top_08.jpg) no-repeat 50% 40px #4aca3f;
}

/* ------------------------------------------------ */

main section h2 {
position: absolute;
}

main section#c01 h2 {
top: -30px;
left: -20px;
}

main section#c02 h2,
main section#c03 h2,
main section#c05 h2,
main section#c06 h2,
main section#c07 h2 {
top: 20px;
left: 60px;
}

main section#c04 h2 {
top: 30px;
right: 60px;
}

/* ------------------------------------------------ */

main section .tassy {
position: absolute;
}

main section#c01 .tassy {
bottom: -40px;
right: 60px;
}

main section#c02 .tassy {
bottom: 0;
right: -80px;
}

main section#c03 .tassy {
bottom: -30px;
right: 0px;
}

main section#c04 .tassy {
bottom: -30px;
right: -90px;
}

main section#c05 .tassy {
bottom: -30px;
right: -70px;
}

main section#c06 .tassy {
bottom: 50px;
right: 80px;
z-index:1;
}

main section#c07 .tassy {
bottom: -30px;
right: 0px;
}

main section#c08 .tassy {
bottom: -40px;
right: 60px;
}

/* ------------------------------------------------ */

main section#c01 .mokuji {
position:absolute;
top:20px;
left:80px;
font-size: 20px;
}

main section#c01 .mokuji a {
color: #fff;
}

main section#c01 .mokuji li {
margin-bottom: 10px;
padding-left: 60px;
background: url(../images/list_icon.png) no-repeat 0 0;
}

/* ------------------------------------------------ */

main section#c07 .mokuji {
background: rgba(255,255,255,0.9);
padding: 20px 20px 0 20px;
position:absolute;
top: 20px;
right: -20px;
font-size: 20px;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

main section#c07 .mokuji a {
color: #333;
}

main section#c07 .mokuji li {
margin-bottom: 10px;
padding-left: 60px;
background: url(../images/list_icon.png) no-repeat 0 0;
}

/* ------------------------------------------------ */
#news_list {
position:absolute;top:80px;left:60px;
width: 660px;
background: rgba(255, 255, 255, 0.9);
//background: #fff;
padding: 20px;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
font-size: 15px;
}
#news_list dl {
//margin-bottom: 10px;
}

#news_list dt {
width:210px;
padding: 0 0 0 5px;
}

#news_list dd {
margin: -1.5em 0 3px 0;
padding: 0 0 3px 140px;
border-bottom:1px dotted #a9a9a9;
}

#news_list dd a {
display:block;
}

/* ボタン
------------------------------------------------ */

.button-news {
position:absolute;top:95px;left:750px;
}

.button-seminar-1 {
position:absolute;top:120px;left:460px;
}

.button-seminar-2 {
position:absolute;top:120px;left:700px;
}

.button-slogan1 {
position:absolute;top:80px;left:230px;
}

.button-slogan2 {
position:absolute;top:80px;left:460px;
}

.button-slogan3 {
position:absolute;top:80px;left:690px;
}

.button-poster {
position:absolute;top:80px;left:50px;
}

.button-tasetsu {
position:absolute;top:80px;left:150px;
}

/* ------------------------------------------------ */

.banner {
position:absolute;
top:20px;
right: 60px;
}

.banner li {
margin-bottom: 10px;
}

/* ------------------------------------------------ */

.support {
padding: 20px;
background: rgba(255,255,255,0.9);
position:absolute;
bottom: -30px;
left: 0;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;
}

.support dt {
float:left;
}
.support dd {
padding-left: 3em;
}

/* ------------------------------------------------ */

#c06 .botti {
position:absolute;
bottom:0;
right:-120px;
}