@charset "utf-8";

body {
	background-color:#b9c683;
	color:#505b20;
	font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, serif;
	font-size:13px;
	margin:0 auto;
	line-height:1.6em;
	width:320px;
}

h1, h2, h3, p {
    	font-family:"Hiragino Kaku Gothic Pro",  Meiryo, sans-serif;
    	font-weight:lighter;
	margin:0;
	padding:0;
}

h1 {
	margin:0 0 5px;
}

h2 {
	font-size:14px;
	color:#dc143c;
	margin:10px 15px 5px;
}

h3 {
	font-size:13px;
}

h5 {
	font-size:13px;
	color:#dc143c;
	margin:0 5px 3px 30px;
	border-bottom:solid 1px #dc143c;
	display:block;
}

a {
	text-decoration:none;
}

a:visited {
    color:#000;
}

img {
	border:0;
	display:block;
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

footer {
	clear:both;
	display:block;
	padding: 5px 0 0;
	border-top:solid 1px #5c4033;
	text-align:center;
}

.color_01 {
	color:#cd5c5c;
}

.color_02 {
	color:#4169e1;
}

.color_03 {
	color:#ff0000;
}

#different_img {
	display:block;
	margin:3px 15px;
	-webkit-box-shadow: 3px 3px 5px 0px #4a4a4a;	/* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px 0px #4a4a4a;	/* Firefox用 */
	box-shadow: 3px 3px 5px 0px #4a4a4a;	/* CSS3 */

}

#spec{
	width:100%;
	background-color: #002446;
	border:solid 2px #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	overflow: hidden;
	line-height: 1.6em;
	padding:5px 1px;
}

#spec tr td{
	color: #ffffff;
}

#DL td{
	text-align: center;
}

#spec tr td a{
	font-size: 18px;
	color: orange;
	text-align: center;
	text-decoration: underline;
	line-height: 2em;
}

.arrowright {
	/*background: #ffffff;*/
	font-size: 12px;
	position: relative;


}

.arrowright::before {
	left: 0.8em;
	position: absolute;
	border-left: 0.8em solid #ffffff;
	border-top: 0.8em solid rgba(44, 44, 44, 0);
	border-bottom: 0.8em solid rgba(44, 44, 44, 0);
	content: "";
}

#salebann img{
	margin:3px auto;
	width:300px;
	height:106px;
	display:block;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

#dlapp01 {
	color:#c71585;
	font-size:14px;
	text-align:center;
	margin:0;
}

#dlapp {
	color:#0000ff;
	font-size:18px;
	text-align:center;
	margin:0;
}

#contents_01 {
	margin:0 10px 3px;
	padding:5px;
}

#touch {
	width:135px;
	float:right;
}

#dl_btn {
	text-align:right;
	margin:0 13px 15px;
}

#dl_btn button {
	width:150px;
	padding:8px;
	color:#fff;
	background:#b22222;
	border:3px solid #fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius:8px;	/* Safari,Chrome */
	-moz-border-radius:8px;	/* firefox */
	border-radius:8px;		/* css3 */
	-webkit-box-shadow:inset 0 25px 3px #dc143c, 0 0 0.3em #dc143c;	/* Safari,Chrome */
	-moz-box-shadow:inset 0 25px 3px #dc143c, 0 0 0.3em #dc143c;	/* firefox */
	box-shadow:inset 0 25px 3px #dc143c, 0 0 0.3em #dc143c;		/* css3 */
}

#dl_btn button a {
	color:#fff;
}


#contents_02 {
	margin:0 15px;
	clear:both;
}

#story_img {
	-webkit-box-shadow: 3px 3px 5px 0px #4a4a4a;	/* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 5px 0px #4a4a4a;	/* Firefox用 */
	box-shadow: 3px 3px 5px 0px #4a4a4a;	/* CSS3 */
}

#story_img {
	display:block;
	margin-bottom:8px;
	}

#story_imgss01 {
	width:135px;
	float:left;
	margin-right:5px;
}

#story_imgss02  {
	width:135px;
	float:right;
	margin-right:5px;
}

#story_right {
	margin-top:5px;
}

#support_mail {
	margin-top:15px;
	line-height:1.4em;
	text-align:center;
}

.support_txt {
	color:#000000;
	font-size:14px;

}

.support {
	color:red;
	font-size:12px;

}

.alert{
	background:#dd0000;
	color:#ffffff;
	text-align:center;
}

.attention{
	width:100%;
	border-top:dotted 1px #ff0000;
	border-bottom:dotted 1px #ff0000;
	padding:5px;
	margin:5px;
}

.attention > p::before{
	content:"※";
	color:#ff0000;
}