/* CSS Document */
@media only screen and (max-width:640px){
body {
  -webkit-text-size-adjust: 100%;
}
}
#contents{
	position:relative;
}

#contents .content-wrap{
	background:#FFF;
	padding:0 0 30px;
}



/* #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;
	}





	@media only screen and (max-width:640px){

	/* #page-navi-parent */
	#page-navi-parent{
		width:60%;
		margin:0 10px 15px 0;
		padding: 0;
	}

	#head-area .page-navi{
		width:60%;
		padding: 0;
		right:10px;
	}
	.ie7 #page-navi-parent{
		width:60%;
		margin:0 10px 15px 0;
		padding: 0;
	}

	.ie7 #head-area .page-navi{
		width:60%;
		padding: 0;
		right:10px;
	}

	}




/* #main
-----------------------*/
#main{
	text-align:left;
}
	#main .main-inner{
		margin:0 auto;
		padding:20px 0 0 0;
	}

	#main .main-inner .mainvision{
		padding-bottom: 23px;
	}


		/* left-part
		-----------------------*/
		#main .main-inner .left-part{
			float:left;
			width:46.9%;/* 460/980 */
			padding-left:2.040816326530612%;/* 20/980 */
		}
		#main .mainvision .left-part{
			float:left;
			width:40.81632653061224%;/* 400/980 */
			padding-left:2.040816326530612%;/* 20/980 */
			padding-right:6.122448979591837%;/* 60/980 */
		}
				/*
				 * jQuery FlexSlider v2.0
				 * http://www.woothemes.com/flexslider/
				 *
				 * Copyright 2012 WooThemes
				 * Free to use under the GPLv2 license.
				 * http://www.gnu.org/licenses/gpl-2.0.html
				 *
				 * Contributing author: Tyler Smith (@mbmufffin)
				 */


				/* Browser Resets */
				.producyTopFlex-container a:active,
				.flexslider a:active,
				.producyTopFlex-container a:focus,
				.flexslider a:focus  {outline: none;}
				.slides,
				.producyTopFlex-control-nav,
				.producyTopFlex-direction-nav {margin: 0; padding: 0; list-style: none;}

				/* FlexSlider Necessary Styles
				*********************************/
				.flexslider { margin: 0; padding: 0;}
				.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
				.flexslider .slides img {width: 100%; display: block;}
				.producyTopFlex-pauseplay span {text-transform: capitalize;}

				/* Clearfix for the .slides element */
				.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
				html[xmlns] .slides {display: block;}
				* html .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 */
				.no-js .slides > li:first-child {display: block;}


				/* FlexSlider Default Theme
				*********************************/
				.flexslider {
					zoom: 1;
				}
				.producyTopFlex-viewport {
					max-height: 2000px;
					-webkit-transition: all 1s ease;
					-moz-transition: all 1s ease;
					transition: all 1s ease;
				}
				.loading .producyTopFlex-viewport {
					max-height: 300px;
				}
				.flexslider .slides {
					zoom: 1;
				}

				.carousel li {
					margin-right: 5px
				}


				/* Direction Nav */
				.producyTopFlex-direction-nav {*height: 0; }
				.producyTopFlex-direction-nav a {width:30px; height: 60px; margin: -20px 0 0; display: block;  position: absolute; top: 35%; z-index: 10; cursor: pointer;text-indent:-9999px; }
				.producyTopFlex-direction-nav .producyTopFlex-next {background:url(/japan/products/common/img/bod_acc_nex.jpg) no-repeat 0 0; right: -50px; }
				.producyTopFlex-direction-nav .producyTopFlex-prev {background:url(/japan/products/common/img/bod_acc_pre.jpg) no-repeat 0 0;left:-50px;}
				.producyTopFlex-direction-nav .producyTopFlex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
				@media only screen and (max-width:640px){
					.producyTopFlex-direction-nav a {width:20px; height: 40px; margin: -20px 0 0; display: block;  position: absolute; top: 35%; z-index: 10; cursor: pointer;text-indent:-9999px; }
					.producyTopFlex-direction-nav .producyTopFlex-next {background:url(/japan/products/common/img/bod_acc_nex.jpg) no-repeat 0 0; right: -20px;background-size: 100% }
					.producyTopFlex-direction-nav .producyTopFlex-prev {background:url(/japan/products/common/img/bod_acc_pre.jpg) no-repeat 0 0;left:-20px;background-size: 100%}
				}
				/* Control Nav */
				.producyTopFlex-control-nav {
					width: 100%;
					text-align: center;

					position:absolute;
					left:0;
					bottom:7px;
					zoom:1;
				}
				.producyTopFlex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
				.producyTopFlex-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;
				}
				.producyTopFlex-control-paging li a:hover,
				.producyTopFlex-control-paging li a.producyTopFlex-active{
					background-position:0 -19px;
					color:#FFF;
					text-decoration:none;
				}
				.producyTopFlex-control-paging li a.producyTopFlex-active {
					cursor:default;
				}

				.producyTopFlex-control-thumbs {margin: 50px 0 0 -3px; position: static; overflow: hidden;}
				.producyTopFlex-control-thumbs li { padding:0 0 4px 3px;float: left; margin: 0;}
				.producyTopFlex-control-thumbs img { border:1px solid #CCC; display: block;  cursor: pointer;}
				.producyTopFlex-control-thumbs img:hover {opacity: 1;}
				.producyTopFlex-control-thumbs .producyTopFlex-active {border:1px solid #666; opacity: 1; cursor: default;}


				/* flexslider fix
				-----------------------*/
				@media screen and (max-width: 640px) {

				#main .main-inner .left-part .flexslider{
					position:relative;
					width:100%;
					max-width:300px;
					margin:0 auto;
				}

				#main .main-inner .left-part{
					padding:0 0 10px;
				}
					#main .main-inner .left-part .flexslider .slides{
						width:100%;
						max-width:300px;
						margin:0 auto;
						text-align:center;
					}
						#main .main-inner .left-part .flexslider .slides img{
							width:90%;
							margin:0 auto;
						}
					#main .main-inner .left-part .flexslider .producyTopFlex-control-thumbs{
						text-align:center;
						margin:30px auto 0;

						max-width:300px;
						width:100%;
					}
						#main .main-inner .left-part .flexslider .producyTopFlex-control-thumbs li{
							display:inline-block;
							*display:inline;
							*zoom:1;
							/*float:none;*/

							width:18.5%;/* 78/400 */
							padding:0 0 4px 1%;/* 4/400 */
						}
							#main .main-inner .left-part .flexslider .producyTopFlex-control-thumbs li img{
								width:100%;
							}


						.producyTopFlex-direction-nav{
							display:block;
							position:absolute;
							width:100%;
							top:150px;
							left:0;
						}
							.producyTopFlex-direction-nav a{
							}

				}




		/* right-part
		-----------------------*/
		#main .main-inner .right-part{
			float:left;
			width:48.97959183673469%;/* 480/980 */
			padding-left:2.040816326530612%;/* 20/980 */
		}

		.ie7 #main .main-inner .right-part{
			padding-left:1.93877551%;/* 19/980 */
		}

			#main .main-inner .right-part .logo {
				padding: 47px 0 26px 0;
			}

			#main .main-inner .right-part .lead {
				font-size: 23px;
				padding-left: 5px;
				padding-bottom: 115px;
			}

			#main .main-inner .right-part .store-button{
				display:block;
				width:300px;
				height:52px;
			}
			@media screen and (max-width: 640px) {
			#main .main-inner .right-part .store-button{
				margin:0 auto !important;
			}
			}
				#main .main-inner .right-part .store-button a{
					display:block;
					text-align:center;
					height:52px;
					line-height:52px;
					background:url(/common/img/btn-red.png) no-repeat;

					font-size:18px;
					font-weight:bold;
					color:#FFF;
				}
				#main .main-inner .right-part .store-button a span{
					background: url(/common/img/icon-cart.png) no-repeat left center;
					padding-left: 28px;
				}



