@charset "utf-8";

/* CSS Document */

tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;


	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
ul,
ol {
  margin-top: 0;
  margin-bottom:0;
	}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
	}
ul li{
	padding:0;
	list-style:none;
	}

a{ 
	color: #000;
	text-decoration: none;
	}
a:hover { 
	
	}
a:visited { 
	text-decoration:none;	
	}
.bold{
	font-weight:bold;
	}
.clear{
	clear:both;
	}	
p{
	font-size:13px;
	line-height:20px;	
	}
span{

}
span:first-child {
}
.bar{
margin-bottom:10px;
}
.bar span{
line-height:30px;
/*font-size:13px;*/
}
img{
	border:none;
	}	
.text-left {
  text-align: left;
	}
.text-right {
  text-align: right;
	}
.text-center {
  text-align: center;
	}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'supermarket', Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
	}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
	}

h1,
h2,
h3 {
/*  margin-top: 20px;
  margin-bottom: 10px;*/
	}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
	}
	
h1,
.h1 {
  font-size: 38px;
}

h2,
.h2 {
  font-size: 32px;
	}

h3,
.h3 {
  font-size: 24px;
	}

h4,
.h4 {
  font-size: 18px;
	}

h5,
.h5 {
  font-size: 16px;
	}

h6,
.h6 {
  font-size: 14px;
	}

h1 small,
.h1 small {
  font-size: 24px;
	}

h2 small,
.h2 small {
  font-size: 18px;
	}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 16px;
	}
	

.more{
	float:right;
	margin-right:2px;
	width:84px;
	height:27px;
	background:url(../images/more.png) top left no-repeat;
	text-align:left;
	text-indent:10px;
	color:#598e1f;
	cursor:pointer;
		font:15px/20px 'supermarket', Arial, sans-serif;
}
.more a{
	color:#598e1f;
	cursor:pointer;
		font:15px/30px 'supermarket', Arial, sans-serif;
}
.more a:hover{
	color:#ed4b13;
}


/*******************************************************/
body{
	overflow-x:hidden;
	font-size:16px;
	line-height:170%;
	font-family:Arial, Helvetica, sans-serif;
	}
#wrapper{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	height:auto;
	}
#container{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	background:url(../images/main/container.jpg) top center no-repeat;
	}
#main{
	position:relative;
	margin:0 auto;
	/*overflow:hidden;*/
	width:1020px;
	}	
.row{
	float:left;
	width:100%;
	margin:0;
	}
/********************************************************** HEADER *******************************************/
	#header{
		float:left;
		width:100%;
		height:320px;
		position:relative;
		background:url(../images/main/top.jpg) bottom center no-repeat;
	}
		#header .logo{
		position:absolute;
		width:187px;
		height:180px;
		top: 35px;
		left: 322px;
	}
	#header .header-name{
	position:absolute;
	width: 690px;
	height: 60px;
	top: 23px;
	left: 485px;
	font: 49px/48px 'supermarket', Arial, sans-serif;
	color: #8104b4;
	text-align: center;
	}
	
	#header .header-name2{
	position:absolute;
	width: 490px;
	height: 60px;
	top: 145px;
	right: 178px;
	font:51px/30px 'supermarket', Arial, sans-serif;
	color:#004fd1;
	}

	.text-27-rsu{
	font:27px/27px 'rsu', Arial, sans-serif;
	}
	.text-39-rsu{
	font:39px/55px 'rsu', Arial, sans-serif;
	}
	
/*********************************************************footer***************************************************************/
#footer{
	float:left;
	width:100%;
	height:84px;
	position:relative;
	background:url(../images/main/footer.jpg) top center no-repeat;
}
#footer .notice{
	position:absolute;
	top:10px;
	left:10px;
	height:auto;
	font-size:13px;
	line-height:18px;
	color: #423100;
}
#footer .notice a{
	font-size:13px;
	line-height:18px;
	color: #A74500;
}
#footer .notice a:hover{
	font-size:13px;
	line-height:18px;
	color: #FF6F00;
}

/*********************************************************footer***************************************************************/
@media (max-width: 900px) {
body{
overflow-x:scroll;
}
}
@media (max-width: 768px) {
#header{
	display:none;
}
}