@charset "utf-8";

/* ------------------------------------------------------------------------------------------------- */

@import url(/common/css/common.css);
@import url(/common/css/model_header_nav.css);
@import url(/common/css/free-layout-1.5.css);

/* ------------------------------------------------------------------------------------------------- */


#model_header {
	padding-bottom: 20px !important;
}

	#model_header p.path {
		height: 20px;
	}

	#model_header #featured {
		width: 720px;
		height: 320px;
	}

	#model_header ul.navigation {
		width: 720px;
		height: 70px;
		height: 100px;
		background: url(/n-02a/images/bg_nav.gif) no-repeat left bottom;
	}

		#model_header ul.navigation li.tertiary ul {
			margin: 4px 0 0 0;
			padding: 5px 0 0 20px;
		}

		#model_header ul.navigation li.tertiary ul li {
			margin-right: 21px;
		}

#content-footer {
	margin: 60px 0 0;
}
			
	#content-footer ul.footer-nav {
		margin: 0 120px 20px;
	}
				
	#content-footer ul.footer-nav li {
		text-align: center;
	}
				
	#content-footer ul.footer-nav li.prev {
		float: left;
		width: 220px;
	}
				
	#content-footer ul.footer-nav li.next {
		float: right;
		width: 220px;
	}

	#content-footer p.pagetop {
		margin: 0 5px 0 0;
		padding-right: 12px;
		background: url(/common/images/pt_topagetop.gif) no-repeat 100% 0.25em;
		font-size: 84%;
		text-align: right;
	}

	#content  ul.foot-banner {
		margin: 10px 0 0;
	}


/** --------------------------------------------------------------------------
 * page styles
 * ------------------------------------------------------------------------ */

#content {
	color: #556677;
}

#content h2 {
	margin-bottom: 5px;
}

#content h2.no-nav {
	margin-top: 15px;
}

#content h2.bspace {
	margin-bottom: 25px;
}

#content h2.bspace2 {
	margin-bottom: 20px;
}

#content h3 {
	margin: 0 0 5px 20px;
	padding: 0;
	background: none;
}

#content h3.tspace01 {
	margin-top: 10px;
}

#content h3.tspace02 {
	margin-top: 20px;
}

#content h3.tspace03 {
	margin-top: 10px;
	margin-bottom: 20px;
}

#content ul.localnav {
	clear: both;
	padding: 3px 0 20px 18px;
}

	#content ul.localnav li {
		float: left;
		padding: 0 10px 0 12px;
		background: url(/n-02a/images/arrow_01.gif) no-repeat left center;
		color: #7d90a0;
	}

	#content ul.localnav li a {
		padding-right: 9px;
		text-decoration: underline;
	}

	#content ul.localnav li span {
		padding-right: 9px;
		font-weight: bold;
	}

#content p {
	margin: 0 20px 20px;
	line-height: 1.7;
}

#content p.img-01 {
	margin: 0 0 20px;
	text-align: center;
}

#content p.img-02 {
	margin-left: 89px;
}

#content p.img-03 {
	text-align: right;
}

#content p.img-04 {
	margin-top: 10px;
}

#content p.compare {
	position: relative;
	top: 30px;
	text-align: right;
}

#content p.compare img {
	padding-right: 5px;
}

#content p.des-img {
	 margin:15px 0 0 20px;
	 line-height: 0;
}

#content p.des-img img {
	display: inline;
}

#content p.top {
	margin-top: 15px;
}

#content p.end {
	margin-bottom: 35px;
}

#content p.cmr-sousa {
	margin-left: 25px;
}

#content p.thanks {
	text-align: right;
	font-size: 83.5%;
}

#content p.note {
	color: #666666;
	font-size: 83.5%;
	margin-bottom: 35px;
}

#content sup,
#content p span.small {
	font-size: 83.5%;
}

#content p img.key {
	padding-right: 3px;
}

* html body #content p img.key {
	padding-bottom: 3px;
}

#content p span.pattern {
	color: #e7364a;
}

#content table.sp-table {
	margin: 30px 20px 0;
	border-collapse: collapse;
}

	#content table.sp-table th {
		padding: 2px 10px;
		min-width: 0;
		border: 1px solid #777777;
		background: #f0f0f0;
		width: 180px;
	}

	#content table.sp-table th.sp-th01 {
		width: 120px;
	}

	#content table.sp-table th.wide {
		width: 300px;
	}

	#content table.sp-table td {
		padding: 2px 10px;
		width: 380px;
		border: 1px solid #777777;
	}

