@charset "shift-jis";

* { margin: 0; padding: 0; }

h1.product {
	margin-top:10px;
	margin-bottom:16px;
	border-bottom: 5px #FD3F41 solid;
	background:url(../product/img/main_vis.jpg); }

h1.product1 {
	margin-top:10px;
	margin-bottom:0px;
	border-bottom: 5px #FD3F41 solid;
	background:url(../product/img/main_vis_nikon.png); }

h1.product2 {
	margin-top:10px;
	margin-bottom:0px;
	border-bottom: 5px #FD3F41 solid;
	background:url(../product/img/main_vis_canon.png); }

h1.topics { background:url(../topics/img/main_vis.jpg); }
h1.tenji { background:url(../tenji/img/main_vis.jpg); }
h3.tenji2line { padding-top: 0; padding-bottom: 20px; }



#header{
	height: 95px;
	margin-top: 0px;
	width: 100%;
	background-color: #000;
	border-bottom: 5px #FD3F41 solid;
	margin-bottom: ;
	}

#headerArea{align-items:;
	width: 980px;
	margin-left: auto;
	margin-right:auto;}


#logo1 img{
	width:154px;
	height: 55px;
	float: left;
	margin-left: 20px;
	margin-top:22px ;
	margin-right:20px;
	padding-left: 0px;
	padding-bottom: 0px;}

#logo1 img:hover{
	opacity: 0.6; 
	}

#logo2 img{opacity: 1; 
	width:auto;
	float: right;
	padding-top: 0px;
	margin-top: 10px;
	margin-left:5px;
	margin-right:10px;
	padding-right: 0px;
	padding-bottom: 0px;}

#logo2 img:hover{
	opacity: 0.6;   
	
	}

#index{
	width:auto;
	float: left;
	margin-left: 10px;
	margin-top:67px ;
	margin-right:10px;
	padding-left: 0px;
	padding-bottom: 0px;}

   .roy61 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	color: #B7B7FF;
	width: auto;
	font-size: 14px;
	border-radius: 0px;
	border-style: solid 1px black;
	   
	background-color: rgba(21,21,153,1.00);   
	box-shadow:  0px 2px 5px 2px #A7A6C8;
	-webkit-box-shadow: 0px 2px 5px 2px  #A7A6C8;	
  }
    .roy6s {
	float: left;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	color: #B7B7FF;
	width: auto;
	font-size: 14px;
	border-radius: 0px;
	border-style: solid 1px black;
		
	background-color: rgba(49,1,215,1.00);	
	box-shadow:  0px 2px 5px 2px #A7A6C8;
	-webkit-box-shadow: 0px 2px 5px 2px  #A7A6C8;	
  }
   .roy6s:hover,.roy61:hover{
	background-color: rgba(0,0,0,1.00);
	box-shadow: inset 0px 0px 1px 1px #FF1C1C;
	-webkit-box-shadow: inset 0px 0px 1px 1px #FF1C1C;
	}

#index2{clear: both;
float: right;	
margin-top: 2px; margin-bottom: 0px;}

.roy6 {
	float: right;
	background-color: white;
	margin: 0px 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	color: black;
	width: auto;
	font-size: 14px;
	border-radius: 2px;
	border-style: solid 1px black;
	box-shadow:  0px 2px 5px 2px #B4C8EF;
	-webkit-box-shadow: 0px 2px 5px 2px  #B4C8EF;	
  }
  .roy6:hover{
	background-color: rgba(236,242,251,1.00);
	box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	-webkit-box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	}



p.mnRoot{margin-top:6px;}

nav3 {clear: both;float: left; 
	font-family:sans-serif;
	font-size: 16px;
	margin-top: 10px;	
	width: auto;	
	margin-bottom: 0px;
	color: #6572D9;
	}

   .royli {
	opacity: 1;   
	float: left;
	background-color: white;
	color: #7428FF;   
	margin: 0px 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	width: auto;
	border-radius: 2px;
	border-style: solid 1px black;
	box-shadow:  0px 2px 5px 2px #B4C8EF;
	-webkit-box-shadow: 0px 2px 5px 2px  #B4C8EF;	
  }
  .royli:hover{
	opacity: 0.6;   
	background-color: rgba(236,242,251,1.00);
	box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	-webkit-box-shadow: inset 0px 0px 1px 1px #B4C8EF;
	}

#contentsArea {
	width: 900px;
	float: right;
	margin-bottom: 80px;
}
	#contentsArea.sCart {
		margin-top: 50px;
	}

#mainVis{margin-top:10px;
	margin-top:10px;
	margin-bottom:16px;
	}
