/* CSS Document */



/* #main
-----------------------*/
#main{
}
#main a:hover{
	text-decoration:underline;
}

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


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

	#main .only-pc{
	}
	@media screen and (max-width: 640px) {
	#main .only-pc{
		display:none;
	}
	}
	#main .only-sp{
		display:none;
	}
	@media screen and (max-width: 640px) {
	#main .only-sp{
		display:inline-block !important;
		*display:inline !important;
		*zoom:1 !important;
	}
	}


	/* .category-title-wrap
	-----------------------*/
	#main .category-title-wrap .list-link{
		margin-bottom: 10px;
		font-weight: bold;
	}

	@media screen and (max-width: 1000px) {
	#main .category-title-wrap{
		margin:0 10px 0;
	}
	}
	@media screen and (max-width: 640px) {
	#main .category-title-wrap{
		margin:0;
	}
	#main .category-title-wrap ul{
		display:none;
	}
	}
		/* #category-title
		-----------------------*/
		#category-title{
			padding:0 0 20px;
		}
		@media screen and (max-width: 1000px) {
		#category-title{
			padding:0 0 20px;
		}
		}
			#category-title .text-title-lv3{
				float:left;
				padding:10px 0 0;
			}
			@media screen and (max-width: 640px) {
			#category-title .text-title-lv3{
				font-size:18px !important;
			}
			}

			#category-title ul{
				float:right;
				text-align:right;
				padding:13px 0 0;
				font-weight:bold;
			}
				#category-title li{
					display:inline-block;
					*display:inline;
					*zoom:1;

					margin:0 0 0 40px;
				}

		.mount-k #category-title .btn-k a,
		.mount-q #category-title .btn-q a,
		.mount-645d #category-title .btn-645d a{
			color:#333;
		}




	/* h2
	-----------------------*/
	#main h2{
		margin:0 !important;
	}
	@media screen and (max-width: 1000px) {
	#main h2{
		margin:0 10px !important;
	}
	}
	@media screen and (max-width: 640px) {
	#main h2{
		margin:0 !important;
	}
	}
		@media screen and (max-width: 640px) {
		#main h2 .inner-title{
			padding:5px 20px 0;
		}
		}
		#main h2 .other-link{
			float:right;
		}
			#main h2 .other-link a{
				margin:0 0 0 20px;
			}
		@media screen and (max-width: 640px) {
		#main h2 .other-link{
			clear:both;
			float:none;
			padding:0 20px 10px;
		}
			#main h2 .other-link a{
				margin:0 10px 10px 0;
				float:left;
				width:40%;
			}
		}


/* #lenstop-wrap
--------------------*/

/* reset */
.lens-category-top .category-title-wrap{
	border-bottom:1px solid #DBDBDB;
}


