@charset "utf-8";
/*These CSS could be used in all page.*/

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

main layout

************************************************************/
/**********
 header
**********/
#header {
	height:105px;
	background-image: url(../images/layout/header_bg.gif);
	background-repeat: repeat-x;	
}
#header_inner {
	width:1000px;
	height:105px;
	margin:0px auto;
	background-image: url(../images/layout/header_silhouette.gif);
	background-repeat: no-repeat;	
}
	#header_inner .left {
		float:left;
	}
		/*main_title*/
		a#main_title {
			background: url(../images/layout/main_title.gif) left top no-repeat;
			display: block;
			text-decoration: none;
			width: 400px;
			height: 75px;	
		}
		a#main_title:hover {
			background-position: left bottom;
			text-decoration: none;
		}
		a#main_title span {
			position: relative;
			z-index: -1;
			width:400px;
		}
		
	#header_inner .right {
		padding-top:5px;
		padding-right: 5px; /*20241209add*/
		float:right;
	}
		/*header_inquiry*/
		a#header_inquiry {
			background: url(../images/layout/header_inquiry.png) left top no-repeat;
			display: block;
			text-decoration: none;
			width: 400px;
			height: 70px;	
		}
		a#header_inquiry:hover {
			background-position: left bottom;
			text-decoration: none;
		}
		a#header_inquiry span {
			position: relative;
			z-index: -1;
			width:400px;
		}

		/*header_link*/
		ul#header_link {
			padding:5px;
		}
			ul#header_link li {
			text-align:right;
			font-size:0.9em;
			line-height:130%;
			margin:0px;
			padding:0px;
			list-style:none;
		}
	
/**********
 global_menu
**********/
#gmenu {
}
	#gmenu_position {
		width:1000px;
		height:0px;
		margin:0px auto;
		position:relative;
	}
	#gmenu_inner {
		width:1000px;
		margin:0px auto;
		position:absolute;
		top:-30px;
		left:0px;
	}

/**********
 topic path
**********/
.pkz{
	font-size:0.9em;
	padding:30px 0px 0px 10px;
}

/**********
 contents
**********/
#contents_position {
	width:100%;
	position:absolute;
	top:390px;
}
#contents {
	width:1000px;
	margin:20px auto 0px auto;
}

