@charset "utf-8";

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

	File name : /css/common.css
	Site name : HD Everio | JVC
	Copyright : All rights reserved by JVC KENWOOD Corporation.
 	Creation date: 2011.12.16
	Last updated : 
	
	--------------------------LIST--------------------------
	
		*** 01: Base ***

		*** 02: Header ***
	
		*** 03: Footer ***
	 
		*** 04: Main ***
	
		*** 05: Side ***
	 
		*** 06: Top ***

		*** 07: Wi-Fi ***
	
		*** 08: Lineup ***
		
		*** 09: Features ***
	
		*** 10: Accessories ***
	
		*** 00: Common ***
	----------------------------------------------
	
========================================================================*/

@import "reset.css";


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

  01: Base
	
=======================================================================*/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35em;
}

#wrapper {
	width: 100%;
	background: url(../img/bg_wrapper.jpg) no-repeat center top;
	padding-top: 17px;
}

#contents {
	width: 1014px;
	margin: 0 auto;
	overflow: hidden;
}

#main {
	width: 815px;
	float: right;
}

#side {
	width: 213px;
	float: left;
	margin-right: -15px;
	margin-bottom: 30px;
}

a {	
	color: #109dba;
	text-decoration: none;
}


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

  02: Header
	
=======================================================================*/
#header {
	width: 100%;
}
	#headerInr {
		width: 1014px;
		margin: 0 auto;
		overflow: hidden;
	}
	#headerInr #JVClogo {
		float: left;
		padding-left: 15px;
	}
	#headerInr h1 {
		float: right;
		margin: 25px 14px 0 0;
	}

/* TopicPath
 -------------------------------------------------- */
#topicPath {
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #f9f9f9;
	font-size: 83.3%;
	overflow: hidden;
}
	#topicPath ul {
		width: 985px;
		margin: 0 auto;
	}
		#topicPath ul li {
			padding: 0 5px 0;
			float: left;
			min-height:19px;
			height: auto !important;
			height: 19px;
		}
		#topicPath ul li.home {
			background-color: #ffffff;
			border-right: 1px solid #dfdfdf;
			border-left: 1px solid #dfdfdf;
		}
		#topicPath ul li.path {
			background: url(../img/bg_topicpath.gif) no-repeat right center #ffffff;
			padding-right: 16px;
		}
			#topicPath ul li.path a {
				color: #999999;
			}
			#topicPath ul li.path a:hover {
				text-decoration: underline;
			}


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

  03: Footer
	
=======================================================================*/
#footer {
	width: 100%;
	background: url(../img/bg_footer.gif) repeat-x;
	min-height:87px;
	height: auto !important;
	height: 87px;
	margin-top: 20px;
}
	#footerInr {
		width: 1014px;
		margin: 0 auto;
		padding-top: 4px;
		overflow: hidden;
	}
		#footerInr p#copyright {
			float: left;
			margin-top: 20px;
			padding-left: 13px;
			font-weight: bold;
		}
		#footerInr p.pagetop {
			float: right;
		}
			#footerInr p.pagetop a {
				display: block;
				width: 124px;
				height: 0;
				padding-top: 27px;
				overflow: hidden;
				background: url(../img/pagetop.gif) no-repeat left top;
			}
			#footerInr p.pagetop a:hover {
				background-position: left -27px;
			}
			

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

  04: Main
	
=======================================================================*/
#pageBox {
	padding: 0 30px;
	position:relative;
	width: 755px;
}

.pageHead {
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 25px;
}
		.pageHead .pageTitle h2 {
			font-size: 233.3%;
			margin-bottom: 14px;
			padding-top: 3px;
		}
			.pageHead .pageTitle h2 span {
				color: #b7d200;
			}
		.pageHead .pageTitle p {
			color: #515151;
		}
		
	#pageBox h3 {
		font-size: 183.3%;
		line-height: 1.2;
	}
		#pageBox h3 span {
			color: #b7d200;
		}
	
/* modelNav
 -------------------------------------------------- */
#pageBox ul.modelNav {
	background: url(../img/bg_modelNav.gif) no-repeat left top;
	width: 755px;
	height: 55px;
	overflow: hidden;
	margin-bottom: 20px;
	display: none;
}
	#pageBox ul.modelNav li {
		float: left;
		width: 140px;
		height: 20px;
		padding-top: 6px;
		margin-top: 5px;
		background-color: #1c1c1d;
		font-weight: bold;
		text-align: center;
		margin-right: 1px;
		color: #c8dd00;
		font-size: 108.3%;
	}
	#pageBox ul.modelNav li.current,
	#pageBox ul.modelNav li:hover {
		height: 34px;
		background: url(../img/bg_modelNav_current.gif) no-repeat center bottom #c8dd00;
		margin-top: 0;
		color: #000000;
	}
	#pageBox ul.modelNav li:hover {
		cursor: pointer;
	}
	#pageBox ul.modelNav li.current {
		cursor: default;
	}
	

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

  05: Side
	
