.synthbg {background-image:url(../0_grap/synth0b.png);}

.fbox {background-color:none; background-image:none}

 .qbox
{
margin-left:7px;
margin-top:10px; 
padding:10px;
font-size:12px;
color:rgb(180,180,180);
text-align:justify;
line-height:16px;float:left;
height: auto; 

}


/* subnavi-*/
ul#nav2 { 
font-size:12px;
text-align:center;
margin:0px;
margin-left: 0px;
margin-top:30px; margin-bottom: 20px;
padding: 0px;
padding-top: 0px; 
border: 1px solid gray;
border-top-width:0px;
border-right-width:0px;
border-radius:2px;
border-bottom-right-radius:0px;
vertical-align:top;
 height:15px;
}
ul#nav2 li {
list-style: none;
display: inline;
margin:0px; padding: 0px;
}
ul#nav2 a, ul#nav2 span {
vertical-align:top;
padding: 1px 8px; 
text-decoration: none;
font-weight: bold;
}
* html ul#nav2 a, * html ul#nav2 span {
width: 1em;    
w/idth: auto; 
}
ul#nav2 a:hover, ul#nav2 span {
color: white; 
}
/*----*/

img#jlog {opacity: 0.5}
.prodlogo { /*background-color:yellow;*/
margin-left:10px;
margin-top: -8px;
margin-right:-14px;
padding-top:10px;
height: auto;
vertical-align: top;
text-align:center;
float:right;
border-width:1px;
border-color:gray;
border-radius:5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
width:155px;
height: 75px;
}

#prodname {color:gray;
margin-right:5px;}

img#flam {
z-index:3;
float:left;
margin-right:10px;
margin-top:5px;
position:relative;
font-size:14px;
color:rgb(51, 51, 51);}

#version {font-size: 9px; font-style:italic; float: right}

.flowline {
text-align: left;
margin-left: 15px;
color:white}

img#clpa {
border-width:0px;
margin-right:0px;}

.shortbox{
margin-left:30px;
margin-top:10px; 
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-size:12px;
color:rgb(180,180,180);
text-align:center;
border-radius:5px;
line-height:16px;
float:left;border:1px solid gray;
background-image:url(../4_goto/_pic/transp.png);
width: 634px;
height: auto;
}
dl#ftr { 
font-size:13px;
color:rgb(51, 51, 51); 
text-align: left ;line-height:16px;
margin-top:15px;
color:silver;
margin-left:30px}

dd {-ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;}
		
img#scheme {clear:all; margin-top: 20px;}

hr.fea {width: 90%; margin-top:5px; color:black;  background-color:gray; border:0px solid gray; height:1px;}

.qsm {
  width: 185px
}

ul.small li {
list-style-type:none;
margin-right:30px;
margin-top:30px;
list-style-type: none;
float: left
}

ul.lightbox li { 
 overflow: hidden; 
 position: absolute; 
 width: 0;  
 height: 0;  	
 left: 0;  
 top: 0;   
 opacity: 0;
}


ul.lightbox li:target {
opacity: 1;                   
background: rgba(0, 0, 0, 0.8);
-moz-transition: opacity 1.5s; 
-o-transition: opacity 1.5s;    
-webkit-transition: opacity 1.5s; 
}



ul.lightbox li:target a {
position: absolute;
top: 50%;
left: 50%;
margin: -315px 0 0 -400px; 
border: 0px solid #fff;
-moz-box-shadow:0 0px 0px #000000; 
-o-box-shadow:0 0px 0px #000000; 
-webkit-box-shadow:0 0px 0px #000000;
}



.enl {
margin-left:350px;
margin-top:100px;
font-size:10px;
color:rgb(153, 153, 153);
text-decoration: none;
text-align:center; 
width: 340px;
height: 40px;
}

h2.larg {
font-size:10px;
color:rgb(180,180,180);
margin-left:200px;
margin-top:20px;
font-style: italic; }

.video {width:480px; height:270px; margin-top:20px; margin-left: 120px; }

span#kben {

margin-left:0px;
margin-top:0px;
font-size:35px; 
width: 160px;
height: 60px;
background-image:url(../4_goto/_pic/transp.png);
background-color: silver;
float:right;
border-radius:5px;
border-color: green;
border-width: 3px;
border-style: solid;
}

span#kben1 {
margin-left:0px;
margin-top:7px;
text-align:center;
color:red;
font-size:12px; 
width: 160px;
height: 60px;
background-image:url(../0_grap/buybg.png);
background-color: silver; float:right;
border-radius:5px;
border-color: green;
border-width: 3px;
border-style: solid;
}

span#korb {
margin-left:25px;
font-size:14px; 
width: 150px;
height: 100px;
color: white
}
img#krb {
width:50px;
height:32px;
margin-top:5px
}
p#buyframe
{
font-size:12px; color:rgb(180,180,180); text-align:center; width:735px;  a:link, a:visited  color: color:rgb(180,180,180);
}

.bbclas, .bbclas1
{
font-size:12px; color:rgb(180,180,180); text-decoration: underline; line-height: 30px; 
}
.bbclas
{
 font-weight: bold;
}
.bbclas1
{
 margin-left: 0px
}

#pbdr {font-size: 10px; margin-left: 28px; color:rgb(180,180,180);}

#vinfo, #vinfo2 {margin-left:200px}
#vinfo2{text-decoration: underline;color:silver}


