@font-face {
    font-family: 'Isocpeur';
    src: url('res/fonts/isocpeur/isocpeur-webfont.eot');
    src: local(Isocpeur),
		 url('res/fonts/isocpeur/isocpeur-webfont.eot?#iefix') format('embedded-opentype'),
         url('res/fonts/isocpeur/isocpeur-webfont.woff') format('woff'),
         url('res/fonts/isocpeur/isocpeur-webfont.ttf') format('truetype'),
         url('res/fonts/isocpeur/isocpeur-webfont.svg#isocpeurregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }

body      { text-align:center; font-family:Isocpeur; font-size:125%; letter-spacing:0.3px; line-height:1.5; color:#333; }

#container { background-color:#FFF; border:1px #333 solid; width:900px; margin:0px auto; text-align:left; padding:20px 50px 0px 50px; }

p  { text-align:justify; margin:5px 0px 15px 0px; }

h1 { z-index:2; display:block; font-family:Isocpeur; font-size:1.2em; color:#424e6d; width:100%; background-color:#F0F0F0;
     padding:7px 0px 7px 10px; margin:60px 0px 30px -10px; border:2px dashed #CCC; }

h2 { z-index:2; display:block; font-family:Isocpeur; font-size:1.2em; color:#424e6d; margin:5px 0px 10px 0px; } 

h3 { z-index:2; position:relative; display:block; font-family:Isocpeur; font-size:1.2em; color:#424e6d; padding:0px 0px 5px 0px; 
	 border-bottom:2px dashed #CCC; }	
	 
h4 { z-index:2; display:inline-block; font-family:Isocpeur; font-size:1.2em; color:#424e6d; margin:5px 5px 0px 0px; }

h5 { z-index:2; display:inline-block; font-family:Isocpeur; text-decoration:underline; color:#b31d1d; margin:15px 0px 5px 0px; }		

.subtitle { text-align:center; color:#999; margin:-5px 0px 8px 0px; }

#left	{ display:block; float:left; width:400px; }

#right	{ display:block; float:right; width:500px; }

#left_text	{ display:block; float:left; width:500px; }

#right_pic	{ display:block; float:right; width:360px; padding-left:40px; }

#left_alt	{ display:block; float:left; width:530px; padding-right:20px; }

#right_alt	{ display:block; float:right; width:320px; padding-left:30px; }

#start	{ display:block; margin:-210px 0px 70px 0px; border:1px solid red; width:500px; height:130px; }
	
.video	{ margin:20px 48px 0px 49px; border:1px solid #000;
		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }
		  
.code 	{ margin:10px; border:1px dashed #333; background-color:#CCC; padding:0px 10px 10px 10px; overflow-y:scroll; height:300px;
		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }
		  
.code p { font-family:Courier; font-size:13px; color:#333; line-height:1.1; }		  		  

/*.box    { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #333;
		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666;
		  font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:1.4; } */
		  
.header { display:block; border-bottom:1px solid #666; padding:0px 0px 10px 10px; margin:0px 0px 10px -10px; }		  
			 
mark	{ background-color:#FF9; color:#333; padding:0px 5px 0px 5px; margin:0px -5px 0px -5px; }

.plusminus { margin:0px 5px -2px 0px; cursor:pointer; }

td		{ vertical-align:top; }

img.show 	{ border:1px solid #000; margin:5px 20px 10px 0px; float:left; width:285px; height:210px;
		   	  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; } 
			  
img.show_hf	{ border:1px solid #000; margin:5px 14px 5px 0px; float:left; width:285px; height:380px; 
		   	  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }		
			  
img.show_hf1	{ border:1px solid #000; margin:10px 8px 5px 0px; float:left; width:170px; height:230px; 
		   	  	  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }				  	  
		   
img.show1	{ border:1px solid #000; margin:10px 14px 5px 0px; float:left; width:285px; height:160px;
		      -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; } 		   
		   
img.show_big	{ border:1px solid #000; margin:5px 40px 5px 0px; float:left; width:360px; height:202px;
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; } 
				  
img.show_small	{ border:1px solid #000; margin:10px 14px 0px 0px; float:left; width:172px; height:100px;
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }

img.show_small_hf	{ border:1px solid #000; margin:10px 14px 0px 0px; float:left; width:100px; height:172px;
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }				   
				  
img.show_index	{ border:1px solid #000; margin:10px 14px 10px 0px; float:left; width:230px; height:170px;
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; } 				  
				  
.show_o	{ border:1px solid #000; -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }				  
img.menupic		{ border:1px solid #000; margin:10px 30px 50px 0px; float:left; width:240px; height:180px; 
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }
		   
img.menupic1	{ border:1px solid #000; margin:10px 30px 50px 0px; float:left; width:240px; height:135px;
		   		  -moz-box-shadow:2px 2px 6px 0px #666; -webkit-box-shadow:2px 2px 6px 0px #666; box-shadow:2px 2px 6px 0px #666; }
				  
video  { border:1px solid #000; }
		   
#box1	{ border:2px dashed #CCC; display:block; padding:10px 20px 10px 20px; margin:30px 0px 10px 0px; min-height:200px; background-color:#F0F0F0; }		
		   
#pixbox	 	 	{ display:block; float:left; text-align:left; font-size:14px; width:285px; margin:5px 15px 25px 0px; }
#last_pixbox	{ display:block; float:left; text-align:left; font-size:14px; width:285px; margin:5px 0px 25px 0px; }

#pixbox_hf	 { display:block; float:left; text-align:left; font-size:14px; width:300px; height:450px; margin-bottom:30px; padding-right:20px; }	

.border	{ border:1px #333 solid; padding:0px 3px 0px 3px; border-radius:3px; }
p.border	{ border:1px #424e6d solid; margin:-10px -13px 20px -13px; padding:10px 13px 15px 13px; border-radius:5px; }

.post0_h	{ display:block; background-color:#b9cff6; margin: 30px 0px 5px 0px; padding: 0px 0px 2px 0px; }
.post0		{ margin: 0px 0px 0px 6px; }
.post1_h	{ display:block; background-color:#DDD; margin: 15px 0px 5px 50px; padding: 0px 0px 2px 0px; }
.post1		{ margin: 0px 0px 0px 56px; }

p.linebr { clear:both; }
p.next { clear:both; margin-top:40px; }
.linebr_close { clear:both; }

.text1 { font-family:Isocpeur; font-size:18px; color:#333; line-height:1.5; }
.text2 { font-family:Isocpeur; font-size:18px; color:#333; line-height:1.4; }
.red 	{ color:#b31d1d; }
red 	{ color:#b31d1d; }
.gr		{ color:#666; }
.b		{ color:#000; }
.bl		{ color:#069; font-weight:normal; }
.bbl	{ color:#069; font-weight:bold; }
.or		{ color:#F60; font-weight:normal; }
.bor	{ color:#F60; font-weight:bold; }

.note_box	{ display:block; color:#000; border:2px dashed #369; background-color:#F0F0F0; margin:20px 0px 25px 0px; padding:5px 20px 5px 20px; }
.error		{ display:block; color:#000; border:2px dashed #b31d1d; background-color:#FF9; margin:10px 10px 25px 10px; padding:10px; }
.caution	{ display:block; color:#000; border:2px dashed #b31d1d; background-color:#F0F0F0; margin:20px 0px 25px 0px; padding:10px 20px 10px 20px; }

a[href^='http:'] { display:inline-block; background:transparent url(g/link_extern.png) center left no-repeat; padding-left:15px; }
a[href^='https:'] { display:inline-block; background:transparent url(g/link_extern.png) center left no-repeat; padding-left:15px; }
a { color:#333; font-style:italic; }
/* a::before {
    content: "˃ ";
    color:#b31d1d;
    font-weight:bold;
	font-size:20px; } */
a:hover { color:#424e6d; }
a.group { text-decoration:none; }
.r_link { margin-right:0px; color:#b31d1d; }

a.box   { text-decoration:none; border:2px dashed #CCC; background-color:#F0F0F0; display:block; padding:10px 20px 10px 20px; margin:30px 0px 10px 0px; font-family:Isocpeur; font-style:normal; letter-spacing:0.5px; color:#333; line-height:1.5; min-height:200px; }
a.box:hover   { border:2px dashed #424e6d; background-color:#DFDFDF; }

a.download	{ text-decoration:none; border:1px solid #333; background-color:#F0F0F0; display:inline-block; padding:5px 10px 5px 10px; margin:10px 0px 15px 0px; 						 			  font-family:Isocpeur; font-style:normal; letter-spacing:0.5px; color:#333; line-height:1.5; }
a.download:hover { cursor:pointer; background-color:#e5f1fb; border:1px solid #0078d7; color:#000; }

a.index_box   { text-decoration:none; border:2px dashed #CCC; background-color:#F0F0F0; display:block; width:230px; float:left;
				padding:10px 20px 10px 20px; margin:30px 35px 10px 0px; font-family:Isocpeur; font-style:normal; letter-spacing:0.5px; 
				color:#333; line-height:1.5; min-height:200px; text-align:center; }
a.index_box:hover   { border:2px dashed #424e6d; background-color:#DFDFDF; }

.button { color:#222; padding:4px 8px 7px 8px; font-family:Isocpeur; line-height:1.1; }
.button:hover { cursor:pointer; color:#000; }

#postnow { text-align:center; margin:50px 0px 0px -10px; padding-top:30px; border-top:3px dashed #DDD; }

.reply_button { display:block; color:#222; margin:2px 5px 0px 0px; padding:0px 5px 3px 5px; font-family:Isocpeur; line-height:1.1; }
.reply_button:hover { cursor:pointer; color:#000; }

.black  { position:fixed; display:none; overflow:hidden; top:0%; left:0%; width:100%; height:100%; background-color:#039; z-index:1000;
		  -moz-opacity:0.4; opacity:.40; filter:alpha(opacity=40); }
.popup  { position:absolute; display:none; top:50px; margin-left:100px; width:690px; padding:10px; border:1px solid black;
          background-color:white; z-index:2000;
          -moz-box-shadow:3px 3px 7px 0px #333; -webkit-box-shadow:3px 3px 7px 0px #333; box-shadow:3px 3px 7px 0px #333; }
		  
.note	{ display:block; color:#666; margin:5px 0px 10px 0px; }  

 ul { list-style:square; margin:20px; padding:0px; }
 li	{ margin:10px; }

 nav	{ width:100%; margin:0px 0px 60px -10px; padding:0px 0px 0px 10px; font-size:1em; border-bottom:1px solid #CCC; }
 nav a	{ font-style:normal; color:#333; text-decoration:none; }
 
 nav ul { list-style-type:none; margin:0px 0px 27px -5px; padding:3px 0px 0px 0px; height:20px; }

 nav ul > li { float:left; padding:5px 5px 5px 5px; margin:0px 30px 0px 0px; }
 nav ul > li:last-child { margin:0px; }
 
 nav ul li li { float:none; margin-left:-20px; display:none; background-color:#dee3ef; }
 
 nav ul li li:first-child { margin-top:6px; }
 
 nav ul li:hover li { display:block; }
 
@media only screen and (max-width: 1500px) {
	body { font-size:110%; }
	nav { font-size:0.9em; }
}