@charset "UTF-8";

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

* feature.css

* site name   : http://ex-open.com/
* description : Feature Page styles
* since       : 2008-08-28
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/feature/ttl_feature.gif") 0 0 no-repeat;
}
div#Contents div#Student{
background:url("../img/feature/bg_analytics.jpg") 0 0 no-repeat;
float:left;
width:258px;
height:116px;
}
div#Contents div#Parent{
background:url("../img/feature/bg_gap.jpg") 0 0 no-repeat;
float:right;
width:258px;
height:116px;
}
div#Contents div#Student h3,
div#Contents div#Parent h3{
text-indent:-999em;
}
div#Contents div#Student p,
div#Contents div#Parent p{
padding:45px 0 0 10px;
}
div#Contents ul.cont li{
text-indent:-999em;
width:476px;
height:48px;
padding:55px 0 0 58px;
margin-bottom:10px;
}
div#Contents li.number{
background:url("../img/feature/bnr_number.jpg") 0 0 no-repeat;
}
div#Contents li.analytics{
background:url("../img/feature/bnr_analytics.jpg") 0 0 no-repeat;
}
div#Contents li.review{
background:url("../img/feature/bnr_review.jpg") 0 0 no-repeat;
}
div#sNav div#Feature{
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:1px;
}
div#sNav div#Feature h3{
background:url("../img/feature/ttl_feature_sNav.gif") 0 0 no-repeat;
margin-bottom:3px;
}
div#sNav div#Feature dl{
padding:0 3px;
}
div#sNav div#Feature dt{
margin-bottom:5px;
}
div#sNav div#Feature dd{
margin:0 0 10px 5px;
}
div#Contents.number ul.cont,
div#Contents.analytics ul.cont,
div#Contents.review ul.cont{
margin-top:40px;
}
/*Meaning Page Style
--------------------------------------------------------------*/
div#Contents.meaning h1{
background:url("../img/feature/ttl_meaning.gif") 0 0 no-repeat;
}
div#Contents h2 span{
font-weight:normal;
font-size:90%;
}
div#Contents div.cont ul{
border-left:7px solid #FCEBEB;
font-size:120%;
font-weight:bold;
color:#DB0204;
padding-left:15px;
margin-bottom:20px;
}
div#Contents div.cont li{
margin-bottom:7px;
}
/*Number Page Style
--------------------------------------------------------------*/
div#Contents.number h1{
background:url("../img/feature/ttl_number.gif") 0 0 no-repeat;
}
div#Contents.number .cont span{
font-weight:bold;
}
div#Contents.number .cont strong{
font-size:120%;
color:#DA0204;
}
/*Analytics Page Style
--------------------------------------------------------------*/
div#Contents.analytics h1{
background:url("../img/feature/ttl_analytics.gif") 0 0 no-repeat;
}
div#Contents.analytics div.cont p.image{
margin-bottom:0;
}
div#Contents.analytics h3{
color:#00097C;
padding:0;
margin:0 0 10px;
}
div#Contents.analytics div#Report div.cont{
margin-bottom:0px;
}
/*Review Page Style
--------------------------------------------------------------*/
div#Contents.review h1{
background:url("../img/feature/ttl_review.gif") 0 0 no-repeat;
}
div#Contents div.flow{
border:1px solid #C0C0C0;
margin:0 15px 10px;
}
div#Contents div.flow h3{
margin:10px 0 7px;
}
div#Contents .cont h2{
background:none;
border-left:1px solid #DB0204;
font-size:140%;
width:auto;
height:auto;
margin:0 0 15px;
padding:0 0 0 10px;
}
div#Contents div.flow p{
margin:0 0 10px 55px;
}
div#Contents p.flow{
margin:10px 0 10px 60px;
}
div#Contents.review .cont strong{
font-size:115%;
color:#DA0204;
}
.review .cont table,
.review .cont th,
.review .cont td{
border-color:#447F25;
}
.review .cont thead th{
background:#C9E678;
}
.review .cont table .time{
width:20%;
}
.review .cont table .content{
width:15%;
}
div#Contents.review .detail span{
color:#666666;
}