@charset "utf-8";
/* CSS Document */

/* リセット */
html,body,div,p,ul,ol,li,h1,h2,h3,h4,dl,dt,dd,article,section{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style-type: none;
}

/* 基本設定 */
body{
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	color: #666;
}
img{
	max-width: 100%;
}
span{
	color:#c90926;
}

/* 背景 */
body{
	background-image:url(img/haikei-top.png), url(img/haikei-bottom.png);
	background-position: left top, right bottom; 
	background-repeat: no-repeat;
	background-attachment: fixed; 
}

/* レイアウト */
#toptitle{
	width: 100%;
	background-color: #313131;
}
#toptitle img{
	display: block;
	margin: 0 auto;
}
#wrap{
	width: 980px;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
#wrap{
	width: 100%;
	min-width: 340px;
}
}
#key{
	margin-top: 16px;
}
#wrapin{
	padding: 16px;
}
.section{
	overflow: hidden;
	clear: both;
}
.resleft{
	float: left;
}
@media screen and (max-width:768px) {
.resleft{
	display: inline-block; /* 親にtext-align: center; を仕込むこと */
	float: none;
	margin: 8px auto;
}
}
h1{
	color: #874da1;
}
.border01{
	background-image:url(img/a15.png);
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
}
h2{
	color: #d35871;
	margin-top: 56px;
}
h2:before{
	content: url(img/sakuraicon.png);
	margin-right: 4px;
}
h3{
	color: #f98289;
}
.infotitle{
	margin-bottom: 16px;
}
.info{
	margin-top: 16px;
	overflow: hidden;
	background-image:url(img/paper-f3.png);
	border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */  
}
.infotext{
	padding: 16px;
	overflow:hidden;
}
@media screen and (max-width:768px) {
#tap{
	text-align: center;
}
.infotext{
	text-align: left; /* 上記でブロック全体がcenterになるので、テキスト部分をleftで上書き */
}
}
dt{
	color: #874da1;
	border-bottom: solid 1px #d3ccd6;
	font-weight: bold;
}
dd{
	margin-bottom: 24px;
}
ul,ol{
	margin: 8px 0;
}
#backindex{
	margin: 24px 0;
}
.infoaside{
}
.infoaside h3{
	margin: 24px 0 8px 0;
}
#tap5051{
	display: block;
	width: 400px;
	height: auto;
	margin: 16px auto 0 auto;
}
#resonanceimg{
	display:block;
	width: 500px;
	height: auto;
	margin: 16px auto 0 auto;
}
.hatsubai{
	background-color: red;
	color: #fff;
	margin: 8px 0;
	padding: 4px 0;
	border-radius: 10px;        /* CSS3草案 */  
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */  
}
.hatsubai p{
	margin: 8px;
}
.hatsubaititle{
	border-bottom: #fff 1px solid;
}