.ww{border:2px solid #000;   width:900px; Georgia, "Times New Roman", Times, serif;}

body {font-size:80% color:#333;  margin:0 auto 0 auto; padding:0; font-family:'KozMinPro-Bold', 'Kozuka Mincho Pro B', 'Kozuka Mincho Bold',sans-serif;
 }
li{margin : 0 ; padding:0; list-style:none;}
a {color:#002583; text-decoration:none; }
a:hover {color:#808080; text-decoration:none; }
p {line-height:1.5em; margin:0 0 15px;  color:#333;  padding:5px;}
#header {   }

#mes {font-size:80%; color:#333;
 width:300px;   
position:absolute; top:0px; left:590px;  }

#sitename { background:#fff; height:90px; margin:5px auto; text-align:left; background-repeat: no-repeat; width:900px;
 border-radius: 5px;
    background: #e0ffff;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(left top,  #fff,  #e0ffff); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0ffff));/* Webkit */
    -pie-background:linear-gradient(left top,  #fff,  #e0ffff); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
 position:relative; 
}
#sitename h1,#sitename h2 {font-weight:300; letter-spacing:-1px; margin:5px 10px 2px 110px; padding-left:10px; padding-top:10px; font-family:Georgia;}
#sitename h1 {font-size:1.1em; color:#0d4e9c;}
#sitename h2 {font-size:1.9em; color:#333; }
#sitename img {float:left; margin:2px 10px 0 10px;}

#nav {float:left; margin:auto; width:900px;  
 height:80px;
 margin-bottom:0px;
      background: #7e7c7c;
    background: -webkit-linear-gradient(top, #fafafa 0%,#7e7c7c 100%);
    background: -moz-linear-gradient(top, #fafafa 0%,#7e7c7c 100%);
    background: -o-linear-gradient(top, #fafafa 0%,#7e7c7c 100%);
    background: -ms-linear-gradient(top, #fafafa 0%,#7e7c7c 100%);
    background: linear-gradient(top, #fafafa 0%,#7e7c7c 100%);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
#nav ul { position: relative; font-size:13px; margin:0; padding:0; text-align:center; font-weight:bold;}
#nav li {float:left; list-style:none; margin:15px 10px; padding:5px ; width:; }
#nav a { padding : 10px 5px ;
 height:24px; margin-left:10px;
}
.dd{   height:24px; margin-left:10px; border:1px solid #b0b0b0; color:#fff; display:block; padding : 10px 5px ; background:#0E2D5B; box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
#nav a:hover {background:# top left repeat-x; color:#1e90ff; text-decoration:none;}
#nav a.current {background:#f0f0f0 top left repeat-x; color:#fff; text-decoration:none; }

#nav li span {
	float: left;
	padding: 15px ;
	position: absolute;
	left: 150px; top:40px;
	display: none;
	width: 620px;
	background: #;
	text-align:left;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px 10px;
}
#nav li:hover span { display: block; }
#nav li span a { display: inline; padding: 5px;
	}
#nav li span a:hover {text-decoration: underline;}



#container {width: 900px;
margin:0 auto;
font-size:14px;
}

#wrap {width: 700px;
padding: 0px;
margin:5px 0 0 0px;
 float:left; 
 }

.files { border:2px solid #00ffff;
 float:left; 
 width: 690px; 
 margin-bottom:10px; 
 background:#fff;
padding: 5px;
 box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
 }

.files h3{border:solid 1px #ddd;
    padding: 5px;
    border-radius: 5px;
    background: #e0ffff;
    -moz-border-radius: 5px; /* FF */
    background: -moz-linear-gradient(top,  #fff,  #e0ffff); /* FF */
    -webkit-border-radius: 5px;/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0ffff));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #e0ffff); /* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }
.files h3 span{border-left:5px #3cf solid; padding-left:10px;}
.files h4{padding-left:15px;
}
.nagarebox{ width: ; margin:10px; padding: 15px;
border:2px #333 solid; float:left;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.nagarebox2{ float:left;
 margin:16px 0 0 2px; padding: 0px;}

 
.files p{margin:20px; 
}
.smpimg img{margin-bottom:20px; padding:10px;  
 background:url(images/bg.png) repeat}

.sample_04 {
margin:15px;
width: 500px;
border-collapse: collapse;
border-right: 1px solid #999;
}
.sample_04 th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 3px solid #ff6633; 
border-top: 1px solid #fff;
}
.sample_04 td{
width: 25%;
padding: 6px;
background-color: #fff;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
}

#footer {width: 100%;  
height:210px;
 background:#000;
margin:5px auto 0px auto; 
padding: 0 auto;
}

#footcontent {
 background:url(images/footer.png) ; background-repeat:no-repeat;	
width: 900px;
 margin:20px auto  0 auto;
padding: 100px auto;
height:210px;
 
}

#footer ul{font-size:12px; margin:50px 0 0 40px; padding:0; text-align:center; float: left;}
#footer li {width: 130px;
float: left;
text-align:center;
margin-top:14px;
 list-style:none; padding:0;}
#footer li a{  color: #ccc;
}
#footer .contents{
color: #ccc;
float: left;
width: px;
margin:15px 0 5px 50px ;
padding-top:10px;
padding-left:20px;
font-style: italic;
font-family:Georgia;
font-size:11px;
}
#footer .contents a{color: #ccc;
}