/* product------.mainArea{

background-image: url(../images/snow_white.gif);

	margin-top: -20px;}-------------------------------------------------------------- */
	#mainArea {
		width: 652px;
		float: right;
		margin-top: -40px;
	}


		#mainArea.sCart {
			width: 900px;
			border: 1px solid #999;
			margin-bottom: 40px;
			text-align: center;
			
		}
		#mainArea.sCart h2 {
			width: 550px;
			margin: 20px auto 20px;
			padding: 5px 0;
			text-align: center;
			color: #fff;
			background-image: none;
			background-color: #6666CC;
			font-size: 14px;
		}
		#mainArea .sCartBox {
			width: 550px;
			margin: 20px auto 20px;
			padding: 5px 0;
			text-align: left;
		}
		#mainArea .sCartBox dl{
			margin: 20px;
		}
		#mainArea .sCartBox dt{
			clear: left;
			float: left;
			width: 7.5em;
			margin: 0 0 0.5em 6em;
			background-color: #f2f2f2;
			padding: 0.3em;
			
		}
		#mainArea .sCartBox dd{
			float: left;
			margin-bottom: 0.8em;
			margin-left: 1em;			
			background-color: #f2f2f2;
			padding: 0.3em;
		}
		#mainArea .sCartBox a.toHome{
			display: block;
			width: 100px;
			margin: 20px auto 10px;
			padding: 5px 0 5px 20px;
			text-aling: center;
			border: 1px solid #666;
		}
		#mainArea .sCartFlow{
			clear: both;
			margin: 30px 0;
			text-align: center;
		}
	
	#leftArea {
		width: 200px;
		padding: 0px 20px 0px 0px;
		float: left;
	}	
	



/* product---------------------------------------------------------------- */

/*#cameraInfo h2 {
	font-size: 18px;
	background-color: #ccc;
	background-image: url("../img/tt_bk_wt.jpg");
	color: #000;
	margin: 0px 0px 15px;
	padding: 10px ;
	padding-left: 25px;
}*/



.itemBox{opacity:1;
	width: 628px;
	height: auto;
	margin-top: 100px;
	margin-bottom:;
    }

.itemBoxT, span {
	
	color: rgb(102, 102, 102); 
	font-size:13pt;  
    }

.itemBoxT, span :hover {
	        -webkit-opacity:0.5;
		opacity:0.5;}

 .itemBoxT,a img:hover {
	        -webkit-opacity:0.5;
		opacity:0.5;}


.itemBoxT, .itemBoxTc {opacity:1;
	display: block;
	width: 600px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 20px;
	border-left: 10px solid #ccc;
	border-bottom: thin solid #ccc;
	margin: 0 0 10px;
}
.itemBoxT { opacity:1;
background-image: url("../img/logo_nikon.gif");}
.itemBoxTc { background-image: url("../img/logo_canon.gif");}
.itemBoxT p.itemT, .itemBoxTc p.itemT {opacity:1;
	font-size: 16px;
	font-weight: bold;
	margin-left: 130px;
	line-height: 3em;
}

.itemBoxL {
	width: 280px;
	float: left;
}
	.bgNew {
		background: url("../product/img/bg_new.gif") no-repeat left top;
		padding-top: 49px;
	}
.itemBoxR {
	width: 280px;
	float: left;
}
.item{
	align: left;
	width: 290px;
	height: auto;
	font-size:12pix;
	border: thin #CCCCCC solid;
	margin: 5px 0 5px 40px;
	padding: 8px;
} 
.item2{
	height: auto;
	margin: 35px 0 5px;
	padding: 2px;
} 
.spec {
	clear: both;
	margin-top: 15px;
	margin-bottom: 50px;
}

.spec dl {   
	width:620px;
 	border-bottom: 1px #CCCCCC solid;
	   
}   

.spec dt {   
	float:left;
	text-align: right; 
	width:190px;   
	padding:5px 0 5px;  
	line-height: 100%;
 	border-top: 1px #CCCCCC solid;
	clear:both;   
}   
.spec dd {   
	width:410px;   
	margin-left:190px;   
	padding:5px 0 5px 20px;  
 	border-top: 1px #CCCCCC solid;
	line-height: 100%;
}  
.spec dt.top {   
 	border-top: 1px #CCCCCC solid;
}   
.spec dd.top {   
 	border-top: 1px #CCCCCC solid;
}  
	
/* yakudachi---------------------------------------------------------------- */



/* topics----------------------------------------------------------------*/

/* link---------------------------------------------------------------- */



/* company---------------------------------------------------------------- */

/* shopping---------------------------------------------------------------- */


html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 20px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #DCDBFD;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #3293e7;   }
}

/* form---------------------------------------------------------------- */

