/*---------------- main -----------------*/

/*title*/
.guide {
	width:auto;
	background-color: #5c5B62;
	font-size:22px;
	padding: 5px 20px;
	color: #fff;
	}

/* body */
body {
	margin-right:10%;
	margin-left:10%;
	padding-right:50px;
	padding-left:50px;
	background-color:#fff;
	text-decoration: none;
	font-size:13px;
	overflow: auto;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, Verdana, sans-serif;
	}

/* index */
.topmenu {
	width:auto;
	background:#F7F7F7;
	/* text-align:center; */
	}

.indexlist {
	margin:auto;
	}

.indexlist td {
	vertical-align: top;
		}

.toplist {
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
	}

.toplist ul{
	padding-left:0;
}

.toplist li{
	list-style:none;
}

.f_title {
	font-size:21px;
	font-weight:bold;
	color: #5c5B62;
	text-decoration:underline;
	margin:0 0 10px 0;
	}

.table {
	width:auto;
	}
/*index-本文*/
.toplist2 dt {
	float:left;
	margin:0;
	}
.toplist2 dd {
	margin:0 0 0 30px;
	}

/*menu*/
.title {
	margin-top:30px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-color: #415f80;
	border-width:0px 0px 0px 20px;
	border-style:solid;
	background-color: #e4eaf0;
	font-size:17px;
	font-weight:bold;
	color: #333333;
	}

/*icon-square*/
.b1 {
	color: #415f80;
	}

/*item*/
.sub_t {
	border-bottom-style:dashed;
	border-bottom-color:#999999;
	border-bottom-width:1px;
	font-size:14px;
	font-weight: bold;
	padding:30px 0px 0px 10px;
	background:#fff;
	}
#logical.sub_t {
	padding:5px 0px 0px 10px;
	}


/*------- image --------*/
/*Database*/
.imgbasicl.resizeimage {
	max-width:700px;
	}
/*search*/
.imgbasics.resizeimage {
	max-width:580px;
	}
/*keyboad-img*/
.imgbasicky.resizeimage {
	max-width:400px;
	}
/*advance*/
.imgbasicxs.resizeimage {
	max-width:270px;
	}
/*bottun*/
.imgbasic.resizeimage {
	max-width:350px;
	}

/*simple search*/
.table_c {
	background:#fff;
	padding:0px 20px 30px 20px;
	text-align:center;
	}

/*keyboad*/
#keybtn2.table_c,#keybtn1.table_c {
	background:#fff;
	padding:0px 20px 5px 20px;
	text-align:center;
	}

/*simple-image*/
.table_com {
	width:auto;
	font-size:13px;
	padding:20px 10px 20px 10px;
	text-align:left;
	background:#fff;
	}

/*Search word*/
.n1list {
	margin:0;
	padding-left:14px;
	}

.searchwd {
	width:auto;
	margin:0 0px;
	padding:10px 15px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	background:#F7F7F7;
	}
.searchwd td {
	font-size:13px;
	padding:10px 20px 10px 20px;
	}

/*Search word exp*/
.table_l {
	background-color: #fff;
	font-size:13px;
	line-break: normal;
	line-height: 150%;
	margin: 20px 30px 0 30px;
	}

.table_l.imgbasic.resizeimage {
	text-align:center;
}

/*logical operation*/
.table_r
	{
	width:auto;
	margin:10px 0px;
	font-size:12px;
	line-break: normal;
	line-height: 150%;
	text-align:center;
	}


/*---------------- link -----------------*/

a:link { color: #003366; text-decoration:underline; }
a:visited { color: #0066FF; text-decoration:underline; }
a:hover { color: #99CCCC; text-decoration:underline; }
a:active { color: #99CCCC; text-decoration:underline; }


/*return*/
.pagetop {
    height: 30px;
    width: 30px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #7e7a7a;
    border: solid 2px #7e7a7a;
    border-radius: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}

/*---------------- responsive -----------------*/
/*pc*/
@media screen and (min-width: 992px) {
.imgbasicl.resizeimage{
	max-width:700px;
	width:100%;
	}
.imgbasics.resizeimage{
	max-width:580px;
	width:80%;
	}
.imgbasicky.resizeimage{
	max-width:400px;
	}
.imgbasic.resizeimage{
	max-width:350px;
	}
.imgbasicxs.resizeimage{
	max-width:270px;
	}
}
@media screen and (max-width: 991.99px) {
.imgbasicl.resizeimage{
	max-width:700px;
	width:100%;
	}
.imgbasics.resizeimage{
	max-width:580px;
	width:80%;
	}
.imgbasicky.resizeimage{
	max-width:400px;
	}
.imgbasic.resizeimage{
	max-width:350px;
	}
.imgbasicxs.resizeimage{
	max-width:270px;
	}
}


/*tablet*/
@media screen and (max-width: 767.99px) {
body{
	margin-right: 0%;
	margin-left: 0%;
	padding-right: 50px;
	padding-left: 50px;
	}
.imgbasicl.resizeimage{
	max-width:700px;
	width:100%;
	}
.imgbasics.resizeimage{
	max-width:500px;
	width:80%;
	}
.imgbasicky.resizeimage{
	max-width:400px;
	width:80%;
	}
.imgbasicxs.resizeimage{
	max-width:270px;
	width:100%;
	}
.imgbasic.resizeimage {
	max-width:350px;
	}
.searchwd td {
	font-size:13px;
	padding:10px 10px 0px 10px;
	vertical-align:top;
	}
}

/*sp*/
@media screen and (max-width: 542.99px) {
body{
	margin-right: 0%;
	margin-left: 0%;
	padding-right: 20px;
	padding-left: 20px;
}
.imgbasicl.resizeimage{
	width:100%;
	}
.imgbasics.resizeimage{
	width:100%;
	}
.imgbasicky.resizeimage{
	width:80%;
	}
.imgbasicxs.resizeimage{
	max-width:270px;
	width:100%;
	}
.imgbasic.resizeimage {
	max-width:350px;
	}

.searchwd {
	width:auto;
	margin:0 0px;
	padding:10px 15px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	background:#F7F7F7;
	}

.searchwd td {
	font-size:13px;
	padding:10px 10px 0px 10px;
	vertical-align:top;
	width:135px;
	}
}