#slide {width: 170px;
height: 100%;
padding: 2px;
margin:5px 0 5px 0 ;
float:right; /* right */

}



#slide .box{
padding: 5px;
background-color: rgba(255,255,255,0.3);
	-moz-border-radiust: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
margin-bottom:10px;	
}
 
#slide .box h2{ font-size:120%;
text-align:center;
background-color: rgba(135,206,250,0.3);
	-moz-border-radiust: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px; 
	padding: 5px;
	margin-top: 5px;
 }

#slide ul {margin:0; padding:0;
 font-size:90%;
}
#slide li {margin:10px; padding:0;
}

#slide.box p{
 font-size:80%;
padding: 	;}



#gradient-bg { position:absolute; }
#slideshow-holder	{ position:relative; background:url(images/ajax-loader.gif) center center no-repeat; }
#progress			{ position:absolute; top:0; left:0; text-align:center; color:#999; }

#grad-bottom-left {
	position:absolute;
	background:#eee;
	background:-webkit-gradient( linear, left bottom, right top, color-stop(0.25, rgb(170,170,170)), color-stop(0.4, rgb(255,255,255)) );
	background:-moz-linear-gradient( left bottom, rgb(170,170,170) 25%, rgb(255,255,255) 40% );
    filter: alpha(opacity = 70);
	opacity: 0.70;
}
#grad-bottom-right {
	position:absolute;
	background:#eee;
	background:-webkit-gradient( linear, right bottom, left top, color-stop(0.25, rgb(170,170,170)), color-stop(0.4, rgb(255,255,255)) );
	background:-moz-linear-gradient( right bottom, rgb(170,170,170) 25%, rgb(255,255,255) 40% );
    filter: alpha(opacity = 70);
	opacity: 0.70;}
#grad-top-left {
	position:absolute;
	background:#eee;
	background:-webkit-gradient( linear, left top, right bottom, color-stop(0.25, rgb(170,170,170)), color-stop(0.4, rgb(255,255,255)) );
	background:-moz-linear-gradient( left top, rgb(170,170,170) 25%, rgb(255,255,255) 40% );
	filter: alpha(opacity = 70);
	opacity: 0.70;}
#grad-top-right {
	position:absolute;
	background:#eee;
	background:-webkit-gradient( linear, right top, left bottom, color-stop(0.25, rgb(170,170,170)), color-stop(0.4, rgb(255,255,255)) );
	background:-moz-linear-gradient( right top, rgb(170,170,170) 25%, rgb(255,255,255) 40% );
	filter: alpha(opacity = 70);
	opacity: 0.70;
	}
#left-arrow {
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 25px solid transparent;
	border-right: 50px solid black;
	border-right: 50px solid rgba(0,0,0,.7);
	border-bottom: 25px solid transparent;
	position:absolute;
	height: 0px;
	width: 0px;
	}
#right-arrow {
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 25px solid transparent;
	border-left: 50px solid black;
	border-left: 50px solid rgba(0,0,0,.7);
	border-bottom: 25px solid transparent;
	position:absolute;
	height: 0px;
	width: 0px;
	}

.cleaner{clear: both;}
.display{ background:url(images/display.png) center center no-repeat; 
	height: 500px;
	width: 500px;
	 }
.syousai{background-color: rgba(255,255,102,0.5);
 padding :10px;
 margin:0; 
 color:#3300FF;
 font-size:100%;
}


.ans , .que{
 box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
 padding:1px;
  font-size:110%;
  font-family:Georgia;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 background:#f0ffff;
}
.que{ color:#3300FF;
  margin:10px;
}
.ans{ color:#FF0000;

  margin:10px 10px 10px 40px;}
#sns{ margin:10px 10px 5px 15px;
	padding-top:80px;
}