@charset "utf-8";

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

	Top Page

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

/* flash
----------------------------------------------------------- */

/*h1 {
	display:none;
}*/

#flashcontent {
	padding-bottom:20px;
	width: 960px;
	height: 276px;
	background:url(/shared/images/top/bg_flashcontent.gif) no-repeat bottom;
}

/* section block 1
----------------------------------------------------------- */

.section-block-1 {
	margin-bottom:25px;
	background:url(/shared/images/top/bg_section_bl1_mdl.gif) repeat-y left top;
}

.section-block-1-top {
	background:url(/shared/images/top/bg_section_bl1_top.gif) no-repeat left 63px;
}

.section-block-1-btm {
	background:url(/shared/images/top/bg_section_bl1_btm.gif) no-repeat left bottom;
}


	.fx-wrap {
		margin-right:11px;
		float:left;
		width:243px;
	}
	
		.fx {
			padding:15px 15px 10px 15px;
		}
		
			.fx dl dt {
				padding-bottom:2px;
				font-size:93%;
				line-height:140%;
				font-weight:bold;
				color:#002a55;
			}
			
			.fx dl dd {
				padding-bottom:5px;
				font-size:93%;
				line-height:140%;
			}
		

	
	.cfd-wrap {
		float:left;
		width:243px;
	}
	
		.cfd {
			padding:15px 15px 10px 15px;
		}
		
			.cfd dl dt {
				padding-bottom:2px;
				font-size:93%;
				line-height:140%;
				font-weight:bold;
				color:#002a55;
			}
			
			.cfd dl dd {
				padding-bottom:5px;
				font-size:93%;
				line-height:140%;
			}
	
	.cfdcom-wrap {
		float:right;
		width:243px;
	}
	
		.cfdcom {
			padding:15px 15px 10px 15px;
		}
		
			.cfdcom dl dt {
				padding-bottom:2px;
				font-size:93%;
				line-height:140%;
				font-weight:bold;
				color:#002a55;
			}
			
			.cfdcom dl dd {
				padding-bottom:5px;
				font-size:93%;
				line-height:140%;
			}


/* section block 2
----------------------------------------------------------- */

.section-block-2 {
	margin-bottom:25px;
}

	.section-block-2 .whatsnew {
		padding:0 10px 0 10px;
	}
	
		.section-block-2 .whatsnew dl dt {
			width:80px;
			float:left;
			font-size:93%;
			line-height:140%;
		}
		
		.section-block-2 .whatsnew dl dd {
			padding-left:25px;
			width:627px;
			float:left;
			background:url(/shared/images/bullet_arrow_dot.gif) no-repeat left 3px;
			font-size:93%;
			line-height:140%;
		}

/* section block 3
----------------------------------------------------------- */

.section-block-3 {
	margin-bottom:30px;
}

	.section-block-3 .campaign-wrap {
		margin-right:12px;
		padding-bottom:4px;
		float:left;
		width:243px;
		
		background:url(/shared/images/top/bg_section_bl3_btm.gif) no-repeat bottom;
	}
	
		.section-block-3 .campaign {
			background:url(/shared/images/top/bg_section_bl3_mdl.gif) repeat-y;
		}
	
			.section-block-3 .campaign-img {
				padding-left:8px;
				padding-bottom:4px;
				width:92px;
				float:left;
			}
			
			.section-block-3 .campaign-txt {
				padding-right:8px;
				padding-bottom:4px;
				float:right;
				width:135px;
			}
			
				.section-block-3 .campaign-txt ul li {
					margin-bottom:3px;
					padding-left:10px;
					background:url(/shared/images/top/bullet_section_bl3_arrow.gif) no-repeat left 4px;
					font-size:85%;
					line-height:120%;
					font-weight:bold;
				}
				
				.section-block-3 .campaign-txt p {
					font-size:77%;
					line-height:120%;
				}
	
	
	.section-block-3 .merit-wrap {
		padding-bottom:4px;
		float:left;
		width:243px;
		
		background:url(/shared/images/top/bg_section_bl3_btm.gif) no-repeat bottom;
	}
	
		.section-block-3 .merit {
			background:url(/shared/images/top/bg_section_bl3_mdl.gif) repeat-y;
		}
		
			.section-block-3 .merit-img {
				padding-left:8px;
				padding-bottom:4px;
				width:92px;
				float:left;
			}
			
			.section-block-3 .merit-txt {
				padding-right:8px;
				padding-bottom:4px;
				float:right;
				width:135px;
			}
			
				.section-block-3 .merit-txt ul li {
					margin-bottom:5px;
					padding-left:10px;
					background:url(/shared/images/top/bullet_section_bl3_arrow.gif) no-repeat left 4px;
					font-size:93%;
					line-height:120%;
					font-weight:bold;
				}
	
	.section-block-3 .tool-wrap {
		padding-bottom:4px;
		float:right;
		width:243px;
		
		background:url(/shared/images/top/bg_section_bl3_btm.gif) no-repeat bottom;
	}
	
		.section-block-3 .tool {
			background:url(/shared/images/top/bg_section_bl3_mdl.gif) repeat-y;
		}
		
			.section-block-3 .tool-img {
				padding-left:8px;
				padding-bottom:4px;
				width:92px;
				float:left;
			}
			
			.section-block-3 .tool-txt {
				padding-right:8px;
				padding-bottom:4px;
				float:right;
				width:135px;
			}
			
				.section-block-3 .tool-txt ul li {
					margin-bottom:5px;
					padding-left:10px;
					background:url(/shared/images/top/bullet_section_bl3_arrow.gif) no-repeat left 4px;
					font-size:93%;
					line-height:120%;
					font-weight:bold;
				}

/* section block 4
----------------------------------------------------------- */

.section-block-4 {
	margin-bottom:15px;
}

	.section-block-4 .system {
		margin-right:12px;
		float:left;
		width:370px;
	}
	
		.system-wrap {
			padding:0 10px 0 10px;
		}
	
			.system-wrap dl dt {
				float:left;
				width:75px;
				font-size:85%;
				line-height:140%;
			}
			
			.system-wrap dl dd {
				padding-left:18px;
				float:left;
				width:257px;
				font-size:85%;
				line-height:140%;
				background:url(/shared/images/bullet_arrow_dot.gif) no-repeat left 3px;
			}
	
	.section-block-4 .blog {
		float:right;
		width:370px;
	}
	
		.blog-wrap {
			padding:10px 10px 5px 10px;
			background-color:#f5f5f5;
			border-left:1px solid #d7d7d7;
			border-right:1px solid #d7d7d7;

		}
		
			*.blog-wrap {
				padding:10px 10px 3px 10px;
			}
		
			.blog-img {
				float:left;
				width:88px;
			}
			
			.blog-item {
				float:right;
				width:260px;
			}
			
				.blog-item dl dt {
					float:left;
					width:71px;
					font-size:85%;
					line-height:140%;	
				}
				
				.blog-item dl dd {
					padding-left:15px;
					float:right;
					width:174px;
					background:url(/shared/images/bullet_arrow_dot3.gif) no-repeat left 5px;
					font-size:85%;
					line-height:140%;			
				}
			
		.blog-btm {
			background:url(/shared/images/top/blog_bg_btm.gif) no-repeat top;
			height:5px;
		}