/* CSS Document */

/* #main
-----------------------*/
#main{
	text-align:left;
}
	#main .main-inner{
		margin:0 auto;
		padding:20px 0 10px 0;
	}

	#main .main-inner .mainvision{
		padding-bottom: 23px;
	}

@media screen and (max-width: 640px) {
	#main .main-inner{
		padding-top: 0;
	}
}

/*.upper-slide-box
--------------------------*/
#upper-slide-box{
	background:#EDEDED;
	padding:0 0 20px;
}

	#upper-slide-box .upperflexslider{
		max-width:980px;
	}
@media screen and (min-width: 980px) {
	#upper-slide-box .upperflexslider{
		height: 180px;
	}
}
	#upper-slide-box .upperflex-container{
		position:relative;
	}
	#upper-slide-box .bunner-box{
		padding-bottom: 10px;
	}

@media screen and (max-width: 640px) {
#upper-slide-box{
	padding:0;
}
}
	/* Browser Resets */
	#upper-slide-box .upperflex-container a:active,
	#upper-slide-box .upperflexslider a:active,
	#upper-slide-box .upperflex-container a:focus,
	#upper-slide-box .upperflexslider a:focus  {outline: none;}
	#upper-slide-box .slides,
	#upper-slide-box .upperflex-control-nav,
	#upper-slide-box .upperflex-direction-nav {margin: 0; padding: 0; list-style: none;}

	/* FlexSlider Necessary Styles
	*********************************/
	#upper-slide-box .upperflexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	#upper-slide-box .upperflexslider .slides img {width: 100%; display: block;}
	#upper-slide-box .upperflex-pauseplay span {text-transform: capitalize;}

	/* Clearfix for the .slides element */
	#upper-slide-box .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	html[xmlns] #upper-slide-box .slides {display: block;}
	* html #upper-slide-box .slides {height: 1%;}

	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */
	#upper-slide-box .no-js .slides > li:first-child {display: block;}


	/* FlexSlider Default Theme
	*********************************/
	#upper-slide-box .upperflexslider {
		zoom: 1;
	}
	#upper-slide-box .upperflex-viewport {
		max-height: 2000px;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
	}
	#upper-slide-box .loading .upperflex-viewport {
	}
	#upper-slide-box .upperflexslider .slides {
		zoom: 1;
	}

	#upper-slide-box .carousel li {
		margin-right: 5px
	}


	/* Direction Nav */
	#upper-slide-box .upperflex-direction-nav {*height: 0; display:none;}
	#upper-slide-box .upperflex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/common/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	#upper-slide-box .upperflex-direction-nav .upperflex-next {background-position: 100% 0; right: -36px; }
	#upper-slide-box .upperflex-direction-nav .upperflex-prev {left: -36px;}
	#upper-slide-box .upperflexslider:hover .upperflex-next {opacity: 0.8; right: 5px;}
	#upper-slide-box .upperflexslider:hover .upperflex-prev {opacity: 0.8; left: 5px;}
	#upper-slide-box .upperflexslider:hover .upperflex-next:hover, .upperflexslider:hover .upperflex-prev:hover {opacity: 1;}
	#upper-slide-box .upperflex-direction-nav .upperflex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

	/* Control Nav */
	#upper-slide-box .upperflex-control-nav {
		width: 100%;
		text-align: center;

		position:absolute;
		left:0;
		bottom:10px;
		zoom:1;
	}
	#upper-slide-box .upperflex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	#upper-slide-box .upperflex-control-paging li a {
		font-size:10px;
		line-height:17px;
		text-align:center;
		width:20px;
		height:19px;
		display:block;
		background:url(/japan/home/img/main-control-bg.png) no-repeat;
		cursor:pointer;
	}
	#upper-slide-box .upperflex-control-paging li a:hover,
	#upper-slide-box .upperflex-control-paging li a.upperflex-active{
		background-position:0 -19px;
		color:#FFF;
		text-decoration:none;
	}
	#upper-slide-box .upperflex-control-paging li a.upperflex-active {
		cursor:default;
	}

	#upper-slide-box .upperflex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	#upper-slide-box .upperflex-control-thumbs li {width: 25%; float: left; margin: 0;}
	#upper-slide-box .upperflex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	#upper-slide-box .upperflex-control-thumbs img:hover {opacity: 1;}
	#upper-slide-box .upperflex-control-thumbs .upperflex-active {opacity: 1; cursor: default;}

	@media screen and (max-width: 860px) {
	#upper-slide-box .upperflex-direction-nav .upperflex-prev {opacity: 1; left: 0;}
	#upper-slide-box .upperflex-direction-nav .upperflex-next {opacity: 1; right: 0;}
	}



	/* flexslider fix */
	#upper-slide-box .upperflexslider-container{
		position:relative;
	}

	#upper-slide-box .upperflexslider{
	}
		#upper-slide-box .upperflexslider .slides{
			overflow:hidden;
		}
		#upper-slide-box .upperflexslider img{
			width:100%;
		}

		@media only screen and (max-width:640px){
		#upper-slide-box{
			padding:10px 10px 0;
		}
		#upper-slide-box .upperflexslider{
		}

		#upper-slide-box .upperflex-control-paging{
			position:static;
			padding:10px 0;
		}
			#upper-slide-box .upperflex-control-paging li{
				text-align:left;
				font-size:1px;
			}
				#upper-slide-box .upperflex-control-paging li a{
					text-indent:-9999px;
					text-align:left;

					width:10px;
					height:10px;
					background-position:0 -38px;
					font-size:1px;
				}
				#upper-slide-box .upperflex-control-paging li a:hover,
				#upper-slide-box .upperflex-control-paging li a.upperflex-active{
					background-position:0 -48px;
				}
		}