@media only screen and (max-width:640px){
#main{
	padding:10px;
}
	#main .main-inner{
		padding:0;
	}

	#main .main-inner .mainvision{
		padding-bottom:0;
	}
		/* left-part
		-----------------------*/
		#main .main-inner .left-part{
			float:none;
			width:100%;
			padding:0 !important;
		}

			#main .main-inner .left-part .thumbs{
				max-width:400px;
				margin:0 auto;
				padding:5px 0 0;
			}

		/* right-part
		-----------------------*/
		#main .main-inner .right-part{
			float:none;
			width:100%;
			padding:10px 0 0;
		}

			#main .main-inner .right-part .logo{
				position:absolute;
				width:100px;
				top:10px;
				left:10px;
				padding:0;
			}
				#main .main-inner .right-part .logo img{
					/*max-height:40px;*/
					max-width:90px;
					height: auto;
				}

			#main .main-inner .right-part .lead {
				font-size: 12px;
				padding:0;
				max-width:400px;
				margin:0 auto;
			}
			#main .main-inner .right-part .store-button{
				text-align:center;
				padding:10px 0;
			}
}



	/* common
	-----------------------*/
	#main .main-inner .products-logo{
		display: none;
	}

	@media only screen and (max-width:640px){
	#main .main-inner .sp-hidden{
		display: none;
	}

	#main .main-inner .products-logo{
		display: block;
		position:absolute;
		width:100px;
		top:10px;
		left:10px;
		padding:0;
	}
		#main .main-inner .products-logo img{
			/*max-height:40px;*/
			max-width:90px;
			height: auto;
		}
	}

	/* .news
	-----------------------*/
	#main .main-inner .news {
		margin:20px 0 35px 0;
	}

		#main .main-inner .news dl {
			margin:0;
			padding:15px 0 0 22px;
			font-size: 14px;
			line-height: 1.4;
		}
			#main .main-inner .news dl dt {
			margin: 0 0 10px;
				padding: 0;
				width: 100px;
				float: left;
			}
			#main .main-inner .news dl dd {
			margin: 0 0 10px;
				padding: 0px;
				margin-left:100px;
			}
			#main .main-inner .news dl dd a {
				color: #26619E;
				text-decoration: none;
			}
			#main .main-inner .news dl dd a:hover {
				text-decoration: underline;
			}
		@media screen and (max-width: 640px) {
		#main .main-inner .news dl {
			padding:10px 0 0;
			font-size:12px;
		}
			#main .main-inner .news dl dt {
				width:80px;
			}
			#main .main-inner .news dl dd {
				margin-left:80px;
			}
		}


	/* banner-block
	-----------------------*/
	#main .main-inner .banner-block {
		margin: 0 0 3.061224489795918% 0;/* 30/980 */
		background:url(/common/img/bod_ban_bg.gif) repeat 0 0;
	}
		#main .main-inner .banner-block ul {
		}
			#main .main-inner .banner-block li{
				width:33.469387755%;/* 328/980 */
				float: left;
				font-size: 0;
				line-height: 0;
			}
			#main .main-inner .banner-block li.col2{
				width:66.530612244%;/* 652/980 */
			}
				#main .main-inner .banner-block li.col2 img{
					max-width:652px;
				}

			#main .main-inner .banner-block ul li.banner2 {
			}
				#main .main-inner .banner-block li img{
					width:100%;
				}


		#main .main-inner .banner-block ul li a {
			display: inline-block;
			background-color: #ffffff;
		}
		@media screen and (max-width: 640px) {
		#main .main-inner .banner-block{
			text-align:center;
			background:none;
		}
			#main .main-inner .banner-block li {
				float: none;
				display:block;
				width:auto;
				padding:0 0 10px !important;
			}
			#main .main-inner .banner-block li.col2{
				width:100%;
			}

				#main .main-inner .banner-block li a{
					background:url(/common/img/bod_ban_bg.gif) repeat 0 0;
				}
				#main .main-inner .banner-block li.banner1 a{
					padding:1px 3px 1px 1px;
				}
				#main .main-inner .banner-block li.banner2 a{
					padding:0 0 0 3px;
				}
				#main .main-inner .banner-block li img{
					display: inline;
					margin:0;
					min-width: 290px;
					width: 100%;
				}
				#main .main-inner .banner-block li.col2 img{
					min-width: 290px;
					width: 100%;
				}
				.ie7 #main .main-inner .banner-block li img{
					min-width: 290px;
					width: auto!important;
					width: 290px;
				}
				.ie7 #main .main-inner .banner-block li.col2 img{
					max-width: 100%;
					min-width: 290px;
					width: auto!important;
					width: 290px;
				}
		}


	/* .article
	-----------------------*/
	#main .main-inner .article{
		width: 100%;
		padding: 0 0 30px;
		margin: 30px 0;
	}
		#main .main-inner .article .img-box{
		}
		#main .main-inner .article img{
			width:100%;
			height:auto !important;
		}
		@media screen and (max-width: 640px) {
		#main .main-inner .article .img-box{
			text-align:center;
			padding:0;
			display:block;
			/*max-width:480px;*/
			margin:0 auto;
		}
		#main .main-inner .article img{
			min-width:300px;
		}
			#main .main-inner .article .article-eq-height{
				height: auto !important;
			}

		}


	/* .article-col2
	-----------------------*/
	#main .main-inner .article-col2{
		background:url(/common/img/icon-1pxdot-DDDDDB.gif) center top repeat-y;
		padding:0;
		/*margin:30px 0;*/
		margin: 0 0 30px;
	}
	#main .main-inner .article-col2 .left-part{
		width:46.83673469387755%;/* 459/980 */
		padding-left:1.224489795918367%;/* 12/980 */
		padding-right:1.938775510204082%;/* 19/980 */
	}
	#main .main-inner .article-col2 .right-part{
		width:46.83673469387755%;/* 459/980 */
		padding-left:1.938775510204082%;/* 19/980 */
		padding-right:1.224489795918367%;/* 12/980 */
	}
	.ie7 #main .main-inner .article-col2 .left-part{
		width:46.734693877%;/* 458/980 */
	}
	.ie7 #main .main-inner .article-col2 .right-part{
		width:46.734693877%;/* 458/980 */
	}
		#main .main-inner .article-col2 .img-box{
		}
			#main .main-inner .article-col2 .img-box img{
			height:auto !important;
			}

		#main .main-inner .btmborder {
			border-bottom: 1px solid #DDDDDB;
		}
		#main .main-inner .aligncenter {
			text-align: center;
			padding: 0;
		}
		#main .main-inner .note {
			font-size: 10px;
		}
		#main .main-inner .img-originalsize {
			width: auto !important;
		}

	@media screen and (max-width: 640px) {
	#main .main-inner .article-col2{
		background:none;
	}
		#main .main-inner .article-col2 .left-part{
			width:100%;
			padding:0 0 30px;
			margin:0 0 30px;
			border:none;
			border-bottom:1px solid #CCC;
			height:auto !important;
		}
		#main .main-inner .article-col2 .right-part{
			width:100%;
			padding:0;
			border:none;
			height:auto !important;

			padding:0 0 30px;
			border:none;
			border-bottom:1px solid #CCC;
		}
		.ie7 #main .main-inner .article-col2 .left-part{
			width:100%;
		}
		.ie7 #main .main-inner .article-col2 .right-part{
			width:100%;
		}
		#main .main-inner .img-originalsize {
			width: auto !important;
			min-width: 0 !important;
		}
	}

	/* .article-col3
	-----------------------*/
	#main .main-inner .article-col3{
	}
		#main .main-inner .article-col3 .left-part{
			width:29%;/* 286/980 */
			padding: 0 2%;/* 20/980 */
			float: left;
		}
		#main .main-inner .article-col3 .center-part{
			width:29%;/* 286/980 */
			padding: 0 2%;/* 20/980 */
			float: left;
			border-right: 1px solid #DDDDDB;
			border-left: 1px solid #DDDDDB;
		}
		#main .main-inner .article-col3 .right-part{
			width:29%;/* 286/980 */
			padding: 0 2%;/* 20/980 */
			float: left;
		}

	@media screen and (max-width: 640px) {
		#main .main-inner .article-col3 .left-part{
			width:100%;
			padding: 0;
			float: none;
		}
		#main .main-inner .article-col3 .center-part{
			width:100%;
			padding: 0;
			float: none;
			border: none;
		}
		#main .main-inner .article-col3 .right-part{
			width:100%;
			padding: 0;
			float: none;
		}
	}


	/* .article-col1
	-----------------------*/
	#main .main-inner .article-col1{
		padding-left:1.224489795918367%;/* 12/980 */
		padding-right:1.224489795918367%;/* 12/980 */
		width: auto;
	}

	@media screen and (max-width: 640px) {
	#main .main-inner .article-col1{
	}
	}


	/* .wrap-area
	-----------------------*/
	#main .main-inner .wrap-area {
		padding: 10px 10px 30px;
		margin: 0 auto;
	}
	@media screen and (max-width: 640px) {
	#main .main-inner .wrap-area {
		padding: 10px 0 30px;
	}
	}



		/* .itemflexslider
		-----------------------*/
		.itemflexslider {
		}
			/* itemflex
			-----------------------*/


			/* Browser Resets */
			.itemflex-container a:active,
			.itemflexslider a:active,
			.itemflex-container a:focus,
			.itemflexslider a:focus  {outline: none;}
			.slides,
			.itemflex-control-nav,
			.itemflex-direction-nav {margin: 0; padding: 0; list-style: none;}

			/* FlexSlider Necessary Styles
			*********************************/
			.itemflexslider {margin: 0; padding: 0;}
			.itemflexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
			.itemflexslider .slides img { display: block;}
			.itemflex-pauseplay span {text-transform: capitalize;}

			/* Clearfix for the .slides element */
			.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
			html[xmlns] .slides {display: block;}
			* html .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 */
			.no-js .slides > li:first-child {display: block;}


			/* FlexSlider Default Theme
			*********************************/
			.itemflexslider {margin: 0 0 60px; background: #fff; position: relative;zoom: 1;}
			.itemflex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
			.loading .itemflex-viewport {max-height: 300px;}
			.itemflexslider .slides {zoom: 1;}

			.carousel li {margin-right:5px;}


			/* Direction Nav */
			.itemflex-direction-nav {*height: 0;}
			.itemflex-direction-nav a {width: 19px; height: 38px; 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; }
			.itemflex-direction-nav .itemflex-next {background-position: 100% 0; right: -36px; }
			.itemflex-direction-nav .itemflex-prev {left: -36px;}
			.itemflex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

			/* Control Nav */
			.itemflex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
			.itemflex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
			.itemflex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
			.itemflex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
			.itemflex-control-paging li a.itemflex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

			.itemflex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
			.itemflex-control-thumbs li {width: 25%; float: left; margin: 0;}
			.itemflex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
			.itemflex-control-thumbs img:hover {opacity: 1;}
			.itemflex-control-thumbs .itemflex-active {opacity: 1; cursor: default;}



			.itemflexslider .slides li {
				border-right: 1px solid #CCC;
			}
			.itemflexslider .slides li a {
				display: block;
				width: 164px;
				height: 80px;
				padding: 8px 0 8px 10px;
			}
			.itemflexslider .slides li img {
				display: block;
				float: left;
				padding-right: 10px;
			}
			.itemflexslider .slides li span {
				display: block;
				float: left;
				width: 90px;
				font-size: 12px;
				line-height: 1.1;
				padding-top: 15px;
			}
			.itemflexslider .slides li span.sp2 {
				padding-top: 22px;
			}



		/*.col2-box
		-----------------------*/
		.col2-box{
			background:url(/common/img/icon-1pxdot-DDDDDB.gif) center top repeat-y;
			padding:0;
		}
			.col2-box .boxL{
				float:left;
				width:47.95918367346939%;/* 470/980 */
				padding:0 2.040816326530612% 0 0;/* 20/980 */
				margin:0 2.040816326530612% 0 0;/* 20/980 */
			}
				.col2-box .boxL.border-none{
					border:none;
				}

			.col2-box .boxR{
				float:left;
				width:47%;/* 469/980 */
			}
		.col2-box-noborder{
			background: none;
			padding:0;
		}
			.col2-box-noborder .boxL{
				float:left;
				width:49%;/* 470/980 */
				padding:0;
				margin:0;
			}
			.col2-box-noborder .boxR{
				float:right;
				width:49%;/* 469/980 */
			}

			.col2-box-noborder img{
				width:100%;
				height:auto !important;
			}

		@media screen and (max-width: 640px) {
		.col2-box{
			background:none;
		}
			.col2-box .boxL,
			.col2-box .boxR{
				float:none;
				width:100%;
				padding:0;
				margin:0;
				border-right:none;
				height:auto !important;
			}
			.col2-box .boxL{
				padding:0 0 20px;
				margin:0 0 20px;
				border-bottom:1px solid #CCC;
			}
				.col2-box .boxL.border-none{
					padding:0 0 20px;
					margin:0;
				}
		.col2-box-noborder{
		}
			.col2-box-noborder .boxL{
				border-bottom:none;
			}
			.col2-box-noborder .boxR{
				padding:0 0 20px;
				margin:0 0 20px;
			}
		}
				.col2-box dl.txt-box dt{
					font-size:15px;
					font-weight:bold;
					padding:0 0 15px;
				}

				.col2-box .link-box{
					background:#FFF;
					padding:15px;
					border:1px solid #CCC;

					border-radius:5px;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
				}
					.col2-box .link-box ul{
						margin:0 0 -10px;
					}
					.col2-box .link-box li{
						display:inline-block;
						*display:inline;
						*zoom:1;
						width:140px;
						margin:0 0 10px;
					}

					.col2-box .link-box a{
						padding-left:12px;
						background:url(/common/img/icon-cursor.png) no-repeat 0 5px;
					}

			.col2-box h3.title span{
				font-size:15px;
			}


			/*.news-box
			-----------------------*/
			.col2-box dl.news-box{
				margin:0;
				padding:10px 15px 0;
			}
				.col2-box dl.news-box dt {
					margin: 0 0 10px;
					padding: 0;
					width: 75px;
					float: left;
				}
				.col2-box dl.news-box dd {
					margin: 0 0 10px;
					padding: 0px;
					margin-left:75px;
				}
				.col2-box dl.news-box dd a {
					color: #26619E;
					text-decoration: none;
				}
				.col2-box dl.news-box dd a:hover {
					text-decoration: underline;
				}
				@media screen and (max-width: 640px) {
				.col2-box dl.news-box {
					padding:10px 0 0;
					font-size:12px;
				}
					.col2-box dl.news-box dt {
						width:80px;
					}
					.col2-box dl.news-box dd {
						margin-left:80px;
					}
				}

		/*.col3-box
		-----------------------*/
		.col3-box{
			padding:2.040816326530612%;/* 20/980 */
			padding-right: 0;
		}
			.col3-box ul{
				margin:0 0 0 -2.040816326530612%;/* 20/980 */
			}
				.col3-box li{
					float:left;
					width:30.61224489795918%;/* 300/980 */
					padding:0 0 0 2.040816326530612%;/* 20/980 */
				}
					.col3-box li img{
						width:100%;
					}
					.col3-box li .txt_release{
						color: red;
					}
					.col3-box li .txt_smaller{
						font-size: 10px;
					}
				.col3-box li span.new{
					background: #e60012;
					color: #fff;
					padding: 0 1em;
					margin-left: 5px;
					font-size: 10px;
				}
				.col3-box li .text{
					border-bottom: 1px solid #ccc;
					padding-bottom: 10px;
				}
				.col3-box li .price{
					border-bottom: 1px solid #ccc;
					font-size: 10px;
					margin: 10px 0;
					padding: 0 0 8px 0;
					text-align: center;
				}
				.col3-box li .price span{
					color: #C90002;
				}

				.col3-box li .btn {
					text-align: center;
				}
					.col3-box li .btn img {
						width: auto;
					}

		@media screen and (max-width: 640px) {
		.col3-box{
			padding:20px 0 0;
		}
			.col3-box ul{
				text-align:center;
				background:none;
				margin: 0;
			}
				.col3-box li {
					max-width:300px;
					min-width: 300px;
					text-align:left;
					float: none;
					display:block;
					margin:0 auto;
					padding:0 0 30px;
				}
				.col3-box li .text{
					height: auto !important
				}
				.col3-box li .price{
					height: auto !important
				}
		}



		/*.col-ex-box
		-----------------------*/
		#main .main-inner .col-ex-box{
		}
			#main .main-inner .col-ex-box .left-part{
				float:left;
				width:22.448979591%;/* 220/980 */
				padding: 0;
			}
				#main .main-inner .col-ex-box .left-part img{
					width: 100% !important;
					height: auto !important;
				}
			#main .main-inner .col-ex-box .right-part{
				float:left;
				width:75.510204081%;/* 740/980 */
			}
			.ie7 #main .main-inner .col-ex-box .right-part{
				float:left;
				width:75.408163265%;/* 739/980 */
			}

		@media screen and (max-width: 640px) {
		#main .main-inner .col-ex-box{
		}
			#main .main-inner .col-ex-box .left-part{
				float: none;
				min-width: 222px;
				max-width: 222px;
				margin: 0 auto;
			}
			#main .main-inner .col-ex-box .right-part{
				float: none;
				width:100%;
			}
			.ie7 #main .main-inner .col-ex-box .right-part{
				width:100%;
				padding-left: 0;
			}
		}

		/*.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;
					color:#00468C;
				}

				.link-list li a.link-pdf{
					padding:1px 0 1px 21px;
					background: url(/common/img/icon-pdf.png) no-repeat 0 center;
				}
				.link-list li.on a{
						color:#000;
						cursor:default;
				}







		/*.relative-items-slide
		-----------------------*/
		.relative-items-slide {
			padding: 15px 30px 30px;
			position: relative;
		}

			.relative-items-slide ul {
			}

				.relative-items-slide ul li {
					float: left;
					border-right: 1px solid #CCCCCC;
				}

					.relative-items-slide ul li a {
						display: table;
						width: 174px;
						height: 70px;
						padding: 5px 0 5px 10px;
						word-wrap: break-word;
					}

					.relative-items-slide ul li img {
						width:70px;
						vertical-align: middle;
					}

					.relative-items-slide ul li span {
						display: table-cell;
						font-size: 12px;
						line-height: 1.1;
						padding: 0;
						width: 95px;
						vertical-align: middle;
					}

					.ie7 .relative-items-slide ul li img {
						display:inline;
						zoom:1;
					}

					.ie7 .relative-items-slide ul li span {
						display:inline;
						zoom:1;
					}

					.relative-items-slide .bx-controls-direction .bx-prev {
						width: 30px;
						display: block;
						overflow: hidden;
						height: 0;
						padding: 60px 0 0 0;
						background: url(/japan/products/common/img/bod_acc_pre.jpg) no-repeat;
						position: absolute;
						left: 0;
						top: 25px;
					}
					.relative-items-slide .bx-controls-direction .bx-next {
						width: 30px;
						display: block;
						overflow: hidden;
						height: 0;
						padding: 60px 0 0 0;
						background: url(/japan/products/common/img/bod_acc_nex.jpg) no-repeat;
						position: absolute;
						right: 0;
						top: 25px;
					}


		.relative-items-slide4 {
			padding: 15px 30px 30px;
			position: relative;
		}

			.relative-items-slide4 ul {
			}

				.relative-items-slide4 ul li {
					float: left;
					border-right: 1px solid #dddddb;
				}

					.relative-items-slide4 ul li a {
						display: table;
						width: 224px;
						height: 70px;
						padding: 5px 0 5px 10px;
						word-wrap: break-word;
					}

					.relative-items-slide4 ul li img {
						width:70px;
						vertical-align: middle;
					}

					.relative-items-slide4 ul li span {
						display: table-cell;
						font-size: 12px;
						line-height: 1.1;
						padding: 0;
						width: 140px;
						vertical-align: middle;
					}

					.ie7 .relative-items-slide4 ul li img {
						display:inline;
						zoom:1;
					}

					.ie7 .relative-items-slide4 ul li span {
						display:inline;
						zoom:1;
					}

					.relative-items-slide4 .bx-controls-direction .bx-prev {
						width: 30px;
						display: block;
						overflow: hidden;
						height: 0;
						padding: 60px 0 0 0;
						background: url(/japan/products/common/img/bod_acc_pre.jpg) no-repeat;
						position: absolute;
						left: 0;
						top: 25px;
					}
					.relative-items-slide4 .bx-controls-direction .bx-next {
						width: 30px;
						display: block;
						overflow: hidden;
						height: 0;
						padding: 60px 0 0 0;
						background: url(/japan/products/common/img/bod_acc_nex.jpg) no-repeat;
						position: absolute;
						right: 0;
						top: 25px;
					}

		@media screen and (max-width: 640px) {
		.relative-items-slide {
			padding: 15px 20px;
		}
			.relative-items-slide ul li a {
				padding-left: 5px;
				height: 50px;
			}
			.relative-items-slide ul li img {
				width: 50px;
			}
			.relative-items-slide ul li span {
				width: 115px;
				font-size: 9px;
			}
			.relative-items-slide .bx-controls-direction .bx-prev {
				width: 19px;
				background: url(/japan/products/common/img/bod_acc_pre-sp.jpg) no-repeat;
				left: 0;
			}
			.relative-items-slide .bx-controls-direction .bx-next {
				width: 19px;
				background: url(/japan/products/common/img/bod_acc_nex-sp.jpg) no-repeat;
				right: 0;
			}

		.relative-items-slide4 {
			padding: 15px 20px;
		}
			.relative-items-slide4 ul li a {
				padding-left: 5px;
				height: 50px;
			}
			.relative-items-slide4 ul li img {
				width: 50px;
			}
			.relative-items-slide4 ul li span {
				width: 155px;
				font-size: 9px;
			}
			.relative-items-slide4 .bx-controls-direction .bx-prev {
				width: 19px;
				background: url(/japan/products/common/img/bod_acc_pre-sp.jpg) no-repeat;
				left: 0;
			}
			.relative-items-slide4 .bx-controls-direction .bx-next {
				width: 19px;
				background: url(/japan/products/common/img/bod_acc_nex-sp.jpg) no-repeat;
				right: 0;
			}

		}