=======================================================================*/
#side #sideNav {
	background: url(../img/bg_side.png) no-repeat left top;
	padding-top: 3px;
	margin-bottom: 25px;
}
#side #sideNavBtm {
	width: 213px;
	background: url(../img/bg_sideBtm.png) no-repeat left bottom;
	padding-bottom: 12px;
}
#side #sideNavInr {
	width: 208px;
	padding: 0 0 0 5px;
	background: url(../img/bg_sideInr.png) repeat-y left top;
	line-height: 1;
}

	#side #sideNav ul li {
		margin-left: 10px;
	}
	#side #sideNav p#side_wifi {
		margin-bottom: 2px;
		margin-left: 10px;
	}
		#side #sideNav p#side_wifi sup{
			font-size: 70.8%;
			padding-left: 2px;
		}
	
	#side #sideNav ul li#sideNav01,
	#side #sideNav ul li#sideNav02,
	#side #sideNav ul li#sideNav03 {
		border: 1px solid #d3d3d3;
		border-bottom: none;
		width: 179px;
		/padding-bottom:1px;
	}	
	#side #sideNav ul li#sideNav03 {
		border-bottom: 1px solid #d3d3d3;
	}
		#side #sideNav ul li a {
			color: #000000;
			font-weight: bold;
		}
		#side #sideNav p#side_wifi a {
			display: table-cell;
			/display:inline;
			/zoom: 1;
			vertical-align: middle;
			width: 169px;
			height: 86px;
			/height: auto;
			padding: 0 0 0 12px;
			/padding: 35px 0 35px 12px;
			background: url(../img/bg_side_wifi.gif) no-repeat left center;
			font-size: 	133.3%;
			color: #000000;
			font-weight: bold;
		}
		#side #sideNav p#side_wifi a:hover,
		#side #sideNav p#side_wifi.current a {
			background: url(../img/bg_side_wifi_o.gif) no-repeat left center;
			padding: 0 9px 0 12px;
			/padding: 35px 9px 35px 12px;
		}
		
		#side #sideNav ul li#sideNav01 a,
		#side #sideNav ul li#sideNav02 a,
		#side #sideNav ul li#sideNav03 a {
			display: table;
			/display:inline;
			/zoom: 1;
			width: 179px;
			height: 46px;
			/height: auto;
			background: url(../img/bg_sideNav.gif) no-repeat left center;
			font-size: 	116.7%;
		}	
		#side #sideNav ul li#sideNav01 a span,
		#side #sideNav ul li#sideNav02 a span,
		#side #sideNav ul li#sideNav03 a span {
			display: table-cell;
			/display:inline;
			/zoom: 1;
			vertical-align: middle;
			padding: 4px 17px 4px 12px;
			/padding: 15px 17px 15px 12px;
			width: 150px;
		}
		#side #sideNav ul li#sideNav01 a span:hover,
		#side #sideNav ul li#sideNav02 a span:hover,
		#side #sideNav ul li#sideNav03 a span:hover {
			*cursor: pointer;
		}
		
		/* current and hover */
		#side #sideNav ul li.current,
		#side #sideNav ul li#sideNav01:hover,
		#side #sideNav ul li#sideNav02:hover,
		#side #sideNav ul li#sideNav03:hover {
			width: 198px!important;
			margin-left: 0;
			border-bottom: 1px solid #d3d3d3!important;
		}	
		#side #sideNav ul li.current + li,
		#side #sideNav ul li#sideNav01:hover + li,
		#side #sideNav ul li#sideNav02:hover + li {
			border-top: none!important;
		}	
			#side #sideNav ul li.current a,
			#side #sideNav ul li#sideNav01:hover a,
			#side #sideNav ul li#sideNav02:hover a,
			#side #sideNav ul li#sideNav03:hover a {
				background: url(../img/bg_sideNav_o.png) no-repeat left center!important;
				width: 198px!important;
			}	
				#side #sideNav ul li.current a span,
				#side #sideNav ul li#sideNav01:hover a span,
				#side #sideNav ul li#sideNav02:hover a span,
				#side #sideNav ul li#sideNav03:hover a span {
					border: 1px solid #ffffff;
					padding: 3px 27px 3px 21px!important;
					/padding: 14px 27px 14px 21px!important;
					width: 150px!important;
				}	
		
		#side #sideNav p#side_buy {
			display: table;
			/display:inline;
			/zoom: 1;
			height: 56px;
			margin-top: 8px;
			margin-left: 10px;
		}
			#side #sideNav p#side_buy a {
				display: table-cell;
				/display:inline;
				/zoom: 1;
				vertical-align: middle;
				width: 111px;
				padding: 4px 25px 4px 45px;
				/padding: 21px 25px 21px 45px;
				background: url(../img/bg_side_buy.gif) no-repeat left top;
				color: #ffffff;
				font-size: 125%;
				font-weight: bold;
				text-align: center;
			}
			#side #sideNav p#side_buy a:hover {
				background: url(../img/bg_side_buy_o.gif) no-repeat left top;
			}

#side #userGuide {
	width: 170px;
	margin: 0 auto 25px;
}
	#side #userGuide dl dt {
		font-weight: bold;
		font-size: 116.7%;
		margin-bottom: 18px;
	}
		#side #userGuide dl dt span {
			color: #b7d200;
		}
	#side #userGuide dl dd {
		color: #5c5c5c;
		font-size: 83.3%;
	}
		#side #userGuide dl dd a:hover {
			text-decoration: underline;
		}
			#side #userGuide dl dd a img{
				margin-bottom: 12px;
			}
			#side #userGuide dl dd a:hover img {
				filter: alpha(opacity=70);
				opacity: 0.7;
			}

#side #DLcatalog {
	width: 180px;
	margin: 0 auto;
	/*padding-top: 25px;
	border-top: 1px dashed #666666;*/
	overflow: hidden;
}
	#side #DLcatalog p {
		width: 170px;
		height: 135px;
		margin: 0 auto;
	}
		#side #DLcatalog p a:hover {
			text-decoration: underline;
		}
		#side #DLcatalog p a:hover img {
			filter: alpha(opacity=70);
			opacity: 0.7;
		}
		#side #DLcatalog p img {
			float: left;
			padding-right: 10px;
		}

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

  06: Top
	
=======================================================================*/
.wrapper_top {
	background: url(../img/bg_wrapper_top.gif) no-repeat center top!important;
	padding-top: 0!important;
}
	.wrapper_top #contents {
		width: 992px;
		margin-top: -512px;
		position: relative;
		z-index: 1;
	}

.headerInr_top,
.footerInr_top {
	width: 992px!important;
}

#top .wrapper_top #topImg {
	height: 510px;
	margin: 0 auto;
	background:url(../img/mainImg.jpg) no-repeat center top;
	position: relative;
	z-index: 0;
	border-top: 1px solid #b3e3f8;
	border-bottom: 1px solid #b3d3e8;
}
	#top .wrapper_top #topImg #topImgOver {
		height: 510px;
		margin: 0 auto;
		background:url(../img/mainImg_ov.jpg) no-repeat center top;
		display: none;
	}