#lenstop-wrap{
	padding:30px 0 10px;
}
@media screen and (max-width: 1000px) {
#lenstop-wrap{
	padding:30px 10px 10px;
}
}
@media screen and (max-width: 640px) {
#lenstop-wrap{
	padding:30px 0;
}
}

	#lenstop-wrap .box-inner{
		width:48.97959183673469%;/* 480/980 */
		background:#F2F2F2;

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

		margin:0 0 20px;
	}
	@media screen and (max-width: 640px) {
	#lenstop-wrap .box-inner{
		width:100%;
		background:none;
		margin:0 0 30px;
	}
	}
		#lenstop-wrap .box-inner a,
		#lenstop-wrap .box-inner img{
			cursor:pointer;
		}

		#lenstop-wrap .box-inner a{
			padding:20px;
			display:block;
			position:relative;
		}
		@media screen and (max-width: 640px) {
		#lenstop-wrap .box-inner a{
			padding:0;
		}
		}

	#lenstop-wrap .boxL{
		float:left;
	}
	#lenstop-wrap .boxR{
		float:right;
	}
	@media screen and (max-width: 640px) {


	#lenstop-wrap .boxL{
		float:none;
	}
	#lenstop-wrap .boxR{
		float:none;
	}
	}



		#lenstop-wrap .box-inner .title{
			font-size:17px;
			font-weight:bold;
			position:absolute;
			left:20px;
			top:20px;
		}
		#lenstop-wrap .bottom .title{
			top:20px;
		}

		@media screen and (max-width: 640px) {
		#lenstop-wrap .box-inner .title{
			position:static;
			padding:8px 15px;
			background:#F4F4F4;
			border:1px solid #DDDDDB;

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

		}

		#lenstop-wrap .box-inner .pic{
				float:right;
				width:54.54545454545455%;/* 240/440 */
			}
			@media screen and (max-width: 640px) {
			#lenstop-wrap .box-inner .pic{
				float:none;
				width:100%;
				padding:10px 0;
			}
			}
				#lenstop-wrap .box-inner .pic img{
					width:100%;
				}

		#lenstop-wrap .box-inner .item{
			float:left;
			width:44.45454545454545%;/* 200/440 */
			text-align:center;
			padding:12% 0 0;
		}
		@media screen and (max-width: 640px) {
		#lenstop-wrap .box-inner .item{
			display:none;
		}
		}
				#lenstop-wrap .box-inner .item img{
					width:100%;
				}

				#lenstop-wrap .bottom .boxL .item img{
					width:100%;
				}
				@media screen and (max-width: 640px) {
				#lenstop-wrap .box-inner .item img{
					width:100%;
				}
				}




			#lenstop-wrap .box-inner .text{
				padding:10px 0 0;
				font-size:13px;
			}
				#lenstop-wrap .box-inner .text .inner-pic{
					display:none;
				}
				@media screen and (max-width: 640px) {
				#lenstop-wrap .box-inner .text .inner-pic{
					display:inline-block;
					*display:inline;
					*zoom:1;

					float:left;
					width:30%;/* 200/600 */
				}
					#lenstop-wrap .box-inner .text .inner-pic img{
						width:100%;
					}

				#lenstop-wrap .box-inner .text .inner-text{
					overflow:hidden;
					padding:10px 0 0 30px;
					display:block;
				}
				}


			#lenstop-wrap .box-inner a{
				color:#333;
			}



/* div#box-converter
--------------------*/

			div#box-converter {
				width: 31.63265306122449%;
				border:1px solid #D6D6D6;
				border-radius: 5px;
				margin-bottom: 35px;
			}

			@media screen and (max-width: 640px) {
			div#box-converter{
				width:100%;
				background:none;
				margin:0 0 30px;
			}
			}

			div#box-converter div#box-converter-inner {
				padding: 25px 15px;
			}

			div#box-converter-caption {
				float:left;
				width:75%;
				padding-left: 10px;
			}

			div#box-converter img{
				float:left;
				width: 14.19354838709677%;
				left: 15px;
				top: 20px;
			}

			div#box-converter-caption p.title {
				font-size: 15px;
				font-weight: bold;
				padding-bottom:3px;
			}

			div#box-converter a {
				color: #333333;
				display:block;
				position:relative;
				width:100%;
				height:100%;
			}

			div#box-converter a:hover {
				text-decoration:underline;
			}