/*#product-footerbox
-----------------------*/
#product-footerbox {
	margin: 30px 0 10px;
	position: relative;
	border: 4px solid #999;
	background: #333;
	color: #fff;
	padding: 10px;
	min-height: 50px;
}

	#product-footerbox a:hover {
		text-decoration: none;
	}

	#product-footerbox .product-footer-btnList {
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -25px;
	}

	#product-footerbox .product-footer-onlineShop {
		border-right: 2px solid #999;
		border-left: 2px solid #999;
		margin: 0 150px 0 170px;
		padding: 0 5px 0 10px;
		position: relative;
		min-height: 50px;
	}
		#product-footerbox .product-footer-onlineShop .product-footer-btnonlineShop {
			position: absolute;
			left: 10px;
			top: 50%;
			margin-top: -25px;
		}
		#product-footerbox .product-footer-onlineShop .product-footer-text {
			margin-left: 170px;
		}

	#product-footerbox .product-footer-text {
		font-size: 11px;
		line-height: 1.5;
	}

	#product-footerbox .product-footer-btnPurchase {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -25px;
	}

		#product-footerbox .product-footer-btnList a,
		#product-footerbox .product-footer-btnonlineShop a {
			display: block;
			font-weight: bold;
			width: 143px;
			height: 33px;
			padding: 17px 0 0 17px;
			background: url(/japan/products/common/img/btn-product-footer.png) no-repeat;
		}
		#product-footerbox .product-footer-btnonlineShop a {
			padding: 10px 0 8px 17px;
		}
			#product-footerbox .product-footer-btnonlineShop a .br{
				display:block;
			}
			@media screen and (max-width: 640px) {
			#product-footerbox .product-footer-btnonlineShop a .br{
				display:inline;
			}
			}

		#product-footerbox .product-footer-btnPurchase a {
			display: block;
			font-weight: bold;
			width: 130px;
			height: 33px;
			padding: 17px 5px 0 5px;
			background: url(/japan/products/common/img/btn-product-footer2.png) no-repeat;
			color: #fff;
			text-align: center;
		}


