/*--------------------------------------------------------------------
/- file   : feature.css
/- update : 20080920
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

div {
    zoom: 1;/*for IE 5.5-7*/
}
div:after {/*for modern browser*/
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    line-height: 0; 
    visibility: hidden;
}


/************** Content styles ***************/

#pagebody div#column2-main760 h2 {
	margin-bottom: 15px;
}
#pagebody div#column2-main760 h2.mainTitle {
	margin-bottom: 20px;
}

.nowrap {
	white-space: nowrap;
}

.stxt, 
.caution, 
.attention {
	font-size: 85%;
	color: #666666;
}

p.caution, 
p.attention {
	margin-left: 1em;
	text-indent: -1em;
}

ol.caution {
	margin-bottom: 10px;
	padding-left: 2.3em;
}
ol.caution li {
	color: #666666;
	margin-bottom: 5px;
	padding: 0px;
	text-indent: -2.3em;
	background: none;
}
ol.caution li strong {
	color: #666666;
	font-weight: normal;
}

.green {
	color: #609336;
}
ol.caution li strong.green {
	color: #609336;
}

ul.caution {
	margin-bottom: 10px;
	padding-left: 1.1em;
}
ul.caution li {
	color: #666666;
	margin-bottom: 5px;
	padding: 0px;
	text-indent: -1.1em;
	background: none;
}
ul.caution li strong {
	color: #666666;
	font-weight: normal;
}

ul.caution li img {
	margin-bottom: 3px;
	margin-right: -5px;
	vertical-align: middle;
}


/************** Content Index1 styles ***************/

#pagebody div#column2-main760 div#content h3 {
	margin-bottom: 25px;
}

#pagebody div#column2-main760 div#content dl.about {
	position: relative;
	width: 755px;
	height: 205px;
	margin-bottom: 20px;
}
#pagebody div#column2-main760 div#content dl.about dt {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 205px;
}
#pagebody div#column2-main760 div#content dl.about dd {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 565px;
	height: 205px;
}

#pagebody div#column2-main760 div#content dl.short {
	height: 195px;
}
#pagebody div#column2-main760 div#content dl.short dt {
	height: 195px;
}
#pagebody div#column2-main760 div#content dl.short dd {
	height: 195px;
}


/************** Content Feature styles ***************/


#pagebody div#column2-main760 dl#featureNav {
	overflow: hidden;
	width: 755px;
	height: 40px;
	margin: 0 0 20px;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat left top;
}
#pagebody div#column2-main760 dl#featureNav dt {
	display: none;
}
#pagebody div#column2-main760 dl#featureNav dd {
}

#pagebody div#column2-main760 dl.business {
	border-bottom: 8px solid #10218B;
}
#pagebody div#column2-main760 dl.rec {
	border-bottom: 8px solid #CD0023;
}
#pagebody div#column2-main760 dl.language {
	border-bottom: 8px solid #1E8C7E;
}
#pagebody div#column2-main760 dl.study {
	border-bottom: 8px solid #FF7F00;
}
#pagebody div#column2-main760 dl.fieldrec {
	border-bottom: 8px solid #309e10;
}

#pagebody div#column2-main760 dl#featureNav dd ul {
	width: 755px;
	height: 40px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -9999px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li {
	float: left;
	width: 151px;
	height: 40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 151px;
	height: 40px;
}

#pagebody div#column2-main760 dl#featureNav dd ul li.business {
	margin: 0;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat 0px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.rec {
	margin: 0;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -151px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.language {
	margin: 0;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -302px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.study {
	margin: 0;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -453px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.fieldrec {
	margin: 0;
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -604px 0px;
}

#pagebody div#column2-main760 dl#featureNav dd ul li.business a {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat 0px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.rec a {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -151px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.language a {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -302px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.study a {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -453px 0px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.fieldrec a {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -604px 0px;
}

#pagebody div#column2-main760 dl#featureNav dd ul li.business a.now {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat 0px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.rec a.now {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -151px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.language a.now {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -302px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.study a.now {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -453px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.fieldrec a.now {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -604px -40px;
}

#pagebody div#column2-main760 dl#featureNav dd ul li.business a:hover {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat 0px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.rec a:hover {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -151px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.language a:hover {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -302px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.study a:hover {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -453px -40px;
}
#pagebody div#column2-main760 dl#featureNav dd ul li.fieldrec a:hover {
	background: url(../../../about_ic-recorder/images/201005/loacalnav.jpg) no-repeat -604px -40px;
}


#pagebody div#column2-main760 div#featureTitle {
	overflow: hidden;
	width: 755px;
	height: 205px;
	margin: 0;
	padding: 0;
}

#pagebody div#column2-main760 div#featureTitle h3 {
	float: left;
	width: 190px;
	height: 205px;
}
#pagebody div#column2-main760 div#featureTitle dl.recommend {
	float: left;
	width: 565px;
	height: 205px;
}
#pagebody div#column2-main760 div#featureTitle dl.recommend dt {
	display: none;
}