/* #other-products-box
--------------------*/
#other-products-box {
	display:block;
	/*line-height:33px;*/
	background:#F4F4F4;
	border:1px solid #DDDDDB;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 3px 10px;
	margin-bottom: 10px;
}
	#other-products-box ul {
		position: relative;
	}

		#other-products-box ul li {
			float: left;
			border-right:1px solid #DDDDDB;
			font-weight: bold;
		}

			#other-products-box ul li a {
				display: block;
				padding: 15px 20px 15px 0;
			}

			#other-products-box ul li.filmcamera a {
				background: url(/japan/products/common/img/icon-filmcamera.png) 10px center no-repeat;
				padding-left: 44px;
			}

			#other-products-box ul li.binoculars a {
				background: url(/japan/products/common/img/icon-binoculars.png) 10px center no-repeat;
				padding-left: 52px;
			}

			#other-products-box ul li.telescope a {
				background: url(/japan/products/common/img/icon-telescope.png) 10px center no-repeat;
				padding-left: 52px;
			}


		/* .lens
		-----------------------*/
		#other-products-box ul li.lens{
			border-right:none;
		}
		@media screen and (max-width: 640px) {
		#other-products-box ul li.lens{
			width:100%;
		}
		}
			#other-products-box ul li.lens a {
				background: url(/japan/products/common/img/icon-lens.png) 10px center no-repeat;
				padding-left: 52px;
			}
			#other-products-box ul li.lens.img-645d a {
				background: url(/japan/products/common/img/icon-lens-645d.png) 10px center no-repeat;
				padding-left: 65px;
			}

		/* .suit
		-----------------------*/
		#other-products-box ul li.suit{
			border-right:none;
		}
			#other-products-box ul li.suit a {
				background: url(/common/img/icon-cursor.png) no-repeat 0 center;
				padding-left: 12px;
			}
			@media screen and (max-width: 640px) {
			#other-products-box.q-obj ul li.suit{
				border-right:1px solid #DDDDDB;
			}

			#other-products-box ul li.suit a {
				background:none;
				padding-left: 12px;
			}
			}

		/* .end-sale
		-----------------------*/
		#other-products-box ul li.end-sale{
			border-right:none;
		}
		@media screen and (max-width: 640px) {
		#other-products-box ul li.end-sale{
			border-right:1px solid #DDDDDB;
		}
		}
			#other-products-box ul li.end-sale a {
				background: url(/common/img/icon-cursor.png) no-repeat 0 center;
				padding-left: 12px;
			}
			@media screen and (max-width: 640px) {
			#other-products-box ul li.end-sale a {
				background:none;
				padding-left: 12px;
			}
			}

		/* .previous
		-----------------------*/
		#other-products-box ul li.previous{
			border-right:none;
		}
			#other-products-box ul li.previous a {
				background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 center;
				padding-left: 12px;
			}
		@media screen and (max-width: 640px) {
		#other-products-box ul li.previous{
			border-right:1px solid #DDDDDB;
		}
			#other-products-box ul li.previous a {
				background:none;
				padding-left: 12px;
			}
		}




		/* .multi-link
		-----------------------*/
		#other-products-box.multi-link a{
				padding-left: 12px;
		}
		@media screen and (max-width: 640px) {
		#other-products-box.multi-link li{
			border-right:1px solid #DDDDDB !important;
			border-bottom:1px solid #DDDDDB;
		}
		#other-products-box.multi-link li.right{
			border-right:none !important;
		}
		#other-products-box.multi-link li.last{
			border-bottom:none;
		}
		}



		#other-products-box.multi-link li.mount{
			float:right;
			border-right:none;
		}
		@media screen and (max-width: 640px) {
		#other-products-box.multi-link  li.mount{
			display:none;
		}
		}
			#other-products-box.multi-link li.mount li{
				border-right:none;
			}
			#other-products-box.multi-link li.mount a {
				background: url(/common/img/icon-cursor.png) no-repeat 0 center;
			}



			#other-products-box ul li.security a {
				border: none;
				position: absolute;
				right: 0;
				top: 0;
				padding: 15px 0 15px 12px;
			}

			#other-products-box ul li.active a,
			#other-products-box ul li a:hover {
				color: #E70216;
				text-decoration: none;
			}

			@media screen and (max-width: 320px) {
			#other-products-box ul li {
				float: none !important;
				border-right:none !important;
				width:100% !important;
				font-weight: bold;
			}
			}


