@charset "UTF-8";

/*	==============================================================

						custom setting

	==============================================================	*/



/* facebook
------------------------------------------*/
#facebook {
	_left: 1000px;
}



/* mainarea
------------------------------------------*/
#mainarea {
	padding: 30px 0 0 0;
}



/* lead
------------------------------------------*/
#lead {
	width: 820px;
	height: 98px;
	margin: 0 auto 30px auto;
	background: url(../img/p_main.gif) no-repeat right top;
}
	#lead h1 {
		padding: 42px 0 0 0;
	}



/* linkbox
------------------------------------------*/
.linkbox {
	width: 820px;
	margin: 0 auto 50px auto;
}
	.linkbox ul li {
		padding: 0 18px;
	}



/* support01
------------------------------------------*/
#support01 {
	width: 820px;
	height: 465px;
	margin: 0 auto 50px auto;
	position: relative;
	z-index: 0;
}
	#support01 h2 {
		position: absolute;
		z-index: 100;
	}
	#support01 .p_preview {
		position: absolute;
		left: 83px;
		top: 7px;
		z-index: 0;
	}



/* support02
------------------------------------------*/
#support02 {
	width: 820px;
	height: 515px;
	margin: 0 auto 80px auto;
	position: relative;
	z-index: 0;
}
	#support02 h2 {
		position: absolute;
		left: 653px;
		z-index: 100;
	}
	#support02 .p_preview {
		position: absolute;
		left: 22px;
		top: 10px;
		z-index: 0;
	}



/* support03
------------------------------------------*/
#support03 {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}
	#support03 h2 {
		width: 167px;
		float: left;
	}
	
	#support03 .detail {
		width: 624px;
		float: right;
	}
		#support03 .detail h3 {
			text-align: center;
			margin: 0 0 15px 0;
		}
		
		#support03 .detail .point {
			width: 624px;
		}
			#support03 .detail .point li {
				width: 141px;
				float: left;
				padding: 0 20px 0 0;
			}
			#support03 .detail .point li.last {
				padding: 0;
			}



/* support04
------------------------------------------*/
#support04 {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	clear: both;
}
	#support04 h2 {
		width: 167px;
		float: left;
	}
	
	#support04 .detail {
		width: 624px;
		float: right;
	}
		#support04 .detail h3 {
			text-align: center;
			margin: 0 0 15px 0;
		}
		
		#support04 .detail .point {
			width: 624px;
		}
			#support04 .detail .point li {
				width: 301px;
				float: left;
			}
			#support04 .detail .point li.point01 {
				padding: 0 22px 22px 0;
			}
			#support04 .detail .point li.point02 {
				padding: 0 0 22px 0;
			}
			#support04 .detail .point li.point03 {
				padding: 0 22px 0 0;
			}



/* notebook
------------------------------------------*/
#notebook {
	width: 790px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	clear: both;
}

#notebook .p_notebook {
	width: 258px;
	float: left;
}

#notebook .detail {
	width: 492px;
	float: right;
}
	#notebook .detail h2 {
		margin: 0 0 15px 0;
	}
	#notebook .detail .caption,
	#notebook .detail h3 {
		margin: 0 0 30px 0;
	}
	
	#notebook .detail .b_shop {
		width: 492px;
	}
		#notebook .detail .b_shop li {
			width: 155px;
			float: left;
			padding: 0 13px 0 0;
		}
		#notebook .detail .b_shop li.last {
			padding: 0;
		}
		
			#notebook .detail .b_shop li a {
				display: block;
				padding: 1px;
				background: #ffffff;
			}
			#notebook .detail .b_shop li a:hover {
				background: #a89865;
			}



/* information
------------------------------------------*/
#information {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#information h2 {
	margin: 0 0 10px 0;
}

#information .inner {
	width: 780px;
	padding: 20px;
	background: #ffffff;
}
	#information .inner dl.contact01 {
		width: 385px;
		float: left;
	}
	#information .inner dl.contact02 {
		width: 385px;
		float: right;
	}
		#information .inner dl dt {
			line-height: 1;
			font-size: 0;
			background: #f0ede5;
			margin: 0 0 10px 0;
			padding: 5px;
		}
		#information .inner dl dd {
			line-height: 1;
			font-size: 0;
		}
			#information .inner dl dd img {
				vertical-align: middle;
			}
			#information .inner dl.contact01 dd a {
				margin: 0 15px 0 8px;
			}
			#information .inner dl.contact02 dd a {
				margin: 0 10px 0 7px;
			}