@charset "UTF-8";

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

* product.css

* site name   : http://www.bitcampus.net/
* description : Product Page styles
* since       : 2008-12-03
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

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

/* Index Page Style
-------------------------------------------------------------------*/
#Contents #About h2{
background:none;
float:left;
width:240px;
padding:0;
margin-bottom:1.5em;
}
#About .text{
float:left;
width:270px;
padding-left:0.5em;
}
#About .text span{
color:#999999;
}
#Contents #Reasons h3{
float:left;
width:230px;
margin-bottom:0.5em;
}
#Contents #Reasons .text,
#Contents #Reasons .detail{
float:left;
width:310px;
padding-left:0.5em;
margin-bottom:0.5em;
}
#Reasons ol li{
background:url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;
padding-bottom:0.5em;
}
#Reasons ol li.last{
background:none;
}
#Contents #Reasons .cont{
margin-bottom:1em;
}
#Shift{
margin-bottom:1.5em;
}
#lNav #Menu{
border:1px solid #D4D4D4;
border-top:2px solid #304D7B;
margin-bottom:1.5em;
}
#lNav #Menu h3{
background:#F4F4F4;
float:none;
width:auto;
padding:0.2em 0 0.2em 0.5em;
margin-bottom:0.2em;
}
#lNav #Menu ol{
padding:0 0.2em 0.2em;
}
#lNav #Menu li{
font-size:100%;
padding:0.2em;
margin-bottom:0.6em;
}
#lNav #Menu li a{
background-image:none;
padding-left:0;
}
#lNav #Menu li a:hover{
background:#304D7B;
}
#lNav #Menu img{
padding-right:0.3em;
}

/* Improve Page Style
-------------------------------------------------------------------*/
#Contents #Introduction h2{
background:none;
float:left;
width:347px;
padding:0;
margin-bottom:1.5em;
}
#Introduction .text,
#Features .text{
float:left;
width:300px;
padding-left:0.5em;
margin-bottom:1em;
}
#Features li{
background:#F2F2F2;
padding:0.6em;
margin-bottom:1.5em;
}
#Features li li{
background:#FFFFFF url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;
font-weight:bold;
float:left;
width:172px;
padding:0 10px 1em 0;
margin:0 0 1em;
}
#Features li li span{
display:block;
border-right:1px solid #E2E2E2;
padding:5px 0 0 30px;
min-height:23px;
}
* html #Features li li span{
height:23px;
}
#Features li li.turn{
border:none;
}
#Features li li.turn span{
border:none;
}
#Features li li.not_full{
background:#FFFFFF;
margin-bottom:0;
}
#Contents #Features li div.cont{
background:#FFFFFF;
border:1px solid #E2E2E2;
padding:0.8em;
margin:0;
}
#Contents #Features h3{
float:left;
width:300px;
}
#Contents #Features h4{
background:#F2F2F2;
border-top:1px solid #304D7B;
float:none;
clear:both;
padding:0.1em 0 0.2em 0.5em;
margin-bottom:1em;
}