@charset "euc-jp";

.key-img {
	width: 1000px;
	margin: 0 auto 40px;
}
ul,
li{
list-style:none;
}
body a{text-decoration:underline;}
body a:hover{text-decoration:none;}

.mtop10 {margin-top:10px !important;}
.mtop15 {margin-top:15px !important;}
.mtop20 {margin-top:20px !important;}


.txt-center {
	text-align: center;
}
.btn {
	background-color: #ffca26;
	border: solid 1px #D9BB5D;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;

	-moz-box-shadow: 1px 1px 0px 0px rgba(255,230,137,1) inset;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(255,230,137,1) inset;
	-o-box-shadow: 1px 1px 0px 0px rgba(255,230,137,1) inset;
	-ms-box-shadow: 1px 1px 0px 0px rgba(255,230,137,1) inset;
	box-shadow: 1px 1px 0px 0px rgba(255,230,137,1) inset;
	text-align: center;
	color: #333333;
	
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	text-decoration:none;
}

.btn:hover {
    border: solid 1px #E5C46D;
    background-color: #FFE67C;
}

.arrow {
	position: relative;
	padding-left: 1em;
}
.arrow:before {
	border-right: 2px solid #333333;
	border-top: 2px solid #333333;
	border-radius: 1px;
	content: "";
	margin: -0.4em 0 0 0;
	left: 0;
	top: 50%;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 0.4em;
	height: 0.4em;
	z-index: 100;
}

.arrow-bottom:before {
	border-top: none;
	border-bottom: 2px solid #333333;
}
.arrow-left:before {
	border: none;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
}


