@charset "UTF-8";

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

* top.css

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

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
ul#gNav{
margin-bottom:15px;
}
div#Contents{
background:none;
margin:0;
}
div#Contents h2{
background:none;
text-indent:-999em;
width:564px;
height:30px;
margin:0 0 10px;
padding:0;
}
div#Contents h2 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents h2#KeyVisual{
text-indent:0;
height:auto;
}
div#Contents div#Feature{
margin-bottom:10px;
}
div#Contents div#Feature h2{
background:url("../img/top/ttl_feature.gif") 0 0 no-repeat;
}
div#Contents div#Feature div#Number{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
div#Contents div#Feature div#Analytics{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
div#Contents div#Feature div#Review{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
}
* html div#Contents div#Feature div#Number,
* html div#Contents div#Feature div#Analytics{
padding-right:1px;
}
div#Contents div#Feature h4{
text-indent:-999em;
height:97px;
margin-bottom:7px;
}
div#Contents div#Feature h4 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents div#Feature div#Number h4{
background:url("../img/top/ttl_number.gif") 0 0 no-repeat;
}
div#Contents div#Feature div#Analytics h4{
background:url("../img/top/ttl_analytics.gif") 0 0 no-repeat;
}
div#Contents div#Feature div#Review h4{
background:url("../img/top/ttl_review.gif") 0 0 no-repeat;
}
div#Contents div#Feature strong{
font-weight:normal;
}
div#Contents div#Feature p{
width:170px;
margin:0 auto 10px;
}
div#Contents div#Feature p span{
font-weight:bold;
}
div#Contents div#Feature p a{
font-weight:bold;
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
padding-left:15px;
}
div#Contents div#Comment{
background:url("../img/common/bg_mainbody.gif") 0 100% no-repeat;
margin-bottom:10px;
}
div#Contents div#Comment h3{
background:url("../img/top/ttl_comment.gif") 0 0 no-repeat;
text-indent:-999em;
height:30px;
margin:0 0 10px;
padding:0;
}
div#Contents div#Comment div.distribution{
float:left;
padding-left:10px;
margin-bottom:20px;
}
div#Contents div#Comment div.primary{
float:left;
width:240px;
}
div#Contents div#Comment div.primary ul{
float:left;
width:120px;
}
div#Contents div#Comment div.junior{
float:left;
width:130px;
padding-left:20px;
}
div#Contents div#Comment div.distribution h4{
margin-bottom:7px;
}
div#Contents div#Comment h5{
background:#FFFFCC;
font-size:90%;
margin-bottom:10px;
padding-left:10px;
}
div#Contents div#Comment ul{
margin-bottom:7px;
}
div#Contents div#Comment li{
font-size:85%;
}
div#Contents div#Comment li strong{
font-size:150%;
}
* html div#Contents div#Comment li strong{
font-size:140%;
}
div#Contents div#Comment p.detail{
border-top:1px solid #DFDFDF;
padding:5px 15px 5px 15px;
margin:7px 0;
}
div#Contents div#Comment p.detail a{
padding-right:15px;
}
div#Contents div#Comment li span{
color:#DA0204
}
div#Contents div#Comment div p.total_number{
float:left;
width:135px;
padding:10px 0 0 10px;
}
div#Contents div#Comment p#Note{
font-size:110%;
float:right;
width:400px;
padding-right:10px;
}
p.banner{
margin-bottom:10px;
}
div#Contents div#Comment p.image{
margin-bottom:0;
}

div#note{
background:#ffffee;
border:1px solid #ffc7ba;
padding:10px;
margin-bottom:10px;
}

div#note h3{
background:url("../img/top/icn_note.gif") 0 0 no-repeat;
font-weight:bold;
font-size:1.1em;
color:#fa6745;
height:24px;
margin:0 0 2px;
padding-left:30px;
}