@media only screen and (max-width:640px){
#other-products-box {
	margin: 0 10px 10px;
	padding: 0;
}
		#other-products-box ul li {
			float: left;
			border-right:1px solid #DDDDDB;
			padding: 0 10px 0 0;
			font-weight: bold;
			width: 50%;
			box-sizing: border-box;
			background: url(/common/img/icon-cursor.png) 97% center no-repeat;
			font-size: 10px;
		}
		.ie7 #other-products-box ul li {
			padding: 0 1.612903225% 0 0;
			border-width: 0.161290322%;
			width: 48.225806453%;
		}
		#other-products-box ul li.filmcamera {
			border-bottom:1px solid #DDDDDB;
		}

		#other-products-box ul li.binoculars {
			border-right: none;
			border-bottom:1px solid #DDDDDB;
		}

		#other-products-box ul li.lens {
			border-right:1px solid #DDDDDB;
		}

		#other-products-box ul li.security {
			border-right: none;
			background: none;
		}

			#other-products-box ul li a {
				padding-top: 20px;
				padding-bottom: 20px;
				background-position: 7px center !important;
			}
			#other-products-box ul li.filmcamera a {
			}

			#other-products-box ul li.binoculars a {
			}

			#other-products-box ul li.telescope a {
			}

			#other-products-box ul li.security a {
				padding-top: 20px;
				padding-bottom: 20px;
				padding-left: 20px;
				position: static;
			}


}



/* #related-info-block
-----------------------*/
#related-info-block{
	margin:20px 0 30px;
}
	#related-info-block .item-list{
		margin-left:-2%/* 20/960 */;
	}
		#related-info-block .item-list li{
			width:31.25%;/* 300/960 */
			padding:0 0 0 2%/* 20/960 */;
			float:left;
		}
	@media screen and (max-width: 640px) {
	#related-info-block .item-list{
		margin:0;
	}
		#related-info-block .item-list li{
			width:100%;
			padding:0 0 20px;
			float:none;
		}
	}
			#related-info-block .item-list li .title{
				font-weight:bold;
				font-size:14px;
				color:#000;
				padding:0 0 5px;
			}
			#related-info-block .item-list li .pic{
			}
				#related-info-block .item-list li .pic img{
					width:100%;
				}



/*#other-products-box
--------------------*/
.discontinued-products {
	text-align: right;
	font-size: 10px;
}
@media only screen and (max-width:640px){
.discontinued-products {
	margin-right: 10px;
}
}

/*#download-wrap
--------------------*/
#download-wrap {
	padding: 10px;
}
	/* .mount-645d #download-wrap .pdf-k,
	.mount-645d #download-wrap .pdf-q{
		display:none;
	}
	.mount-k #download-wrap .pdf-645d,
	.mount-k #download-wrap .pdf-q{
		display:none;
	}
	.mount-q #download-wrap .pdf-645d,
	.mount-q #download-wrap .pdf-k{
		display:none;
	} */




/* .page-annotation
-----------------------*/
.page-annotation{
	background:#FFF;
}

	.page-annotation #main{
		clear:both;
		padding:20px;
		border:none;
	}
	@media screen and (max-width: 640px) {
	.page-annotation #main{
		padding:20px;
	}
	}
		.page-annotation #main .title{
			font-size:14px;
			font-weight:bold;
		}
		.page-annotation #main .tit2{
			padding-bottom:	14px;
		}
		.page-annotation #main .description{
			padding:0 0 15px;
		}

		/* .tag
		-----------------------*/
		.page-annotation #main .tag{
			padding:0 0 10px;
		}
			.page-annotation #main .tag dt{
				width:55px;
				display: block;
				float: left;
				text-align: center;
				margin: 0 3px 10px 0;
				padding: 0 5px;
				background: #BBB;
				line-height: 20px;
				background: #F2F2F2;
				border: 1px solid #CCC;

				clear:both;
			}
			.page-annotation #main .tag dd{
				margin:0 5px 12px 0;
				line-height: 20px;
				overflow:hidden;
			}


		/* .icon
		-----------------------*/
		.page-annotation #main .icon{
		}
			.page-annotation #main .icon dt{
				width:55px;
				display: block;
				float: left;
				text-align: center;
				margin: 0 3px 10px 0;
				padding: 0 5px;
				background: #BBB;
				color:#FFF;
				line-height:20px;
				font-weight:bold;

				clear:both;
			}
			.page-annotation #main .icon dd{
				margin: 0 0 10px 0;
				line-height:20px;
				overflow:hidden;
			}

		.page-annotation #main img{
			vertical-align:top;
		}