#top .wrapper_top #topImgButtonArea {
	width: 992px;
	height: 358px;
	position: relative;
}
	#top .wrapper_top #topImgButtonArea a.touch {
		position: absolute;
		top: 248px;
		left: 328px;
		display: block;
		width: 40px;
		height: 0;
		cursor: pointer;
		padding-top: 40px;
		overflow: hidden;
	}
	#top .wrapper_top #topImgButtonArea .button {
		position: absolute;
		top: 320px;
		right: 59px;
		display: block;
		width: 387px;
		height: 82px;
		background:url(../img/wifiButton.png) no-repeat left bottom;
		z-index: 2;
	}
	#top .wrapper_top #topImgButtonArea .button:hover {
		background-position: left top;
	}
		#top .wrapper_top #topImgButtonArea .button img {
			margin-top: 11px;
			margin-left: 14px;
		}

#top .wrapper_top h2 {
	font-size: 200%;
	margin-bottom: 30px;
	line-height: 1;
}
	#top .wrapper_top h2 span {
		color: #b7d200;
	}

#top .wrapper_top .movieBox {
	display: none;
}

/* wifiNav
 -------------------------------------------------- */	
	#top ul#wifiNav {
		width: 992px;
		overflow: hidden;
		margin-bottom: 40px;
		position: relative;
	}
		#top ul#wifiNav li {
			width: 248px;
			float: left;
			height: 168px;
		}
			#top ul#wifiNav li a {
				display: block;
				height: 0;
				padding-top: 91px;
				margin-top: 77px;
				overflow: hidden;
			}
			#top ul#wifiNav li.wifiNav01 a { background: url(../img/wifiNav01.png) no-repeat left bottom;}
			#top ul#wifiNav li.wifiNav02 a { background: url(../img/wifiNav02.png) no-repeat left bottom;}
			#top ul#wifiNav li.wifiNav03 a { background: url(../img/wifiNav03.png) no-repeat left bottom;}
			#top ul#wifiNav li.wifiNav04 a { background: url(../img/wifiNav04.png) no-repeat left bottom;}
			#top ul#wifiNav li.current a,
			#top ul#wifiNav li a:hover {
				background-position: left top;
				padding-top: 168px;
				margin-top: 0;
			}
			
			*+html #top ul#wifiNav li a { background-position: left -168px!important;}
			*+html #top ul#wifiNav li a:hover { background-position: left top!important;}

/* lineupNav
 -------------------------------------------------- */	
	#top ul#lineupNav {
		background: url(../img/bg_lineupNav.gif) no-repeat left 58px;
		width: 900px;
		padding: 0 28px;
		margin: 0 auto 40px;
		overflow: hidden;
	}
		#top ul#lineupNav li {
			width: 230px;
			padding: 0 35px;
			float: left;
			text-align: center;
		}
			#top ul#lineupNav a:hover img {
				filter:alpha(opacity=70);
				opacity:0.7;
			}
			#top ul#lineupNav h3 a {
				background: url(../img/arrow_blue.gif) no-repeat right center;
				padding-right: 15px;
				font-size: 116.7%;
				font-weight: bold;
			}
			#top ul#lineupNav h3 a:hover {
				text-decoration: underline;
			}
			#top ul#lineupNav p {
				margin-top: 5px;
			}
	
/* futuresNav
 -------------------------------------------------- */
	#top #futuresNav {
		float: left;
		width: 708px;
		margin-bottom: 40px;
	}
		#top #futuresNav ul {
			overflow: hidden;
			width: 708px;
		}
			#top #futuresNav ul li {
				float: left;
				width: 200px;
				padding: 0 18px;
				text-align: center;
			}
				#top #futuresNav ul li a:hover img {
					filter:alpha(opacity=70);
					opacity:0.7;
				}
				#top #futuresNav ul li h3 {
					margin-top: 5px;
				}
					#top #futuresNav ul li h3 a {
						background: url(../img/arrow_blue.gif) no-repeat right center;
						padding-right: 15px;
						font-size: 116.7%;
						font-weight: bold;
					}
					#top #futuresNav ul li h3 a:hover {
						text-decoration: underline;
					}
	
/* accessoriesNav
 -------------------------------------------------- */	
	#top #accessoriesNav {
		float: right;
		width: 200px;
		padding: 0 34px 0 18px;
		border-left: 1px solid #e7e7e7;
		margin-bottom: 40px;
	}
		#top #accessoriesNav p {
			text-align: center;
		}
				#top #accessoriesNav p img {
					margin-bottom: 10px;
				}
				#top #accessoriesNav p a:hover img {
					filter:alpha(opacity=70);
					opacity:0.7;
				}
				#top #accessoriesNav p a span {
					background: url(../img/arrow_blue.gif) no-repeat right center;
					padding-right: 15px;
					font-size: 116.7%;
					font-weight: bold;
				}
				#top #accessoriesNav p a:hover span {
					text-decoration: underline;
				}
				
/* linkList
 -------------------------------------------------- */	
	#top #linkList {
		border-top: 1px solid #e7e7e7;
		padding: 20px 0;
	}
		#top #linkList h2 {
			width: 992px;
			margin: 0 auto;
			color: #7d7d7d;
			font-size: 133.3%;
			font-weight: bold;
			margin-bottom: 15px;
		}
		#top #linkList ul {
			width: 992px;
			margin: 0 auto;
			letter-spacing: -0.4em;
		}
			#top #linkList ul li {
				letter-spacing: normal;
				display: inline-block;
				/display: inline;
				/zoom: 1;
				padding-right: 4px;
			}

			#top #linkList ul li:last-child {
				padding-right: 0;
			}
				#top #linkList ul li a:hover img{
					filter:alpha(opacity=70);
					opacity:0.7;
				}



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

  07: Wi-Fi
	
=======================================================================*/
.wrapper_wifi {
	background: url(../img/bg_wrapper_wifi.jpg) no-repeat center top!important;
}

