@charset "UTF-8";
/*------------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------------*/
.basic-page .content {
  font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  background-color: #fff;
}

div.ga2012_breadcrumbs {
  margin: 5px auto 0;
}

a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#006;text-decoration:underline;}


/*-----  ブロックスキップ  -----*/
.basic-page .content .b_skip {
  position: absolute;
  left: -9999em;
}
*/

.basic-page #sections {
  width: 976px;
  margin: 0 auto;
}
#rap {
  width: auto;
  margin: 0;
}

#contents {
width:976px;
margin:0px;
padding:0px;
font-size:100%;
}

#contents .mt05 {margin-top:5px;}
#contents .mt10 {margin-top:10px;}
#contents .mt15 {margin-top:15px;}
#contents .mt20 {margin-top:20px;}

#contents .mb05 {margin-bottom:5px;}
#contents .mb10 {margin-bottom:10px;}
#contents .mb15 {margin-bottom:15px;}
#contents .mb20 {margin-bottom:20px;}

#contents .ml05 {margin-left:5px;}
#contents .ml10 {margin-left:10px;}
#contents .ml15 {margin-left:15px;}
#contents .ml20 {margin-left:20px;}

#contents .mr05 {margin-right:5px;}
#contents .mr10 {margin-right:10px;}
#contents .mr15 {margin-right:15px;}
#contents .mr20 {margin-right:20px;}

h1 {
margin: 10px 0px 0px 0px;
padding: 17px 0px 0px 20px;
display: block;
height: 50px;
width: 976px;
font-size: 20px;
font-weight: bold;
color: #FFF;
background-color:#0246ac;
}

h2 {
margin: 0px 0px 20px 0px;
padding: 12px 0px 0px 20px;
display: block;
height: 40px;
width: 976px;
font-size: 16px;
font-weight: bold;
background-color:#DDD;
}

h3 {
margin: 0px 0px 20px 0px;
padding: 12px 0px 12px 20px;
vertical-align:bottom;
background: #1896df;
font-size: 16px;
font-weight: bold;
color: #FFF;
border-radius: 4px;
}

body#download h4
{
	font-size:12px;
	padding:4px 0px 0px 10px;
	background: url('../img/h3_title.gif') no-repeat;
	width: 760px;
	height: 31px;
	color:#006;
}


.tb01
{
margin:1px 0px 5px 0px;
background-color:#666;
}

.tb02 th
{
padding:5px 15px;
background-color:#CCC;
text-align:center;
font-size:75%;
}

.tb02 td
{
padding:5px 15px;
background-color:#FFF;
font-size:75%;
text-align:center;
}

td.bg01
{
background-color:#F8E5FB;
}

td.bg02
{
background-color:#F0FFFF;
text-align:left;
}

.tb03
{
margin:1px 0px 5px 0px;
background-color:#666;
}

.tb04 th
{
padding:5px 15px;
background-color:#CCC;
text-align:center;
font-size:75%;
}

.tb04 td
{
padding:5px 15px;
background-color:#FFF;
font-size:75%;
text-align:left;
}

td.bg03
{
background-color:#F8E5FB;
}

.Read p
{
margin:0px 0px 7px 0px;
}

p.not
{
margin:3px 0px 5px 0px;
color:#f00;
font-weight:bold;
}



/*--- 2014/03/07追加 ---*/

.link a:link {color:#006;text-decoration:none;font-weight: bold;}
.link a:visited {color:#006;text-decoration:none;font-weight: bold;}
.link a:active {color:#006;text-decoration:none;font-weight: bold;}
.link a:hover {color:#c00;text-decoration:underline;font-weight: bold;}



#contents p
{
font-size:90%;
line-height:130%;
margin:10px 10px 20px 15px;
}

#contents ul
{
	margin: 15px 15px;
	padding: 0px;
	list-style:none;
}

#contents li
{
	background-image: url('../img/pret01.gif');
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin:3px 0px 3px 0px;
	padding:0px 0px 0px 18px;
	font-size:90%;
	line-height: 130%;
	color:#333;
}

.caution {
margin:2px 10px 0px 20px;
padding-left: 1.1em;
text-indent: -1.2em;
font-size:80%;
line-height:130%;
}

table#tb05 {
width: 95%;
border: 1px #666 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 10px 30px 20px;
font-size:90%;
line-height:140%;
text-align: center;
}

table#tb05 th {
padding: 5px10px;
border: 1px #666 solid;
background-color:#DDD;
}

table#tb05 td {
padding: 5px 10px;
border: 1px #666 solid;
border-width: 0 0 1px 1px;
}

table#tb05 td.Soft {
text-align:left;
}

table#tb05 tr.bg01
{
background-color:#EEE;
}

table#tb05 .txt {
color:#0066FF;
}

.get_adobe_reader {
width: 620px;
border: 1px #666 solid;
border-collapse: collapse;
border-spacing: 0;
margin:20px 10px 30px 35px;
padding:10px;
font-size:80%;
line-height:140%;
}

.get_adobe_reader img {
	float:right;
	margin:0 0 10px 10px;
}

#contents ul.link {
	margin-bottom:30px;
}

#contents .infobox {
margin:10px 30px 20px 20px;
padding: 5px;
border: 2px #CCC solid;
font-size:90%;
line-height:130%;
}

#contents .infobox a {
background-image: url('../img/pret01.gif');
background-position: 0px 3px;
background-repeat: no-repeat;
margin:10px 20px 10px 20px;
padding:0px 0px 0px 18px;
color:#333;
font-size:105%;
font-weight: bold;
}



/*-----  table  -----*/
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;
	font-weight: bold;
	vertical-align: middle; 
}

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;
}
/* 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);
}