/* #head-area
--------------------------*/
#head-area .bread-crumb {
	font-size: 11px;
	line-height: 1.2;
	padding: 7px 0 10px 0;
}
	#head-area .bread-crumb li {
		float: left;
	}
	#head-area .bread-crumb a {
		color: #00468C;
		text-decoration: none;
	}



	/*.link-list
	-----------------------*/
	.link-list{
	}
		.link-list li{
			display:inline-block;
			*display:inline;
			*zoom:1;

			padding:0 20px 10px 0;
			line-height:1;
		}
			.link-list li a{
				padding:1px 0 1px 12px;
				background: url(/common/img/icon-cursor.png) no-repeat 0 center;
			}

			.link-list li a.link-pdf{
				padding:1px 0 1px 21px;
				background: url(/common/img/icon-pdf.png) no-repeat 0 center;
			}

@media only screen and (max-width:640px){
		.link-list li{
			display: block;
		}
}


	/* #pulldown-lens(Generate by javascript)
	-----------------------*/

	/*reset*/
	#head-area{
		position:relative;
	}
	#pulldown-lens li{
		background:none !important;
		height:auto !important;
	}
	#pulldown-lens a{
		background:none !important;
		height:auto !important;
		text-align:left !important;
		color:#00468C !important;
	}
		#pulldown-lens a:hover{
			text-decoration:underline !important;
		}
	#main.default{
		padding:0 !important;
	}


	#pulldown-lens{
		/*hidden*/
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow:hidden;
		background:#FFF;
		text-indent:-9999px;

	}
	#pulldown-lens.active{
		/*visible*/
		width:auto;
		height:auto;
		margin:auto;
		overflow:visible;
		text-indent:0;

		display:none;

		position:absolute;
		width:100%;
		left:0;

		padding:20px 0 0;
	}
		#pulldown-lens ul{
			background:#F2F2F2;
			padding:15px 10px;

			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
		}

		#pulldown-lens li{
			width:33%;/* 325/976 */
			float:left;
		}
			#pulldown-lens li a{
				display:block;
				padding:10px 20px;
			}
				#pulldown-lens li a .title{
					font-weight:bold;
					padding:0 0 10px;
					font-size:16px;
				}
				#pulldown-lens li a .pic img{
					width:100%;
				}

			#pulldown-lens li.box02{
				border-left:2px solid #CCC;
				border-right:2px solid #CCC;			}


	/* #head-area .sp-only(Generate by javascript)
	-----------------------*/
	#head-area .sp-only{
		display:none;
	}
	@media screen and (max-width: 640px) {
	#head-area .sp-only{
		display:block;
	}
		#head-area .sp-only a{
			padding:0 5px 0 25px !important;
		}
	}



	/*.tool-box
	-----------------------*/
	.tool-box-inner{
		padding-left: 20px;
	}

	@media screen and (max-width: 640px) {
	.tool-box{
		padding:0;
	}
	.tool-box-inner{
		padding-left: 0;
	}

	#add-text{
		padding-left:10px;
	}
	}

			/*.easy-select-box@javascript
			-----------------------*/
			.tool-box .dropdown-box .easy-select-box {
				position:relative;
				display:inline-block;
				*display:inline;
				*zoom:1;
			}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
				 background:#666 url(/japan/products/common/img/products-page-navi-cursor.png) right center no-repeat;
				 display:block;
				 color:#FFF;
				 width:115px;
				 padding:0 25px 0 5px;
				 height:28px;
				 line-height:28px;
				 text-decoration:none;
				}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
				 position:relative;
				 text-decoration:none;
				 background:#CCC url(/japan/products/common/img/products-page-navi-cursor.png) right center no-repeat;
				}
				.tool-box .dropdown-box .easy-select-box ul {
				 display:none;
				 overflow:auto;

				 position:absolute;
				 top:100%;
				 left:0;
				 z-index:99;

				 width:145px;
				 background:#FFF;
				}
				.tool-box .dropdown-box .easy-select-box ul li a,
				.tool-box .dropdown-box .easy-select-box ul li a:visited{
				 display:block;
				 background:#999;
				 color:#FFF;
				 cursor:default;
				 text-decoration:none;
				 height:28px;
				 line-height:28px;
				 padding:0 5px;
				}
				.tool-box .dropdown-box .easy-select-box ul li a:hover{
				 background:#CCC;
				 text-decoration:none;
				}

				@media screen and (max-width: 640px) {
				.tool-box .dropdown-box .easy-select-box {
					display:block;
				}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
					 color:#FFF;
					 width:auto;
				}
				.tool-box .dropdown-box .easy-select-box ul {
					 width:100%;
				}
				}


		/*.check-box
		-----------------------*/
		.tool-box .check-box{
			float:left;
			padding:13px 0 13px 0;
		}
		@media screen and (max-width: 640px) {
		.tool-box .check-box{
			padding:13px 0 13px 10px;
		}
		}

			/*.style-checkbox
			-----------------------*/
			.style-checkbox label{
				margin:0 20px  0 0;

				background:url(/common/img/style-checkbox-bg.png) no-repeat;
				padding:0 0 0 20px;
				line-height:28px;

				display:inline-block;
				*display:inline;
				*zoom:1;
			}
				.style-checkbox label.on{
					background-position:0 -28px;
				}

			.style-checkbox input{
				position:absolute;
				left:-99999px;
			}


