@charset "UTF-8";



/* width:852px */
#title-area{
	width : 852px;
	height : 229px;
	background : url("../images/hd_image.jpg") no-repeat;
}
	#title-area h2{
		padding : 10px 0 15px 0;
	}




/* contents header navi */
#spec-contents-navi-area ul{
	list-style : none;
	padding : 0;
	margin : 0;
}
	#spec-contents-navi-area ul li#h-nav1{
		width : 209px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav1 a{
			width : 209px;
			height : 35px;
			background : url("../images/hd_nav1.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav1 a:hover{
			background-position : 0px -35px;
		}
		
	#spec-contents-navi-area ul li#h-nav2{
		width : 158px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav2 a{
			width : 158px;
			height : 35px;
			background : url("../images/hd_nav2.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav2 a:hover{
			background-position : 0px -35px;
		}
		
	#spec-contents-navi-area ul li#h-nav3{
		width : 149px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav3 a{
			width : 149px;
			height : 35px;
			background : url("../images/hd_nav3.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav3 a:hover{
			background-position : 0px -35px;
		}
		
	#spec-contents-navi-area ul li#h-nav4{
		width : 176px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav4 a{
			width : 176px;
			height : 35px;
			background : url("../images/hd_nav4.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav4 a:hover{
			background-position : 0px -35px;
		}
		
	#spec-contents-navi-area ul li#h-nav5{
		width : 160px;
		float : left;
	}
		#spec-contents-navi-area ul li#h-nav5 a{
			width : 160px;
			height : 35px;
			background : url("../images/hd_nav5.gif") no-repeat 0px 0px;
			display : block;
			font-size : 1px;
			line-height : 1px;
			text-indent : -9999px;
		}
		#spec-contents-navi-area ul li#h-nav5 a:hover{
			background-position : 0px -35px;
		}







#menu-area{
	padding : 12px 0 12px 12px;
}
	#menu-area .photo-area{
		width : 828px;
		background : url("../images/white_border.gif") repeat-y #e6e6e6 center top;
		margin : 16px 0 0 0;
	}
	#menu-area .photo-area2{
		width : 828px;
		background-color : #e6e6e6;
		margin : 16px 0 0 0;
	}
	#menu-area .photo-area3{
		width : 828px;
		background-color : #e6e6e6;
		margin : 16px 0 0 0;
	}
	#menu-area .photo-area4{
		width : 406px;
		background-color : #e6e6e6;
		margin : 16px 0 0 0;
	}
		#menu-area .photo-area2 h4#ex{
			padding : 10px 0 0 10px;
		}
		#menu-area .photo-area2 p#txt-ex{
			padding : 0 0 10px 10px;
		}
	.photo-block-left{
		width : 406px;
		float : left;
	}
	.photo-block-left2{
		width : 406px;
		background-color : #e6e6e6;
		float : left;
	}
	.photo-block-right{
		width : 406px;
		float : right;
	}
	.photo-block-right2{
		width : 406px;
		background-color : #e6e6e6;
		float : right;
	}
		.photo-block-left .photo-inner,
		.photo-block-left2 .photo-inner,
		.photo-block-right .photo-inner{
			padding : 10px;
		}
		.photo-block-right2 .photo-inner2{
			padding : 10px 0 0 20px;
		}
			.photo-block-right2 .photo-inner2 h4{
				padding : 0 0 8px 0;
			}
			.photo-block-right .photo-inner h5{
				font-size : 12px;
				padding : 50px 0 5px 0;
			}
			.photo-block-right .photo-inner ul{
				padding : 0 0 0 20px;
				margin : 0;
			}
			p#filter-txt{
				padding : 0 0 5px 12px;
			}
			ul#filter-list{
				padding:0 0 12px 30px;
				margin:0;
			}
			ul#filter-list li{
				display : inline;
				}
			.photo-block-left .photo-inner h4,
			.photo-block-left2 .photo-inner h4,
			.photo-block-right .photo-inner h4{
				padding : 0 0 8px 0;
			}
			.photo-block-left .photo-inner p,
			.photo-block-left2 .photo-inner p,
			.photo-block-right .photo-inner p{
				font-size : 10px;
				padding : 5px 0 0 0;
			}
			
				.photo-block-left .photo-inner .photo-outer,
				.photo-block-left2 .photo-inner .photo-outer,
				.photo-block-right .photo-inner .photo-outer{
					background : url("../images/photo_arrow.gif") no-repeat center 50%;
				}
					.photo-block-left .photo-inner .photo-outer .ph-left,
					.photo-block-left2 .photo-inner .photo-outer .ph-left,
					.photo-block-right .photo-inner .photo-outer .ph-left{
						width : 177px;
						float : left;
					}
					.photo-block-left .photo-inner .photo-outer .ph-right,
					.photo-block-left2 .photo-inner .photo-outer .ph-right,
					.photo-block-right .photo-inner .photo-outer .ph-right{
						width : 177px;
						float : right;
					}


