@charset "UTF-8";

/* ****************************************************
Title: content.css
Created date: 2009/05/27
Last Modified: 2009/05/27
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 primary
#02 secondary

#03 function.html
#04 support.html
#05 trial.html
#06 price.html
#07 partners.html
#08 gred_k.html
----------------------------------------*/


/* #01 primary
---------------------------------------------------------------------------- */


/*メインイメージのサブナビゲーション*/
div.naviSection ul#lNavi li#lNaviTop {
	background: url(../../img/btn/lnavi60.png) no-repeat 0 0;
	width: 60px;
}

body#gredTop div.naviSection ul#lNavi li#lNaviTop {
	background: url(../../img/btn/lnavi60_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviFunction {
	background: url(../../img/btn/lnavi75.png) no-repeat 0 0;
	width: 75px;
}

body#gredFunction div.naviSection ul#lNavi li#lNaviFunction {
	background: url(../../img/btn/lnavi75_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviTrial {
	background: url(../../img/btn/lnavi105.png) no-repeat 0 0;
	width: 105px;
}

body#gredTrial div.naviSection ul#lNavi li#lNaviTrial {
	background: url(../../img/btn/lnavi105_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviPrice {
	background: url(../../img/btn/lnavi60.png) no-repeat 0 0;
	width: 60px;
}

body#gredPrice div.naviSection ul#lNavi li#lNaviPrice {
	background: url(../../img/btn/lnavi60_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviSupport {
	background: url(../../img/btn/lnavi70.png) no-repeat 0 0;
	width: 70px;
}

body#gredSupport div.naviSection ul#lNavi li#lNaviSupport {
	background: url(../../img/btn/lnavi70_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviPartners {
	background: url(../../img/btn/lnavi70.png) no-repeat 0 0;
	width: 70px;
}

body#gredPartners div.naviSection ul#lNavi li#lNaviPartners {
	background: url(../../img/btn/lnavi70_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviCatalog {
	background: url(../../img/btn/lnavi105.png) no-repeat 0 0;
	width: 105px;
}

body#gredCatalog div.naviSection ul#lNavi li#lNaviCatalog {
	background: url(../../img/btn/lnavi105_o.png) no-repeat 0 0;
}

div.naviSection ul#lNavi li#lNaviContact {
	background: url(../../img/btn/lnavi_contact.png) no-repeat 0 0;
	width: 91px;
}

body#gredContact div.naviSection ul#lNavi li#lNaviContact {
	background: url(../../img/btn/lnavi_contact_o.png) no-repeat 0 0;
}

body#gredContact div.naviSection ul#lNavi li#lNaviContact a,
body#gredContact div.naviSection ul#lNavi li#lNaviContact a:hover {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

div.naviSection ul#lNavi li#lNaviContact a,
div.naviSection ul#lNavi li#lNaviContact a:hover {
	color: #FFF;
}


body#gredFunction div.naviSection ul#lNavi li#lNaviFunction a,
body#gredFunction div.naviSection ul#lNavi li#lNaviFunction a:hover,
body#gredTop div.naviSection ul#lNavi li#lNaviTop a,
body#gredTop div.naviSection ul#lNavi li#lNaviTop a:hover,
body#gredTrial  div.naviSection ul#lNavi li#lNaviTrial a,
body#gredTrial  div.naviSection ul#lNavi li#lNaviTrial a:hover,
body#gredPrice div.naviSection ul#lNavi li#lNaviPrice a,
body#gredPrice div.naviSection ul#lNavi li#lNaviPrice a:hover,
body#gredSupport div.naviSection ul#lNavi li#lNaviSupport a,
body#gredSupport div.naviSection ul#lNavi li#lNaviSupport a:hover,
body#gredPartners div.naviSection ul#lNavi li#lNaviPartners a,
body#gredPartners div.naviSection ul#lNavi li#lNaviPartners a:hover,
body#gredCatalog div.naviSection ul#lNavi li#lNaviCatalog a,
body#gredCatalog div.naviSection ul#lNavi li#lNaviCatalog a:hover {
	color: #797979;
	font-weight: bold;
	text-decoration: none;
}

div.section ul.feature {margin:0 0 25px 0; padding:0; overflow:hidden;}
div.section ul.feature li {float:left; border-right:dotted 1px #CCC; width:134px; height:80px; padding:120px 10px 10px 10px;}
div.section ul.feature li.feature1 {background:url(../img/feature1.gif) no-repeat center 0;}
div.section ul.feature li.feature2 {background:url(../img/feature2.gif) no-repeat center 0;}
div.section ul.feature li.feature3 {background:url(../img/feature3.gif) no-repeat center 0;}
div.section ul.feature li.feature4 {background:url(../img/feature4.gif) no-repeat center 0;}
div.section ul.feature li.last {border:none;}


div.section p.crossdomain {overflow:hidden;}
div.section p.crossdomain img {float:right; margin:0 0 5px 10px; border:solid 5px #CCCCCC;}


div.section dl.trouble {
	background: url(../img/bg_trouble_bottom.gif) no-repeat left bottom;
	padding: 0 0 30px 0;
}

div.section dl.trouble dd {
	border-left: 3px solid #E6E6E6;
	border-right: 3px solid #E6E6E6;
	padding: 3px 22px 7px 18px;
}

div.section dl.trouble dd ul li {
	background: url(../../img/icon/icon_check.gif) no-repeat 0 10px;
	border-bottom: 1px dashed #DBDBDB;
	padding: 7px 0 0 23px; 
}

div.section dl.trouble dd ul li.troubleLast {
	border: none;
}

div.section dl.service {
	background: #F1EDDC;
	margin: 7px 0 0 0;
	position: relative;
}

div.section dl.service dt {
	padding: 19px 0 0 20px;
}

div.section dl.service dd {
	height: 49px;
	padding: 11px 0 0 20px;
	width: 415px;
}

* html div.section dl.service dd {
	height: 13px;
	padding: 11px 0 0 26px;
}

div.section dl.service dd.image {
	padding: 0;
}

div.section dl.service dd.image img {
	right: -17px;
	position: absolute;
	top: -13px;
}

div.section ul.advantage {
	padding: 20px 0 0 19px;
}

div.section ul.advantage li {
	float: left;
	padding: 0 12px 0 0;
}

div.section p.price {
	clear: both;
	padding: 15px 0 20px 21px;
}

div.section ul.text li {
	padding: 0 0 3px 0;
}

div.section dl.try {
	padding: 39px 0 0 0;
}

div.section dl.try dd {
	background: #F2F2F2;
	padding: 15px 63px 24px 60px;
}

div.section dl.try dd p {
	float: left;
}

div.section dl.try dd ul {
	float: right;
}

div.section dl.try dd ul li {
	padding: 0 0 2px 0;
}

/* #02 secondary
---------------------------------------------------------------------------- */



/* #03 function.html
---------------------------------------------------------------------------- */




div.section dl.merit{
	margin: 16px 7px 37px 7px;
}

div.section dl.merit span{
	color: #d56f46;
}

div.section dl.merit span.ml05{
	margin-left: 5px;
}

div.section dl.merit span.mr05{
	margin-right: 5px;
}


div.section dl.merit dt,
div.section dl.merit dd{
	padding-left: 10px;	
}

div.section dl.merit dt{
	background-image: url(../../img/icon/icon_list_graysquare.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


/* For IE6 IE7 \*/
* html div.section dl.merit dt{
	background-position: 0px 6px;
}

*:first-child + html div.section dl.merit dt{
	background-position: 0px 6px;
}

/**/

div.section dl.merit dd{
	margin-bottom: 12px;
}

div.section div.feature{
	padding-left: 25px;
	margin-bottom: 40px;
}

div.section div.feature p.mr20{
	margin-right: 20px;
}

div.section p.flowImages{
	margin: 16px 0px 24px 36px;
}

div.section p.sealImages{
	margin: 10px 0px 0px 0px;
}


/* #04 support.html
---------------------------------------------------------------------------- */

div.section dl.makeContact{
	margin-top: 5px;
	margin-bottom: 10px;
}

div.section dl.makeContact dt{
	margin-bottom: 11px;
}

div.section dl.makeContact dd{
	margin-bottom: 30px;
}

div.section dl.makeContact dd.image{
	margin-bottom: 15px;
}

div.section dl.makeContact dd.mb15{
	margin-bottom: 15px;
}

div.section dl.mt19{
	margin-top: 19px;
}

/* #05 trial.html
---------------------------------------------------------------------------- */

div.section div.trialItemsArea{
	width: 580px;
	border: 3px solid #dae8fa;
	padding: 14px 17px;
	margin-top: 19px;
	margin-bottom: 17px;
}

/*For IE6 \*/

*html div.section div.trialItemsArea{
	width: 620px;
}

/**/

div.section div.trialItemsArea dt{
	margin-bottom: 5px;
}

div.section ul.trialNotes{
	margin-bottom: 20px;
}

div.section div.btnTrial{
	width: 100%;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

div.section p.text span.attention,
div.section p.text strong.attention{
	color: #c70615;
}
	
div.section p.flowImages02{
	margin: 0px 0px 24px 24px;
}

div.section p.initializationImages{
	margin: 0px 0px 13px 24px;
}	
		
/* #06 price.html
---------------------------------------------------------------------------- */	

div.section table.price{
	margin: 0 0 25px 0;
	border: 1px solid #6d6c6e;
}

div.section table.price th,
div.section table.price td{
	padding: 10px 8px;
	border-color: #b8c0ca;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

div.section table.price th.last{
	border-right-color: #6d6c6e;
	border-bottom-color: #b8c0ca;
}

div.section table.price td.bottomLast{
	border-right-color: #b8c0ca;
	border-bottom-color: #6d6c6e;
}

div.section table.price td.rightLast{
	border-right-color: #6d6c6e;
	border-bottom-color: #6d6c6e;
}


div.section table.price th{
	background-image: url(../img/bg_price_th.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f9f5d5;
	text-align: center;
	font-weight: bold;
}


div.section table.price td{
	white-space: nowrap;
}

div.section table.price td.remarks{
	background-color: #fbf9e2;
	white-space: normal;
}

div.section table.price td.remarks dl{
	font-size: 90%;
}

div.section table.price td.remarks dd.mb10{
	margin-bottom: 10px;
}

div.section table.price2{
	margin: 0 0 25px 0;
	border: 1px solid #6d6c6e;
}

div.section table.price2 th,
div.section table.price2 td{
	padding: 10px 8px;
	border-color: #b8c0ca;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

div.section table.price2 th.last{
	border-right-color: #6d6c6e;
	border-bottom-color: #b8c0ca;
}

div.section table.price2 td.bottomLast{
	border-right-color: #b8c0ca;
	border-bottom-color: #6d6c6e;
}

div.section table.price2 td.rightLast{
	border-right-color: #6d6c6e;
	border-bottom-color: #6d6c6e;
}


div.section table.price2 th{
	background-image: url(../img/bg_price_th2.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ecf8d5;
	text-align: center;
	font-weight: bold;
}


div.section table.price2 td{
	white-space: nowrap;
}

div.section table.price2 td.remarks{
	background-color: #ecf8d5;
	white-space: normal;
}

div.section table.price2 td.remarks dl{
	font-size: 90%;
}

div.section table.price2 td.remarks dd.mb10{
	margin-bottom: 10px;
}



/* #07 partners
---------------------------------------------------------------------------- */
div.section div.partners {clear:both; overflow:hidden;}
div.section div.partners dl {margin:0 10px 10px 0; padding:9px; width:180px; height:90px; float:left; border:solid 1px #CCC;}
div.section div.partners dl dt {margin:0 5px 0 0; text-align:center;}
div.section div.partners dl dd {}
div.section div.partners dl.right {margin:0 0 10px 0;}


/* #08 gred_k.html
---------------------------------------------------------------------------- */
.useBtn {
	display:block;
	background-image: url(/products/gred/img/btn/usenow.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 284px;
	margin:15px auto 15px auto;
	overflow: hidden;
	text-indent: -9999px;
}
a:hover.useBtn {
	background-position:0 -44px;
}

table#detection {margin:0 0 20px 0; padding:0; border:solid 1px #CCC; border-bottom:none; border-left:none;}
table#detection th,table#detection td {padding:5px; margin:0; border:solid 1px #CCC; border-top:none; border-right:none;}
table#detection th {background:#f2f2f2;}