@charset "UTF-8";

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

* support.css

* site name   : http://www.toshin-tierra.com/
* description : Support Page styles
* since       : 2008-06-25
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1:Eduacation Page styles

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

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

* 1: Support Page styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/support/ttl_support.jpg") 0 0 no-repeat;
}


body.smallstep div#Contents h1{
background:url("../img/education/ttl_support.jpg") 0 0 no-repeat;
}
div#Support{
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:1px;
}
div#Support h3{
background:url("../img/support/ttl_support_sNav.jpg") 0 100% no-repeat;
text-indent:-999em;
width:200px;
height:32px;
}
div#Support h3 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Support li{
background:url("../img/common/icn_link_sNav.gif") 10px 50% no-repeat;
border-bottom:1px solid #F0F0F0;
font-weight:bold;
padding:10px 10px 10px 20px;
margin:0 1px;
}
div#Support li.active{
background-color:#E7F9F2;
}
div#Support li.last{
border:none;
}
div#Contents p{
margin-bottom:10px;
}
div#Contents p.arrow{
text-align:center;
}
div#Contents p.answer{
text-align:center;
margin-bottom:20px;
}
div#Contents div.cont p.img{
float:right;
width:180px;
}
div#Contents div.cont p{
float:left;
width:360px;
}
div#Contents ul.clr{
background:url("../img/support/bg_slush.gif") 0 0 ;
border:1px solid #C0C0C0;
width:450px;
margin:20px auto;
padding:10px 10px 0;
}
div#Contents ul.clr li.a,
div#Contents ul.clr li.c{
float:left;
width:220px;
margin-bottom:15px;
}
div#Contents ul.clr li.b,
div#Contents ul.clr li.d{
float:right;
width:220px;
margin-bottom:15px;
}
div#Contents h1.roadmap{
background:url("../img/support/ttl_roadmap.jpg") 50% 0 no-repeat;
}
div#Contents ol{
background:url("../img/support/bg_roadmap.gif") 0 0 no-repeat;
width:544px;
margin:0 auto 20px;
padding:10px 0;
}
div#Contents ol li{
padding:0 0 10px 20px;
}
div#Contents div#Proposal.cont p{
width:300px;
}
div#Contents div#Proposal.cont p.img{
width:220px;
}
body.program div#Contents h3{
border-left:3px solid #02AFD3;
color:#000000;
padding-left:7px;
}
body.program div#Contents div.cont p.text{
float:none;
clear:left;
width:auto;
}
body.program div#Contents h4{
margin:0 10px 10px;
}

body.coaching div#Contents h1{
background:url("../img/support/ttl_coaching.jpg") 0 0 no-repeat;
}
body.coaching div#Contents div.cont p{
float:none;
width:100%;
}
body.coaching div#Contents div.cont p.img{
float:right;
text-align:right;
width:120px;
}
body.coaching div#Contents div.cont p.text{
float:left;
width:400px;
}

body.pos div#Contents h1{
background:url("../img/support/ttl_pos.jpg") 0 0 no-repeat;
}

body.parent div#Contents h1{
background:url("../img/support/ttl_parent.jpg") 0 0 no-repeat;
}
body.parent div#Contents div.cont p{
float:none;
width:100%;
}
body.parent div#Contents div.cont.img h4,
body.parent div#Contents div.cont.img p{
float:left;
width:350px;
}
body.parent div#Contents div.cont.img p.img{
font-size:85%;
float:right;
width:180px;
}