#other-area{
	width : 581px;
	margin : 16px 0 0 0;
	background : url("../images/white_border.gif") repeat-y #e6e6e6 center top;
}
	#other-area #other-left{
		width : 437px;
		float : left;
	}
	#other-area #other-left2{
		width : 283px;
		float : left;
	}
		#other-area #other-left2 #left2-inner{
			padding : 10px;
		}
			#other-area #other-left2 #left2-inner h4{
				padding : 0 0 8px 0;
			}
			#other-area #other-left2 #left2-inner p{
				font-size : 10px;
				padding : 10px 0 0 0;
			}
	#other-area #other-right{
		width : 283px;
		background-color : #e6e6e6;
		float : right;
	}
		#overlay-area{
			width : 340px;
			padding : 10px 10px 10px 10px;
			background-color : #e6e6e6;
		}
			#overlay-area h4{
				padding : 0 0 8px 0;
			}
			#overlay-area p{
				font-size : 10px;
				padding : 10px 0 0 0;
			}
			#overlay-area #ov-outer{
				background : url("../images/photo_arrow2.gif") no-repeat left 50%;
			}
				#overlay-area #ov-outer #ov-left{
					width : 121px;
					float : left;
				}
				#overlay-area #ov-outer #ov-right{
					width : 177px;
					padding : 25px 0 0 0;
					float : right;
				}
				
				
		#quick-area{
			width : 282px;
			margin : 30px 0 0 0;
			background-color : #e6e6e6;
		}
			#quick-area #quick-inner{
				padding : 10px;
			}
			#quick-area #quick-inner h4{
				padding : 0 0 8px 0;
			}
			#quick-inner p{
				font-size : 10px;
				padding : 10px 0 0 0;
			}
				#quick-outer{
					background : url("../images/photo_arrow.gif") no-repeat center 50%;
				}
					#quick-left{
						width : 113px;
						float : left;
					}
					#quick-right{
						width : 113px;
						float : right;
					}
					
	#other-area #other-right #right-inner{
		padding : 10px;
	}
		#other-area #other-right #right-inner h4{
			padding : 0 0 8px 0;
		}
		#other-area #other-right #right-inner p{
			font-size : 10px;
			padding : 10px 0 0 0;
		}
		#right-outer{
			background : url("../images/photo_arrow.gif") no-repeat center 50%;
		}
			#right-left{
				width : 113px;
				float : left;
			}
			#right-right{
				width : 113px;
				float : right;
			}
			
#playback-area{
	padding : 12px 0 12px 12px;
}
	#playback-area p{
		padding : 0 0 10px 0;
	}
		#playback-inner{
			
		}
			#playback-inner .playback-left{
				width : 271px;
				float : left;
			}
				#playback-inner .playback-left h4{
					padding : 5px 0 0 0;
				}
				#playback-inner .playback-left p{
					width : 250px;
					padding : 3px 0 0 3px;
				}
	
#pictmotion-area{
	padding : 10px 0 12px 0;
}
	#pictmotion-left{
		width : 386px;
		float : left;
	}
		#pictmotion-left #left-inner{
			padding : 12px 0 0 12px;
		}
			#pictmotion-left #left-inner p{
				padding : 0 10px 15px 0;
			}
				.pict-inner-left{
					width : 157px;
					float : left;
				}
					.pict-inner-left h4{
						font-size : 12px;
					}
					.pict-inner-left ul{
						list-style : none;
						padding : 8px 0 0 0;
						margin : 0;
					}
	#pictmotion-right{
		width : 320px;
		float : left;
	}
		
#hdmi-area{
	padding : 10px 0 12px 0;
}
	#hdmi-left{
		width : 386px;
		float : left;
	}
		#hdmi-left #hdmi-left-inner{
			padding : 12px 0 0 12px;
		}
			#hdmi-left #hdmi-left-inner p{
				padding : 0 12px 0 0;
			}
	#hdmi-right{
		width : 407px;
		float : left;
	}
	
#picturetown-wrap{
	width : 837px;
	height : 257px;
	background : url("../images/picturetown_bg.jpg") no-repeat;
}
#picturetown-area{
	padding : 12px 0 12px 12px;
}
	#picturetown-area #town-left{
		width : 320px;
		float : left;
	}
	#picturetown-area #town-right{
	width : 300px;
	float : left;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
		#picturetown-area #town-right #town-logo{
			padding : 0 0 12px 0;
		}
		#picturetown-area #town-right p#town-url{
			padding : 15px 0 0 0;
		}
			#picturetown-area #town-right p#town-url a{
				color : #0095d8;
				text-decoration : underline;
			}
			#picturetown-area #town-right p#town-url a:hover{
				color : #0095d8;
				text-decoration : none;
			}
			
/* built-area only anchor style */
div#anchor-picturetown{
	height : 17px;
	background : url("../images/picturetown_anchor_border.jpg") no-repeat;
}
/* built-area only anchor style */