/**********
 main
**********/
#main {
	width:785px;
	float:right;
}
	#main div.content_area_mat{
		margin:0px 0px 10px 0px;
	}
	#main div.content_area{
		margin:0px 5px 50px 5px;
	}
		#main div.content_area div.content_area_inner {
			margin:10px 10px 10px 10px;
		}
	#main div.content_area_tab{
		margin:0px 15px 50px 15px;
	}

	#main div.content_area_tab div.gradational_mono_box {
				border:1px solid #e7ded0;
				width:698px;
				background-color:#ffffff;
				background-image: url(../images/common/photo_bg.gif);
				background-repeat: repeat-x;
				padding:10px 20px 10px 20px;
				margin:0px 0px 10px 10px;
				float:left;
			}

		#main div.content_area_tab div.gradational_dual_box {
			border:1px solid #e7ded0;
			width:323px;
			background-color:#ffffff;
			background-image: url(../images/common/photo_bg.gif);
			background-repeat: repeat-x;
			padding:10px 20px 10px 20px;
			margin:0px 0px 10px 10px;
			float:left;
		}
		#main div.content_area_tab div.gradational_trio_box {
			border:1px solid #e7ded0;
			width:198px;
			background-color:#ffffff;
			background-image: url(../images/common/photo_bg.gif);
			background-repeat: repeat-x;
			padding:10px 20px 10px 20px;
			margin:0px 0px 10px 10px;
			float:left;
		}
			#main div.content_area_tab div.gradational_mono_box h3,
			#main div.content_area_tab div.gradational_dual_box h3,
			#main div.content_area_tab div.gradational_trio_box h3 {
				margin:0px 0px 5px 0px;
				font-size:1.0em;
			}
			
			#main div.content_area_tab div.gradational_mono_box h3.mini,
			#main div.content_area_tab div.gradational_dual_box h3.mini,
			#main div.content_area_tab div.gradational_trio_box h3.mini {
				margin:0px 0px 5px 0px;
				font-size:0.9em;
			}
			#main div.content_area_tab div.gradational_mono_box img,
			#main div.content_area_tab div.gradational_dual_box img,
			#main div.content_area_tab div.gradational_trio_box img {
				margin:0px auto 5px auto;
			}
			#main div.content_area_tab div.gradational_mono_box p,
			#main div.content_area_tab div.gradational_dual_box p,
			#main div.content_area_tab div.gradational_trio_box p {
				font-size:0.9em;
				line-height:130%;
			}
			
			#main div.content_area_tab div.paper_center_box {
				width:465px;
				margin:0px auto 10px auto;
			}
				#main div.content_area_tab div.paper_center_box div.top {
					border-top:1px solid #e7ded0;
					border-right:1px solid #e7ded0;
					border-left:1px solid #e7ded0;
					width:423px;
					background-color:#ffffff;
					background-image: url(../images/common/photo_bg.gif);
					background-repeat: repeat-x;
					padding:20px 20px 10px 20px;
				}
				#main div.content_area_tab div.paper_center_box div.end {
					background-image: url(../images/common/photo_bg_end_center.png);
					background-repeat: no-repeat;
					height:35px;
					padding:0px 0px 0px 20px;
				}
			#main div.content_area_tab div.paper_trio_box {
				width:240px;
				margin:0px 0px 10px 10px;
				float:left;
			}
			#main div.content_area_tab div.paper_dual_box {
				width:365px;
				margin:0px 0px 10px 10px;
				float:left;
			}
				#main div.content_area_tab div.paper_dual_box div.top {
					border-top:1px solid #e7ded0;
					border-right:1px solid #e7ded0;
					border-left:1px solid #e7ded0;
					width:323px;
					background-color:#ffffff;
					background-image: url(../images/common/photo_bg.gif);
					background-repeat: repeat-x;
					padding:20px 20px 10px 20px;
				}
				#main div.content_area_tab div.paper_dual_box div.end {
					background-image: url(../images/common/photo_bg_end_dual.png);
					background-repeat: no-repeat;
					height:35px;
					padding:0px 0px 0px 20px;
				}
			#main div.content_area_tab div.paper_trio_box {
				width:240px;
				margin:0px 0px 10px 10px;
				float:left;
			}
				#main div.content_area_tab div.paper_trio_box div.top {
					border-top:1px solid #e7ded0;
					border-right:1px solid #e7ded0;
					border-left:1px solid #e7ded0;
					width:198px;
					background-color:#ffffff;
					background-image: url(../images/common/photo_bg.gif);
					background-repeat: repeat-x;
					padding:20px 20px 10px 20px;
				}
				#main div.content_area_tab div.paper_trio_box div.end {
					background-image: url(../images/common/photo_bg_end_trio.png);
					background-repeat: no-repeat;
					height:35px;
					padding:0px 0px 0px 20px;
				}
				
			#main div.content_area_tab div.purple_dual_box,
			#main div.content_area_tab div.green_dual_box {
				width:363px;
				margin:0px 0px 10px 10px;
				padding:0px 0px 30px 0px;
				float:left;
			}
			#main div.content_area_tab div.purple_dual_box {
				border:1px solid #c7b8dd;
			}
			#main div.content_area_tab div.green_dual_box {
				border:1px solid #b8ddb8;
			}
				#main div.content_area_tab div.purple_dual_box h3,
				#main div.content_area_tab div.green_dual_box h3 {
					margin:0px 0px 30px 0px;
					padding:5px 10px;
					text-align:center;
					background-image:none;
					color:#ffffff;
				}
				#main div.content_area_tab div.purple_dual_box h3 {
					background-color:#9f8fde;
				}
				#main div.content_area_tab div.green_dual_box h3 {
					background-color:#51b93f;
				}
				#main div.content_area_tab div.purple_dual_box div.image,
				#main div.content_area_tab div.green_dual_box div.image {
					padding:0px;
					margin:0px auto 0px auto;
					width:303px;
				}
				#main div.content_area_tab div.purple_dual_box p.comment,
				#main div.content_area_tab div.green_dual_box p.comment {
					padding:0px;
					margin:10px auto 10px auto;
					width:303px;
				}

/**********
 side
**********/
#side {
	width:205px;
	float:left;
}
	#side div.content_area {
		margin:0px 0px 10px 0px;
	}
		/*background decoration*/
		#side div.content_area div.top {
			height:10px;
			background-image: url(../images/common/side_bg_top.png);
			background-repeat: no-repeat;			
		}
		#side div.content_area div.mid {
			background-image: url(../images/common/side_bg.png);
			background-repeat: repeat-y;
			padding:0px 15px 0px 15px;
		}
		#side div.content_area div.end {
			height:10px;
			background-image: url(../images/common/side_bg_bottom.png);
			background-repeat: no-repeat;		
		}
			/*side banners*/
			#side ul.side_banners {
				margin:0px 0px 0px 5px;
			}
				#side ul.side_banners li {
					margin:0px 0px 5px 0px;
					padding:0px;
					list-style:none;
					background:none;
				}
					#side ul.side_banners li a:hover {
						background:none;
					}
		/*side buttons*/
		#side ul.side_buttons {
			padding:10px 0px 0px 0px;
		}
			#side ul.side_buttons li {
				padding:0px 0px 10px 0px;
				margin:0px;
				list-style:none;
				background:none;
			}

/**********
 bottom
**********/
#bottom {
	margin-top:60px;
	height:71px;
	background-image: url(../images/layout/bottom_bg.gif);
	background-repeat: repeat;
	border-top:1px solid #c0c0c0;
}
#bottom_inner {
	width:1000px;
	margin:10px auto;
}
	#bottom_inner .left {
		width:785px;
		float:left;
	}
	#bottom_inner .right {
		width:205px;
		float:right;
	}

/**********
 footer
**********/
#footer {
	height:58px;
	background-image: url(../images/layout/footer_bg.gif);
	background-repeat: repeat-x;	
}
#footer_inner {
	width:1000px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	text-align:center;
}
	#footer_inner .left {
		float:left;
	}
	#footer_inner .right {
		float:left;
	}