.bgchihou{background-color:#fff;}
.chihou-txt{color: #333333;width:1000px;margin:0 auto; padding: 0; font-size: 14px;line-height: 1.8em;font-family:'¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
div.contents{float:left;width: 740px;}
div.contents div.contents-inner{padding:30px 40px;margin-bottom:40px;background-color:#feffda;}
div.img-block {margin-top:10px;}
div.img-block p {float:left;margin:10px;width: 142px;}
div.img-block img {display: block;margin-bottom:10px;}
h3.subtitle {
	display: block;
	margin:0;
	background-color:#444444;
	padding:0 15px;
	font-size: 18px;
	line-height:50px;
	color: #ffffff;
}
.bgchihou.soft h3.subtitle {
	display: block;
	margin:0;
	background-color:#FF8000;
	padding: 19px 19px 19px 73px;
	font-size: 20px;
	line-height:1.4;
	color: #ffffff;
	text-indent: -54px;
}
h3.subtitle img {margin:0;}
.bgchihou.soft h3.subtitle img {
	vertical-align: middle;
	margin-right: 20px;
}
div.contents h4 {
	margin: 0 0 25px;
	padding:0 0 0 15px;
	font-size:18px;
	border-left: solid 5px #333333;
}
.bgchihou.soft div.contents h4 {
	border-left: solid 5px #FF8000;
	color: #FF8000;
}
div.contents .magazine-block h5 {margin-bottom:30px;background-color:#DC0000;line-height:38px;color: #ffffff;font-size:16px;padding-left: 1em;}
div.contents div.contents-inner-block {background-color:#fdf4d9;padding:10px;}
div.contents .idt{padding-left:0.5em;margin:0;}

table.cp-table .nwr {white-space:nowrap;padding-right: 10px;}
.clear{clear:both;}
.mgtop10{margin-top:10px;}
img{border:none;}
div.h6-data-title {margin-bottom:10px;}
div.h6-data-title h6 {display:inline;font-size:0.9em;margin:0;padding:0;background-color:#ff0000;padding:4px;color:#fff;}

div.magazine-block {
	margin: 15px 0;
}
div.magazine-block ul {
	padding: 0;
	text-align: center;
}
div.magazine-block ul li {
	display: inline;
	margin-right: 55px;
}
div.magazine-block ul li:last-child {
	margin-right: 0;
}
ul.step {
	padding: 0;
}
ul.step li {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid 2px #cccccc;
	background-color: #ffffff;
	margin-bottom: 20px;
	position:relative;
	padding: 22px;
	display: table;
	width: 612px;
}
ul.step li:before{
	content:" ";
	position:absolute;
	width:0px;
	height:0px;
	bottom:0;
	left: 50%;
	margin-bottom: -14px;
	border-style:solid;
	border-width: 15px 15px 0px 15px;
	border-color:#cccccc transparent;
}
ul.step li:after{
	content:" ";
	position:absolute;
	width:0px;
	height:0px;
	top:100%;
	left: 50%;
	margin: -2px 0 0 2px;
	border-style:solid;
	border-width: 13px 13px 0px 13px;
	border-color:#ffffff transparent;
}
ul.step li:last-child:before,
ul.step li:last-child:after{
	border: none;
}

ul.step li div.left {
	display: table-cell;
	vertical-align: middle;
	padding-right: 24px;
}
ul.step li div.right {
	display: table-cell;
	vertical-align: middle;
	width: 200px;
}
ul.step li h5 {
	margin: 0 0 10px;
	color: #DF0000;
	font-size: 18px;
	font-weight: normal;
}
ul.step li h5 span {
	font-size: 16px;
	color: #ffffff;
	height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
	margin-right: 10px;
	background-color: #DF0000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
}

ul.step li div.right a {
	font-size: 15px;
    height: 40px;
    line-height: 40px;
    width: 200px;
}
ul.step li div.right a.join {
	font-size: 20px;
}
ul.step li div.right a.soft {
	background-color: #ffffff;
	border-color: #cccccc;
	text-decoration: underline;
	box-shadow: none;
	color: #007FFF;
	font-weight: normal;
}
ul.step li div.right a.soft:hover {
	text-decoration: none;
}


div.contents div.soft-box {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: solid 2px #cccccc;
	background-color: #ffffff;
	margin-top: 20px;
	padding: 22px;
}

div.contents div.soft-box .soft {
	font-weight:bold;
	float:left;
	margin:0;
	font-size: 16px;
}
div.contents div.soft-box .soft a {
	color: #007FFF;
}
div.contents div.soft-box .soft img {vertical-align:middle;margin-right: 12px;width:32px;height:32px;}
.download {
	float:right;
	width:200px;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
}
div.contents-r{
	float:right;
	padding:0;
	width:230px;
	text-align:left;
	line-height: 1.4;
}
div.contents-r .btn {
	display:block;
	width:200px;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	margin: 0 auto 15px;
}
div.contents-r .btn.join {
	font-size: 20px;
}
div.contents-r div.box {
	border: solid 2px #dddddd;
	padding: 15px 13px;
	margin-bottom: 20px;
}
div.contents-r div.box .att {
	color: #cc0000;
	font-weight:bold;
	padding-bottom: 15px;
	margin-top:0;
}
div.contents-r h5 {
	background-color:#444444;
	color:#FEFEFE;
	font-size: 16px;
	margin:0 0 15px;
	text-align:center;
	padding:8px 0;
	font-weight:bold;
}
div.contents-r .versionup {
	padding:0 0 0 15px;
	max-height:225px;
	overflow-y:scroll;
}

div.contents-r .versionup a {
	position: relative;
	padding-left: 1em;
	color: #007FFF;
	display: inline-block;
	margin-bottom: 10px;
}
div.contents-r .versionup a:before {
	border-right: 2px solid #333333;
	border-top: 2px solid #333333;
	border-radius: 1px;
	content: "";
	left: 0;
	top: 0.5em;
	position: absolute;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 0.4em;
	height: 0.4em;
	z-index: 100;
}
div.contents-r div.box.box02 {
	padding: 0;
	border: solid 1px #dddddd;
}
div.contents-r div.box.box02 h5 {
	padding: 8px;
	background-color:#eeeeee;
	color: #333333;
	font-size: 13px;
	font-weight:normal;
	text-align:left;
}
div.contents-r div.box.box02 .box02-inner {
	padding: 15px 13px;
}
.bgchihou.soft h3 + .btn.download {
	margin: -57px 20px 0 0;
}
.bgchihou.soft h3.dbl + .btn.download {
	margin: -70px 20px 0 0;
}
div.contents .btn-box {
	border-top: dotted 1px #888888;
	border-bottom: dotted 1px #888888;
	margin: 35px 0 40px;
	padding: 20px 0;
}
div.contents .btn-box .btn.download {
	float: none;
	margin: 0 auto;
	display: block;
}
.btn.to-top {
	font-size: 14px;
    height: 40px;
    line-height: 40px;
    width: 230px;
	margin: 0 auto;
	display: block;
	background-color: #ffffff;
	border-color: #cccccc;
	text-decoration: underline;
	box-shadow: none;
	color: #007FFF;
	font-weight: normal;
}
.btn.to-top:hover {
	text-decoration: none;
}

.btn-mv {
	padding: 0.5em 2em;
	border: solid 1px #fff;
	text-align: center;
	display: inline-block;
	background-color: #f07e00;
	color: #fff;
	margin: 0 0 10px;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	text-decoration: none;
	margin-top: 0.6em;
	line-height: 1;
}
.btn-mv.min {
	font-size: 0.8em;
}
.btn-mv.right {
	float: right;
}