/*****************************************************
common
*****************************************************/
@import url("base.css");
@import url("base_sub.css");
@import url("header_footer.css");
@import url("print.css");


/*****************************************************
*******************  id=main  ************************
*****************************************************/



/*****************************************************
******************  id=sidebar  **********************
*****************************************************/
	


div.gbox_l{
    width:330px;
	float:left;
	margin-bottom:10px;
	}
div.gbox_r{
	width:310px;
	float:left;
	margin-bottom:10px;
	}
div#content div.gbox_l p,
div#content div.gbox_r p{
    margin-bottom:8px;
	}

*****************************************************/
/*=== top visual part =============================*/		
div.topvisual{
    width:922px;
	height:316px;
	}
/*div.topvisual:after {
	content: "";
	display: block;
	clear: both;
}*/
div.topvisual div.info{
    margin-left:370px;
	padding-top:0px;
	height:0px;
	width:250px;
	}
div.topvisual div.info:after {
	content: "";
	display: block;
	clear: both;
}
div#fm{background:url(../products/img/topimg_activereports.jpg) left top no-repeat;}

p.prologo{
	padding-bottom:5px;
	}
p.prologo, p.prologo img{
    
	height:68px;
	}
dl.price{
    padding-top:11px;
	padding-left:18px;
	}
dl.price dt{
    float:left;
	width:85px;
	font-weight:bold;
	}
	
dl.price dd{
    float:left;
	width:330px;
	}	
p.bt{
    width:107px;
	height:23px;
	float:left;
	margin-right:10px;
	padding-top:0px;
	}
	
/*=== tab navigation =============================*/	
ul#tabnavi{
    clear:both;
    height:28px;
    border-bottom:solid 1px #999;
	padding-top:28px;
	margin-left:9px;
    }
ul#tabnavi li{
    float:left;
    margin:0px 1px 0px 0px;
	width:auto;
    }
ul#tabnavi li#current{
    cursor:default;
	border-bottom:solid 1px #edecec;
	margin-bottom:-1px;
	}	
	
ul#tabnavi li a{
    display:block;
	float:left;
	height:28px;
    padding-left:10px;
    text-decoration:none;
	cursor:pointer;
    }
ul#tabnavi li a span{
    display:block;
	float:left;
    padding:5px 10px 0px 0px;
    height:23px;
	font-weight:bold;
    text-align:center;
	font-size:100%;
    }

ul#tabnavi li a:link,
ul#tabnavi li a:visited{
    background:url(../services/img/tab_off_l.gif) no-repeat left top;
    color:#000;
    }
ul#tabnavi li a:hover,
ul#tabnavi li a:active,
ul#tabnavi li#current a{
    background:url(../services/img/tab_on_l.gif) no-repeat left top;
    color:#009900;
    }

ul#tabnavi li a:link span,
ul#tabnavi li a:visited span{
    background:url(../services/img/tab_off_r.gif) no-repeat right top;

}

ul#tabnavi li a:hover span,
ul#tabnavi li a:active span,
ul#tabnavi li#current a span{
    background:url(../services/img/tab_on_r.gif) no-repeat right top;
}	
