@charset "UTF-8";

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

* function.css

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

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
#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 ul{
padding:0 0.2em 0.2em;
}
#lNav #Menu li{
font-size:100%;
padding:0.2em;
margin-bottom:0.6em;
}
#lNav #Menu li a{
background:url("../img/common/icn_arrow_gray.gif") 0 7px no-repeat;
display:block;
padding-left:10px;
}
#Features p{
margin-bottom:1.5em;
}
#Features  ul{
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
padding-top:1em;
}
#Features  li{
background:#FFFFFF url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;
float:left;
width:270px;
min-height:4.5em;
padding:0 10px 10px 0;
margin:0 0 1em;
}
#Features  li.longer{
min-height:6em;
}
#Features  li.last{
background:#FFFFFF;
min-height:0;
}
* html #Features li{
height:4.5em;
}
* html #Features li.longer{
height:6em;
}
#Features  li a{
font-size:112%;
font-weight:bold;
}
#Features  li span{
display:block;
border-right:1px solid #E2E2E2;
padding-left:40px;
}
#Features  li.turn{
border:none;
}
#Features  li.turn span{
border:none;
}
#Features  li.not_full{
background:#FFFFFF;
margin-bottom:0;
}

/*Each Function Page Style
--------------------------------------------------------------------------*/
.explanation #Contents h2{
padding-top:0.1em;
padding-bottom:0.1em;
}
#Contents h2 span,
#pNav span{
display:block;
min-height:23px;
padding:5px 0 0 30px;
}
* html #Contents h2 span,
* html #pNav span{
height:23px;
}
#pNav{
border:1px solid #D4D4D4;
margin-bottom:3em;
}
#pNav li{
background:url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;
border-right:1px solid #D4D4D4;
font-weight:bold;
float:left;
width:185px;
padding:10px 0 10px 10px;
}
#pNav li span{
min-height:23px;
padding:5px 0 0 30px;
}
* html #pNav li span{
height:23px;
}
#pNav li.last{
background:none;
}
#pNav li.turn{
border:none;
}
/**/
#pNav2 span{
display:block;
min-height:23px;
padding:5px 0 0 30px;
}
* html #pNav2 span{
height:23px;
}
#pNav2{
border:1px solid #D4D4D4;
margin-bottom:3em;
}
#pNav2 li{
/*background:url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;*/
border-right:1px solid #D4D4D4;
font-weight:bold;
float:left;
width:185px;
height:62px;
padding:10px 0 10px 10px;
}
#pNav2 li span{
min-height:23px;
padding:5px 0 0 30px;
}
* html #pNav2 li span{
height:23px;
}
#pNav2 li.turn{
border:none;
}

/**/
.explanation .cont p{
margin-bottom:1.5em;
}
.explanation .cont p strong{
font-size:112%;
color:#CC0000;
}

.explanation .cont .kanji_head {
margin:0 20px 18px 0;
float:left;
}
.explanation .cont .kanji_head_txt{
font-size:112%;
color:#CC0000;
margin-top:30px;
}
.explanation .cont .kanji_img{
margin-bottom:30px;
}
.explanation .cont .lh22{
line-height:22px;
}
.explanation #Contents .cont p.image{
text-align:right;
}
.explanation #Contents .cont p.image img{
padding-bottom:1em;
}
.explanation #Contents .cont p.image_left{
text-align:left;
}
.explanation #Contents .cont p.image_left img{
padding-bottom:1em;
}

.explanation #Contents .cont .bluebox{
border:1px solid #304d7b;
padding:15px;
}
.explanation #Contents .cont .bluebox .rtxt{
color:#CC0000;
margin-left:10px;
}
.explanation .cont ul{
border-left:1px solid #304D7B;
padding-left:1em;
margin:0 0 1em 1em;
}
.explanation .cont li{
background:url("../img/common/icn_dot_blue.gif") 0 0.5em no-repeat;
padding-left:10px;
}
.explanation .cont li strong{
color:#CC0000;
}
.explanation #Contents h3{
margin-bottom:1em;
}
#Capture,#Close{
text-align:center;
margin-bottom:2em;
}
/*Safety Mail Page Style
---------------------------------------------------------------------------------*/
.safety .cont .text{
float:left;
width:300px;
padding-left:0.5em;
margin-bottom:1em;
}
.safety #Contents .image{
margin-bottom:3em;
}

p.note {
font-size:90%;
}