@charset "UTF-8";
/* CSS Document */
/* main-cts ---------------------------- */
#main-cts h2 {
background-image: url(images/title.gif);
height: 60px;
width: 700px;
background-repeat: no-repeat;
background-position: left top;
}
#main-cts ul#slider {
display: block;
height: 540px;
width: 760px;
margin:0px;
}
#main-cts ul#slider li {
display: block;
height: 540px;
width: 510px;
top: 0px;
right: 0px;
position: relative;
}
#main-cts ul#slider span{
text-indent: 0px;
height: 20px;
width: 125px;
position: absolute;
z-index: 999;
left: 223px;
bottom: 20px;
}

#main-cts ul#slider li div {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
height: 540px;
width: 540px;
position: absolute;
right: 0px;
top: 0px;
}
#main-cts ul#slider li div.settei {
height: 30px;
width: 150px;
right: 30px;
top: 510px;
z-index: 100;
}
#main-cts ul#slider li div.settei a{
background-image: url(images/btn_chara.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 30px;
width: 150px;
overflow: hidden;
}
#main-cts ul#slider li div.settei a:hover{
background-position: left bottom;
}

#main-cts ul#slider li div.chara1 { background-image: url(images/chara01.gif); }
#main-cts ul#slider li div.chara2 { background-image: url(images/chara02.gif); }
#main-cts ul#slider li div.chara3 { background-image: url(images/chara03.gif); }
#main-cts ul#slider li div.chara4 { background-image: url(images/chara04.gif); }
#main-cts ul#slider li div.chara5 { background-image: url(images/chara05.gif); }
#main-cts ul#slider li div.chara6 { background-image: url(images/chara06.gif); }
#main-cts ul#slider li div.chara7 { background-image: url(images/chara07.gif); }
#main-cts ul#slider li div.chara8 { background-image: url(images/chara08.gif); }
#main-cts #slider-menu {
height: 340px;
width: 170px;
position: absolute;
left: 30px;
top: 90px;
}
#main-cts #slider-menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#main-cts #slider-menu { zoom: 100%; }
#main-cts #slider-menu { display: inline-table; }
/* Hides from IE-mac ￥*/
* html #main-cts #slider-menu { height: 1%; }
#main-cts #slider-menu { display: block; }
/* End hide from IE-mac */


#main-cts #slider-menu a {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 85px;
width: 85px;
overflow: hidden;
position: absolute;
}
#main-cts #slider-menu a:hover { background-position: left center; }
#main-cts #slider-menu a.wactive { background-position: left bottom; }
#main-cts #slider-menu a.cmenu1 {
background-image: url(images/menu_chara1.png);
left: 0px;
top: 10px;
}
#main-cts #slider-menu a.cmenu2 {
background-image: url(images/menu_chara2.png);
left: 90px;
top: 10px;
}
#main-cts #slider-menu a.cmenu3 {
background-image: url(images/menu_chara3.png);
left: 0px;
top: 100px;
}
#main-cts #slider-menu a.cmenu4 {
background-image: url(images/menu_chara4.png);
left: 90px;
top: 100px;
}
#main-cts #slider-menu a.cmenu5 {
background-image: url(images/menu_chara5.png);
left: 0px;
top: 190px;
}
#main-cts #slider-menu a.cmenu6 {
background-image: url(images/menu_chara6.png);
left: 90px;
top: 190px;
}
#main-cts #slider-menu a.cmenu7 {
background-image: url(images/menu_chara7.png);
left: 0px;
top: 280px;
}
#main-cts #slider-menu a.cmenu8 {
left: 90px;
top: 280px;
background-image: url(images/menu_chara8.png);
}