@charset "UTF-8";

input[type="submit"], input[type="button"] { -webkit-appearance: none; }

div.Main{
	width:100%;
	font-size:110%;
	line-height:120%;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#000;
}
div.Main_in{
	width:960px;
	margin:1% auto;
}
h1{
	width:70%;
}
img.BorderGlay{
	border:solid 2px #CCC;
	margin:1%;
}
div.LeftBox{
	float:left;
	width:49%;
	margin:2% auto;
}
div.RightBox{
	float:right;
	width:49%;
	margin:2% auto;
}
div.StatusNavi{
	width:100%;
	font-size:85%;
	background:#eee;
	border-bottom:1px solid #ccc;
}
div.StatusNavi a{
	text-decoration:none;
}
div.StatusNavi p{
	margin:0 0 0 2%;
}
h2.title{
	font-size:130%;
	font-weight:bold;
	border:1px solid #bbbbbb;
	padding:1%;
	margin:3% 0 1% 0;
	background: -moz-linear-gradient(top, #FFF, #bdbdbd);
	background: -webkit-linear-gradient(top, #FFF, #bdbdbd);
	background: linear-gradient(to bottom, #FFF, #bdbdbd);
}
div.relation{
	padding:3%;
	margin:3% 0;
	border:3px solid #ccc;
	font-size:90%;
}
div.relation:before{
	font-family: "Font Awesome 5 Free";
	content: '\f56f';
	font-weight: 900;
	padding-right : 5px;
}
div.relation ul{
	margin-left:6%;
}
div.relation ul li a{
	text-decoration:none;
}
div.relation ul li :hover{
	text-decoration: underline;
}
p a.next{
	float:right;
	clear:both;
	margin:2% 0;
	text-decoration:none;
	font-size:100%;
}
p a.next:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0a9';
  font-weight: 900;
}
p a.next_l{
	float:left;
	clear:both;
	margin:5px 0;
	text-decoration:none;
	font-size:100%;
}
p a.next_l:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0a9';
  font-weight: 900;
}
div.backtop{
	width:50%;
	margin:15% auto 5%;
	text-decoration:none;
	text-align:center;
	font-size:100%;
	clear:both;
}
div.backtop a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0aa';
  font-weight: 900;
	padding-right : 5px;
}
div.backtop a {
	text-decoration:none;
}
p a.next:hover,div.backtop a:hover {
	text-decoration: underline;
}

/* 上部ナビ */
ul.TopLink{
	margin-top:2%;
}
ul.TopLink li{
	float:left;
	width:24%;
	color:#FFF;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	background:#239acd;
	padding:1%;
	margin:0.5%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:0px 0px 5px 0px #c7c7c7;
}
ul.TopLink li a{
	text-decoration:none;
	color:#fff;
}
table.normal{
	width:100%;
	border:1px solid #999;
	padding:3%;
	font-size:80%;
}
table.normal th{
	width:35%;
	border:1px solid #999;
	padding:2%;
	background:#cde8ff;
}
table.normal td{
	width:65%;
	border:1px solid #999;
	padding:2%;
}
table.normal img{
	margin:2%;
	vertical-align:middle;
}

}
table.normal2 {
	width:100%;
	border:1px solid #999;
	padding:3%;
	font-size:80%;
}
table.normal2 th{
	width:35%;
	border:1px solid #999;
	padding:2%;
	background:#800080;
}
table.normal2 td{
	width:65%;
	border:1px solid #999;
	padding:2%;
}
table.normal2 img{
	margin:2%;
	vertical-align:middle;
}

}

div.footermenu{
	font-size:95%;
	width:70%;
	margin:2% auto 0;
	text-align:center;
}
div.footermenu a{
	text-decoration:none;
}
div.footermenu a:hover{
	text-decoration:underline;
}
#supportFoot{
	font-size:80%;
	color:#666;
	line-height:160%;
	margin:3% 0;
	padding:2%;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