#content ul.caption {
	margin: 10px 20px 20px 25px;
}

	#content ul.caption li {
		margin-left: 1em;
		text-indent: -1em;
		font-size: 83.5%;
	}

	#content ul.caption li.note {
		padding-top: 10px;
	}
	
#content ul.caption2 {
	margin: 10px 20px 20px 20px;
}

	#content ul.caption2 li {
		font-size: 83.5%;
		line-height: 1.3;
	}

#content div.spec-box {
	padding-top: 20px;
	border-top: 1px dashed #dddddd;
}

#content ul.spec {
	position: relative;
	margin: -10px 20px 20px 20px;
	padding-top: 20px;
}

	#content ul.spec li {
		padding-left: 7px;
		background: url(/n-02a/images/dot.gif) no-repeat 1px 0.75em;
		font-size: 83.5%;
		line-height: 1.7;
	}

	#content ul.spec li img {
		padding-right: 3px;
		vertical-align: text-bottom;
	}

#content div.catalog {
	margin: 0 20px;
	border: 1px solid #cccccc;
}
	
	#content div.catalog div.catalog-left {
		float: left;
		margin: 20px 0 0;
		width: 225px;
	}
	
	#content div.catalog div.catalog-right {
		float: right;
		width: 453px;
		margin: 20px 0 0;
	}
	
	#content div.catalog div.catalog-right p {
		margin-left: 0;
	}
		
	#content div.catalog div.catalog-right p img {
		padding-bottom: 5px
	}

#content ul.des-list {
	margin: 0 20px;
	clear: both;
}
		
	#content ul.des-list li {
		float: left;
		width: 325px;
		margin: 0;
		padding: 0 30px 0 0;
	}
		
	#content ul.des-list li.noright {
		padding: 0;
	}
			
	#content ul.des-list li dl {
		margin-bottom: 42px;
	}
				
	#content ul.des-list li dl.nobtm {
		margin-bottom: 0;
	}
			
	#content ul.des-list li p {
		margin: 0 30px 20px;
	}
		
	#content ul.des-list li p span {
		display: block;
		margin-bottom: 40px;
		font-size: 83%;
	}

	#content ul.des-list li p.ill-btn {
		margin: 20px 0 0 30px;
	}

#content div.section-0 {
	clear: both;
	margin-bottom: 0;
}

#content div.section-20 {
	clear: both;
	margin-bottom: 20px;
}

#content div.section-40 {
	clear: both;
	margin-bottom: 40px;
}

#content div.column-type-01 div.col-left {
	float: left;
	width: 470px;
}

#content div.column-type-01 div.col-right {
	float: right;
	width: 240px;
	text-align: right;
}

#content div.column-type-02 {
	width: 680px;
	margin-bottom: 0;
}

#content div.column-type-02 div.col-left {
	float: left;
	width: 196px;
}

#content div.column-type-02 div.col-right {
	float: right;
	width: 484px;
	text-align: right;
}

#content div.column-type-03 div.col-left {
	float: left;
	width: 305px;
}

#content div.column-type-03 div.col-right {
	float: right;
	width: 415px;
	text-align: left;
}

#content div.column-type-04 div.col-left {
	float: left;
	width: 449px;
}

#content div.column-type-04 div.col-right {
	float: right;
	width: 271px;
}

#content div.column-type-05 div.col-left {
	float: left;
	width: 562px;
}

#content div.column-type-05 div.col-right {
	float: right;
	width: 158px;
}

#content div.column-type-06 div.col-left {
	float: left;
	width: 328px;
}

#content div.column-type-06 div.col-right {
	float: right;
	width: 392px;
}

#content div.column-type-07 div.col-left {
	float: left;
	width: 613px;
}

#content div.column-type-07 div.col-right {
	float: right;
	width: 107px;
	margin-top: 5px;
}

#content div.column-type-08 div.col-left {
	float: left;
	width: 373px;
}

#content div.column-type-08 div.col-right {
	float: right;
	width: 343px;
}

#content div.column-type-09 div.col-left {
	float: left;
	width: 596px;
}

#content div.column-type-09 div.col-right {
	float: right;
	width: 124px;
	margin-top: 5px;
}

#content div.column-flash div.col-left {
	float: left;
	width: 553px;
}