@media screen and (max-width: 640px) {
#product-footerbox {
	margin: 10px 0 0;
}

	#product-footerbox .product-footer-btnList {
		position: static;
		margin-top: 0;
		border-bottom: 2px solid #999;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}

	#product-footerbox .product-footer-onlineShop {
		border-bottom: 2px solid #999;
		border-right: 0;
		border-left: 0;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
		#product-footerbox .product-footer-onlineShop .product-footer-btnonlineShop {
			position: static;
			margin-top: 0;
			margin-bottom: 10px;
		}
		#product-footerbox .product-footer-onlineShop .product-footer-text {
			margin-left: 0;
		}

	#product-footerbox .product-footer-text {
		font-size: 11px;
		line-height: 1.5;
	}

	#product-footerbox .product-footer-btnPurchase {
		position: static;
		margin-top: 0;
	}

		#product-footerbox .product-footer-btnList a,
		#product-footerbox .product-footer-btnonlineShop a {
			width: 98%;
			height: 26px;
			padding:9px 0 0 0;
			background: url(/japan/products/common/img/btn-product-footer-sp.png) repeat-x;
			position: relative;
			left: 1%;
			text-align: center;
		}

			#product-footerbox .product-footer-btnList a .bgL,
			#product-footerbox .product-footer-btnonlineShop a .bgL {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer-sp-left.png) no-repeat;
				position: absolute;
				left: -1%;
				top: 0;
			}

			#product-footerbox .product-footer-btnList a .bgR,
			#product-footerbox .product-footer-btnonlineShop a .bgR {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer-sp-right.png) no-repeat;
				position: absolute;
				right: -1%;
				top: 0;
			}

		#product-footerbox .product-footer-btnPurchase a {
			width: 98%;
			height: 26px;
			padding:9px 0 0 0;
			background: url(/japan/products/common/img/btn-product-footer2-sp.png) repeat-x;
			position: relative;
			left: 1%;
		}

			#product-footerbox .product-footer-btnPurchase a .bgL {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer2-sp-left.png) no-repeat;
				position: absolute;
				left: -1%;
				top: 0;
			}

			#product-footerbox .product-footer-btnPurchase a .bgR {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer2-sp-right.png) no-repeat;
				position: absolute;
				right: -1%;
				top: 0;
			}

}