#pagebody div#column2-main760 div#feature {
	width: 755px;
	margin: 0 0 25px;
}

#pagebody div#column2-main760 div#feature div#main {
	float: right;
	display: inline;
	width: 565px;
}
#pagebody div#column2-main760 div#feature div#pageNav {
	float: left;
	display: inline;
	width: 190px;
}


#pagebody div#column2-main760 div#feature div#pageNav dl {
	width: 190px;
	border: none;
}
#pagebody div#column2-main760 div#feature div#pageNav dl dt {
	display: none;
}
#pagebody div#column2-main760 div#feature div#pageNav dl dd ul li {
	overflow: hidden;
	width: 190px;
	height: 46px;
	background: #ffffff;
}


#pagebody div#column2-main760 div#feature div#main div.feature {
	margin: 0;
	padding: 40px 0 10px 20px;
}

#pagebody div#column2-main760 div#feature div#main div.feature p {
	margin-bottom: 1.5em;
}
#pagebody div#column2-main760 div#feature div#main div.feature .linkmark {
	display: block;
	margin-top: 0.5em;
}
#pagebody div#column2-main760 div#feature div#main div.feature .linkmark a {
	padding-left: 10px;
	background: url(../../../about_ic-recorder/images/icon_function_arrow.jpg) no-repeat left center;
}

#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox {
	width: 545px;
	margin: 0 0 15px;
	padding: 0;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox p.feature {
	float: left;
	display: inline;
	width: 300px;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature {
	float: right;
	display: inline;
	width: 225px;
	margin: 0 0 15px;
	padding: 0;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.b_none {
	margin: 0 0 5px;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dt {
	overflow: hidden;
	width: 225px;
	height: 23px;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dd {
	width: 225px;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dd ul {
	padding: 5px 0px 5px 8px;
	font-size: 85%;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dd ul li {
	margin-right: 15px;
	white-space: nowrap;
	line-height: 1.6;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dd ul li.even {
	margin-right: 0px;
}
#pagebody div#column2-main760 div#feature div#main div.feature div.featureBox dl.feature dd ul li a {
	padding-left: 8px;
	background: url(../../../about_ic-recorder/images/icon_function_arrow.gif) no-repeat left center;
	zoom: 1;
}


#pagebody div#column2-main760 div#feature div#main div.feature ul.attention {
	clear: right;
	margin: 0 0 0 320px;
	padding: 0 0 0 8px;
	zoom: 1;
	font-size: 85%;
}
#pagebody div#column2-main760 div#feature div#main div.feature ul.attention li {
	margin-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: 3px;
}
#pagebody div#column2-main760 div#feature div#main div.feature ul.num li {
	margin-left: 2.2em;
	text-indent: -2.2em;
}

/* for IE7 */  
*:first-child+html #pagebody div#column2-main760 div#feature div#main div.feature ul.attention {
	clear: none;
}
/* for IE6 */  
* html #pagebody div#column2-main760 div#feature div#main div.feature ul.attention {
	clear: none;
}


#pagebody div#column2-main760 div#feature div#main div.feature table.feature {
	width: 545px;
	background: #e4e4e4;
}
#pagebody div#column2-main760 div#feature div#main div.feature table.feature th {
	width: 85px;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	background: #e4e4e4;
}
#pagebody div#column2-main760 div#feature div#main div.feature table.feature td {
	width: 460px;
	background: #f3f3f3;
}
#pagebody div#column2-main760 div#feature div#main div.feature table.feature td ul {
	padding: 10px;
}
#pagebody div#column2-main760 div#feature div#main div.feature table.feature td ul li {
	float: left;
	margin-right: 20px;
	white-space: nowrap;
}
#pagebody div#column2-main760 div#feature div#main div.feature table.feature td ul li a {
	padding-left: 10px;
	background: url(../../../about_ic-recorder/images/icon_function_arrow.jpg) no-repeat left center;
	zoom: 1;
}



/************** Content Feature Business styles ***************/

#pagebody div#column2-main760 div.business {
}

#pagebody div#column2-main760 div#feature div#main div.business {
	background: none;
}
#pagebody div#column2-main760 div#feature div#main div.business h4 {
	margin-bottom: 20px;
}

#pagebody div#column2-main760 div#feature div#main div.business div.featureBox dl.feature dd ul {
	border: 1px solid #DEE1EF;
	border-top: none;
}



/************** Content Feature Rec styles ***************/

#pagebody div#column2-main760 div.rec {
}
#pagebody div#column2-main760 div#feature div#main div.rec div.featureBox p.feature {
	width: 280px;
}
#pagebody div#column2-main760 div#feature div#main div.rec div.featureBox dl.feature {
	width: 245px;
}
#pagebody div#column2-main760 div#feature div#main div.rec div.featureBox dl.feature dt {
	width: 245px;
}
#pagebody div#column2-main760 div#feature div#main div.rec div.featureBox dl.feature dd {
	width: 245px;
}