#wifi {
}
	#wifi h2 {
		margin-bottom: 40px;
		float: left;
	}
	#wifi h2.takeNote {
		margin-bottom: 10px;
	}
	#wifi h2.takeNote + p + p.note {
		clear: both;
		margin-bottom: 30px;
	}
	#wifi ul#pageNav {
		width: 785px;
		height: 78px;
		padding: 0 15px;
		margin-bottom: 35px;
		overflow: hidden;
	}
		#wifi ul#pageNav li {
			width: 196px;
			float: left;
		}
			#wifi ul#pageNav li a {
				display: block;
				height: 0;
				padding-top: 78px;
				overflow: hidden;
				font-size: 0;
			}
			#wifi ul#pageNav li.Live a { background: url(../wifi/img/pageNav_Live.png) no-repeat left top;}
			#wifi ul#pageNav li.HomeDetection a { background: url(../wifi/img/pageNav_Motion.png) no-repeat left top;}
			#wifi ul#pageNav li.Video a { background: url(../wifi/img/pageNav_Video.png) no-repeat left top;}
			#wifi ul#pageNav li.Smartphone a { background: url(../wifi/img/pageNav_Smartphone.png) no-repeat left top;}
			#wifi ul#pageNav li.current a,
			#wifi ul#pageNav li a:hover {
				background-position: left -78px;
			}
			#wifi ul#pageNav li a {
				cursor: pointer;
			}
			#wifi ul#pageNav li.current a:hover {
				cursor: default;
			}
			
	#wifi h3 {
		clear: both;
		font-size: 266.7%;
		margin-bottom: 20px;
	}
		#wifi h3 sup{
			color: #000000!important;
			padding-left: 3px;
		}
		
		#wifi #page_Live h3 span {
			color: #e60021;
		}
		#wifi #page_Smartphone h3 span {
			color: #00a9d6;
		}
		
	#wifi .itemBox {
		clear: both;
		border-bottom: 1px solid #d9d9d9;
		padding: 0 0 20px 15px;
		margin-bottom: 30px;
		width: 725px;
		overflow: hidden;
	}
	#wifi .itemBox:last-child {
		margin-bottom: 0;
	}
		#wifi .itemBox p {
			margin-bottom: 1em;
			line-height: 1.8;
		}
			#wifi h2 + p + .itemBox > p > img{
				margin-bottom: 30px;
			}
			#wifi h3 + .itemBox > p > img{
				margin-bottom: 10px;
			}
	
	#wifi .explain {
		margin-bottom: 15px;
		overflow: hidden;
		width: 100%;
	}
		#wifi .explain .text {
			float: left;
			width: 350px;
		}
			#wifi .explain .text p {
				margin-bottom: 1em;
			}

		#wifi .movie {
			float: right;
		}
			#wifi .movie a:hover img{
				filter:alpha(opacity=70);
				opacity:0.7;
			}
	
	#wifi .movieBox {
		display: none;
	}
	
/* BtnArea */
#wifi ul.linkBtn {
	overflow: hidden;
	width: 755px;
	padding: 30px 0;
	line-height: 1;
}
	#wifi ul.linkBtn li {
		width: 362px;
		padding: 4px;
		border: 1px solid #93b700;
		background-color: #b3ce00;
	}
	#wifi ul.linkBtn li.compare {
		float: left;
	}
	#wifi ul.linkBtn li.feature {
		float: right;
	}
		#wifi ul.linkBtn li a {
			display: table-cell;
			/display: inline;
			/zoom: 1;
			vertical-align: middle;
			width: 310px;
			height: 58px;
			/height: auto;
			padding: 0 30px 0 20px;
			/padding: 20px 30px 20px 20px;
			border: 1px solid #8cae00;
			background: url(../img/bg_linkBtn.gif) no-repeat left center;
			text-align: center;
			color: #000000;
			font-size: 116.7%;
			font-weight: bold;
		}
		#wifi ul.linkBtn li a:hover {
			background: url(../img/bg_linkBtn_o.gif) no-repeat left center;
		}

/* pagetop(no script) */
#wifi #pageBox .noScript .pagetop {
	text-align :right;
	margin: 30px 0 30px;
}
	#wifi #pageBox .noScript .pagetop a {
		background: url(../img/pagetop_ns.gif) no-repeat left center;
		padding-left: 14px;
	}
	#wifi #pageBox .noScript .pagetop a:hover {
		text-decoration: underline;
	}

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

  08: Lineup
	
=======================================================================*/
#lineup {
}
#lineup ul#pageNav {
	background: url(../lineup/img/bg_pageNav.png) no-repeat left top;
	width: 781px;
	height: 130px;
	padding: 15px 17px;
	overflow: hidden;
}
	#lineup ul#pageNav li {
		width: 260px;
		float: left;
	}
		#lineup ul#pageNav li a,
		#lineup ul#pageNav li a span {
			cursor: pointer;
		}
		#lineup ul#pageNav li.current a,
		#lineup ul#pageNav li.current a span {
			cursor: default;
		}
			#lineup ul#pageNav li a span {
				font-weight: bold;
				display: block;
				width: 195px;
				margin: 0 auto;
				padding: 5px 0 7px;
				text-align: center;
			}
			#lineup ul#pageNav li.current a span ,
			#lineup ul#pageNav li a:hover span {
				color: #000000;
				background: url(../lineup/img/bg_pageNav_current.gif) no-repeat left bottom #c8dd00;
			}
			#lineup ul#pageNav li:not(.current) a:hover img {
				filter: alpha(opacity=70);
				opacity: 0.7;
			}

.default {
	display:block;
}

/* pageHead
 -------------------------------------------------- */