/* トップ */
.SupportMainBox h2.Info{
	font-size:140%;
	color:#0d2964;
	font-weight:bold;
	padding:1%;
	margin:3% auto 1%;
}
.SupportMainBox h2.Other{
	font-size:100%;
	font-weight:bold;
	border:1px solid #bbbbbb;
	padding:2%;
	margin:3% auto 1%;
	background: -moz-linear-gradient(top, #FFF, #bdbdbd);
	background: -webkit-linear-gradient(top, #FFF, #bdbdbd);
	background: linear-gradient(to bottom, #FFF, #bdbdbd);
}
.SupportMainBox ul.infoListTop{
	margin: 2% auto;
	padding: 0;
	text-align: left;
	width: 100%!important;
	line-height:200%;
	list-style:disc;
	background: #dadada;/*灰色に*/
	padding: 0.5em 0.5em 0.5em 2em;
	font-size:95%;
}
.SupportMainBox ul.infoListTop a:link,.SupportMainBox ul.infoListTop a:visited{
	color:#386adb;
}
.SupportMainBox h2{
	padding: 1%;
	margin-left:-3%;
	text-align: left;
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #000;
}
.SupportMainBox ul.manualListTop{
	margin: 2% 0 5% 5%;
	padding: 0;
	text-align: left;
	width: 100%!important;
	line-height:200%;
	list-style:none;
	font-size:100%;
}
.SupportMainBox ul.manualListTop li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f02d';
	font-size: 110%;
	font-weight: 900;
	padding-right : 5px;
}
.SupportMainBox ul.faqListTop{
	margin: 2% 0 5% 5%;
	padding: 0;
	text-align: left;
	width: 100%;
	float:left;
	line-height:200%;
	list-style:none;
	font-size:100%;
}
.SupportMainBox ul.faqListTop li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f059';
	font-weight: 900;
	padding-right : 5px;
}
.SupportMainBox ul.infoListTop a,.SupportMainBox ul.manualListTop a,.SupportMainBox ul.faqListTop a{
	text-decoration:none;
}
.SupportMainBox ul.infoListTop a:hover,.SupportMainBox ul.manualListTop a:hover,.SupportMainBox ul.faqListTop a:hover{
	text-decoration: underline;
}


/* マニュアル */
div.ManualMainBox{
	float:left;
	width:100%;
	padding:0%;
	font-size:110%;
}
div.ManualLeftBox{
	float:left;
	width:30%;
	padding:2%;
	font-size:100%;
	border-right:1px solid #000;
}
div.ManualRightBox{
	float:right;
	width:70%;
	padding:0 3%;
	font-size:110%;
}
.ManualMainBox ul.manualList{
	margin: 2% 0 5% 5%;
	padding: 0;
	text-align: left;
	width: 100%!important;
	line-height:170%;
	list-style:none;
	font-size:90%;
}
.ManualLeftBox ul.manualList li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f02d';
	font-size: 110%;
	font-weight: 900;
	padding-right : 5px;
}
.ManualLeftBox ul.manualList li a{
	text-decoration:none;
}
.ManualLeftBox ul.manualList li a:hover{
	text-decoration: underline;
}
.ManualLeftBox h3{
	font-size:110%;
	color:#279fd1;
	margin:3% 0;
	padding:2%;
	text-align:center;
}
.ManualLeftBox h3.editer{
	background:#3ca8eb;
	background-image: url("img/icon00.png") ;
	background-position: 1%;
	background-repeat: no-repeat;
	color:#FFF;
}
.ManualLeftBox h3.filer{
	background:#4367f2;
	background-image: url("img/icon01.png") ;
	background-position: 1%;
	background-repeat: no-repeat;
	color:#FFF;
}
.ManualLeftBox h3.ftp{
	background:#4864f2;
	background-image: url("img/icon02.png") ;
	background-position: 1%;
	background-repeat: no-repeat;
	color:#FFF;
}
.ManualLeftBox h3.browser{
	background:#8d72f9;
	background-image: url("img/icon03.png") ;
	background-position: 1%;
	background-repeat: no-repeat;
	color:#FFF;
}
.ManualLeftBox h3.git{
	background:#9932cc;
	background-image: url("img/icon03.png") ;
	background-position: 1%;
	background-repeat: no-repeat;
	color:#FFF;
}
.ManualLeftBox h3.other{
	background:#999;
	color:#FFF;
}
.ManualRightBox h3{
	font-size:110%;
	margin:0;
	padding:2%;
    border-bottom: solid 5px; 
    padding-bottom:  5px; 
    margin-bottom: 15px;
	font-weight:bold;
}
.ManualRightBox h4{
	font-size:100%;
	font-weight:600;
	margin:2% 0;
}
.ManualRightBox p{
	font-size:85%;
	line-height: 150%;
}
.ManualRightBox ul{
	list-style:disc;
	line-height:150%;
	font-size:90%;
	margin-left:3%;
}
.ManualRightBox ul li{
	margin-top:1%;
}
.ManualRightBox p.att{
	font-size:70%;
    margin:0 0 2% 0;
	line-height:180%;
}