#content div.column-flash div.col-right {
	float: right;
	width: 167px;
}

	#content div.column-flash div.col-right p {
		margin: 1px 0 0 0;
	}

	#content div.column-type-01 p,
	#content div.column-type-02 p,
	#content div.column-type-03 p,
	#content div.column-type-04 p,
	#content div.column-type-05 p,
	#content div.column-type-06 p,
	#content div.column-type-07 p,
	#content div.column-type-08 p,
	#content div.column-type-09 p,
	#content div.column-flash div.col-left p {
		margin-right: 0;
	}

	#content div.column-type-01 div.col-right p {
		margin-left: 0;
	}

	#content div.column-type-04 div.col-right p.app01 {
		margin: 5px 0 0 70px;
	}

	#content div.column-type-04 div.col-right p.app02 {
		margin: 5px 0 0 26px;
	}

	#content div.column-type-04 div.col-right p.app03 {
		margin: 5px 0 0 0px;
	}

	#content div.column-type-04 div.col-right p.uf03 {
		margin: 5px 0 0 52px;
	}

	#content div.column-type-04 div.col-left p.flash01 {
		margin-right: 13px;
		text-align: right
	}

	#content div.column-type-05 div.col-right p {
		margin: 5px 0 0 20px;
	}

	#content div.column-type-06 div.col-right p,
	#content div.column-type-07 div.col-right p {
		margin-left: 30px;
	}

	#content div.column-type-08 div.col-right p.uf01 {
		margin-left: 44px;
	}

	#content div.column-type-08 div.col-right p.uf02 {
		margin-left: 15px;
	}

	#content div.column-type-08 div.col-right p.uf03 {
		margin-left: 70px;
	}

#content div.app-box {
	margin: 0 20px;
	padding: 0;
	background: url(/n-02a/images/othbox_02.gif) repeat-y;
}

	#content div.app-box dl dt {
		margin-bottom: 12px;
	}
	
	#content div.app-box dl dd {
		padding-bottom: 12px;
		background: url(/n-02a/images/othbox_03.gif) no-repeat left bottom;
	}

	#content div.app-box dl dd dl {
		margin: 7px 26px 0 26px;
	}

	#content div.app-box dl dd dt {
		margin-bottom: 7px;
	}

	#content div.app-box dl dd dd {
		padding: 0;
		background: none;
	}

	#content div.app-box dl dd dd ul {
		float: left;
		width: 33%;
		margin: 0;
		padding: 0;
	}

	#content div.app-box dl dd dd ul li {
		padding: 0 5px 1px 13px;
		background: url(/n-02a/images/arrow_02.gif) no-repeat left 0.3em;
	}

#content div.option-list {
	margin: 10px 0 10px 20px;
}

	#content div.option-list ul {
		float: left;
		margin-bottom: 0;
	}

	#content div.option-list ul.list01 {
		width: 184px;
	}

	#content div.option-list ul.list02 {
		width: 264px;
	}

	#content div.option-list ul.list03 {
		width: 247px;
	}

	#content div.option-list ul li {
		padding: 0 7px 2px;
		background: url(/n-02a/images/dot.gif) no-repeat left 0.5em;
	}

	#content div.option-list ul li img {
		padding-left: 5px;
	}

#content table.upg-table {
	margin: 0 20px;
	border-collapse: collapse;
}

	#content table.upg-table th {
		padding: 4px 1px;
		border: 1px solid #cccccc;
		text-align: center;
		vertical-align: middle;
		min-width: 0;
	}
	
	#content table.upg-table th.upg-th01 {
		font-weight: bold;
		font-size: 117%;
	}
	
	#content table.upg-table th.upg-th02 {
		width: 28px;
		background: #d8e2eb;
	}
	
	#content table.upg-table th.upg-th03 {
		width: 108px;
		background: #eeeeee;
	}
	
	#content table.upg-table td {
		margin: 0;
		border: 1px solid #cccccc;
		vertical-align: top;
	}
	
	#content table.upg-table td.qes {
		padding: 5px;
		border-right: none;
		background: url(/n-02a/images/border_02.gif) repeat-y right center;
	}
	
	#content table.upg-table td.answer {
		padding: 5px 0;
		width: 355px;
		border-left: none;
		background: url(/n-02a/images/arrow_03.gif) no-repeat 6px center;
	}
	
	#content table.upg-table td.answer span {
		display: block;
		padding-left: 32px;
	}

#content ul.srs-list {
	margin: -18px 0 20px 20px;
}

	#content ul.srs-list li {
		margin-left: 1em;
		padding-bottom: 2px;
		text-indent: -1em;
		line-height: 1.6;
	}





/* clearfix
------------------------------------*/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clear { display: inline-block; }


/* Hides from IE-mac \*/
* html .clear { height: 1%; }


.clear { display: block; }
/* End hide from IE-mac */