#lineup #pageBox .pageHead {
	margin-bottom: 25px;
}
	#lineup #pageBox .pageHead .pageTitle {
		float: left;
		width: 440px;
	}
	#lineup #pageBox .pageHead .link {
		background: url(../lineup/img/bg_pageHead_link.gif) no-repeat left top;
		float: right;
		width: 310px;
		height: 37px;
	}
	#lineup #pageBox .pageHead .linkBtm {
		background: url(../lineup/img/bg_pageHead_linkBtm.gif) no-repeat left bottom;
		width: 304px;
		padding: 2px 3px 3px;
	}
		#lineup #pageBox .pageHead .link ul {
			width: 304px;
			border: 1px solid #e6e6e6;
			border-right: none;
		}
			#lineup #pageBox .pageHead .link ul li {
				display: table-cell;
				/display: inline;
				/zoom: 1;
				vertical-align: middle;
				width: 126px;
				padding: 5px 15px 5px 10px;
				background: url(../img/arrow_blue.gif) no-repeat 135px center #f6f6f6;
				border-right: 1px solid #e6e6e6;
				color: #109dba;
				font-size: 106.7%;
				font-weight: bold;
				text-align: center;
			}
				#lineup #pageBox .pageHead .link ul li a:hover {
					text-decoration: underline;
				}

/* model
 -------------------------------------------------- */
#lineup .modelBox {
	position: relative;
}
	#lineup .modelBox .model {
		margin-bottom: 20px;
	}
	#lineup .modelBox .noScript {
		border-top: 1px solid #e3e3e3;
		margin: 40px 0 20px;
		padding-top: 30px;
	}
	
/* product */
#lineup .model .product {
	width: 755px;
	overflow: hidden;
	padding-bottom: 20px;
}
		/* modelColor */
		#lineup .model .product .modelColor {
			width: 360px;
			float: left;
		}
		#lineup .model .product .modelColor p {
			text-align: center;	
		}
		#lineup #page_gx .model .product .modelColor p {
			margin-top: 0;
		}
		#lineup #page_vvx .model .product .modelColor p {
			margin-top: 0;
		}
		#lineup #page_eex .model .product .modelColor p {
			margin-top: 12px;
		}
		#lineup .model .product .modelColor dl.color {
			overflow: hidden;
			text-align: right;
			margin-bottom: 4px;
		}
		#lineup #page_gx .model .product .modelColor dl.color {
			margin-top: -30px;
		}
		#lineup #page_vvx .model .product .modelColor dl.color {
			margin-top: -16px;
		}
		#lineup #page_eex .model .product .modelColor dl.color {
			margin-top: -10px;
		}
			#lineup .model .product .modelColor dl.color dt {
				font-weight: bold;
				display: inline;
				margin-right: 5px;
			}
			#lineup .model .product .modelColor dl.color dd {
				display: inline;
				margin-left: 5px;
				width: 15px;
				height: 15px;
				overflow: hidden;
			}
				#lineup .model .product .modelColor dl.color dd a {
					cursor: pointer;
				}
				#lineup .model .product .modelColor dl.color dd.current a {
					cursor: default;
				}

					#lineup .model .product .modelColor dl.color dd a img {
						vertical-align: bottom;
						border: 1px solid #cccccc;
					}
					#lineup .model .product .modelColor dl.color dd.current a img {
						border: 1px solid #b7d200;
					}
					#lineup .model .product .modelColor dl.color dd a img {
						vertical-align: bottom;
						border: 1px solid #cccccc;
					}
					
		/* imgLink */
		#lineup .model .product ul.imgLink {
			overflow: hidden;
			padding-top: 15px;
			width: 365px;
			float: right;
			line-height: 1;
		}
			#lineup .model .product ul.imgLink li {
				background-color: #efefef;
			}
			#lineup .model .product ul.imgLink li.view360 {
				float: left;
			}
			#lineup .model .product ul.imgLink li.otherImg {
				float: right;
				display: none;
			}
				#lineup .model .product ul.imgLink li a {
					width: 128px;
					display: table-cell;
					/display: inline;
					/zoom: 1;
					vertical-align: middle;
					height: 28px;
					/height: auto;
					color: #000000;
					font-weight: bold;
					text-align: center;
				}
				#lineup .model .product ul.imgLink li.view360 a {
					padding: 0 10px 0 35px;
					/padding: 8px 10px 8px 35px;
					background: url(../lineup/img/bg_view360.gif) no-repeat left center;
				}
				#lineup .model .product ul.imgLink li.view360 a:hover {
					background: url(../lineup/img/bg_view360_o.gif) no-repeat left center;
				}
				#lineup .model .product ul.imgLink li.otherImg a {
					padding: 0 10px 0 35px;
					/padding: 8px 10px 8px 35px;
					background: url(../lineup/img/bg_otherImg.gif) no-repeat left center;
				}
				#lineup .model .product ul.imgLink li.otherImg a:hover {
					background: url(../lineup/img/bg_otherImg_o.gif) no-repeat left center;
				}
				
		/* gallery */
		#lineup .model .product dl.gallery {
			overflow: hidden;
			width: 365px;
			float: right;
			margin: 15px 0 0 5px;
		}
			#lineup .model .product dl.gallery dt {
				clear: both;
				float: left;
				margin-right:10px;
				margin-bottom: 5px;
				font-weight: bold;
			}
			#lineup .model .product dl.gallery dd {
				float: left;
				margin-right:5px;
				margin-bottom: 5px;
			}

/* text */
#lineup .text {
	margin-top: 20px;
	line-height: 1.8;
}
#lineup .text p.chkDetail {
	margin-top: 5px;
}
	#lineup .text p.chkDetail a {
		background: url(../img/arrow_blue.gif) no-repeat left center;
		padding-left: 10px;
	}
	#lineup .text p.chkDetail a:hover {
		text-decoration: underline;
	}
	
/* icon */
#lineup ul.iconListTab {
	clear: both;
	overflow: hidden;
	width: 755px;
	height: 30px;
	background: url(../lineup/img/bg_iconListTab.gif) no-repeat right top;
}
	#lineup ul.iconListTab li {
		float: left;
		background-color: #c1c1c1;
		border-top: 1px solid #c1c1c1;
		border-left: 1px solid #c1c1c1;
		margin-right: 1px;
		text-align: center;
		width: 100px;
		height: 24px;
		padding-top: 5px;
		color: #000000;
		font-weight: bold;
	}
	#lineup ul.iconListTab li.current,
	#lineup ul.iconListTab li:hover {
		background-color: #f3f3f3;
		cursor: pointer;
	}

