/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126 
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --------------------------------------------------------------------------------------------- */

body {
	font-family: 'メイリオ', 'Meiryo','YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	color: #000;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	background-color: #f5f5f5;
}

.mainhead01,.topmenu01,.mainbody,.mainfooter,.footermenu,.login-username-area,.top-msg-area {
	width: 930px;
	margin: 0px auto;
	padding:0px;
}

.mainhead {
	padding: 0px;
	position: fixed;
	top: 0px;;
	width:100%;
        height:60px;
/*	background-color:#f5f5f5;*/
	background-color:#E9E9E9;
	z-index: 3;

}
.mainhead01 {
	display:flex;
	justify-content: space-between;
}
.mainhead01 p {
}
.mainheader-title00 {
    display:flex;
}
.mainheader-title-img {
    margin-top:5px;
}
.mainheader-title {
margin:0;
padding:0;

}
.mainheader-title h1 {
	font-size:19px;
        font-weight:bold;
        color:#000;
	margin-top:20px;
	margin-left:10px;
	text-align:left;
	vertical-align:middle;
}


.mainheader-logo {
	margin:0;
	padding:0;
	height:30px;
}
.mainheader-logo img {
	margin-top:5px;
	width:180px;
	height:auto;
}

.topmenu {
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 2;
	width: 100%;
 	transition: .3s;
	padding-top:4px;
	padding-bottom:2px;
/*	background-color:#f5f5f5;*/
	background-color:#333;
	box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}

.topmenu01 {
}

.topmenu01 ul {
	display:flex;
}
.topmenu01 li {
	margin:10px;
	font-size:14px;
	font-weight:normal;
}
.topmenu01 li a {
	text-decoration:none;
	padding:4px 16px 3px 22px;
	background-image: url(img/listmark01.gif);
	background-repeat:no-repeat;
	background-position:8px 8px;
	color:#fff;
	border-radius: 2.0em;
	
}
.topmenu01 ul li a:hover {
	background-color:#eee;
		color:#05e;
}
.topmenu01 .topmenu-open {
	margin:10px;
	font-size:14px;
	font-weight:normal;
}
.topmenu01 .topmenu-open a {
	text-decoration:none;
	padding:4px 16px 3px 22px;
	background-image: url(img/icon-windowopen.png);
        background-size: 11px;
	background-repeat:no-repeat;
	background-position:6px 10px;
	color:#fff;
	border-radius: 2.0em;
	
}
.topmenu01 .topmenu-open a:hover {
	background-color:#eee;
		color:#05e;
}


.footermenu {
}
.footermenu ul {
	display:flex;
}

.footermenu li {
	margin:10px;
	font-size:14px;
	font-weight:normal;
}




.footermenu li a {
	text-decoration:none;
	padding:10px 10px 6px 18px;
	background-image: url(img/listmark01.gif);
	background-repeat:no-repeat;
	background-position:3px 14px;
	border:1px solid #f5f5f5;
	color:#05e;
	border-radius: 2.0em;
}



.footermenu ul li a:hover {
	background-color:#fff;
	border:1px solid #ccc;
}




.mainbody {
	margin-top:140px;
	background-color: #fff;
	padding-bottom:30px;
	margin-bottom:20px;
		box-shadow: 2px 2px 16px 3px rgba(0,0,0,0.1);
}
.mainbody NOSCRIPT {
	padding:20px;
	margin:20px;
		background-color: #f00;
		color:#fff;
		font-weight:bold;
		font-size:21px;
		top:110px;
		position: absolute;
}

.mainbody h2 {
	margin:30px;
	padding:10px;
	padding-top:20px;
	padding-bottom:4px;
	font-size:26px;
/*	border-bottom: 10px solid #a4e2a2;*/
	border-bottom: 10px solid #090;
}

