@charset "utf-8";
/* common */
/* -----共通-----*/
* {
  margin: 0;
  padding: 0;
  font-size: 12px;
	line-height:1.8;
  font-style: normal;
  font-weight: normal; 
  
}

/* ul,ol { list-style: none; }*/

img { border: none; }

body {
  text-align: left;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
  color: #FFF;
  /*padding: 50px 0;*/
}

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

body {background-color:#8f1c21;}




#main{
	width:1194px;
	margin-right:auto;
	margin-left:auto;
	padding-top:40px;
	padding-bottom:40px
}
#contents{
	width:784px;
	margin-right:40px;
	float:left;
}
#side{
	width:370px;
	float:left;
}
#footer{
	width:1194px;
	height:10px;
	clear:both;
}
p{
	
}
.m20{
	margin-bottom:20px;
}
.m40{
	margin-bottom:40px;
}

.m80{
	margin-bottom:80px;
}

.big{
	  font-size: 120%;
}
.cap{
	float:left;
}
.cap img {
	margin-bottom:10px;
}

.m_r20{
	margin-right:20px;
}
.cl{
	clear:both;
}

.qr{
	width: 420px;
}

.pw{
	width: 344px;
}

#demobtn a{
	width:505px;
	height:50px;
	display:block;
	background-image: url("img/demo.png");
	background-position: 0px 0px;
}
#demobtn a:hover{
	background-position: 0px 50px;
}
#syaka{
	width:290px;
	height:222px;
	display:block;
	background-image: url("img/syaka.png");
	background-position: 0 0;
	margin-top:-300px;
	margin-left:-500px;
	position:fixed;
	bottom:0px;
	right:0px;
}
#syaka a{
	width:290px;
	height:222px;
	display:block;
}

span{
	color:#AAA;
	font-size:50%;
}

@media screen and (max-width: 1200px) {
	*{
  		font-size: 7px;
	}
}