#lineup .iconList {
	clear: both;
	width: 705px;
	padding: 25px 25px 15px;
	background-color: #f3f3f3;
	overflow: hidden;
}
	#lineup .iconList ul {
		width: 705px;
		overflow: hidden;
		margin-bottom: 5px;
	}
		#lineup .iconList ul li {
			float: left;
			margin-right: 10px;
		}
		#lineup .iconList ul li a:hover {
			filter:alpha(opacity=70);
			opacity:0.7;
		}
		#tooltip { 
			position:absolute; 
			border:1px solid #333;
			background:#f7f5d1;
			padding:2px 5px;
			color: #333333;
			font-size: 83.3%;
			display:none;
			width: 150px;
			line-height: 1;
		}

/* BtnArea */
#lineup ul.linkBtn {
	overflow: hidden;
	width: 755px;
	padding: 5px 0 30px;
	line-height: 1;
}
	#lineup ul.linkBtn li {
		width: 362px;
		padding: 4px;
		border: 1px solid #93b700;
		background-color: #b3ce00;
	}
	#lineup ul.linkBtn li.compare {
		float: left;
	}
	#lineup ul.linkBtn li.feature {
		float: right;
	}
		#lineup ul.linkBtn li a {
			display: table-cell;
			/display: inline;
			/zoom: 1;
			vertical-align: middle;
			width: 310px;
			height: 58px;
			/height: auto;
			padding: 0 30px 0 20px;
			/padding: 20px 30px 20px 20px;
			border: 1px solid #8cae00;
			background: url(../img/bg_linkBtn.gif) no-repeat left center;
			text-align: center;
			color: #000000;
			font-size: 116.7%;
			font-weight: bold;
		}
		#lineup ul.linkBtn li a:hover {
			background: url(../img/bg_linkBtn_o.gif) no-repeat left center;
		}
#lineup .buyBtn {
	width: 755px;
	padding: 30px 0;
	border-top: 1px solid #e3e3e3;
	text-align: center;
	line-height: 1;
}
	#lineup .buyBtn p {
		width: 360px;
		padding: 4px;
		border: 1px solid #000000;
		background-color: #353535;
		margin: 0 auto;
	}
		#lineup .buyBtn a {
			display:table-cell;
			/display: inline;
			/zoom: 1;
			vertical-align: middle;
			width: 258px;
			height: 58px;
			/height: auto;
			padding: 0 45px 0 55px;
			/padding: 20px 45px 20px 55px;
			border: 1px solid #d9d9d9;
			background: url(../img/bg_buyBtn.gif) no-repeat left center;
			color: #ffffff;
			font-size: 116.7%;
			font-weight: bold;
			text-align: center;
		}
		#lineup .buyBtn a:hover {
			background: url(../img/bg_buyBtn_o.gif) no-repeat left center;
		}

/* movie */
#lineup .movie {
	position: absolute;
	top: 0;
	right: 0;
	width: 362px;
	height: 220px;
}
	#lineup .movie a:hover img{
		filter:alpha(opacity=70);
		opacity:0.7;
	}

#lineup .movie_ns {
	margin: 20px 0;
	text-align: center;
}

#lineup .movieBox {
	display: none;
}
	.movieArea,
	.viewArea {
		padding: 20px 0;
	}

/* pagetop(no script) */
#lineup #pageBox .noScript .pagetop {
	text-align :right;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	margin: 10px 0 20px;
}
	#lineup #pageBox .noScript .pagetop a {
		background: url(../img/pagetop_ns.gif) no-repeat left center;
		padding-left: 14px;
	}
	#lineup #pageBox .noScript .pagetop a:hover {
		text-decoration: underline;
	}

/* comparison
 -------------------------------------------------- */

#comparison{
	padding: 5px;
}
#comparison table{
	border-collapse: collapse;
	border-right: 1px solid #1C1C1D;
	float: left;
}
	#comparison table tr th,
	#comparison table tr td{
		padding: 3px 5px 3px;
		text-align: center;
		white-space: nowrap;
	}
	#comparison table tr td{
		border-top: 1px solid #E3E3E3;
		border-left: 1px solid #1C1C1D;
	}
		#comparison table tr th span,
		#comparison table tr td span{
			color: #888;
		}
		#comparison table tr td img{
			margin: 0 3px;
		}

	#comparison table tr.modelName th{
		background: #1C1C1D;
		border: 1px solid #FFF;
		color: #C8DD00;
		font-weight: bold;
	}
	#comparison table tr.modelName th.current{
		background: #C8DD00;
		color: #1C1C1D;
	}
	#comparison table tr.modelPct th{
		border-left: 1px solid #1C1C1D;
		border-bottom: 1px solid #1C1C1D;
		height:120px;
	}
		#comparison table tr.modelPct th img{
			width: 150px;
		}

	#comparison table tr.modelColor td{
		text-align: center;
	}
		#comparison table tr.modelColor td img{
			width: 10px;
		}

	#comparison table tr th.label{
		background: #F6F6F6;
		border-top: 1px solid #E3E3E3;
		border-left: 2px solid #1C1C1D;
		text-align: left;
	}
	#comparison table tr th.labelChild{
		background: #F6F6F6;
		border-top: 1px solid #E3E3E3;
		text-align: left;
	}

	#comparison table tr th.corner7{
		border: none;
		background: none;
	}
	#comparison table tr th.corner4{
		border: none;
		border-bottom: 1px solid #1C1C1D;
		background: none;
	}
	#comparison table tr th.corner1{
		border: none;
		border-top: 1px solid #1C1C1D;
		background: none;
	}
	#comparison table tr td.caption{
		border-top: 1px solid #1C1C1D;
		border-bottom: 1px solid #1C1C1D;
		padding: 10px;
		text-align: left;
	}
	#comparison ul li{
		margin-bottom: 0.3em;
		margin-left: 1.3em;
		text-indent: -1.3em;
	}


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

  09: Features
	
