@charset "utf-8";

 @import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

* 
/* reset style
--------------------------------------------------*/

body,h1, h2, h3, h4, h5, h6, p, br, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin:				0;
	padding:			0;
	border:				none;
	font-style:			normal;
	font-weight:		normal;
	font-size:			100%;
	text-align:			left;
	list-style-type:	none;
}

textarea {
	font-size:			100%; 
}

fieldset,img{
	border:0;
}
span {
	margin: 0px;
	padding: 0px;
}

body{
margin: 0;
padding: 0;
vertical-align: baseline;
width:980px; 
color: #474747;
font-family: "M PLUS Rounded 1c",sans-serif;
}

img {
vertical-align: bottom;
}

ul {
margin: 0;
padding: 0;
}

.contentBox {
margin: 0;
padding: 0;
overflow: hidden;
}

.contentBox li {
margin: 3px;
width: 188px;
float: left;
border: 1px solid #f8f8f8;
list-style-type: none;
background-color: #f8f8f8  
}

.center{
 text-align: center;
    margin-top: 10px;
}

.contentBox img {
    border: 1px solid #d5d5d5;
    }

.contentBox h2 {
margin: 2px;
color: #E60012;
text-align: center;
font-size: 14px;
font-weight: 600;
}

.contentBox p {
margin: 2px 5px;
text-align: center;
font-size: 12px;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

#wrapper{
	width:980px;	
	margin:0 auto;	
}

a, a:link, a:visited {
	color: #474747; 
	text-decoration: none;
}

a:hover {
	color: #E60012;
	text-decoration: none;
}

p { margin: 0px; padding: 0 0 10px 0; color: #474747}

img { border: none;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

/*h1, h2, h3, h4, h5{ font-weight: normal; }

h1 {  color: #6f4827; }
h2 { font-size: 24px; color: #6f4827; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #6f4827; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #6f4827; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #6f4827; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}*/

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h5 { clear: both; width:100%; height: 5px; font-size: 0px;   }
.cleaner_h10 { clear: both; width:100%; height: 10px; font-size: 0px;   }
.cleaner_h15 { clear: both; width:100%; height: 15px; font-size: 0px;   }
.cleaner_h20 { clear: both; width:100%; height: 20px; font-size: 0px;   }
.cleaner_h30 { clear: both; width:100%; height: 30px; font-size: 0px;   }
.cleaner_h40 { clear: both; width:100%; height: 40px; font-size: 0px;   }
.cleaner_h50 { clear: both; width:100%; height: 50px; font-size: 0px;   }
.cleaner_h60 { clear: both; width:100%; height: 60px; font-size: 0px;   }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.fl-220 {float:left; width:200px;}
.fr { float:right}

.attention {font-size:14px; color:#E60012; text-align:left; padding-top:5px; width:980px;}
.header-logo {width:980px;}

#center {
  max-width: 980px;
  width:980px;
  padding:0;
  margin:0;
  list-style-type: none;
}

#center li {
    width:25%;
  float:left;
  padding: 0 10 0 0;
  margin:0;;
}

#center li a {
  width:auto;
  padding:0 10 0 0;
  display:block;
}

iframe{
	float: left;
    border: none; 
	margin:0px;
	padding:0px;
}   
iframe.border1 { border: none; }
iframe.border2 { border: 1px solid #d5d5d5; }

#contents {
	overflow: hidden;
	width: 990px;
}
#contents ul {
	zoom: 1;
	width: 990px;
}
#contents ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#contents li {
	float: left;
	margin: 0 7.5px 0 0;
}
#contents img {
    border: 1px solid #d5d5d5;
    }