#pagebody div#column2-main760 div#feature div#main div.rec {
	background: none;
}
#pagebody div#column2-main760 div#feature div#main div.rec h4 {
	margin-bottom: 20px;
}

#pagebody div#column2-main760 div#feature div#main div.rec div.featureBox dl.feature dd ul {
	border: 1px solid #F8D1D2;
	border-top: none;
}
#pagebody div#column2-main760 div#feature div#main div.rec ul.attention {
	margin: 0 0 0 300px;
}


/************** Content Feature fieldrec styles ***************/

#pagebody div#column2-main760 div.rec {
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec div.featureBox p.feature {
	width: 280px;
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec div.featureBox dl.feature {
	width: 245px;
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec div.featureBox dl.feature dt {
	width: 245px;
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec div.featureBox dl.feature dd {
	width: 245px;
}

#pagebody div#column2-main760 div#feature div#main div.fieldrec {
	background: none;
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec h4 {
	margin-bottom: 20px;
}

#pagebody div#column2-main760 div#feature div#main div.fieldrec div.featureBox dl.feature dd ul {
	border: 1px solid #BAD7AD;
	border-top: none;
}
#pagebody div#column2-main760 div#feature div#main div.fieldrec ul.attention {
	margin: 0 0 0 300px;
}



/************** Content Feature Language styles ***************/

#pagebody div#column2-main760 div#featureLanguageTitle {
	overflow: hidden;
	width: 755px;
	height: 195px;
	margin: 0;
	padding: 0;
}

#pagebody div#column2-main760 div#featureLanguageTitle h3 {
	float: left;
	width: 190px;
	height: 195px;
}
#pagebody div#column2-main760 div#featureLanguageTitle dl.recommend {
	float: left;
	width: 565px;
	height: 195px;
}
#pagebody div#column2-main760 div#featureLanguageTitle dl.recommend dt {
	display: none;
}

#pagebody div#column2-main760 div.language {
}

#pagebody div#column2-main760 div#feature div#main div.language {
	background: none;
}
#pagebody div#column2-main760 div#feature div#main div.language h4 {
	margin-bottom: 20px;
}

#pagebody div#column2-main760 div#feature div#main div.language div.featureBox dl.feature dd ul {
	border: 1px solid #BEE2DF;
	border-top: none;
}


/************** Content Feature Study styles ***************/

#pagebody div#column2-main760 div.study {
}

#pagebody div#column2-main760 div#feature div#main div.study {
	background: none;
}
#pagebody div#column2-main760 div#feature div#main div.study h4 {
	margin-bottom: 20px;
}

#pagebody div#column2-main760 div#feature div#main div.study div.featureBox dl.feature dd ul {
	border: 1px solid #FFDEBD;
	border-top: none;
}



/************** function styles ***************/

#function dl.popUpWin {
	min-width: 640px;
	margin: 20px;
	text-align: left;
}
#function p {
	padding: 0px 0px 20px;
}
#function p.btn {
	margin-right: 20px;
	text-align: right;
}
#function p.photo {
	float: right;
	display: inline;
	margin-left: 20px;
}
#function img.icon {
	margin: -6px 10px -5px 0px;
	vertical-align: middle;
}

#function dl.popUpWin dt {
	margin: 0px 0px 20px;
	padding: 10px 10px 9px 10px;
	background: #eeeeee url(/ic-recorder/about_ic-recorder/function/images/icon_bg_title.gif) repeat-x left top;
	border-bottom: 1px solid #e6e6e6;
	font-size: 116%;
	font-weight: bold;
}
#function dl.popUpWin dd {
	margin: 0px 0px 20px;
	padding: 0px 10px 20px 10px;
	border-bottom: 1px solid #cccccc;
}

#function dl.popUpWin .center {
	text-align: center;
}

#function dl.popUpWin dd ul.list {
	margin: 0px 0px 20px;
}
#function dl.popUpWin dd ul.list li {
	margin-bottom: 5px;
	list-style-type: disc;
}


/************** function language styles ***************/

#function dl.popUpWin dd.language {
	padding: 0px 10px 20px 20px;
}
#function dl.popUpWin dd.language p.none {
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#function p.languageIcon {
	float: left;
	display: inline;
	width: 69px;
}
#function p.languageTxt {
	float: left;
	display: inline;
	width: 520px;
}

#function table.language {
	width: 600px;
	margin-bottom: 20px;
	border: 1px solid #ff6600;
	border-right: none;
	border-bottom: none;
}
#function table.language th {
	padding: 5px 8px;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}
#function table.language tr.title th {
	padding: 5px 8px;
	font-weight: bold;
	text-align: center;
	background: #ffcc33;
	white-space: nowrap;
}
#function table.language td {
	width: 14%;
	padding: 5px 8px;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}