=======================================================================*/
#features {
}
	
	#features ul.modelNav {
		display: none;
	}
	#features  h2 {
		font-size: 233.3%;
		margin: 15px 0 30px;
		display: none;
	}
	#features h3 {
		font-size: 233.3%;
		margin: 0 0 20px;
	}
		#features h2 span,
		#features h3 span {
			color: #b7d200;
		}

#features ul#pageNav {
	background: url(../features/img/bg_pageNav.png) no-repeat left top;
	width: 781px;
	height: 150px;
	padding: 28px 17px 10px;
	overflow: hidden;
}
	#features ul#pageNav li {
		width: 260px;
		float: left;
	}
		#features ul#pageNav li a,
		#features ul#pageNav li a span {
			cursor: pointer;
		}
		#features ul#pageNav li.current a,
		#features ul#pageNav li.current a span {
			cursor: default;
		}
			#features ul#pageNav li a span {
				font-weight: bold;
				display: block;
				width: 195px;
				margin: 0 auto;
				padding: 5px 0 7px;
				text-align: center;
			}
			#features ul#pageNav li.current a span ,
			#features ul#pageNav li a:hover span {
				color: #000000;
				background: url(../lineup/img/bg_pageNav_current.gif) no-repeat left bottom #c8dd00;
			}
			#features ul#pageNav li:not(.current) a:hover img {
				filter: alpha(opacity=70);
				opacity: 0.7;
			}

#features .itemBox {
	border-bottom: 1px solid #d9d9d9;
	padding: 0 0 30px 15px;
	margin-bottom: 30px;
	width: 725px;
	overflow: hidden;
}
#features .itemBox:first-child {
	padding-top: 0;
}
#features .itemBox:last-child {
	border-bottom: none;
}
	#features .itemBox h4 {
		clear: both;
		font-size: 150%;
		margin-bottom: 20px;
		padding-top: 15px;
	}
	#features .itemBox .comparision {
		overflow: hidden;
		/zoom: 1;
		margin-bottom: 10px;
	}
		#features .itemBox .comparision .itemR{
			float: right;
			text-align: center;
			font-weight: bold;
		}
		#features .itemBox .comparision .itemL {
			float: left;
			text-align: center;
			font-weight: bold;
		}
			#features .itemBox .comparision .itemR p,
			#features .itemBox .comparision .itemL p{
				margin-bottom: 10px;
				line-height: 1;
			}
	#features .itemBox .itemImg ,
	#features .itemBox .movie {
		float: right;
		width: 355px;
	}
	#features .itemBox .itemText {
		float: left;
		width: 355px;
	}
		#features .itemBox p {
			margin-bottom: 1em;
			line-height: 1.8;
		}
		
		#features .itemBox ul.item3C {
			overflow: hidden;
		}
			#features .itemBox ul.item3C li {
				float: left;
				margin-right: 10px;
				text-align: center;
				font-weight: bold;
			}
			#features .itemBox ul.item3C li:last-child {
				margin-right: 0;
			}
			
			
		#features .itemBox #SeriousShooting {
			position: relative;
			height: 380px;
			width: 525px;
			padding: 0 100px;
		}
			#features .itemBox #SeriousShooting p#SStxt01 {
				position: absolute;
				top: 50px;
				right: 545px;
				font-weight: bold;
			}
			#features .itemBox #SeriousShooting p#SStxt02 {
				position: absolute;
				bottom: 12px;
				left: 100px;
				font-weight: bold;
			}

#features h3 + .itemBox > p:first-child,
#features .itemBox h4 + p {
	margin-bottom: 25px;
}

#features .movie a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
}

#features .movieBox {
	display: none;
}

#features #futureFooter {
	width: 740px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
	#features #futureFooter h3 {
		background-color: #313131;
		color: #ffffff;
		font-size: 200%;
		padding: 10px;
		margin-bottom: 0;
	}
		#features #futureFooter #futureFooterInr {
			background-color: #f2f2f2;
			padding: 15px;
			overflow: hidden;
		}
			#features #futureFooter #futureFooterInr h4 {
				font-size: 100%;
				font-weight: bold;
				margin-bottom: 5px;
			}
			#features .Intelligent #futureFooterInr h4 {
				background: url(../features/img/bg_intelligent.gif) no-repeat left center;
				padding-left: 15px;
			}
			#features #futureFooter #futureFooterInr p {
				font-size: 91.7%;
				margin-bottom: 10px;
			}
			#features .Intelligent #futureFooterInr p {
				padding-left: 15px;
			}
			#features #futureFooter #futureFooterInr p.lead {
				font-size: 100%;
				background: url(../features/img/creative_MB_01.jpg) no-repeat left top;
				padding-left: 200px;
				height: 90px;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px solid #d9d9d9;
			}
			#features #futureFooter #futureFooterInr #edit {
				float: left;
				width: 350px;
			}
			#features #futureFooter #futureFooterInr #edit dl {
				background: url(../features/img/creative_MB_02.jpg) no-repeat left top;
				padding-left: 145px;
			}
				#features #futureFooter #futureFooterInr #edit dl dt {
					font-weight: bold;
					margin-bottom: 5px;
				}
			#features #futureFooter #futureFooterInr #upload {
				float: right;
				width: 350px;
			}
			#features #futureFooter #futureFooterInr #system {
				clear: both;
				width: 710px;
				border-top: 1px solid #d9d9d9;
				padding-top: 20px;
			}
				#features #futureFooter #futureFooterInr #system p span {
					font-weight: bold;
				}