a#downlink:link,a#downlink:active,a#downlink:visited {color:silver;font-size:14px;text-decoration: underline; margin-left:45%;}


@media only screen and (min-width: 50px) {
	.inpic 	{height: 0px}
	.new 	{height: 0px;border-width:0px;}
	.qbox 	{width: 270px}
	#soswp {width: 100%}
	.shortbox{width: 260px;
			margin-left:0px;}
	ul#nav2	{margin-top:0px;
			text-align:left;
			margin-left:0px;
			width:300px;
			height:15px;
			margin-bottom: 110px;
			border: 0px solid gray;
			font-size:17px;
			line-height:30px;
			border-top-width:0px;
			border-right-width:0px;}
	
	ul#nav2 li {
			list-style: none;
			display: inline;
			margin-bottom:20px;
			padding: 0px;}

	ul#nav2 a, ul#nav2 span{
			color: silver;
			border: 2px solid gray;
			background-color:rgb(50,100,100);
			border-radius: 5px
			}

			ul#nav2 a:hover, ul#nav2 span {
			background-color:rgb(50,100,100);
			color: white; 
			}
			img#clpa {
			margin-left: 0px;
			margin-top:14px;
			margin-bottom:14px;
			width: 280px;
			float:none;
			}
			dl#ftr { margin-left:15px}
		.lb, #lb1 {margin-left:250px; margin-top:0px; width: 300px;}

	img#scheme {width: 100%}
	
	.enl {
			margin-left:-50px;
			margin-top:450px;
			}
			ul.lightbox li:target {
			width: 100%;
			height: 720px;}
		.video {width:280px; height:157px; margin-top:20px; margin-left: 0px; }
				span#kben {
			margin-left:-100px;
			margin-top:90px;
			margin-right:50px; 
			width: 160px;
			height: 60px;
			float:right;
			}
			
		p#buyframe{
			font-size:12px;
			width:280px;
			}
	#vinfo, #vinfo2 {margin-left:30px}
	a#downlink:link,a#downlink:active,a#downlink:visited {margin-left:30%;}
}

@media only screen and (min-width: 560px) {
		.inpic {height: 110px}
		.new {height: 25px;border-width:2px;}
		.qbox {width: 530px}
		.prodlogo {margin-right:0px;
			height: auto;
			width: 140px;
			margin-top:0px;
			padding-top:0px;
			float:right; 
			}
			#soswp {width: 100%}
		.shortbox{width:500px;
			margin-left:0px;}
		ul#nav2 {
			text-align:center;
			width:350px;
			height:15px;
			margin-top:20px;
			margin-bottom: 20px;
			font-size:12px;
			line-height:14px;
			border: 1px solid gray;
			border-top-width:0px;
			border-right-width:0px;}
		ul#nav2 li {
			list-style: none;
			display: inline;
			margin:0px; margin-left:-10px;
			padding: 0; }
		ul#nav2 a, ul#nav2 span {border: 0px;
			padding: 1px 12px;
			background-color: transparent;
			}
			ul#nav2 a:hover, ul#nav2 span {
			color: white;
			background-color: transparent; 
			}
			
			dl#ftr { margin-left:30px}
			img#clpa {
			margin-left: 15px;
			margin-top:20px;
			margin-bottom:5px;
			width: 350px;
			float:right;
			}
			.enl {
			margin-left:150px;
			margin-top:220px;
			}
			.lb {margin-left:150px; margin-top:120px; width: 500px;}
			#lb1 {margin-left:150px; margin-top:0px; width: 500px;}
			ul.lightbox li:target {
			width: 100%;
			height: 580px;}
		.video {width:480px; height:270px; margin-top:20px; margin-left: 20px; }
		span#kben {
			margin-left:0px;
			margin-top:17px;
			margin-right:0px; 
			width: 160px;
			height: 60px;
			float:right;
			}
			
		p#buyframe{
			font-size:12px;
			width:560px;
			}
	#vinfo, #vinfo2 {margin-left:130px}
	a#downlink:link,a#downlink:active,a#downlink:visited {margin-left:42%;}
			

}
@media only screen and (min-width: 900px) {
		.inpic {height: 140px}
		.qbox {width: 690px;}
		.prodlogo {margin-right:0px;
			height: 70px;
			width: 180px;
			margin-top:0px;
			padding-top:0px;
			float:right; 
			}
		#soswp {width: 100%}
		.shortbox{width: 634px; margin-left:30px;}
		ul#nav2 {margin-top:20px; 
			width:460px;
			height:15px;
			margin-left:20px;
			}
			
			ul#nav2 li {
			 margin-left:0px;
			padding: 0; }
				.enl {
			margin-left:350px;
			margin-top:155px;
			}
			
			.lb {margin-left:220px; margin-top:100px; width: 500px;}
			#lb1 {margin-left:200px; margin-top:0px; width: 500px;}
			ul.lightbox li:target {
			width: 100%;
			height: 560px;}
		.video {width:480px; height:270px; margin-top:20px; margin-left: 120px; }

		span#kben {
			margin-left:0px;
			margin-top:7px; 
			width: 160px;
			height: 60px;
			float:right;
			}
		p#buyframe{
			font-size:12px;
			 width:735px;
			}
	#vinfo, #vinfo2 {margin-left:200px}
	a#downlink:link,a#downlink:active,a#downlink:visited {margin-left:45%;}
			
}

@media only screen and (min-width: 1050px) {
		.new {height: 29px;}
	
}