/* #other-lens
-----------------------*/
#other-lens{
	background:#FFF;
	padding:10px;
	border:1px solid #CCC;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
@media screen and (max-width: 1000px) {
#other-lens{
	margin:0 10px;
}
}
@media screen and (max-width: 640px) {
#other-lens{
	margin:0;
}
}
	#other-lens .inner-title,
	#other-lens ul,
	#other-lens li{
		display:inline-block;
		*display:inline;
		*zoom:1;
		padding:0 15px 0 0;
	}
	#other-lens .inner-title{
		font-size:14px;
		font-weight:bold;
	}
	#other-lens ul{
		position:relative;
		top:3px;
	}
		#other-lens li{
		}


/* #other-adaper-accesory
-----------------------*/
#other-adaper-accesory{
	padding:30px 0 30px;
}
@media screen and (max-width: 1000px) {
#other-adaper-accesory{
	margin:0 10px;
}
}
@media screen and (max-width: 640px) {
#other-adaper-accesory{
	margin:0;
}
}
	#other-adaper-accesory .only-sp{
		display:none;
	}
	@media screen and (max-width: 640px) {
	#other-adaper-accesory .only-sp{
		display:block;
	}
	}

	#other-adaper-accesory a{
		display:inline-block;
		*display:inline;
		*zoom:1;
	}
		#other-adaper-accesory .title{
			font-weight:bold;
			padding:0 0 10px;
			font-size:14px;
		}

			#other-adaper-accesory .pic{
				float:left;
			}
				#other-adaper-accesory .pic img{
					width:100%;
					max-width:66px;
					max-height:66px;
				}
				@media screen and (max-width: 640px) {
				#other-adaper-accesory .pic img{
					max-width:91px;
					max-height:91px;
				}
				}
			#other-adaper-accesory .text{
				overflow:hidden;
				display:table-cell;

				vertical-align:middle;
			}


	#other-adaper-accesory .boxL{
		width:36%;
		float:left;
		padding:0 2% 0 0;
		margin:0 2% 0 0;
		border-right:1px solid #CCC;
	}
		#other-adaper-accesory .boxL .pic{
			width:18.76675603217158%;/* 70/373 */
		}

		#other-adaper-accesory .boxL .text{
			*padding:20px 0 0 0;
		}

		/* ie8 */
		.ie8 #other-adaper-accesory .boxL a{
			overflow:hidden;
			display:block;
		}

	@media screen and (max-width: 640px) {
	#other-adaper-accesory .boxL{
		width:100%;
		float:none;
		padding:0 0 20px;
		margin:0 0 20px;
		border-right:none;
		border-bottom:1px solid #CCC;
	}
		#other-adaper-accesory .boxL .pic{
			width:15%;
		}
	}


	#other-adaper-accesory .boxR{
		width:59%;
		float:left;
	}
	@media screen and (max-width: 640px) {
	#other-adaper-accesory .boxR{
		width:100%;
		float:none;
	}
	}

		#other-adaper-accesory .boxR li{
			width:31%;
			padding-right:2%;
			float:left;
		}
			#other-adaper-accesory .boxR li .pic{
				width:36.84210526315789%;/* 70/190 */
			}

			#other-adaper-accesory .boxR li .text{
				padding:0 0 0 5px;
				*padding:20px 0 0 5px;
			}


		#banner-app {
		margin-bottom:	50px;
		padding:	17px;
		border:		5px solid #DDDDDB;
	}
	#banner-app dl{
		width:		100%;
	}
	#banner-app dl dt{
		margin-right:	4.5%;
		width:		105px;
		float:		left;
	}
	#banner-app dl dd{
		margin-left:	130px;
		padding-top:	10px;
		font-size:	14px;
	}




	/* .video-container
	-----------------------*/
	#main .main-inner .video-container {
	    height: 0;
	    margin: 20px auto;
	    overflow: hidden;
	    padding-bottom: 56.25%;
	    padding-top: 30px;
	    position: relative;
	}
	#main .main-inner .video-container iframe,
	#main .main-inner .video-container object,
	#main .main-inner .video-container embed {
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}





 #main .tab-area{
 	margin-left:-20px;
 	background: url(/common/img/bg_lin_01.gif) repeat-x 0 bottom;
	min-height: 1px;
	width: 980px;
 }


