@charset "UTF-8";


table#dl_list {
	font-size:100%;
	line-height:130%;
	letter-spacing:0.4pt;
	width:95%;
	text-align:left;
	margin:10px 0px 20px 20px;
	border-collapse:separate;
	border-spacing: 0;
	border:#666 solid;
	border-width:1px 0 0 1px;
}
table#dl_list th {
	padding:3px;
	text-align:center;
	font-size:80%;
	line-height:130%;
	background-color: #DDD;
	border:#666 solid;
	border-width:0 1px 1px 0;
}

table#dl_list td {
	padding:5px;
	background-color:#FFF;
	font-size:80%;
	line-height:140%;
	text-align:center;
	border-bottom:1px #b9bec1 solid;
	vertical-align: middle;
	border:#666 solid;
	border-width:0 1px 1px 0;
}
table#dl_list th#rank_area {
	width:50px;
}
table#dl_list th#terms_area {
	width:75px;
}
table#dl_list th#soft_area {
	width:270px;
}
table#dl_list th#button_area {
	width:175px;
}
table#dl_list th#note_area {
	width:200px;
}
table#dl_list td a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
table#dl_list td.txt_red {
	font-weight:bold;
	color:#FF0004;
}

table#dl_list td:nth-child(3){
	text-align:left;
	font-weight:bold;
}
table#dl_list td:last-child{
	text-align:left;
}

table#dl_list td.soft_name {
	background-color: #E6F7FF;
}

table#dl_list th.store_app {
	width:150px;
	padding:3px;
	text-align:left;
	font-size:80%;
	line-height:130%;
	background-color: #DDD;
	border:#666 solid;
	border-width:0 1px 1px 0;
}
/* OS */
table#os_area {
width: 745px;
border: 1px #666 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 10px 30px 15px;
font-size:80%;
line-height:140%;
text-align: center;
}
table#os_area th {
padding:3px;
border: 1px #666 solid;
background-color:#99ccff;
}
table#os_area td {
padding: 5px 5px;
border: 1px #666 solid;
border-width: 0 0 1px 1px;
text-align: center;
}

/* OS */
table.tb06 {
    width: 745px;
	margin: -20px 10px 30px 15px;
    border: 1px #666 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table.tb06 td {
	padding:7px;
	font-size:90%;
	line-height:140%;
}
#contents table.tb06 p {
	margin: 0;
}

/*-----  開閉メニュー  -----*/
.cp_actab {
position: relative;
overflow: hidden;
width: 95%;
margin:0px 20px 10px 20px;
font-size:90%;
line-height:140%;
}

.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #DDD;
border: 1px #666 solid;
}

.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
}

.cp_actab .cp_actab-content ul {
margin:0px;
font-size:110%;
line-height:140%;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:after{
content:"";
position: absolute;
top: 8px;
right: 20px;
width: 10px;
height: 10px;
border: 3px solid;
border-color:  transparent transparent #565656 #565656;
transform: rotate(-45deg);
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
color:#999999;
top: 18px;
border: 3px solid;
border-color: #565656 #565656 transparent transparent;
transform: rotate(-45deg);
}