/* インフォメーション用　「i」マーク付き */
.info01 {
	margin:10px 30px;
	padding:16px 10px 10px 46px;
	background-image: url(img/icon_info30.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.info02 {
	margin:30px;
	margin-left:50px;
	margin-bottom:10px;
}
.info02 p {

}
.info02 ul {
	list-style-type: disc;
	margin:10px 40px;
}
.info02 li {
	margin:16px;
}

.info02center {
	text-align:center;
}
.top-info {
	margin:30px;
	margin-left:30px;
	margin-bottom:10px;
        font-size:14px;
        line-height: 1.4em;
}
.top-info p {

}
.top-info ul {
	list-style-type: disc;
	margin:10px 20px;
}
.top-info li {
	margin:10px;
}

/* 注意事項用　「！」マーク付き */
.info04 {
	margin:10px 30px;
	padding:22px 10px 10px 56px;
	background-image: url(img/icon_notice.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-weight:bold;
	font-size:16px;
	color:#a00;
}




.content001 {
	margin:20px 20px;
	padding:10px;
	display:flex;
	justify-content: space-between;
}

.content-sub {
	margin:0px 10px;
}

.content-sub p {
	margin:10px 10px;
}

.btn001 {
	text-align:center;

}
.btn001 input {
	width:270px;
	height:40px;
	border:1px solid #bbb;
	background-color: #eee;
	font-size:15px;
	color:#000;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
	cursor: pointer;

}

.btn001coution input {
	background-color: #fca;
}

.btn001prt01 input {
	background-color: #acf;
}



.btn001 input:hover {
	background-color: #e7ecff;
		box-shadow: none;
}

.btn002 {
	text-align:center;
	margin-top:30px;
	display:flex;
	justify-content:center;
}

.btn002-wide {
	text-align:center;
	margin-top:30px;
/*	display:flex;
	justify-content:center; */
        flex-wrap:wrap;
}

.btn002 input {
	margin:10px;
/*	width:160px;
	border:1px solid #bbb;
	background-color: #abf;
	font-size:18px;
	color:#000;
	border-radius: 4px; */
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	cursor: pointer;
        white-space: pre-line;
word-break: break-all;

                	background-color: #e97d23;
                        color:#fff;
                        border-radius: 2px;
                        border:none;
                        width:240px;
                        height:60px;
                        font-weight:500;
                        font-size:18px;


}
.btn002 input:hover {
/*	background-color: #e7ecff; */
		box-shadow: none;
	background-color: #333;
}

.btn002-wide input {
	margin:10px;
	width:160px;
	height:40px;
	border:1px solid #bbb;
	background-color: #abf;
	font-size:18px;
	color:#000;
	border-radius: 4px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
	cursor: pointer;

}
.btn002-wide input:hover {
	background-color: #e7ecff;
		box-shadow: none;
}



.btn001-dscrp {

}
.btn001-dscrp p {
	margin:16px 4px;
	text-align:justify;

}

.btn-main {
}
.btn-main input {
-webkit-appearance: none;
}
.btwide input {
width:400px;
}

.btn-bk-green input {
-webkit-appearance: none;
background-color: #a2d134;
color:#fff;
}
.btn-bk-green input:hover {
background-color: #5aa028;
color:#fff;
}
.btn-bk-orange input {
-webkit-appearance: none;
background-color: #e57b39;
color:#fff;
}
.btn-bk-orange input:hover {
background-color: #aa5b2a;
color:#fff;
}


.btn-sub {
}
.btn-sub input {
-webkit-appearance: none;
	background-color: #efefef;
        	background-color: #7f7f7f;

}

.content002 {
	margin:30px 30px;
	padding:10px;
}

.content002 table {
/*	width:800px;*/
	width:100%;

}
.content002 table tr td table {
/*	width:800px;*/
	width:auto;
	border:none;
}

.content002 td {
	padding: 10px 20px 10px 10px; 
	border-bottom:1px solid #aaa;
	}
	
.content002 table tr td table tr td {
	padding-bottom:10px;
	border:none;
}
.content002 table tr td table tr td input {

}

.tr-line-on td {
	border-bottom:1px solid #bbb;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}

.tr-line-off  td {
	border-bottom:1px solid #fff;
		margin-bottom:0;
	padding-bottom:0;
	padding-top:10px;
	padding-left:20px;
}
.tr-line001 td {
	border-bottom:1px solid #bbb;
	margin-top:0;
	padding-top:14px;
	padding-bottom:10px;
	padding-left:20px;
}

.tr-line-space-top {
	margin-top:10px;
	padding-top:10px;
}
.tr-line-space-top table {
	margin:20px;
	padding:20px;
}

.inpttext-agreement {
margin:20px;
padding:10px 20px;
border: 2px solid #ff0000;
border-radius: 6px;

}
.inpttext-agreement p {
margin:10px;
padding:6px;
font-size:16px;


}

.content003 {
	margin:60px 30px 30px 30px;
	padding:10px;
	background-color:#f5f0d5;
	border-radius: 10px;
}

.content003 h3 {
	margin:10px 0 20px 0;
	font-size:21px;
	font-weight:bold;
	padding: 10px 10px 4px 10px;
	border-bottom:4px solid #ccc;
	
}

.content003 p {
margin:20px;
}
.content003 table {
/*	width:800px;*/
	width:100%;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#fff;
}
.content003 td {
	padding: 4px 10px;
	border:1px solid #6eb2ee;
	}

.content003 th {
	padding: 4px 10px;
	border:1px solid #6eb2ee;
	background-color:#007ae5;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	}


.content-text {
	margin:10px 50px 30px 50px;
	padding:10px 20px;
	background-color:#fff;
	border-radius: 0px;
/*        border: 1px solid #ccc; */
        justify-content:space-between;
}

.content-text h3 {
	margin:40px 0 20px 0;
	font-size:18px;
	font-weight:bold;
	padding: 10px 10px 4px 10px;
	border-bottom:4px solid #ccc;
	
}

.content-text p {
margin:20px 10px;
}
.content-text pre {
	white-space: pre-wrap ;
        margin:0 40px;
}
.content-text ol {
list-style-type: decimal;
}
.content-text ol li {
margin:10px 10px 10px 30px;
}



.leftStyle {
	text-align:left;
}
.rightStyle {
	text-align:right;
}
.centerStyle {
	text-align:center;
}



.mainfooter {
	padding: 0px;
	margin-bottom:30px;
	height: 60px;
	display:flex;
	justify-content: space-between;
}
.mainfooter p {
	margin:10px;
}

.inpttext00 {
	font-size:17px;
	width:11em;
        padding:10px;
}

.inpttext00a {
	font-weight:bold;
	font-size:17px;
	width:9em;
	color:#555;
        padding:10px;
}
.inpttext00b {

	font-size:17px;
	width:9em;
                padding:10px;
}
.inpttext01b {
	font-size:18px;
	font-weight:bold;
}
.inpttext01b a {
 text-decoration: none;
 color: #0B74EC;
 padding:4px 10px 2px 10px;
 white-space: nowrap;


}
.inpttext01b a:hover {
text-decoration: underline;
 color: #ff6e00;
 background-color: #fff;
}


.inpttext01b input[type=checkbox]{
width:20px;
height:20px;
margin-right:10px;
vertical-align: middle;
margin-top: 0px;
}



#newfForm table {
	border:none;
}

.inpttext00-bold {
	font-size:16px;
	font-weight:bold;
	background-color:#ffe6e3;
        padding:10px;
}
.inpttext00-normal {
	font-size:16px;
        padding:10px;
}
.inpttext01 {
	font-size:14px;

}
.inpttext01a {
	font-size:18px;
	font-weight:bold;
	color:#05a;
        word-break:break-all;

}
.hilight {
   background-color: #eef6ff;
   background-color: #fff3cf;
           padding-left:10px;
}

.inpttext01 input {
	font-size:16px;
	height:1.4em;
	width:30em;
	padding:6px;
	margin:6px;
	border:1px solid #0055cc;
	background-color:#f5f5f5;
}
.inpttext01 select {
	font-size:16px;
	height:40px;
	width:20em;
	padding:6px;
	margin:6px;
	border:1px solid #0055cc;
	background-color:#f5f5f5;
}

.inpttext01 table {
	width:auto;
}

.table-sub {
	margin:0;
	padding:0;
	width:auto;
}
.table-sub tr {
	margin:0;
	padding:0;
	width:auto;
}
.table-sub td {
	margin:0;
	padding:0;
}
.tr-sub {
	border-style:hidden;
	margin:0;
	padding:0;

}

.table-sub2 {
	margin:0;
	padding:0;
	width:auto;
}

.inpttextsub01 {
	margin:0;
	padding:0;
}
.inpttextsub01 input {
	width:4em;
	}


/* 入力チェック時のアラートメッセージ用 */
.info03 {
	padding-left:40px;
	background-color:#eee;
}
.info03 ul {

}
.info03 li {
	font-size:18px;
	color:#f00;
	padding:10px;
        list-style-type: none;
}

.top-login-waku .info03 {
	padding-left:10px;
        padding-right:10px;
	background-color:#eee;
}
.top-login-waku .info03 ul {
	list-style-type: disc;
}
.top-login-waku .info03 li {
	font-size:16px;
        line-height: 1.4em;
	color:#f00;
	padding:10px;
}





.info03a {
/*	background-color:#eee;*/
		font-size:18px;
	color:#f00;
	padding:10px;
		padding-left:60px;
}

.textRed {
	font-size:18px;
	color:#f00;
	padding:10px;

}

.font_space {
	letter-spacing:0.2em;
}

.inputtext-bunrui {
	font-size:18px;
	font-weight:bold;
}

.userID001 {

}
.userID001 table {
	margin:30px auto;

}
.userID001 tr {

}

.userID001 td {
	font-size:23px;
	padding:12px 2em;
	border:4px solid #007ae5;
	background-color:#eee;

}

.userID001ent {
	padding:0px 10px;
}
.userID001ent table {
	margin:30px auto;
        border:2px solid #007ae5;
        background-color: #fff;
        border-radius: 4px;
}
.userID001ent tr {

}
.userID001ent td {
	font-size:21px;
	padding:10px 20px;
	background-color:#eee;
        vertical-align: middle;
}

.jungle-info {
	padding:20px;
	margin: 10px 0 50px 0;
	background-color: #ffffd1;
	border-radius: 10px;
}
.jungle-info h3 {
	font-size:15px;
	font-weight:bold;
	
}
.jungle-info p {
	font-size:14px;
	line-height:1.4em;
	margin-top:10px;
	margin-bottom:20px;
}

.productAdd-label {

}
.productAdd-label p {
	color:#fff;
	background-color: #007ae5;
	padding:6px 2em 4px 2em;
	border-radius: 2.0em;
}

.pruductAdd-table {
	border:1px solid #ccc;
	margin-top:10px;
	margin-bottom:20px;
	padding:20px;
		border-radius: 10px;
}
.pruductAdd-table table {

}

.user-info {
	font-size:18px;
	font-weight:bold;
	margin:20px 0;
	border-bottom:2px solid #ccc;
}


.topbackg {
		background-color: #fff;

}

.topmain {
    	margin-top:0px;
	height: 600px;
        margn:0;
        padding:0;
	background-image: url(img/top-back.jpg);
        background-color:rgba(255,255,255,0.2);
        background-blend-mode:lighten;
	background-repeat: no-repeat;
/*        box-shadow: 0px 0px 16px rgba(0,0,0,0.2); */
        display:flex;
        justify-content:space-between;
}

.top-new-add-waku {
        background-color:rgba(255,0,0,0.0);
        width:320px;
        height:600px;
        margin:0;
        padding:0;

}
.top-login-waku {
        width:auto;
        height:auto;
        margin:0px;
        padding:0;
}
.top-login-waku02 {
        background-color:rgba(0,0,0,0.1);
        width:280px;
        height:auto;
        margin:10px;
        padding:0;
        border-radius:6px;
}
.top-login-waku02 h3 {
    margin:10px;
    padding:10px;
    font-size:17px;
    font-weight:bold;
}
.top-login-waku02 p {
    margin:0px 10px 0px 10px;
    padding:0px 10px;
    font-size:15px;
}

.top-login-waku02 input {
    margin:0px 20px 10px 20px;
    padding:6px 10px;
    width:220px;
    font-size:16px;
    border:1px solid #0B74EC;
}

.top-login-waku .info03 {
    
}


.top-new-add-waku h2 {
        margin:0px;
        padding:10px;
        border-style: none;
        border-left:20px solid #EB3863;
       font-size:23px;
       line-height:1.4em;
       font-weight:bold;
       color:#555;

}
.top-new-add-waku h3 {
    margin:10px;
    padding:10px;
    font-size:17px;
    font-weight:bold;
}

.top-new-add-waku p {
        margin:20px 20px 60px 20px;
        padding:0px;
        text-align:justify;

}
.new-button {
    margin:20px 10px;
    text-align: center;
}
.new-button input {
    width:300px;
    padding:13px 10px 9px 50px;
    background-color:#FF7C19;
    text-align: center;
    font-size:19px;
    font-weight:bold;
    letter-spacing: 1px;
    color:#fff;
    border:none;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    background-image: url(img/icon-top-btn-new.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 20px 5px;
}
.new-button input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.login-button {
    margin:10px 0px;
    text-align: center;
}
.login-button input {
    width:240px;
    padding:13px 10px 9px 30px;
        background-color:#1162A8;
    text-align: center;
    font-size:19px;
    font-weight:bold;
    letter-spacing: 1px;
    color:#fff;
    border:none;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    background-image: url(img/icon-top-btn-login.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 20px 5px;
}
.login-button input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.login-option {
    margin:10px 10px 10px 10px;
    padding:10px 10px;
    font-size:15px;
}
.login-option ul {
    margin: 10px;
}
.login-option ul li {
    padding:4px;
}
.login-option ul li a {
    text-decoration: none;
    color:#0B74EC;
}
.login-option ul li a:hover {
    text-decoration:underline;
    color:#ff6e00;
}
.top-annai-waku01 {
        width:auto;
        height:auto;
        margin:20px;
        padding:20px;
        margin-bottom:10px;
        padding-bottom:10px;
        text-align: center;
}
.top-annai-waku01 h3 {
    border-top:1px solid #1162A8;
    padding-top:40px;
    font-size:18px;
    line-height:1.6em;
    font-weight:bold;
}
.top-annai-waku01 p {
    font-size: 14px;
    line-height:1.6em;
}
.top-annai-waku01 ul {
    
}
.top-annai-waku01 ul li {
    font-size: 14px;
  /*  font-weight:bold; */
    color:#1162A8;
    line-height:1.5em;
    margin:4px 10px;
}

.login-username-area {
    padding:0px;
    margin-top:120px;
    text-align:right;
}
.welcom-ms {
    text-align:right;
    margin:0px;
    padding:0px;
    margin-right: 10px;
}
.login-username-area01 {
    text-align:right;
    margin:0px;
    padding:0px;
    display:flex;
    justify-content: flex-end;
    font-weight:bold;
    font-size:16px;
}
.login-username-area01 .com-name {
    margin: 4px 10px;

}
.login-username-area01 .user-name {
    margin: 4px 10px;
}
.login-username-area .user-id {
    font-weight:normal;
    margin: 0px 10px;
    text-align:right;
    font-size:13px;

}
.login-username-area01 .btn-logout {
    text-align:right;
    margin:3px 10px;
    padding:0px;
}
.login-username-area01 .btn-logout input {
-webkit-appearance: none;
    background-color: #1162A8;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding:4px 10px 3px 10px;
}
.login-username-area01 .btn-logout input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.mainbody-login {
    margin-top:10px;
    padding-top:10px;
}
.mainbody-login h2 {
    padding:0px;
    padding-top:8px;
    padding-bottom:4px;
    margin:10px 40px 20px 40px;
    text-align: center;
    font-size:18px;
    font-weight: bold;
    color:#555;
    border-bottom:none;
    background-color:#e3e3e6;
    border-radius: 1em;
}
.mainbody-login2 {
    margin-top:0px;
}
.mainbody-login2 h2 {
	margin:30px;
        margin-top:10px;
	padding:10px;
	padding-top:20px;
	padding-bottom:4px;
	font-size:26px;
/*	border-bottom: 10px solid #a4e2a2;*/
	border-bottom: 10px solid #090;
}
.top-msg-area {
    margin-top:10px;
    display: flex;
    background-color: #fefecf;
    border: 1px solid #ccc;
    border-radius: 4px;
    
}
.top-msg-area .top-msg-osirase {
    color:#1162A8;
    padding:10px;
    width:5em;
    text-align: center;
    font-weight: bold;
}
.top-msg-area .top-msg-text {
    padding: 10px;
}

.topmunu-area {
    background-color: #fff;
    padding-bottom:10px;
}

.topmunu-area ul {
  display: flex;
  justify-content: center;
}

.topmunu-area li {
    width:150px;
    margin:20px;
    display: block;
}
.topmunu-area li a {
    width:150px;
    height:170px;
    text-decoration: none;
    color: #1162A8;
    font-weight:bold;
    display: block;
    padding:10px;
        border-radius:4px;
}
.topmunu-area li a:hover {
    background-color: #e9e9e9;
    color: #FF7C19;
}
.topmunu-area li a:hover img {
/* opacity:0.8;*/
}

.topmenu-icon{
    width:150px;
    text-align: center;

}

.topmenu-icon img {
    width:100px;
    height:100px;

    border:1px solid #1162A8;
    background-color: #ececef;
    border-radius:4px;

}


.topmenu-text {
    width:150px;
    text-align: center;
    font-size: 15px;
    margin:10px 0;
    
}

.top-product-list {
    margin:20px 40px;
    margin-top:0;
    padding:0px;
    padding-top:0;
    overflow-y: scroll;
/*    height:300px;*/
    border: 1px #1162A8 solid; 
}
.top-product-list-learge {
    height:500px;
}
.top-product-list-middle {
    height:400px;
}
.top-product-list-smalle {
    height:200px;
}

.top-product-list table {
    width:830px;
border-collapse: separate;
border-spacing: 0px;
padding:0;
margin:0;
background-color: #efeff9;
}
.top-product-list tr {

}
.top-product-list th {
    padding: 4px;
    font-size:13px;
    text-align: center;
    color: #fff;
    border-bottom:1px solid #ccc;
    background-color: #1162A8;
      /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
.top-product-list td {
    padding: 6px 16px;
    border-bottom:1px solid #999;
    font-size:14px;
    line-height: 1.4em;
    vertical-align: middle;
}
.top-product-list .td-center {
    text-align: center;
}
.top-product-list a {
    text-align: center;
    color:#ff6e00;
    text-decoration: none;
    white-space: nowrap;
}
.top-product-list a:hover {
    text-align: center;
    color:#0B74EC;
    text-decoration: underline;
    
}


.top-product-list-link {
    margin: 0 auto;
    pading: 0;
}
.top-product-list-link p {
    text-align: right;
    margin: 0 20px;
    padding:0 20px;
}


.product-list {
    margin:60px 40px;
    padding:0px;
    padding-top:0;
/*    border: 1px #1162A8 solid;  */
}   

.product-list table {
    width:100%;
border-collapse: separate;
border-spacing: 0px;
padding:0;
margin:0;
/*background-color: #efeff9; */
}
.product-list tr {

}
.product-list th {
    padding: 4px;
    font-size:11px;
    line-height:1.4em;
    vertical-align: middle;
    text-align: center;
    font-weight:normal;
    color: #fff;
    border-bottom:1px solid #ccc;
    background-color: #1162A8;
      /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
.product-list td {
    padding: 40px 10px;
    border-bottom:1px solid #999;
    font-size:14px;
    line-height: 1.5em;
    vertical-align: middle;
}
.product-list .td-center {
    text-align: center;
}

.list-info {
padding-left:33px;
	background-image: url(img/icon-list-info.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
        background-size: 18px 18px;


}
.list-info a {
    text-align: center;
        color:#0B74EC;
    text-decoration: none;
    font-size:14px;
    line-height:1.6em;
    /* white-space: nowrap; */
    white-space: normal;

}
.list-info a:hover {
    text-align: center;
    color:#ff6e00;
    text-decoration: underline;
    
}
.list-info-cp {
/*		background-image: url(img/icon-list-info-cp.png);
        background-image: url(img/icon-list-info-cp.png);
        background-size: auto 20px;
       	background-position: 0px 0px; */
}


.list-sn {
padding: 4px 4px 3px 4px;
margin-top:6px;
background-color: #bdf;
background-color: #efefef;
font-family: Courier;
font-size:18px;
width:auto;
}





.btn-sendurl {
text-align: right;
width:auto;
}
.btn-sendurl input{
-webkit-appearance: none;
   background-color: #0B74EC;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding:4px 10px 3px 10px;
    margin: 6px;
}
.btn-sendurl input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}


/* ------------------- 製品登録トップ用 -------------------------*/

.content002-tokuten {
  display: flex;
  justify-content: center;
}
.tokuten-waku {
  margin:30px 20px;
  width:180px;
}

.tokuten001 {

}
.tokuten001 img {
width:180px;
height:180px;
/*border-radius: 100px;*/
    box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
object-fit: cover;

}
.tokuten002 {
 font-size: 18px;
 font-weight:bold;
 margin:10px 0;
 line-height: 1.5em;
 text-align: center;

}



.topmain-touroku {
    	margin-top:0px;
	height: auto;
        margn:0;
        padding:0;
/*	background-image: url(img/top-back.jpg);
        background-color:rgba(255,255,230,1);
        background-blend-mode:lighten;
	background-repeat: no-repeat; */
/*        box-shadow: 0px 0px 16px rgba(0,0,0,0.2); */
        display:flex;
        justify-content:space-between;
        
}

.topmain-touroku .top-new-add-waku {
  /*      background-color:rgba(255,0,0,0.0);*/
        width:auto;
        height:auto;
        margin:0;
        padding:0;
        padding-right:30px;

}
.topmain-touroku .top-login-waku {
        width:auto;
        height:auto;
        margin:0px;
        padding:0;
}
.topmain-touroku .top-login-waku02 {
        background-color:rgba(0,0,0,0.1);
        width:280px;
        height:auto;
        margin:10px;
        padding:0;
        border-radius:6px;
}
.topmain-touroku .top-login-waku02 h3 {
    margin:10px;
    padding:10px;
    font-size:17px;
    font-weight:bold;
}
.topmain-touroku .top-login-waku02 p {
    margin:0px 10px 0px 10px;
    padding:0px 10px;
        font-size:14px;
        line-height:1.5em;
        text-align: justify;
}
.topmain-touroku .top-login-waku02 input {
    margin:0px 20px 10px 20px;
    padding:6px 10px;
    width:220px;
    font-size:16px;
    border:1px solid #0B74EC;
}


.topmain-touroku .top-login-waku .info03 {
    
}


.topmain-touroku .top-new-add-waku h2 {
        margin:0px;
        margin-bottom:20px;
        padding:10px;
        border-style: none;
        border-left:20px solid #EB3863;
       font-size:23px;
       line-height:1.4em;
       font-weight:bold;
       color:#333;
       	background-image: url(img/top-back.jpg);
        background-size: cover;
        background-position: right 0 bottom -14px;
        background-color:rgba(255,255,255,0.1);
        background-blend-mode:lighten;
	background-repeat: no-repeat;
        height:160px;
}

.touroku-info01 {
	margin:0px 0px;
	padding:4px 0px 10px 30px;
	background-image: url(img/icon_info30.png);
	background-repeat: no-repeat;
	background-position: 14px 10px;
}
.touroku-info01 p {
	margin:0px;
	padding:0px;
}

.topmain-touroku .top-new-add-waku h3 {
    margin:10px;
    margin-top:20px;
    padding:10px;
    font-size:17px;
    font-weight:bold;
}

.topmain-touroku .top-new-add-waku p {
        margin:10px 20px 10px 20px;
        padding:0px;
        text-align:justify;
        font-size:14px;
        line-height:1.5em;

}
.topmain-touroku .new-button {
    margin:20px 10px;
    text-align: center;
}
.topmain-touroku .new-button input {
    width:300px;
    padding:13px 10px 9px 50px;
    background-color:#FF7C19;
    text-align: center;
    font-size:19px;
    font-weight:bold;
    letter-spacing: 1px;
    color:#fff;
    border:none;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    background-image: url(img/icon-top-btn-new.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 20px 5px;
}
.topmain-touroku .new-button input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.topmain-touroku .login-button {
    margin:10px 0px;
    text-align: center;
}
.topmain-touroku .login-button input {
    width:240px;
    padding:13px 10px 9px 30px;
        background-color:#1162A8;
    text-align: center;
    font-size:19px;
    font-weight:bold;
    letter-spacing: 1px;
    color:#fff;
    border:none;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
    background-image: url(img/icon-top-btn-login.png);
    background-repeat: no-repeat;
    background-size: 40px 40px;
    background-position: 20px 5px;
}
.topmain-touroku .login-button input:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}

.topmain-touroku-op {
    justify-content: flex-end;
    margin:0;
    padding:0;
}
.topmain-touroku-op .login-option {
    text-align: right;
    margin:0;
    padding:0px 10px;
    font-size:15px;
}
.topmain-touroku-op .login-option ul {
    margin: 0px;
    margin-right:30px;
}
.topmain-touroku-op .login-option ul li {
    padding:4px;
}
.topmain-touroku-op .login-option ul li a {
    text-decoration: none;
    color:#0B74EC;
}
.topmain-touroku-op .login-option ul li a:hover {
    text-decoration:underline;
    color:#ff6e00;
}

.top-msg2 {
margin:0px;
padding:6px;
margin-bottom:20px;
background-color:#fff4d2;

}
.top-msg2 p{
margin-left:30px;
margin-right:30px;
}

.top-msg2 .top-msg2-title {
text-align: center;
font-weight:bold;
font-size:18px;
padding:20px;
pading-bottom:6px;
color:#333;
}
.top-msg2 .top-msg2-btn {
text-align: center;
font-weight:normal;
font-size:16px;
padding:0px;
color:#fff;
margin:20px;
margin-top:0;
}
.top-msg2 .top-msg2-btn a {
text-align: center;
font-weight:normal;
font-size:14px;
padding:8px 20px 6px 20px;
color:#fff;
background-color:#FF7C19;
border-radius: 6px;
text-decoration: none;

}
.top-msg2 .top-msg2-btn a:hover {
    background-color:#55575A;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}


/*---------- メッセージウィンドウ用 ----------------*/
.featherlight-sample {
	display: none;
}

#inner h3 {
  font-size:19px;
  text-align: center;
  font-weight:bold;
  margin:40px 0px;

}
#inner h4 {
  font-size:17px;
  text-align: center;
  font-weight:bold;
  margin:30px 0px 30px 0px;

}
#inner .top-msg-win-content {
  width:800px;
}
#inner p {
margin:10px 0;

}
#inner ul {
list-style: disc;
margin:30px;
margin-top:10px;
padding:10px 30px;
background-color: #feb;
border-radius:6px;
}
#inner ul li {
margin:10px 0;
font-size:13px;
line-height:1.4em;
}


/*---------- 問い合わせ注意用 -------------------*/

.toi-info {
    border:1px solid #ccc;
    border-radius: 6px;
    margin:10px;
    padding:1.4em;
    padding-left:50px;
    background-image: url(/img/icon_notice.png);
    background-repeat: no-repeat;
/*    background-size: 40px 40px; */
    background-position: 0px 50%;
    display:inline-block;
}
.toi-info p {
    text-align: left;
}