/*#product-footerbox2
-----------------------*/
#product-footerbox {
	margin: 30px 0 10px;
	position: relative;
	border: 4px solid #999;
	background: #333;
	color: #fff;
	padding: 10px;
	min-height: 50px;
}

	#product-footerbox a:hover {
		text-decoration: none;
	}

	#product-footerbox .product-footer-btnList {
		position: absolute;
		left: 10px;
		top: 50%;
		margin-top: -25px;
	}

	#product-footerbox .product-footer-onlineShop-no-redbtn {
		border-left: 2px solid #999;
		margin: 0 0 0 170px;
		padding: 0 5px 0 10px;
		position: relative;
		min-height: 50px;
	}
		#product-footerbox .product-footer-onlineShop-no-redbtn .product-footer-btnonlineShop {
			position: absolute;
			left: 10px;
			top: 50%;
			margin-top: -25px;
		}
		#product-footerbox .product-footer-onlineShop-no-redbtn .product-footer-text {
			margin-left: 170px;
		}

	#product-footerbox .product-footer-text {
		font-size: 11px;
		line-height: 1.5;
	}

	#product-footerbox .product-footer-btnPurchase {
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -25px;
	}

		#product-footerbox .product-footer-btnList a,
		#product-footerbox .product-footer-btnonlineShop a {
			display: block;
			font-weight: bold;
			width: 143px;
			height: 33px;
			padding: 17px 0 0 17px;
			background: url(/japan/products/common/img/btn-product-footer.png) no-repeat;
		}
		#product-footerbox .product-footer-btnonlineShop a {
			padding: 10px 0 8px 17px;
		}
			#product-footerbox .product-footer-btnonlineShop a .br{
				display:block;
			}
			@media screen and (max-width: 640px) {
			#product-footerbox .product-footer-btnonlineShop a .br{
				display:inline;
			}
			}

		#product-footerbox .product-footer-btnPurchase a {
			display: block;
			font-weight: bold;
			width: 130px;
			height: 33px;
			padding: 17px 5px 0 5px;
			background: url(/japan/products/common/img/btn-product-footer2.png) no-repeat;
			color: #fff;
			text-align: center;
		}