/* BtnArea */
#features ul.linkBtn {
	overflow: hidden;
	width: 755px;
	padding: 0 0 30px;
	line-height: 1;
}
	#features ul.linkBtn li.lineup {
		float: left;
		width: 362px;
		padding: 4px;
		border: 1px solid #93b700;
		background-color: #b3ce00;
	}
		#features ul.linkBtn li.lineup a {
			display: table-cell;
			/display: inline;
			/zoom: 1;
			vertical-align: middle;
			width: 310px;
			height: 58px;
			/height: auto;
			padding: 0 30px 0 20px;
			/padding: 20px 30px 20px 20px;
			border: 1px solid #8cae00;
			background: url(../img/bg_linkBtn.gif) no-repeat left center;
			text-align: center;
			color: #000000;
			font-size: 116.7%;
			font-weight: bold;
		}
		#features ul.linkBtn li.lineup a:hover {
			background: url(../img/bg_linkBtn_o.gif) no-repeat left center;
		}
	
	#features ul.linkBtn li.buy {
		float: right;
		width: 360px;
		padding: 4px;
		border: 1px solid #000000;
		background-color: #353535;
		margin: 0 auto;
	}
		#features ul.linkBtn li.buy a {
			display: table-cell;
			/display: inline;
			/zoom: 1;
			vertical-align: middle;
			width: 258px;
			height: 58px;
			/height: auto;
			padding: 0 45px 0 55px;
			/padding: 20px 45px 20px 55px;
			border: 1px solid #d9d9d9;
			background: url(../img/bg_buyBtn.gif) no-repeat left center;
			color: #ffffff;
			font-size: 116.7%;
			font-weight: bold;
			text-align: center;
		}
		#features ul.linkBtn li.buy a:hover {
			background: url(../img/bg_buyBtn_o.gif) no-repeat left center;
		}

#features ul.gx,
#features ul.vvx,
#features ul.eex {
	display: none;
}


/* table */
#features .recTimes{
	width: 620px;
	border-collapse: collapse;
	border-right: 1px solid #1C1C1D;
	border-bottom: 1px solid #1C1C1D;
	margin-top:20px;
}
#features .recTimes + .recTimes{
	margin-top:30px;
	margin-bottom:8px;
}
	#features .recTimes tr td{
		padding: 3px 10px 3px;
		text-align: center;
	}
	#features .recTimes tr td{
		border-top: 1px solid #E3E3E3;
		border-left: 1px solid #1C1C1D;
	}

	#features .recTimes tr th{
		background: #F6F6F6;
		border-top: 1px solid #E3E3E3;
		border-left: 1px solid #1C1C1D;
		padding: 3px 10px 3px 10px;
		text-align: left;
	}
	#features .recTimes tr th.child{
		padding: 3px 10px 3px 10px;
		border-left: none;
	}
	#features .recTimes tr.head th{
		border-top: 1px solid #1C1C1D;
		padding: 3px 10px 3px;
		text-align: center;
	}
	#features .recTimes tr.head + tr th{
		border-top: 1px solid #1C1C1D;
		padding: 3px 10px 3px;
		text-align: center;
	}

	#features .recTimes tr.lineTop th,
	#features .recTimes tr.lineTop td{
		border-top: 1px solid #1C1C1D;
	}

	#features .recTimes tr th.corner7{
		vertical-align: top;
		border: none;
		background: none;
		text-align: left;
		padding: 0;
		font-size: 116.7%;
		font-weight: bold;
	}


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

  10: Accessories
	
=======================================================================*/

/* pageHead
 -------------------------------------------------- */
#accessories .pageHead {
	background: url(../accessories/img/bg_pageHead.png) no-repeat left top;
	width: 570px;
	height: 70px;
	padding-left: 40px;
	padding-top: 60px;
	margin-bottom: 5px;
}

#accessories .itemBox {
	border-bottom: 1px solid #d9d9d9;
	padding-top: 30px;
	width: 100%;
	overflow: hidden;
}
#accessories .itemBox:last-child {
	border-bottom: none;
}
	#accessories .itemBox h3 {
		margin-bottom: 20px;
	}
		#accessories .itemBox h3 span.note {
			display: block;
			color: #b7b7b7;
			font-size: 50%;
			margin: 8px 0 0 1px;
		}
	#accessories .itemBox ul {
		overflow: hidden;
		width: 100%;
	}
		#accessories .itemBox h3 + p {
			margin-left: 15px;
			margin-bottom: 5px;
		}
		#accessories .itemBox h3 + p + p.note {
			margin-left: 15px;
		}

		#accessories .itemBox ul.itemList3c li {
			float: left;
			width: 251px;
			margin-bottom: 30px;
		}
		#accessories .itemBox ul.itemList3c li:nth-child(3n) +li {
			clear: both;
			float: left;
		}
			#accessories .itemBox ul li h4 {
				font-size: 116.7%;
				font-weight: bold;
				margin-left: 15px;
				margin-bottom: 5px;
			}
			#accessories .itemBox ul li h4 + p {
				margin-left: 15px;
			}
			#accessories .itemBox ul li p {
				color: #515151;
			}
			#accessories .itemBox ul li p.itemImg {
				text-align: center;
			}
	#accessories .itemBox dl.attention {
		color: #333333;
		margin-left: 15px;
		margin-bottom: 30px;
	}
	#accessories .itemBox dl.attention dt {
		font-weight: bold;
	}
	#accessories .itemBox dl.attention dd {
		font-size: 83.3%;
	}
	
		#accessories .itemBox ul.itemList2c li {
			float: left;
			width: 377px;
			margin-bottom: 35px;
		}
		#accessories .itemBox ul.itemList2c li:nth-child(2n) +li {
			clear: both;
			float: left;
		}
		#accessories .itemBox .itemBoxFlt {
			float: left;
			width: 377px;
			margin-bottom: 35px;
		}
		
		

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

  00: Common
	
=======================================================================*/

/* ClearFix
 -------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.alignC { text-align: center;}

sup { font-size: 50%;}

p.note {
	color: #666666;
	font-size: 83.3%;
	line-height: 1.2;
}
span.notice {
	color: #888888;
}

.movieArea object {
	background: url(../img/loading.gif) no-repeat center 320px #000000;
}