@charset "shift_jis";

/* +++++ Style for float clear +++++ */
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
	line-height:0;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* +++++ Style for float clear +++++ */
div.content {
	width: 670px;
	font-size: 120%;
	margin: 0;
}

div.content .lead {
	color: #000;
	background: #eee;
	border: #666 1px solid;
	margin: 10px 0 15px 0;
	padding: 10px 8px;
	line-height: 130%;
}
div.content .lead .link {
	margin: 15px 0 0 0;
	text-align: center;
}
div.content .lead .link a {
	display: inline-block;
	background: linear-gradient(#ff9f00, #f36d00);
	color: #000 !important;
	text-decoration: none !important;
	margin:0;
	padding:8px 15px;
	border: #f34500 1px solid;
}
div.content .lead .link a:hover {
	background: linear-gradient(#ff9f00, #f34500);
}
div.content .box {
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
}
div.content .dl {
	line-height: 130%;
}
div.content .dl ul.kind {
	margin: 15px 0 35px 10px;
}
div.content .dl ul.kind li {
	margin: 0 0 8px 20px;
	list-style: decimal;
	color: #000;
	line-height: 110%;
}
div.content ul.download {
	margin:0 0 20px 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
div.content ul.download li {
	list-style: none;
	width:30%;
	margin:0 2% 0 0;
	padding:0;
}
div.content ul.download li img {
	width: 100%;
}
div#amabie {
	background: #ffeced;
	border: #f29c9f 3px solid;
	border-radius: 8px;
	padding: 10px;
}
div#amabie h3 {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	background: #dd444a;
	margin: 0 0 15px 0;
}

div.yakuyoke {
	background: #f6f4ff;
	border: #8f82bc 3px solid;
	border-radius: 8px;
	padding: 10px;
	margin: 25px 0 0 0;
	color: #000;
}
div.yakuyoke .link {
	margin: 15px 0 0 0;
	text-align: center;
}
div.yakuyoke .link a {
	display: inline-block;
	background: linear-gradient(#920783, #601986);
	color: #fff !important;
	text-decoration: none !important;
	margin:0;
	padding:8px 35px;
	border: #601986 1px solid;
}
div.yakuyoke .link a:hover {
	background: linear-gradient(#920783, #740168);
}