#main .page-navi {
  float: left;
}
  #main .page-navi li {
    float: left;
    height: 37px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: bold;
  }
    #main .page-navi li a {
      text-decoration: none;
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_off.png) repeat-x 0 0;
      height: 27px;
      padding: 10px 15px 0 15px;
      position: relative;

      color:#333;
    }
    #main .page-navi li a span.new{
    	color:#c90000;
    }

    #main .page-navi li a:hover,
    .page-navi-01 #main .page-navi li.btn01 a,
    .page-navi-02 #main .page-navi li.btn02 a,
    .page-navi-03 #main .page-navi li.btn03 a,
    .page-navi-04 #main .page-navi li.btn04 a,
    .page-navi-05 #main .page-navi li.btn05 a,
    .page-navi-06 #main .page-navi li.btn06 a,
    .page-navi-07 #main .page-navi li.btn07 a,
    .page-navi-08 #main .page-navi li.btn08 a,
    .page-navi-09 #main .page-navi li.btn09 a,
    .page-navi-10 #main .page-navi li.btn10 a,
    .page-navi-11 #main .page-navi li.btn11 a,
    .page-navi-12 #main .page-navi li.btn12 a {
      background: url(/common/img/pag_nav_on.png) repeat-x 0 0;
    }
    #main .page-navi li a span.bgL {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_left_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 5;
    }
    #main .page-navi li a:hover span.bgL,
    .page-navi-01 #main .page-navi li.btn01 a span.bgL,
    .page-navi-02 #main .page-navi li.btn02 a span.bgL,
    .page-navi-03 #main .page-navi li.btn03 a span.bgL,
    .page-navi-04 #main .page-navi li.btn04 a span.bgL,
    .page-navi-05 #main .page-navi li.btn05 a span.bgL,
    .page-navi-06 #main .page-navi li.btn06 a span.bgL,
    .page-navi-07 #main .page-navi li.btn07 a span.bgL,
    .page-navi-08 #main .page-navi li.btn08 a span.bgL,
    .page-navi-09 #main .page-navi li.btn09 a span.bgL,
    .page-navi-10 #main .page-navi li.btn10 a span.bgL,
    .page-navi-11 #main .page-navi li.btn11 a span.bgL,
    .page-navi-12 #main .page-navi li.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_01_on.png) no-repeat 0 0;
    }
    #main .page-navi li a span.bgR {
      display: block;
      text-align: center;
      background: url(/common/img/pag_nav_right_01_off.png) no-repeat 0 0;
      width: 4px;
      height: 37px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 5;
    }
    #main .page-navi li a:hover span.bgR,
    .page-navi-01 #main .page-navi li.btn01 a span.bgR,
    .page-navi-02 #main .page-navi li.btn02 a span.bgR,
    .page-navi-03 #main .page-navi li.btn03 a span.bgR,
    .page-navi-04 #main .page-navi li.btn04 a span.bgR,
    .page-navi-05 #main .page-navi li.btn05 a span.bgR,
    .page-navi-06 #main .page-navi li.btn06 a span.bgR,
    .page-navi-07 #main .page-navi li.btn07 a span.bgR,
    .page-navi-08 #main .page-navi li.btn08 a span.bgR,
    .page-navi-09 #main .page-navi li.btn09 a span.bgR,
    .page-navi-10 #main .page-navi li.btn10 a span.bgR,
    .page-navi-11 #main .page-navi li.btn11 a span.bgR,
    .page-navi-12 #main .page-navi li.btn12 a span.bgR{
      background: url(/common/img/pag_nav_right_01_on.png) no-repeat 0 0;
    }
    #main .page-navi li.bg2 a span.bgL {
      background: url(/common/img/pag_nav_left_02_off.png) no-repeat 0 0;
    }
    #main .page-navi li.bg2 a:hover span.bgL,
    .page-navi-01 #main .page-navi li.bg2.btn01 a span.bgL,
    .page-navi-02 #main .page-navi li.bg2.btn02 a span.bgL,
    .page-navi-03 #main .page-navi li.bg2.btn03 a span.bgL,
    .page-navi-04 #main .page-navi li.bg2.btn04 a span.bgL,
    .page-navi-05 #main .page-navi li.bg2.btn05 a span.bgL,
    .page-navi-06 #main .page-navi li.bg2.btn06 a span.bgL,
    .page-navi-07 #main .page-navi li.bg2.btn07 a span.bgL,
    .page-navi-08 #main .page-navi li.bg2.btn08 a span.bgL,
    .page-navi-09 #main .page-navi li.bg2.btn09 a span.bgL,
    .page-navi-10 #main .page-navi li.bg2.btn10 a span.bgL,
    .page-navi-11 #main .page-navi li.bg2.btn11 a span.bgL,
    .page-navi-12 #main .page-navi li.bg2.btn12 a span.bgL {
      background: url(/common/img/pag_nav_left_02_on.png) no-repeat 0 0;
    }

    #page-navi-parent{
      /*hidden*/
      width: 1px;
      height: 1px;
      margin: -1px;
      overflow:hidden;
      position:absolute;
    }


  @media only screen and (max-width:640px){
  #main .tab-area{
  	background: none;
  	width: auto;
  }
  /* #page-navi-parent */
  #page-navi-parent{
    /*visible*/
    position:static;
    overflow:visible;
    display:block;
    width:100%;
    float:right;
    height:32px;
    margin: 0 0 15px;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .ie7 #page-navi-parent{
    width:96.77419355%;/* 600/620 */
    padding: 0 1.612903225%;/* 10/620 */
  }

    #page-navi-parent a {
      text-decoration: none;
      display: block;
      text-align:left;
      background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
      color:#FFF;
      height:37px;
      padding:0 5px;
      position: relative;
      line-height:37px;
    }
    #page-navi-parent a:hover {
      background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
    }


  #main .page-navi{
    width:100%;
    margin:0;
    position:absolute;
    top:37px;
    right:0;
    padding: 0 10px;
    box-sizing: border-box;
    display:none;
  }
  .ie7 #main .page-navi{
    width:96.77419355%;/* 600/620 */
    padding: 0 1.612903225%;/* 10/620 */
  }
    #main .page-navi.active{
      display:block;
    }

  #main .page-navi li {
    float:none;
    height: 37px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: normal;
  }
    #main .page-navi li a {
      text-decoration: none;
      display: block;
      text-align:left;
      background:#999 !important;
      color:#FFF;
      height:37px;
      padding:0 5px;
      position: relative;
      line-height:37px;
    }
    #main .page-navi li a:hover {
      background:#CCC !important;
    }
      #main .page-navi li a span.bgL {
        display:none;
        background:none !important;
      }
      #main .page-navi li a:hover span.bgL,
      #main .page-navi li a.current span.bgL {
        display:none;
        background:none !important;
      }
      #main .page-navi li a span.bgR {
        display:none;
        background:none !important;
      }
      #main .page-navi li a:hover span.bgR,
      #main .page-navi li a.current span.bgR {
        display:none;
        background:none !important;
      }
      #main .page-navi li.bg2 a span.bgL {
        display:none;
      }
      #main .page-navi li.bg2 a:hover span.bgL,
      #main .page-navi li.bg2 a.current span.bgL {
        display:none;
        background:none !important;
      }
  }