@charset "UTF-8";

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

* feature.css

* site name   : http://sky-tierra.com/
* description : Feature Page styles
* since       : 2008-07-23
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



/*
===== CONTENTS ===========================================

  1: Feature Index styles
  3: Feature Coach styles
  4: Feature Program styles
  5: Feature SmallStep styles
  6: Feature Media styles
  7: Feature Support styles

==========================================================
*/

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

* 1:Feature Index styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/feature/ttl_feature.jpg") 0 0 no-repeat;
}
body.index div#Contents h2{
background:url("../img/feature/img_diagram_feature.gif") 0 0 no-repeat;
height:132px;
margin-bottom:20px;
}
body.index div#Contents h3{
background:url("../img/feature/txt_feature.gif") 50% 0 no-repeat;
height:47px;
margin-bottom:20px;
}
body.index .cont h4{
text-align:center;
margin-bottom:10px;
}
body.index .cont{
margin:0 10px 30px;
}
body.index .cont p,
body.index .cont ul{
float:left;
width:300px;
margin:0 0 10px 10px;
}
body.index .cont p.image{
float:right;
width:200px;
}
body.index .cont.system p,
body.index .cont.system ul{
float:right;
width:300px;
margin:0 10px 10px 0;
}
body.index .cont.system p.image{
float:left;
width:200px;
margin-left:10px;
}
body.index .cont li{
border-left:5px solid #E3E3E3;
font-weight:bold;
padding-left:10px;
margin-bottom:7px;
}
div#sNav .feature{
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:1px;
}
div#sNav .feature h3{
background:url("../img/feature/ttl_feature_sNav.jpg") 0 0 no-repeat;
text-indent:-999em;
height:32px;
}
div#sNav .feature h4{
text-align:center;
}
div#sNav .feature li{
border-bottom:1px dotted #C0C0C0;
font-weight:bold;
padding:10px 0 10px 10px;
margin:0 1px;
}
div#sNav .feature li.last{
border-bottom:none;
}
/*
*********************************************************************

* 2: Feature Coach styles

*********************************************************************
*/
body.coach div#Contents h1{
background:url("../img/feature/ttl_coach.jpg") 0 0 no-repeat;
}
body.coach div#Contents h2{
background:url("../img/feature/txt_coach.jpg") 0 0 no-repeat;
height:121px;
}
body.coach div#Contents div#Coach h2{
background:url("../img/feature/ttl_coach_02.gif") 0 0 no-repeat;
height:29px;
}
body.coach div#Contents h3{
background:url("../img/feature/ttl_plan.gif") 0 0 no-repeat;
}
body.coach div#Contents .block{
padding:10px 0;
}
body.coach div#Contents .cont p{
float:left;
width:320px;
margin:0 0 15px 10px;
}
body.coach div#Contents .cont p strong{
font-size:110%;
color:#F72B68;
}
body.coach div#Contents .cont p.image{
float:right;
width:210px;
margin:0;
}
body.coach div#Contents div#Coach p{
margin:0 16px 10px;
}
body.coach div#Contents div#Coach p.note{
color:#666666;
float:left;
text-indent:-1.3em;
padding-left:1.5em;
width:300px;
}
body.coach div#Contents div#Coach p.note a{
background:url("../img/common/icn_outside.gif") 100% 50% no-repeat;
padding-right:13px;
}
/*
*********************************************************************

* 3: Feature Program styles

*********************************************************************
*/
body.program div#Contents h1{
background:url("../img/feature/ttl_program.jpg") 0 0 no-repeat;
}
body.program div#Contents h2{
background:url("../img/feature/txt_program.jpg") 0 0 no-repeat;
height:123px;
}
body.program div#Contents h2.schedule{
background:url("../img/feature/ttl_schedule.gif") 0 0 no-repeat;
height:29px;
}
body.program div#Contents h3{
height:108px;
margin:0 0 7px;
}
body.program div#Contents div#Interview h3{
background:url("../img/feature/ttl_interview.jpg") 0 0 no-repeat;
}
body.program div#Contents div#Planning h3{
background:url("../img/feature/ttl_planning.jpg") 0 0 no-repeat;
}
body.program div#Contents div#Study h3{
background:url("../img/feature/ttl_study.jpg") 0 0 no-repeat;
}
body.program div#Contents div#Conquer h3{
background:url("../img/feature/ttl_conquer.gif") 0 0 no-repeat;
height:26px;
margin-bottom:10px;
}
body.program div#Contents div#Interview,
body.program div#Contents div#Planning,
body.program div#Contents div#Study{
background:url("../img/feature/bg_program_01.gif") 0 100% no-repeat;
float:left;
width:177px;
min-height:180px;
margin-bottom:10px;
}
* html body.program div#Contents div#Interview,
* html body.program div#Contents div#Planning,
* html body.program div#Contents div#Study{
height:180px;
}
body.program div#Contents div#Study{
float:right;
}
body.program div#Contents div#Conquer{
background:url("../img/feature/bg_program_02.gif") 0 100% no-repeat;
position:relative;
padding-bottom:10px;
margin-bottom:20px;
}
body.program div#Contents div#Conquer h4{
background:url("../img/feature/img_conquer.jpg") 10px 0 no-repeat;
height:126px;
padding:0 0 0 280px;
}
body.program div#Contents div#Interview p,
body.program div#Contents div#Planning p,
body.program div#Contents div#Study p{
margin:0 7px 10px;
}
body.program div#Contents div#Conquer p{
position:absolute;
top:95px;
left:265px;
width:260px;
}
body.program div#Contents p{
margin:0 16px 10px;
}
body.program div#Contents p.image{
text-align:center;
margin-bottom:20px;
}
body.program div#Contents .cont p.next{
float:left;
width:7px;
margin:15px 0 0;
}
body.program div#Contents .cont{
margin:0 9px 0 10px;
}
body.program div#Contents .cont p.bottom{
float:none;
clear:left;
text-align:center;
width:auto;
margin-bottom:10px;
}
/*
*********************************************************************

* 4:Feature SmallStep styles

*********************************************************************
*/
body.small div#Contents h1{
background:url("../img/feature/ttl_smallstep.jpg") 0 0 no-repeat;
}
body.small div#Contents h2{
background:url("../img/feature/txt_smallstep.jpg") 0 0 no-repeat;
height:123px;
}
body.small .cont p{
margin:0 10px 20px;
}
body.small .cont p.last{
margin-bottom:0;
}
body.small .cont p.image{
border:1px solid #E0E0E0;
float:right;
width:285px;
}
body.small p.cycle{
margin-bottom:30px;
}
body.small div#Flow{
float:left;
width:300px;
margin-left:10px;
}
body.small div#Flow h3{
text-indent:0;
width:auto;
height:auto;
margin:0 0 10px;
}
body.small div#Flow p{
padding-bottom:10px;
}
body.small div#Flow ul{
margin-bottom:10px;
}
body.small div#Flow li.next{
float:left;
width:49%;
}
body.small div#Flow li.back{
float:right;
width:49%;
}
body.small div#Flow p.first{
margin-bottom:90px;
}
body.small div#Flow p.second{
margin-bottom:80px;
}
body.small div#Flow p.third{
margin-bottom:50px;
}
body.small div#Flow p.forth{
margin-bottom:20px;
}
body.small div#Image{
border:1px solid #E0E0E0;
background:#F9F9F9;
float:right;
width:220px;
margin-right:10px;
}
body.small div#Image ul{
width:211px;
margin:0 auto;
}
body.small div#Image li{
margin-bottom:30px;
}
body.small div#Image li.second{
margin-bottom:110px;
}
body.small div#Image li.third{
margin-bottom:150px;
}
body.small div#Image li.forth{
margin-bottom:10px;
}
/*
*********************************************************************

* 5: Feature Media styles

*********************************************************************
*/
body.media div#Contents h1{
background:url("../img/feature/ttl_media.jpg") 0 0 no-repeat;
}
body.media div#Contents h2{
background:url("../img/feature/txt_media.jpg") 0 0 no-repeat;
height:123px;
}
body.media div#Contents div#Multi h2{
background:url("../img/feature/ttl_about_multimedia.gif") 0 0 no-repeat;
height:29px;
}
body.media div#Contents div#Book h2{
background:url("../img/feature/ttl_about_book.gif") 0 0 no-repeat;
height:29px;
}
body.media div#Contents div#AB h2{
background:url("../img/feature/ttl_about_abtest.gif") 0 0 no-repeat;
height:29px;
}
body.media div#Contents p.image{
margin-bottom:20px;
}
body.media div#Contents div#Multi p,
body.media div#Contents div#Book p,
body.media div#Contents div#AB p,
body.media div#Contents div#AB ul{
float:left;
width:320px;
margin:0 0 10px 10px;
}
body.media div#Contents div#Multi p.image,
body.media div#Contents div#Book p.image,
body.media div#Contents div#AB p.image{
float:right;
text-align:left;
width:200px;
}
body.media div#Contents div#AB li{
background:url("../img/common/icn_list.gif") 0 5px no-repeat;
padding-left:17px;
}
/*
*********************************************************************

* 6: Feature Support styles

*********************************************************************
*/
body.support div#Contents h1{
background:url("../img/feature/ttl_support.jpg") 0 0 no-repeat;
}
body.support div#Contents h2{
background:url("../img/feature/txt_support.jpg") 0 0 no-repeat;
height:123px;
}
body.support div#Contents div#Student h3{
background:url("../img/feature/ttl_student.gif") 0 0 no-repeat;
width:359px;
height:34px;
margin:0 0 10px;
}
body.support div#Contents div#Parent h3{
background:url("../img/feature/ttl_parent.gif") 0 0 no-repeat;
width:176px;
height:34px;
margin:0 0 10px;
}
body.support div#Contents h4{
margin-bottom:7px;
}
body.support div#Contents p{
margin:0 10px 10px;
}
body.support div#Contents div#Support{
margin:0 10px;
}
body.support div#Contents div#Student{
float:left;
width:362px;
}
body.support div#Contents div#Parent{
float:right;
width:177px;
}
body.support div#Contents div#Student div,
body.support div#Contents div#Parent div{
background:url("../img/feature/bg_support.gif") 0 100% no-repeat;
min-height:205px;
margin-bottom:10px;
padding-bottom:7px;
}
* html body.support div#Contents div#Student div,
* html body.support div#Contents div#Parent div{
height:205px;
}
body.support div#Contents div#Student div#Safety,
body.support div#Contents div#Student div#Phone{
float:left;
width:177px;
}
body.support div#Contents div#Student div#Campus,
body.support div#Contents div#Student div#Study{
float:right;
width:179px;
}

body.support div#Contents div p{
line-height:120%;
margin:0 7px 10px;
}