.ManualRightBox h4{
	font-size:100%;
	font-weight:600;
	margin:2% 0;
}

/* FAQ */
.FaqMainBox h3.faq{
	font-size: 140%;
	font-weight:bold;
	padding:2%;
	margin:5% 0 2% 0;
	border-bottom:2px solid #279fd1;
	color:#279fd1;
}
.FaqMainBox ul.faqList{
	margin: 2% 0 5% 3%;
	padding: 0;
	text-align: left;
	float:left;
	line-height:200%;
	list-style:none;
	font-size: 100%;
}
.FaqMainBox ul.faqList li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f059';
	font-weight: 900;
	padding-right : 5px;
}
.FaqMainBox ul.faqList li a{
	text-decoration:none;
}
.FaqMainBox ul.faqList li a:hover{
	text-decoration: underline;
}


/* FAQページ */

p.up_date{
	float:right;
	text-align:right;
	font-size:80%;
}
.FaqDetailBox div.que{
	margin:3%;
}
.FaqDetailBox div.que h3{
	font-size:120%;
	margin:2% 0;
	border:5px solid #ddd;
	padding:3%;
}
.FaqDetailBox_Answer h3.ans{
	font-size:120%;
}
.FaqDetailBox_Answer{
	margin:4%;
}
.FaqDetailBox_Answer p{
	line-height:170%;
}
.FaqDetailBox_Answer h4{
	margin:2% 0;
	font-size:120%;
	font-weight: bold;
}
.FaqDetailBox ol{
    margin:3% 1% 1% 2%;
	line-height:180%;
}
.FaqDetailBox p.att{
	font-size:85%;
    margin:0 0 2% 0;
	line-height:180%;
}


/* 利用規約 */
div.TermMainBox h3{
	font-size:120%;
	font-weight:bold;
	margin:5% 2% 3% 2%;
}
div.TermMainBox p{
	margin-left:3%;
}
div.TermMainBox ol.termList{
	margin-left:5%;
	font-size:95%;
}
div.TermMainBox ol.termList li{
	line-height:210%;
}


/* 検索 */
form.search {
	padding-left: 10px;
	text-align: left;
}
input.search{
	width:70%;
	padding:1.5%;
	margin-right:1%;
}
input.search_btn{
	padding:1% 2%;
}

/* 調査依頼フォーム */
div.SupporFormBox h1{
	margin:2%;
	line-height:150%;
}
div.SupporFormBox h2{
	font-size:120%;
	margin:2%;
	line-height:150%;
}
div.SupporFormBox p{
	margin:2%;
	line-height:150%;
}
div.SupporFormBox table{
	width:100%;
	padding:1%;
}
div.SupporFormBox table th{
	padding:2%;
	margin:1%;
	background:#eee;
	border-top:solid 1px #ccc;
	vertical-align:top;
}
div.SupporFormBox table td{
	padding:2%;
	margin:1%;
	border-top:solid 1px #ccc;
}
div.SupporFormBox input,textarea{
	padding:2%;
	margin:1%;
	width:90%;
}
div.SupporFormBox input.btn{
	width:40%;
	border:2px solid #212121;
	background:#212121;
	color:#FFF;
	font-size:120%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	cursor:pointer;
}
div.SupporFormBox .ColorRed{
	font-size:90%;
	background:#c60202;
	color:#FFF;
	padding:3px;
	font-weight:normal;
}
@media screen and (max-width: 960px) {
div.Main_in{
	width:100% !important;
	margin:1% auto;
}
div.Main_in{
	width:100%;
	margin:1% auto;
}
div.StatusNavi{
	font-size:100%;
}
div.SupportMainBox{
	padding:5%;
	width:100%;
}
div.LeftBox{
	float:left;
	width:48%;
	padding:0%;
}
div.RightBox{
	float:right;
	width:48%;
	padding:0%;
}
}
@media screen and (max-width: 736px) {
ul.TopLink li{
	float:left;
	width:49%;
	vertical-align:middle;
	padding: 3%;
}
div.ManualLeftBox,div.ManualRightBox{
	width:100%;
	display:block;
	border:none;
}
h1{
	width:100%;
}
div.LeftBox{
	width:100%;
}
div.RightBox{
	width:100%;
}
div.ManualLeftBox{
	display:none;
}
.ManualRightBox h4{
	margin:2% 0 -2% ;
}
.FaqDetailBox_Answer h4{
	margin:2% 0 -2% ;
}
.FaqMainBox ul.faqList{
	width: 100%;
}
}