@media screen and (max-width: 640px) {
#product-footerbox {
	margin: 10px 0 0;
}

	#product-footerbox .product-footer-btnList {
		position: static;
		margin-top: 0;
		border-bottom: 2px solid #999;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}

	#product-footerbox .product-footer-onlineShop-no-redbtn {

		border-right: 0;
		border-left: 0;
		padding: 0 0 10px 0;
		margin: 0;
	}
		#product-footerbox .product-footer-onlineShop-no-redbtn .product-footer-btnonlineShop {
			position: static;
			margin-top: 0;
			margin-bottom: 10px;
		}
		#product-footerbox .product-footer-onlineShop-no-redbtn .product-footer-text {
			margin-left: 0;
		}

	#product-footerbox .product-footer-text {
		font-size: 11px;
		line-height: 1.5;
	}

	#product-footerbox .product-footer-btnPurchase {
		position: static;
		margin-top: 0;
	}

		#product-footerbox .product-footer-btnList a,
		#product-footerbox .product-footer-btnonlineShop a {
			width: 98%;
			height: 26px;
			padding:9px 0 0 0;
			background: url(/japan/products/common/img/btn-product-footer-sp.png) repeat-x;
			position: relative;
			left: 1%;
			text-align: center;
		}

			#product-footerbox .product-footer-btnList a .bgL,
			#product-footerbox .product-footer-btnonlineShop a .bgL {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer-sp-left.png) no-repeat;
				position: absolute;
				left: -1%;
				top: 0;
			}

			#product-footerbox .product-footer-btnList a .bgR,
			#product-footerbox .product-footer-btnonlineShop a .bgR {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer-sp-right.png) no-repeat;
				position: absolute;
				right: -1%;
				top: 0;
			}

		#product-footerbox .product-footer-btnPurchase a {
			width: 98%;
			height: 26px;
			padding:9px 0 0 0;
			background: url(/japan/products/common/img/btn-product-footer2-sp.png) repeat-x;
			position: relative;
			left: 1%;
		}

			#product-footerbox .product-footer-btnPurchase a .bgL {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer2-sp-left.png) no-repeat;
				position: absolute;
				left: -1%;
				top: 0;
			}

			#product-footerbox .product-footer-btnPurchase a .bgR {
				display: block;
				width: 10px;
				height: 35px;
				background: url(/japan/products/common/img/btn-product-footer2-sp-right.png) no-repeat;
				position: absolute;
				right: -1%;
				top: 0;
			}

}



.technic{
	width: 100%;
	max-width: 320px;
}
@media screen and (max-width: 640px) {
	.technic{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
}
