@charset "utf-8";
/* CSS Document */



/* ==============================================
pc
============================================== */

#tmpl_main{
width:100%!important;
}



* {
margin:0; 
padding:0;
}
body{
}
#software h1,#software h2,#software h3,#software h4,#software h5,#software h6,#software p,#software th,#software td,#software dt,#software dd,#software li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size:15px;
line-height:28px;
color:#000;
}
#software img {
border:none;
vertical-align:middle;
}
#software table {
border-collapse:collapse;
border-spacing:0;
}
#software ul {
list-style:none;
}
#software a {
color:#5865f5;
-webkit-transition: 0.1s ease-out;
transition: 0.1s ease-out;
}
#software .sp{
display:none!important;
}



#software{
}
#software .inner{
max-width: 1200px;
margin: auto;
padding: 0 50px;
position: relative;
}



#software #introduction{
background: #0085ba;
padding: 0 0 70px 0;
}
#software #introduction h1{
font-size: 40px;
line-height: 40px;
font-weight: bold;
color: #FFF;
padding: 55px 0 0 0;
}
#software #introduction p{
color: #FFF;
padding: 17px 0 0 0;
}
#software #introduction h2{
color: #FFF;
padding: 32px 0 0 0;
}
#software #introduction table{
background: #FFF;
width: 100%;
margin: 12px 0 0 0;
border-top: 1px solid #e4e7eb;
border-left: 1px solid #e4e7eb;
}
#software #introduction table th{
text-align: left;
border-right: 1px solid #e4e7eb;
border-bottom: 1px solid #e4e7eb;
padding: 14px 20px 15px 20px;
background: #f1f5f9;
line-height: 20px;
}
#software #introduction table tr:first-child th{
text-align: center;
}
#software #introduction table td{
border-right: 1px solid #e4e7eb;
border-bottom: 1px solid #e4e7eb;
padding: 14px 20px 15px 20px;
text-align: center;
line-height: 20px;
}
#software #introduction .note{
color: #FFF;
padding: 12px 0 0 0;
text-align: right;
}
#software #introduction .note a{
color: #FFF;
}



#software .software{
padding: 60px 0 0 0;
}
#software .software h2{
font-size: 30px;
line-height: 40px;
font-weight: bold;
position: relative;
padding: 0 0 0 65px;
}
#software .software h2 img{
position: absolute;
top:-4px;
left: 0;
}
#software .software h2.l2 img{
position: absolute;
top:6px;
left: 0;
}
#software .software span{
display: block;
margin: 2px 0 0 0;
font-size: 12px;
line-height: 12px;
}



#software .software .update{
}
#software .software .update h3{
font-weight: bold;
padding: 32px 0 0 0;
}
#software .software .update table{
margin: 12px 0 0 0;
border-top: 1px solid #e4e7eb;
border-left: 1px solid #e4e7eb;
}
#software .software .update table th{
border-right: 1px solid #e4e7eb;
border-bottom: 1px solid #e4e7eb;
padding: 10px 20px 11px 20px;
background: #f1f5f9;
text-align: center;
}
#software .software .update table td{
border-right: 1px solid #e4e7eb;
border-bottom: 1px solid #e4e7eb;
padding: 10px 20px 11px 20px;
text-align: center;
}
#software .software .update table td:nth-child(3){
text-align: left;
}



#software .software .download{
position: absolute;
top:6px;
right: 50px;
border: 1px solid #cccccc;
border-radius: 4px;
width: 430px;
padding: 0 0 26px 0;
}
#software .software .download p{
text-align: center;
padding: 30px 30px 0 30px;
}
#software .software .download p a{
font-size: 20px;
line-height: 20px;
font-weight: bold;
color: #FFF;
display: block;
background: #dc3a1a;
padding: 16px 0 23px 0;
text-decoration: none;
}
#software .software .download p a:hover{
background: #be3216;
}



#software .software .download p a span{
font-size: 13px;
line-height: 13px;
display: block;
margin: 7px auto 0 auto;
font-weight: normal;
}
#software .software .download ul{
padding: 14px 30px 0 30px;
}
#software .software .download ul li{
font-size: 13px;
line-height: 28px;
}
#software .software .download ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #software .software .download ul { display:inline-block; }
*:first-child+html #software .software .download ul { display:inline-block; }

@media screen and (max-width:1200px) { 
#software .software .download{
position: inherit;
top:inherit;
right: inherit;
width: 100%;
margin: 42px 0 0 0;
}
#software .software .download ul li{
float: left;
margin: 0 20px 0 0;
}
}