/*.page-compare
-----------------------*/
.page-compare{
}

	.page-compare #main{
		padding:20px 0 50px;
	}
		.page-compare #main .text-title-lv2 a {
			background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 13px;
		}
		.page-compare #main table{
			width:89.79591836734694%;/*880/980*/
			margin:0 auto;
		}

			.page-compare #main th,
			.page-compare #main td{
				border-right:1px solid #CCC;
				vertical-align:middle;
				padding:10px 1.704545454545455%;/*15/880*/
			}

			.page-compare #main th span{
				font-size: 14px;
				color: #ff0000;
			}

				.page-compare #main .bg-gray th,
				.page-compare #main .bg-gray td{
					background:#E9E9E9;
				}
					.page-compare #main td.last{
						border-right:none;
					}

			.page-compare #main th{
				width:9.318181818181818%;/*82/880*/
				text-align:left;
				font-weight:bold;
			}
			.page-compare #main td{
				width:25.45454545454545%;/*224/880*/
				text-align:center;
			}

				.page-compare #main td img{
					width:100%;
					max-width:340px;
				}

				.ie8 .page-compare #main td img{
					width:80%;
					display: block;
				}

				.ie7 .page-compare #main td img{
					max-width: 85%;
				}

				.page-compare #main td .icon{
					display: inline-block;
					background: #fff;
					border: 1px solid #ccc;
					padding: 2px 5px;
					margin: 2px;
				}

		.page-compare #main p.notice{
			width:89.79591836734694%;/*880/980*/
			margin:5px auto 0 auto;
		}
		.page-compare #main p.notice span{
			font-size: 14px;
			color: #ff0000;
		}

		@media screen and (max-width: 640px) {
		.page-compare #main .text-title-lv2 {
			padding-left: 10px;
		}
		}


/* #bpl-banner-area
-----------------------*/
#bpl-banner-area{
	margin:20px 0 30px;
}

	#bpl-banner-area .bpl-banner .title-lv2{
		margin: 40px 0 0 !important;
	}

	#bpl-banner-area .bpl-banner-list{
		margin-left:-2%/* 20/960 */;
		padding: 20px 20px 0;
	}
		#bpl-banner-area .bpl-banner-list li{
			width:31.25%;/* 300/960 */
			padding:0 0 0 2%/* 20/960 */;
			float:left;
		}
	@media screen and (max-width: 640px) {
	#bpl-banner-area{
		margin: 0 10px;
	}

	#bpl-banner-area .bpl-banner-list{
		margin:0;
	}
		#bpl-banner-area .bpl-banner-list li{
			width:100%;
			padding:0 0 20px;
			float:none;
		}
	}

	#bpl-banner-area .bpl-banner-list li .title{
		font-weight:bold;
		font-size:14px;
		color:#000;
		padding:0 0 5px;
	}
	#bpl-banner-area .bpl-banner-list li .pic img{
		width:100%;
		/*border-radius: 10px;
		border: #AE0502 3px solid;*/
	}