@charset "utf-8";
   #Visual{
width:100%;
height:555px;
position: relative;
} #Slider{
overflow:hidden;
height:550px;
z-index:4000;
position: relative;
}
#Slider ul.img-list{
overflow:hidden;
position:absolute;
top:0;
left:0;
height:550px;
}
#Slider ul.img-list li{
position:relative;
overflow:hidden;
float:left;
height:550px;
}
#Slider ul.img-list li img{
display:block;
position:absolute;
top:0;
right:0;
}
#Slider ul.txt-list{
position:absolute;
top:50px;
left:30px;
width: 700px;
text-align: left;
}
#Slider ul.txt-list li{
position:absolute;
top:0;
left:0;
width: 100%;
}
#Slider ul.txt-list li span{
overflow: hidden;
display: block;
} #Index-sec{
position:relative;
margin:-59px 0 0;
background:url(//www.ss-kyoto.com/keiei/shared/images/sec_bg_top.png) repeat-x 0 0;
z-index:7000;
} #Course{
padding:90px 60px 85px 30px;
}
#Course h2{
padding:0 0 15px;
text-align:center;
}
#Course .link{
width:754px;
margin:55px auto 0;
}
#Course p.obj01{
position:absolute;
bottom:80px;
right:0;
}
#Course p.obj02{
position:absolute;
bottom:87px;
left:0;
}
#Course .box-wrap{
overflow:hidden;
width:100%;
margin:0 auto;
}
#Course .box-wrap .box{
width:50%;
margin:25px 0 0;
}
#Course .box-wrap .box p.img{
float:left;
padding:0 20px 0 30px;
}
#Course .box-wrap .txt-area{
padding:5px 0 0;
}
#Course .box-wrap .txt-area h3{
margin:8px 0 15px;
} #Select{
}
#Select .box{
overflow:hidden;
position:relative;
width:100%;
height:310px;
}
#Select .box .inner{
position:absolute;
top:0;
left:0;
width:320px;
height:310px;
padding:0 50px 0 0;
text-align:center;
background:url(//www.ss-kyoto.com/images/index/select_bg01.png) no-repeat 0 0;
z-index:101;
}
#Select .box .inner.type02{
left:auto;
right:0;
width:320px;
padding:0 50px;
background:url(//www.ss-kyoto.com/images/index/select_bg02.png) no-repeat 0 0;
}
#Select .box .inner.type03{
left:auto;
right:0;
width:400px;
padding:0 50px;
background:url(//www.ss-kyoto.com/images/index/select_bg03.png) no-repeat 0 0;
}
#Select .box .inner h3{
}
#Select .box p.more{
display:block;
position:relative;
width:180px;
height:44px;
margin:0 auto;
}
#Select .box p.img{
position:absolute;
top:0;
left:0;
width:100%;
height:310px;
z-index:100;
}
#Select .box p.img img{
display:block;
position:absolute;
top:0;
left:50%;
margin:0 0 0 -960px;
}
#Select .box .shadow{
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:url(//www.ss-kyoto.com/keiei/shared/images/shadow_bg_line.png) repeat-x 0 0;
z-index:102;
}
#Select .box span.active{
visibility:hidden;
display:none;
}