#software .software .set{
position: relative;
}
#software .software .set p{
}
#software .software .set h3{
font-size: 20px;
line-height: 28px;
font-weight: bold;
padding: 33px 0 24px 0;
border-bottom: 4px solid #e4e7eb;
}
#software .software .set ul{
}
#software .software .set ul li{
border-bottom: 1px solid #e4e7eb;
padding: 12px 0 13px 0;
}
#software .software .set ul li h4{
padding: 20px 0 0 0;
}
#software .software .set ul li ul{
width: 100%;
padding: 0 0 0 20px;
}
#software .software .set ul li ul li{
border-bottom: none;
padding: 10px 0 0 0;
text-indent: -10px;
margin: 0 0 0 10px;
}
#software .software .set ul li ul li ul{
width: 100%;
}
#software .software .set ul li ul li ul li{
text-indent: -22px;
margin: 0 0 0 22px;
}
#software .software .set .note{
}
#software .software .set .note h4{
font-weight: bold;
padding: 31px 0 0 0;
}
#software .software .set .note ul{
padding: 9px 0 0 0;
}
#software .software .set .note ul li{
font-size: 13px;
line-height: 24px;
border-bottom: none;
padding: 0;
text-indent: -9px;
margin: 0 0 0 9px;
}
#software .software .set .note p{
font-size: 13px;
line-height: 24px;
padding: 9px 0 0 0;
}
#software .software .set .image{
padding: 34px 0 0 0;
}
#software .software .set .image img{
width: 100%;
max-width: 840px;
}
#software .software .set table{
margin: 34px 0 0 0;
border-top: 1px solid #c4c5d5;
border-left: 1px solid #c4c5d5;
width: 100%;
}
#software .software .set table th{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
}
#software .software .set table td{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
}



#software .software .set.w2 p{
margin: 0 430px 0 0;
}
#software .software .set.w2 ul{
margin: 0 430px 0 0;
}
#software .software .set.w2 .image{
padding: 0;
margin: 0;
position: absolute;
bottom:0;
right: 0;
width: 430px;
text-align: center;
}
#software .software .set.w2 .image img{
width: 290px;
}



#software hr{
margin: 100px 0 0 0;
border: none;
border-top: 4px solid #e4e7eb;
}



#software #system{
background: #f1f5f9;
padding: 0 0 100px 0;
margin: 100px 0 0 0;
}
#software #system h2{
font-size: 20px;
line-height: 20px;
font-weight: bold;
padding: 57px 0 0 0;
}
#software #system h3{
font-weight: bold;
padding: 33px 0 0 0;
}
#software #system table{
border-top: 1px solid #c4c5d5;
border-left: 1px solid #c4c5d5;
margin: 15px 0 0 0;
}
#software #system table th{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
font-weight: normal;
}
#software #system table td{
border-right: 1px solid #c4c5d5;
border-bottom: 1px solid #c4c5d5;
padding: 11px 20px 13px 20px;
}



/* ==============================================
sp
============================================== */
@media screen and (max-width:750px) {


#software img {
width: 100%;
height: auto;
}
#software .sp{
display:inherit!important;
}
#software .pc{
display:none!important;
}



#software{
}
#software .inner{
padding: 0 20px;
}



#software #introduction{
}
#software #introduction h1{
font-size: 30px;
line-height: 40px;
}
#software #introduction p{
}
#software #introduction h2{
}
#software #introduction table{
}
#software #introduction table th{
padding: 9px 10px 10px 10px;
font-size: 12px;
line-height: 18px;
}
#software #introduction table td{
padding: 9px 10px 10px 10px;
font-size: 12px;
line-height: 18px;
}



#software .software{
}
#software .software h2{
font-size: 20px;
line-height: 30px;
padding: 54px 0 0 0;
text-align: center;
}
#software .software h2 img{
position: absolute;
top:0;
left: 0;
right: 0;
width: 44px;
margin: auto;
}
#software .software h2.l2 img{
top:0;
}
#software .software span{
display: block;
margin: 2px 0 0 0;
font-size: 12px;
line-height: 12px;
}



#software .software .update table th{
font-size: 12px;
line-height: 18px;
}
#software .software .update table td{
font-size: 12px;
line-height: 18px;
}



#software .software .download{
position: inherit;
top:inherit;
right: inherit;
width: 100%;
padding: 0 0 20px 0;
}
#software .software .download p{
padding: 20px 20px 0 20px;
}
#software .software .download p a.sp{
font-size: 15px;
line-height: 24px;
padding: 16px 20px 23px 20px;
}
#software .software .download p a span{
line-height: 20px;
}
#software .software .download ul{
padding: 14px 20px 0 20px;
}



#software .software .set h3{
font-size: 18px;
line-height: 28px;
padding: 33px 0 12px 0;
}



#software .software .set.w2 p{
margin: 0;
}
#software .software .set.w2 ul{
margin: 0;
}
#software .software .set.w2 .image{
padding: 34px 0 0 0;
margin: 0;
position: inherit;
bottom:inherit;
right: inherit;
width: inherit;
}
#software .software .set.w2 .image img{
width: 100%;
}



#software #system table th{
display: block;
}
#software #system table td{
display: block;
}



}