@charset "utf-8";
/*TOP*/
body{background:#88b0b0;}

body#top #inside{
	width:793px;
	background:#fff;
	padding:0% 0% 3%;
	border-radius:0 0 25px 25px;
	margin:0 auto;
}
#inside:not(#top){
	width:793px;
	background:#fff;
	padding:2.5%;
	margin:0 auto;
	border-radius:10px;
}
section #left-box{
	width:72%;
	float:left;
	box-sizing:border-box;
	padding:0 3% 3% 4%;
}

.sp-slides{list-style:none;}
div.slider-pro,div#slider-pro{width:793px;}
div.slider-pro img{width:100%;}

#top side{
	width:200px;
	float:left;
	box-sizing:border-box;
	padding:0;
}

#top side img{
	width:100%;
}

#top iframe{
	margin-bottom:1.5%;
}

#whats_new{
	width:95%;
	height:200px;
	margin:0 auto 2%;
	border:1px solid #666;
	padding:1%;
}
#topix{
	width:95%;
	height:120px;
	margin:0 auto 1%;
	border:1px solid #666;
	padding:1%;
}
#top main #topix dl{
	width:100%;
	padding:2%;
	box-sizing:border-box;
}
#top main #topix dl dt{
	color:#C00;
	font-size:15px;
}
#top main #topix dl dd{
	color:#C9F;
	font-size:12px;
	padding-bottom:2%;
	border-bottom:1px dashed #333;
	margin-bottom:2%;
}

#top main #whats_new dl{
	width:100%;
	padding:2%;
	box-sizing:border-box;

}
#top main #whats_new dl dt{
	color:#C00;
	font-size:14px;
	margin:0 auto 1%;
}
#top main #whats_new dl dd{
	color:#C9F;
	font-size:13px;
	border-bottom:1px dashed #333;
	margin:0 auto 1%;
	padding-bottom:2%;
}

#top .scroll{
	overflow:auto;
}

/*about*/

#about h1{
	font-size:24px;
	font-weight:bold;
}


/*Product*/
#product dl{
	margin-bottom:3%;
}
#product dl:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
#product dl dt{
	float:left;
	margin:0 2% 0 0;
}
#product dl dd{float:left; width:80%;}
#product dl dd ul{list-style:none; border-bottom:dashed 1px #333;}
#product dl dd ul li.title{font-size:24px; font-weight:bold;}
#product dl dd ul li.date{font-size:14px;}

#product dl dd.description{
	margin-top:2%;
}

/*link*/
#link p{
	margin:2% 0;
}
#link section a:not(nav ul a){
	display:block;
	float:left;
	margin:0 1% 1%;
	text-decoration:none;
}
#link section #bnr img{
	display:block;
	float:left;
	margin:0 1% 1%;
}

#link h4{
	font-weight:500;
	font-size:24px;
	margin:3% 0;
	padding-bottom:1%;
	border-bottom:dashed 2px #333;
}
/*mail*/
#mail section.center{
	width:28%;
	display:block;
	margin:0 auto;
}
#mail section.center p{
	text-align:center;
}

/*404*/


#not_found main div{
	width:80%;
	margin:0 auto;
	box-sizing:border-box;
	padding:12%;
	border:double 8px #099;
}
#not_found #inside{
	background:#FFF;
}

#not_found main h4{
	font-size:45px;
	color:#099;
	text-align:center;
	padding:5% 0 2%;
}
#not_found main p{
	text-align:center;
}
#not_found  main a{
	width:38%;
	display:block;
	margin:3% auto 0;
	color:#333;
}
#not_found  main a:hover{
	color:#999;
	text-decoration:none;
}
