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

/* 2022/08/23　枠広げる　 */


/* ユーザー選択を無効にする */
/*
div#unselectable {
     user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
}
*/
/* ユーザー選択を有効にする */  
/*
div#selectable {  
  -moz-user-select: text;  
  -webkit-user-select: auto;  
  -ms-user-select: text;  
  user-select: text;  
}
*/
#wrapper{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font:"小塚ゴシック Pr6N";*
/*	width:1280px;*/
	width:1260px;
	margin:0 auto;
	}

body, input, textarea, select {
    color: #333;
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}

h1{
	font-size:20px;
	font-weight:bold;
	}
	
h1 p{
	margin-top:auto;
	margin-bottom:auto;
	float:left;
	margin:5px;
	margin-right:20px;
	}

h1 p.text_down{
	margin-top:9px;
	margin-left:-5px;
	}
	

h2{
    height:10px;
    line-height:10px;
    font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#333333;/*上の色、グラデーションで下に#1D2C5A(深い青)で続いていく*/
	border:2px #1D2C5A solid;
	width:auto;
	padding:8px 20px;
	clear:both;
	padding-reft:10px;
	}

div.main-top{
	margin-top:5px;
    text-align: center;
	}


#header {
    display:flex;
}
#header hgroup {
    margin-left: 10px;
    justify-content:flex-start;
}
#header midgroup {
    margin-top: 15px;
    margin-left: 40px;
}

#header address {
    margin-left: 590px;
}

#header address-admin {
    margin-left: 350px;
}

#header logout {
    margin-top: 5px;
    margin-left: 780px;
    display:flex;
}

#footer{

}
#footer ul{
    display: flex;
    font-size: 13px;
    justify-content: center;
    
}
#footer ul li {
    margin-right: 2em;
    
}

#footer ul li a:hover{ 
   text-decoration:underline;
   color:#AB0404;
}

textarea{
    border: 2px #ff0000 double;
}

input::-webkit-input-placeholder {
    font-size:0.7em;
}
input:-moz-placeholder {
    font-size:0.7em;
}
input::-moz-placeholder {
    font-size:0.7em;
}
input:-ms-input-placeholder {
    font-size:0.7em;
}

/*--------------------------------
			ボタン設定
---------------------------------*/	

input.btn{
	width:200px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-style:none;
	}
	
input#logInBtn{/* ■■ここに複数の青ボタンが入る*/
/*	background-color:#003792;*/
	background-color:#4285F4;
	margin-left:19px;
	margin-right:16px;
	}
input#searchBtn{
	background-color:#003792;	
	margin-right:10px;
	}

input#logInBtn:active,
input#searchBtn:active{
/*	background-color:#2259a4;*/
	background-color:#5c96f5;
	}	

input#logInBtn:hover,
input#searchBtn:hover{
/*	background-color:#2259a4;*/
	background-color:#5c96f5;
	}	
	
input#pre,
input#next,
input#denpyou{
	background-color:#003792;	
	display:inline-block;
	}
	

input#pre:active,
input#next:active,
input#denpyou:active{
	background-color:#2259a4;
	}

	
input#clearBtn,
input#backBtn,
input#logOutBtn.btn{/* ■*/
	background-color:#999;
	}	

input#clearBtn:active,
input#backBtn:active,
input#logOutBtn.btn:active{
	background-color:#aaa;
	}

input#clearBtn:hover,
input#backBtn:hover,
input#logOutBtn.btn:hover{
	background-color:#aaa;
	}

	
a.btnA{
	width:100px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-style:none;
	background-color:#336ac5;
	line-height:30px;
	text-align:center;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	}

td.position{
	position:relative;
	width:400px;
	}
	
input#pre{
	position:absolute;
	right:152px;
	top:0;
	}
	
input#next{
	position:absolute;
	top:0;
	right:0;
	}
	
		

input#henpinBtn.btn{/* ■*/
	background-color:#fdba13;
	}	

input#henpinBtn.btn:active{
	background-color:#fedc89;
	}

input#henpinBtn.btn:hover{
	background-color:#fedc89;
	}

input#zaikoBtn.btn{/* ■*/
	background-color:#013F7A;
	}	

input#zaikoBtn.btn:active{
	background-color:#7F9FBC;
	}
input#zaikoBtn.btn:hover{
	background-color:#7F9FBC;
	}

input#menuBtn.btn{/* ■*/
	background-color:#556b2f;
	}	

input#menuBtn.btn:active{
	background-color:#556b2f;
	}


p.floatRight{
	float:right;
	margin-right:20px;
	}
	

p.floatCenter{
	margin-left: auto;
	margin-right: auto;

	text-align: center;
	}


.btn_hikaku_old {
    margin-left: 26px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 60px;
    text-align: center;
}

.btn_hikaku_clear_old {
    margin-left: 30px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 90px;
    text-align: center;
}

.btn_del {
    margin-left: 40px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 60px;
    text-align: center;
}


.btn_mypage_add {
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 220px;
    text-align: center;
   background-image: linear-gradient(0deg, #f7be52, #fadba9); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_mypage_add:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #ffedcc, #fadba9);
   border: 1px solid #d8c997;
}
.btn_mypage_add:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.btn_sort_clear_old {
    margin-left: 10px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 100px;
    text-align: center;
}

.btn_spec_search_back {
    margin-left: 10px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 220px;
    text-align: center;
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_spec_search_back:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.btn_spec_search_back:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}



.btn_menu{/* ■*/
    margin-left: 10px;
    margin-right: 10px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:35px;
    width: 150px;
    text-align: center;
    color:#ffffff;
	background-color:#999;
	}	

.btn_menu:active{
	background-color:#aaa;
	}

.btn_menu:hover{
	background-color:#aaa;
	}




input#adminMenuBtn.btn{/* ■*/
	background-color:#28a74f;
	}	

input#adminMenuBtn.btn:active{
	background-color:#28a74f;
	}

input#adminMenuBtn.btn:hover{
	background-color:#74cb8f;
	}



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


.btn_admin_add {
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 120px;
    text-align: center;
}

.btn_admin_preview {
    margin-left:3em;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 120px;
    text-align: center;
}

.btn_admin_update_add {
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 100px;
    text-align: center;
}



.btn_file_select1{
    position:absolute;
	right:917px;
    top:171px;
}
.btn_file_select2{
    position:absolute;
	right:917px;
    top:346px;
}
.btn_file_select3{
    position:absolute;
	right:917px;
    top:373px;
}
.btn_file_select4{
    position:absolute;
	right:917px;
    top:400px;
}


.btn_mail_send {
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 160px;
    text-align: center;
}



.btn_hikaku {
    margin-left: 26px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 60px;
    text-align: center;
/*   background-image: linear-gradient(0deg, #43e97b, #38f9d7); /* グラデーション */
   background-image: linear-gradient(0deg, #43e97b, #38f9d7); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_hikaku:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #d1fcf4, #38f9d7);
   border: 1px solid #d8c997;
}
.btn_hikaku:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}

.btn_hikaku_clear {
    margin-left: 30px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 90px;
    text-align: center;
   background-image: linear-gradient(0deg, #ff9a9e, #fad0c4); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_hikaku_clear:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #fdeaea, #fad0cd);
   border: 1px solid #d8c997;
}
.btn_hikaku_clear:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}



.btn_sakujyo {
    margin-left: 26px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 60px;
    text-align: center;
   background-image: linear-gradient(0deg, #ff9a9e, #fad0c4); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_sakujyo:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #fdeaea, #fad0cd);
   border: 1px solid #d8c997;
}
.btn_sakujyo:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}


.btn_sort_clear {
    margin-left: 30px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 90px;
    text-align: center;
   background-image: linear-gradient(0deg, #ff9a9e, #fad0c4); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_sort_clear:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #fdeaea, #fad0cd);
   border: 1px solid #d8c997;
}
.btn_sort_clear:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}



.btn_check_clear {
    margin-left: 20px;
    /* 文字サイズを1.4emに指定 */
    font-size: 11px;
    color: #ffffffff;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 140px;
    text-align: center;
/*   background-image: linear-gradient(0deg, #ff9a9e, #fad0c4);*/ /* グラデーション */
   background-image: linear-gradient(0deg, #686868, #7f7f7f, #989898); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_check_clear:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #686868, #7f7f7f, #989898);
   border: 1px solid #d8c997;
}
.btn_check_clear:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #686868, #7f7f7f, #989898);
   border: 1px solid skyblue;
}


/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
		ボタン設定
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/



/*--------------------------------
		ログインページ
---------------------------------*/

div#logIn{
	width:464px;
	height:280px;
	border:1px #1D2C5A solid;
	margin:120px auto 0;
	}
	
.logInTable{
	margin-top:35px;
	margin-left:100px;
        width: 300px;
        height: 180px;
	font-size:16px;
	font-weight:bold;
}
.logInTable td{
        border:none;
}

div#logInTitle{
	margin-left:420px;
	margin-top:50px;
	margin-bottom:-60px;
	font-size:20px;
	}
div#logInFoot1{
	width:1300px;
	margin-left:auto;margin-right:auto;
	}
div#logInFoot2{
	margin-top:15px;
	margin-left:420px;
	font-size:8pt;
	}

/*--------------------------------
		再発行
---------------------------------*/

div#remind{
	width:500px;
	height:250px;
	border:1px #1D2C5A solid;
	margin:120px auto 0;
	}
	
.remindTable{
	margin-top:35px;
	margin-left:5px;
        width: 470px;
        height: 180px;
	font-size:16px;
	font-weight:bold;
}
.remindTable td{
        border:none;
}


/* -------------------------- */
/* リストを横方向に並べる装飾 */
/* -------------------------- */
ul.menulist {
   margin: 0px;  /* リスト周囲の余白を削除 */
   padding: 0px; /* リスト周囲の余白を削除 */
   display: flex;
}
ul.menulist li {
   list-style-type: none; /* 先頭記号を消す */
   margin: 0px;   /* 各項目周囲の余白 */
   padding: 0px;  /* 枠線と内容の距離をゼロに */
   height: 30px;  /* ★タブの高さ */
}
ul.menulist li:last-child {
 margin-left: auto;
}
/* ---------------------------------------- */
/* メニュー項目内のリンクをタブに見せる装飾 */
/* ---------------------------------------- */
ul.menulist li a {
   text-decoration: none; /* 下線を消す */
   display: block;        /* ブロックレベルとして表示 */
   padding: 5px 0px;      /* ★内側の余白量 */
   width: 13em;            /* ★タブの横幅 */
   height: 20px;          /* ★十分な高さを指定しておく（※タブが2段組・3段組になったときのために数倍にしておくと良いかも） */
   text-align: center;    /* ★ラベル(文字列)を中央寄せ */
   font-weight: bold;     /* ★ラベル(文字列)を太字にする */
   background-color: #e6e6e6;     /* ★タブの背景色 */
   border: 1px solid #4D5C65;       /* ★タブの枠線 */
   border-top-left-radius: 12px;  /* ★タブの左上の角を丸くする */
   border-top-right-radius: 12px; /* ★タブの右上の角を丸くする */

   /* タブよりもタブページ側を上に重ねるための指定 */
   position: relative;
   z-index: 0;
   color: #4D5C65;
}
/* ------------------------------ */
/* タブの中身（タブページ）の装飾 */
/* ------------------------------ */
div.box {
   height: 500px;        /* ★高さを指定*/
   padding: 0.5em;       /* ★内側の余白量 */
   border: solid rgb(204, 192, 192) 1px; /* ★枠線 */
   position: relative;   /* z-indexを指定するために必要 */
   z-index: 10;          /* 他の要素より前面に表示させる */
}
.admin-box {
   height: 2110px;        /* ★高さを指定*/
   padding: 0.5em;       /* ★内側の余白量 */
   border: solid rgb(204, 192, 192) 1px; /* ★枠線 */
   position: relative;   /* z-indexを指定するために必要 */
   z-index: 10;          /* 他の要素より前面に表示させる */
}

.admin-box-top {
   height: 780px;        /* ★高さを指定*/
   padding: 0.5em;       /* ★内側の余白量 */
   border: solid rgb(204, 192, 192) 1px; /* ★枠線 */
   position: relative;   /* z-indexを指定するために必要 */
   z-index: 10;          /* 他の要素より前面に表示させる */
}


div.box-top {
   height: 670px;        /* ★高さを指定*/
   padding: 0.5em;       /* ★内側の余白量 */
   border: solid rgb(204, 192, 192) 1px; /* ★枠線 */
   position: relative;   /* z-indexを指定するために必要 */
   z-index: 10;          /* 他の要素より前面に表示させる */
}

div.box-spec {
   height: 650px;        /* ★高さを指定*/
   padding: 0.5em;       /* ★内側の余白量 */
   border: solid rgb(204, 192, 192) 1px; /* ★枠線 */
   position: relative;   /* z-indexを指定するために必要 */
   z-index: 10;          /* 他の要素より前面に表示させる */
}

/* ---------------------------------- */
/* マウスが載ったときのタブの配色(★) */
/* ---------------------------------- */
ul.menulist li#mhome  a:hover { background-color: #ffffff; color: #000000; }
ul.menulist li#minfo  a:hover { background-color: #ffffff; color: #000000; }
ul.menulist li#mdiary a:hover { background-color: #ffffff; color: #000000; }
ul.menulist li#mbbs   a:hover { background-color: #ffffff; color: #000000; }
ul.menulist li#mlink  a:hover { background-color: #ffffff; color: #000000; }

/* -------------- */
/* タブの配色(★) */
/* -------------- */
/*
ul.menulist li#mhome  a { background-color: #ccffcc; color: #008000; border-color: #008000; }
ul.menulist li#minfo  a { background-color: #ffcccc; color: #800000; border-color: #800000; }
ul.menulist li#mdiary a { background-color: #ffffcc; color: #808000; border-color: #808000; }
ul.menulist li#mbbs   a { background-color: #ccccff; color: #000080; border-color: #000080; }
ul.menulist li#mlink  a { background-color: #ccffff; color: #008080; border-color: #008080; }
*/
/* -------------------- */
/* 選択中タブの配色(★) */
/* -------------------- */
ul.menulist li#mhome  a.selected { background-color: #11569F; color: white; border-bottom: 1px solid  #11569F; }
ul.menulist li#minfo  a.selected { background-color: #11569F; color: white; border-bottom: 1px solid  #11569F; }
ul.menulist li#mdiary a.selected { background-color: #11569F; color: white; border-bottom: 1px solid  #11569F; }
ul.menulist li#mbbs   a.selected { background-color: #11569F; color: white; border-bottom: 1px solid  #11569F; }
ul.menulist li#mlink  a.selected { background-color: #11569F; color: white; border-bottom: 1px solid  #11569F; }

/* ---------------------------------- */
/* マウスが載ったときのタブの配色(★) */
/* ---------------------------------- */
ul.menulist li#mhome  a:hover { background-color: #f7f5f5; color: #000000; }
ul.menulist li#minfo  a:hover { background-color: #f7f5f5; color: #000000; }
ul.menulist li#mdiary a:hover { background-color: #f7f5f5; color: #000000; }
ul.menulist li#mbbs   a:hover { background-color: #f7f5f5; color: #000000; }
ul.menulist li#mlink  a:hover { background-color: #f7f5f5; color: #000000; }

/*
ul.menulist li#mhome  a:hover { background-color: #008000; color: #ccffcc; }
ul.menulist li#minfo  a:hover { background-color: #800000; color: #ffcccc; }
ul.menulist li#mdiary a:hover { background-color: #808000; color: #ffffcc; }
ul.menulist li#mbbs   a:hover { background-color: #000080; color: #ccccff; }
ul.menulist li#mlink  a:hover { background-color: #008080; color: #ccffff; }
*/

/*--------------------------------
		トップページ
---------------------------------*/
.container{
    display: flex;
}

.left{
    width: 640px;
}

.left_container{
    display: flex;
}

.right{
    width: 640px;
}

/* 左側オススメ１のタイトル枠になります。 */
.title_osusume {
	font-size:20px;
	font-weight:bold;
    border-bottom: solid 3px black;
    width: 593px;
    text-align: left;
}

.title_osusume {
margin-bottom: -12px;
padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #fcdeba;/*背景色*/
border-left: solid 5px #ffa701;/*左線*/
border-bottom: solid 3px #eaf3ff;/*下線*/
}

/* 左側オススメ１のコメント枠になります。 */
.osusume1{
 margin-top:10px;
 border: 1px solid #ccc;
 padding:8px;
 width: 600px;
 height: 266px;
}


/* 右側オススメ１のタイトル枠になります。 */
.title_osusume4 {
	font-size:20px;
	font-weight:bold;
    border-bottom: solid 3px black;
    width: 593px;
    text-align: left;
}

.title_osusume4 {
margin-bottom: -12px;
 margin-left: 5px;
padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #fcdeba;/*背景色*/
border-left: solid 5px #ffa701;/*左線*/
border-bottom: solid 3px #eaf3ff;/*下線*/
}

/* 右側オススメ２のコメント枠になります。 */
.osusume4{
 margin-left: 5px;
 margin-top:10px;
 border: 1px solid #ccc;
 padding:8px;
 width: 600px;
 height: 266px;
}


.osusume2{
 margin-top:7px;
 margin-right:2px;
 border: 1px solid #ccc;
 width: 290px;
 height: 151px;
 padding:8px;
text-align:center;
}

.osusume3{
   display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around;
      
 margin-top:6px;
 border: 1px solid #ccc;
 width: 320px;
}
.osusume3_waku{
    border: solid 1px black;
}

.osusume_mypage{
 margin-top:7px;
 margin-right:2px;
 border: 1px solid #ccc;
 width: 290px;
 padding:8px;
text-align:center;
}

/*お知らせ*/
.oshirase{
 margin:16px;
 border: 1px solid #ccc;
 padding:8px;
 width: 600px;
 height: 200px;
}

.title_oshirase {
margin-left: 5px;
margin-top: 11px;
margin-bottom: 0px;
padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #eaf3ff;/*背景色*/
border-left: solid 5px #516ab6;/*左線*/
border-bottom: solid 3px #eaf3ff;/*下線*/
	font-size:20px;
	font-weight:bold;
    text-align: left;
 width: 593px;
 height: 25px;
}


.topicline_ ul{
	margin-left: 5px;
	padding: 0;
    height: 115px;
    width: 616px;
    list-style: none;
    overflow-y: auto;
    border: 1px solid #ccc;
}
.topicline_ li{
    text-align: left;
    padding: 5px 5px 5px 15px;
	background: url(../img/topiclist.png) 5px 11px no-repeat;
}

.topicline_ a{
    text-decoration: underline;
}


/*商品入荷情報*/
.title_nyuuka_info {
    margin-top: 5px;
margin-left: 5px;
margin-bottom: 0px;
padding: 0.2em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #eaf3ff;/*背景色*/
border-left: solid 5px #516ab6;/*左線*/
border-bottom: solid 3px #eaf3ff;/*下線*/
	font-size:20px;
	font-weight:bold;
    text-align: left;
 width: 593px;
 height: 25px;
}

.nyuuka_info_ ul{
font-size:13px;
    margin-left: 5px;
    padding: 0;
/*    height: 145px;*/
    height: 145px;
    width: 616px;
    list-style: none;
    overflow-y: auto;
    border: 1px solid #ccc;
}
.nyuuka_info_ li{
    text-align: left;
    padding: 5px 5px 5px 8em;
    background: url(../img/topiclist.png) 5px 11px no-repeat;
    text-indent: -7em;
}

.nyuuka_info_ li span {
   display:inline-block;
   width:7em;
   text-indent:0;
}

.nyuuka_info_ li a:hover {
   text-decoration:underline;
   color:#AB0404;

}


/*--------------------------------
		仕様スペック検索
---------------------------------*/
.box1_spec{
    margin-left: 17px;
    width: 1200px;
    display: flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}

/*タイトル部*/
.box1_spec p{
    font-size:14px;
    font-weight: bold; 
padding: 0.1em;/*文字周りの余白*/
color: #010101;/*文字色*/
background: #eaedff;/*背景色*/
/*border-left: solid 10px #fcb70a;*/
border-left: solid 10px #3916cb;
}

.select_spec_{
	margin-left: 8px;
}
.select_spec_ ul{
    font-size:14px;
	margin: 0;
    margin-bottom: 7px;
	padding: 0;
    height: 205px;
/*    height: 125px;*/
    width: 230px;
    list-style: none;
    border: 1px solid #ccc;
    overflow: auto;
}
.select_spec_ li{
    text-align: left;
    padding: 1px 5px 1px 8em;
    text-indent: -7em;
}

.select_spec2_{
	margin-left: 8px;
}
.select_spec2_ ul{
    font-size:14px;
	margin: 0;
    margin-bottom: 7px;
	padding: 0;
    height: 92px;
/*    height: 125px;*/
    width: 230px;
    list-style: none;
    border: 1px solid #ccc;
    overflow: auto;
}
.select_spec2_ li{
    text-align: left;
    padding: 1px 5px 1px 8em;
    text-indent: -7em;
}

.select_spec3_{
	margin-left: 8px;
}
.select_spec3_ ul{
    font-size:14px;
	margin: 0;
    margin-bottom: 7px;
    padding: 0;
    height: 92px;
/*    height: 125px;*/
    width: 230px;
    list-style: none;
    border: 1px solid #ccc;
    overflow: auto;
}
.select_spec3_ li{
    text-align: left;
    padding: 1px 5px 1px 8em;
    text-indent: -7em;
}

.spec_searchBtn{
	width:150px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-style:none;
/*	background-color:#5CA9D8;*/
   background-image: linear-gradient(0deg, #4481eb, #04befe); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
	}

.spec_searchBtn:active{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
	}	

.spec_searchBtn:hover{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(0deg, #b7cdf4, #04befe);
   border: 1px solid #d8c997;
	}	


.spec_searchBtn2{
	width:284px;
	height:35px;
	font-size:19px;
	font-weight:bold;
	color:#000000;
	border-style:none;
/*	background-color:#5CA9D8;*/
/*   background-image: linear-gradient(0deg, #4481eb, #04befe);*/ /* グラデーション */
   background-image: linear-gradient(0deg, #EAEDFF, #f2f4ff); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
	}

.spec_searchBtn2:active{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(180deg, #EAEDFF, #f2f4ff);
   border: 1px solid skyblue;
	}	

.spec_searchBtn2:hover{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(0deg, #EAEDFF, #f2f4ff);
   border: 1px solid #d8c997;
	}	


.spec_csvBtn{
    margin-left: 4px;
	width:50px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-style:none;
/*	background-color:#5CA9D8;*/
   background-image: linear-gradient(0deg, #ebb144, #fe6e04); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
	}

.spec_csvBtn:active{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(180deg, #dbc068, #fcf1e5);
   border: 1px solid skyblue;
	}	

.spec_csvBtn:hover{
/*	background-color:#5c96f5;*/
   background-image: linear-gradient(0deg, #f4d8b7, #fe6e04);
   border: 1px solid #d8c997;
	}	


.spec_sansyouBtn{
	width:120px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	}



/*--------------------------------
		商品比較
---------------------------------*/
.compare-btn{
	margin-top:5px;
    display:flex;
    justify-content: flex-end;
}

.compare-my-page-btn{
	margin-bottom:5px;
    text-align:center;
}

.container1{
	margin-left:50px;
	margin-top:30px;
    display: flex;
}
.container2{

}

table.compare-spec-hidari_1{
margin: -1px;
margin-left: -18px;
    border-collapse:collapse;
    table-layout: fixed;
    width: 800px;
}
table.compare-spec-hidari_1 th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}
table.compare-spec-hidari_1 td{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}

#hidari{
    width:820px;
    height:330px;
    overflow:auto;
}

table.compare-spec-hidari_2{
    border-collapse:collapse;
    width: 800px;
}
table.compare-spec-hidari_2 th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}
table.compare-spec-hidari_2 td{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}

.compare-spec-w {
  width: 150px;
}

.compare-spec-td {
  width: 150px;
  background:#efefef;
}


table.compare-spec-migi_1{
margin: -1px;
margin-left: -4px;
    border-collapse:collapse;
    table-layout: fixed;
    width: 579px;
}
table.compare-spec-migi_1 th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}
table.compare-spec-migi_1 td{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}

table.compare-spec-migi_2{
margin: -1px;
margin-left: 0px;
    border-collapse:collapse;
    table-layout: fixed;
    width: 579px;
}
table.compare-spec-migi_2 th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}
table.compare-spec-migi_2 td{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}

/*スクロールバー隠し用*/
#migi_box{
  padding: 0;
  margin-left: 2px;
  width: 584px;
  overflow-x: hidden;
  overflow-y: hidden;
    text-align: left;
}
#migi{
  margin-left: 0px;
    width:620px;
/*    height:400px;通常*/
    height:470px;
    overflow:auto;
}

#migi-detail{
  margin-left: 0px;
    width:620px;
    height:470px;
    overflow:auto;
}

/*--------------------------------
		商品詳細
---------------------------------*/


/*--------------------------------
		商品名で検索
---------------------------------*/
.box1_product{
    text-align: left;
    margin-left: 52px;
    width: 800px;
    flex-wrap:wrap;
}
.box1_product p{
    font-size:14px;
    font-weight: bold; 
}
.box2_product{
    width: 600px;
}
.box2_product p{
    font-size:14px;
    font-weight: bold; 
}

.text_box_product{
font-size:1.3em;
font-family:Arial, sans-serif;
color:#000000;
border:solid 1px #ccc;
width:400px;
height: 28px;
margin-right: 10px;
}
.text_admin_box_product{
font-size:1.3em;
font-family:Arial, sans-serif;
color:#000000;
border:solid 1px #ccc;
width:200px;
height: 28px;
margin-right: 10px;
ime-mode: inactive;
}


.box_product2{
    display: flex;
margin-top: 4px;

}
.box3_product{
    display: flex;
    width: 600px;
}
.box3_product p{
margin-top: 4px;
}

.box4_product{
    text-align: right;
    width: 500px;
    justify-content: flex-end;
}

.box5_product{
    line-height:17px;
    font-size: 13px;
    text-align: right;
    width: 635px;
}

.box6_product{
    display: flex;
}

.box7_product{
    line-height:17px;
    font-size: 13px;
    text-align: right;
    width: 280px;
}

.box_mypage_product{
    display: flex;
    width: 800px;
}
.box_mypage_product p{
margin-top: 4px;
}

.box2_mypage_product{
    width: 700px;
}
.box2_mypage_product p{
    font-size:14px;
    font-weight: bold; 
}

.box3_admin_product{
    display: flex;
    width: 580px;
}
.box3_admin_product p{
margin-top: 4px;
}


/*  */
.box1_admin_product{
    text-align: left;
    margin-left: 52px;
    width: 700px;
    height:40px;
    flex-wrap:wrap;
}

.box1_product_head{
    text-align: left;
    margin-left: 30px;
    margin-right: 40px;
    width: 630px;
    height:40px;
display: flex;
}

.box1_admin_product_head{
    text-align: left;
    margin-left: 10px;
    width: 700px;
    height:40px;
display: flex;

}

/*--------------------------------
		検索用テーブル
---------------------------------*/


div#search{
	margin-left:20px;
	margin-bottom:30px;
	clear:both;
	}
	
div#search table tr{
	height:35px;
	}	

div#search table th{
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
	width:120px;
	}
	

div#search table tr.mini{
	height:20px;
	line-height:0;
	}		






/*--------------------------------
		一覧　レイアウト
---------------------------------*/
/*-------　page-top　-------*/


div#ichiran table{
	width:1150px;
	border:1px #1D2C5A solid;
}
div#ichiran table th,
div#ichiran table td{
        border: 1px #000000 solid;
	font-size:12px;
	padding:4px;
	}

div#ichiran caption{
	caption-side: top;
	text-align:right;
}


div#ichiran tr:nth-child(odd) td {  
  background-color: #faf0e6;  
}
div#ichiran tr:nth-child(even) td {  
  background-color: #fffafa;  
}  



div#ichiran a.cord{
	width:120px;
	}		
	
div#ichiran a.bunrui{
	width:50px;
	margin-left:10px;
	}	
div#ichiran a.gamen{
	width:40px;
	margin-left:10px;
	}	

div#ichiran a.os{
	width:40px;
	margin-left:10px;
	}	
		
p.ichiran {
	text-align:center;
	}

/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
		一覧　レイアウト
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/				



/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
　詳細ページテーブル　レイアウト
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/

/*--------------------------------
　新規申請　レイアウト
---------------------------------*/
.new_member_top {
    margin: 0 auto;
    max-width: 40%;
    text-align: center;
	font-size:14px;
}
div#new_member table th,
div#new_member table td{
        border: 1px #000000 solid;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	}

div#new_member table th{
	width:250px;
	height:30px;
	}
	
div#new_member table{
	margin-left: auto;
	margin-right: auto;
    table-layout: fixed;
}

div#new_member span {
    color: #fff;
    background: #fb3b6f;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.new_member_btn {
    text-align: center;
} 


button.back_next_btn {
     width: 200px;
     height: 30px;
    /* 文字サイズを1.14emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 背景色を濃い青色に指定 */
    background-color: #999999;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}

button.back_next_btn:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #aaa;

    /* 文字色を白色に指定 */
    color: #fff;
}

/*--------------------------------
　返品ページテーブル　レイアウト
---------------------------------*/
div#henpin_top p{
	text-align:center;
	}

div#henpin table th,
div#henpin table td{
        border: 2px #000000 solid;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	}

div#henpin table th{
	width:140px;
	height:30px;
	}
	
div#henpin table{
	margin-left: auto;
	margin-right: auto
}	

div#henpin span {
    color: #fff;
    background: #fb3b6f;
    display: inline-block;
    padding: 2px 5px;
    font-size: 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

input + div, select + div, textarea + div {
    font-size: 12px;
    color: red;
}
.error-form {
    border-color: #fb9a93 !important;
}
	

.sample_03{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.sample_03 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.sample_03 td{
width:75%;
padding:4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
　返品ページテーブル　レイアウト
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/


/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
　詳細編集ページテーブル　レイアウト
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/


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

/*〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆
		管理者　レイアウト
〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆〆*/

/*-------　管理用メニュー検索一覧　-------*/

.container_menu_center{
    display: flex;
    border: 1px solid #ccc;
    width: 900px;
    margin-left:160px;
    margin-top:60px;
}
.box1_menu_center{
    text-align:left;
    width: 400px;
    height: 500px;
}

.box1_menu{
    padding-left:20px;
    margin-left:90px;
    margin-top:40px;
    width: 300px;
    height: 194px;
    border: 1px solid #939393;
}
.box1_menu li{
    margin-bottom: 15px;
    padding: 10px 5px 1px 8em;
    text-indent: -7em;
    
}
.box2_menu{
    padding-left:20px;
    margin-left:90px;
    margin-top:40px;
    width: 300px;
    height: 430px;
    border: 1px solid #939393;
}
.box2_menu li {
    margin-bottom: 15px;
    padding: 7px 5px 1px 8em;
    text-indent: -7em;
}
.box1_menu_center a {
  text-decoration: none;
  }



div.box_search_product {
   padding: 0.5em;       /* ★内側の余白量 */
    border: 1px solid #ccc;
}



/*テーブル用*/

/* 隣接する線を重ねて表示 */
.table-css { 
    border-collapse: collapse; 
}
 
/* 上部と左側の線のみ非表示。下部と右側は残っている */
.td-css11 { 
    border: 1px solid black; 
    border-top-style:none; 
    border-bottom-style: none;
} 
 
/* 上下左右すべての線を非表示 */
.td-css13 { 
    border-style:none; 
} 
 
/* すべての線を表示 */
.td-css { 
    border: 1px solid black; 
} 

/*-------　得意先・ユーザーマスター　-------*/
.admin-left{
    padding-bottom: 10px;
    width: 540px;
    border: 1px solid #afafaf;
}

.admin-detail_data {
    margin-top:18px;
    margin-left:8px;
    line-height:35px;
    text-align: left;
}

.admin-right{
    padding-bottom: 10px;
    width: 540px;
    border: 1px solid #afafaf;
}
.admin-right p{
    margin-left: 110px;
    text-align: left;
}

.admin-tokuisaki-listbox{
  -webkit-appearance:none;
  width: 60%;
}

/*-------　商品マスター　-------*/

.admin-container-flex{
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    
}

.admin-item-left{
    padding-bottom: 10px;
    margin-left:-60px;
    width: 540px;
}
.admin-item-right{
    margin-top:-5px;
    padding-bottom: 5px;
    width: 800px;
    height: 720px;
    border: 1px solid #afafaf;
}

.admin-listbox select * {
    width: 300px;
}

.admin-left-btn{
    text-align:center;
}
.admin-item-detail_data {
    margin-top:18px;
    margin-left:6em;
    line-height:25px;
    text-align: left;
}

.admin-item-file{
 margin-top:3px;
}
.admin-item-osusume-box{
    margin-top: 20px;
}

.admin-item-osusume-textarea{
  resize: none;
  width:400px;
  height:50px;
  font-size:9pt;
 border: 1px solid #ccc;
}

.admin-item-pic-area{
    display: flex;
}
.admin-item-pic-comment{
 margin-top:10px;
 margin-left:15px;
    
}
.admin-item-pic{
 margin-top:7px;
 margin-right:2px;
 border: 1px solid #ccc;
 width: 180px;
 padding-top:5px;
 padding-left:5px;
text-align:center;
}
.admin-item-pic-textarea{
  resize: none;
  width:200px;
  height:85px;
  font-size:9pt;
  border: 1px solid #ccc;
}


.admin-item-pic-big{
 margin-top:7px;
 margin-right:2px;
 border: 1px solid #ccc;
 width: 400px;
 padding-top:5px;
 padding-left:5px;
text-align:center;
}

.admin-posistion-left-btn{
    margin-top: 5px;
    margin-left: auto;

}


.admin-migi{
    margin-top: 1px;
    margin-left: 0px;
    width:620px;
    height:380px;
    overflow:auto;
}


.admin-detail_migi{
margin: -1px;
margin-left: 0px;
margin-top: 0px;
    font-size:0.7em;
    border-collapse:collapse;
    table-layout: fixed;
    width: 584px;
}
.admin-detail_migi th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: left;
}
.admin-detail_migi td{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: left;
}
.admin-detail_migi-td-1{
  width: 150px;
  padding: 0px;
}
.admin-detail_migi-td-2{
  padding: 0px;
}

.admin-detail_migi textarea{
    border: 1px #000000 double;
}

.admin-item-right-box1{
    width: 750px;
    margin-top: 10px;
    text-align: left;
    line-height:1.8;
}
.admin-item-right-box1 textarea{
    border: 1px #000000 double;
}

.admin-item-right-box2{
    margin-top: 10px;
    margin-left: 0.5em;
    text-align: left;
}
.admin-item-right-box2 textarea{
    border: 1px #000000 double;
}


.admin-item-rightr-spec-select{
    margin-top: 10px;
}
.admin-item-rightr-spec-select p{
    margin-left: 0.5em;
    text-align: left;
}
.admin-item-rightr-box3{
    margin-left: 0.5em;
    text-align: left;
}



.admin-item-select{
  -webkit-appearance:none;
  width: 19%;
}


/*-------　管理者マスター　-------*/

    /* テーブルのデザイン */
    .table-design-master{
        margin-top: 13px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:380px;/*表の高さ */
    }
    .table-design-master th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design-master td{
        border:1px solid #aaa;
        padding:10px 5px;
    }


.tablelock1-master thead{
    display:block;   
/*    width:482px;*/ /* 500px - スクロールバー */
    width:682px; /* 500px - スクロールバー */
}
.tablelock1-master tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 360px;
        table-layout: fixed;
/*    width:480px;*/
}
.tablelock1-master th
,.tablelock1-master td
{
        table-layout: fixed;
/*    width: 220px;*/
}



/*-------　非表示グループマスター　-------*/
.admin-container{

    
    
}

    /* テーブルのデザイン */
    .table-design{
        margin-top: 13px;
        margin-left: 140px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:380px;/*表の高さ */
    }
    .table-design th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design td{
        border:1px solid #aaa;
        padding:10px 5px;
    }


.tablelock1 thead{
    display:block;   
/*    width:482px;*/ /* 500px - スクロールバー */
    width:682px; /* 500px - スクロールバー */
}
.tablelock1 tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 360px;
        table-layout: fixed;
/*    width:480px;*/
}
.tablelock1 th
,.tablelock1 td
{
        table-layout: fixed;
/*    width: 220px;*/
}

.hide_ha {
  width: 120px;
}
.hide_hb {
  width: 400px;
}
.hide_a {
  width: 120px;
}
.hide_b {
  width: 400px;
}

/*-------　メーカーマスター　-------*/

.admin-left-btn-maker{
    margin-left: 20px;
    text-align:left;
}

    /* テーブルのデザイン検索結果 */
    .table-design-maker-s{
        margin-left: -20px;
        margin-top: 13px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:150px;/*表の高さ */
    }
    .table-design-maker-s th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design-maker-s td{
        border:1px solid #aaa;
        padding:10px 5px;
    }
.tablelock1-maker thead{
    display:block;   
/*    width:482px;*/ /* 500px - スクロールバー */
    width:800px; /* 500px - スクロールバー */
}
.tablelock1-maker tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 135px;
        table-layout: fixed;
/*    width:480px;*/
}




    /* テーブルのデザイン */
    .table-design-maker{
        margin-left: -20px;
        margin-top: 13px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:360px;/*表の高さ */
    }
    .table-design-maker th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design-maker td{
        border:1px solid #aaa;
        padding:10px 5px;
    }
.tablelock1-maker2 thead{
    display:block;   
    width:800px; /* 500px - スクロールバー */
}
.tablelock1-maker2 tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 160px;
    table-layout: fixed;
}



    /* テーブルのデザイン登録 */
    .table-design-maker3{
        margin-left: -20px;
        margin-top: 13px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:360px;/*表の高さ */
    }
    .table-design-maker3 th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design-maker3 td{
        border:1px solid #aaa;
        padding:10px 5px;
    }
.tablelock1-maker3 thead{
    display:block;   
    width:800px; /* 500px - スクロールバー */
}
.tablelock1-maker3 tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 350px;
    table-layout: fixed;
}



.tablelock1 th
,.tablelock1 td
{
        table-layout: fixed;
/*    width: 220px;*/
}


.maker_a_h {
  width: 120px;
}
.maker_b_h {
  width: 302px;
}
.maker_a_d {
  width: 120px;
}
.maker_b_d {
  width: 300px;
}


/*-------　商品入荷情報入力　-------*/
.nyuuka_a {
  width: 51px;
}
.nyuuka_b {
  width: 107px;
}
.nyuuka_c {
  width: 661px;
}
.nyuuka_d {
  width: 100px;
}

.nyuuka_ad {
  width: 50px;
}
.nyuuka_bd {
  width: 100px;
}
.nyuuka_cd{
  width: 660px;
}
.nyuuka_dd{
  width: 100px;
}

    .table-design-nyuuka{
        margin-top: 30px;
        margin-left: 50px;
        border-collapse: collapse;
        border: 0px solid #666;
        text-align: left;
        vertical-align: middle;
        margin-bottom:380px;/*表の高さ */
    }
    .table-design-nyuuka th{
        background: #ccc;
        border:0px solid #aaa;
        text-align: center;
        padding:10px 5px 0px 5px;
    }
    .table-design-nyuuka td{
        border:1px solid #aaa;
        padding:10px 5px 0px 5px;
    }

.tablelock1-nyuuka thead{
    display:block;
    width:982px; /* 500px - スクロールバー */
}
.tablelock1-nyuuka tbody{
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-x: hidden;
    -ms-overflow-y: auto;
    position: absolute;
    display:block;
    height: 360px;
        table-layout: fixed;
}


/*-------　スペック検索項目マスター　-------*/


.spec-serach-head {
    border:0px;
    height: 1.7em;
}


.spec-serach-userform {
    height: 1.7em;
}

.spec-serach-sel1 {
    border: 1px solid #afafaf;
    background:#ebffe7;
}

.spec-serach-sel2 {
    height: 1.7em;
    border: 1px solid #afafaf;
    background:#ebffe7;
}

.spec-serach-input {
    text-align: center;
    height: 1.7em;
    border: 1px solid #afafaf;
    background:#f5f5dc;
}

.spec-serach-input2 {
    height: 1.7em;
    border: 1px solid #afafaf;
    background:#f5f5dc;
}


.spec-serach-spec {
    margin-top: 1.6em;
    margin-left:8px;
    margin-right:8px;
    padding-top: 0.5em;
    width: 18em;
    height: 27.6em;
    border: 1px solid #afafaf;
}
.spec-serach-spec-p1{
    margin-right: 1em;
}

.spec-serach-item-left {
    margin-top: 1.6em;
    margin-bottom: 1em;
    margin-left:8px;
    margin-right:8px;
    padding-top: 0.5em;
    width: 23em;
    height: 23.5em;
    border: 1px solid #afafaf;
}
.spec-serach-item-left-p1{
    margin-right: 1em;
}


.spec-serach-hyouji {
    margin-top: 9em;
    margin-left:4px;
    margin-right:4px;
    padding-top: 0.5em;
    width: 4em;
    height: 15em;
}


/*-------　アイテム取込　-------*/

.box1_menu_csv{
    margin-top:50px;
    width: 550px;
    height: 270px;
    border: 1px solid #939393;
}
.box1_menu_csv_p1{
    margin-top:50px;
}
.box1_menu_csv_p2{
    margin-top:20px;
}

/*-------　トップページ　-------*/

.info_head{
    display: flex;
}
.info_head_btn{
    margin-left: -4em;
}

.top_nyuuka_btn{
    margin-top: 0.7em;
    margin-left: -4em;
}

/*-------　トップページ　インフォ入力込　-------*/
.info_input_head{
    margin-left: 2.5em;
    margin-top: 0.5em;
}
.info_head_textarea{
    margin-left: 0.1em;
    margin-right: 0.1em;
    padding-left: 0.3em;
    width: 600px;
    height: 3em;
    border: 1px #000000 double;
}

.box1_menu_info{
    margin-top:50px;
    width: 900px;
    height: 300px;
    border: 1px solid #939393;
}

.info_text{
    vertical-align: top
}

.info_p{
    margin-top: 0.5em;
}

.info_label{
    vertical-align: top
}

.info_textarea{
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-left: 0.3em;
    width: 600px;
    height: 3em;
    border: 1px #000000 double;
}

.info_btn{
    margin-top: 0.5em;
}

.admin-topmenu{
    display:flex;
    justify-content: flex-end;
}
.admin-topmenu-margin1{
    margin-right: 50px;
}

.admin-osusume1{
 margin-top:-0.2em;
 border: 1px solid #ccc;
/* width: 620px;*/
 width: 614px;
 height: 280px;
}
.admin-osusume1-jan{
    text-align: left;
    margin-left:1em;
}
.admin-osusume1-txt{
    margin-top:-0.5em;
    padding-left: 0.3em;
    border: 1px #000000 double;
    width:550px;
    height:40px;
}

.admin-osusume2{
 margin-top:13px;
 margin-right:5px;
 border: 1px solid #ccc;
 width: 291px;
 height: 205px;
 padding-top:8px;
 padding-left:7px;
 padding-right:6px;
text-align:center;
}
.admin-osusume2-jan{
    text-align: left;
    margin-left:0.6em;
}

.admin-osusume2-txt{
 margin-top:-0.8em;
    padding-left: 0.3em;
    border: 1px #000000 double;
    width:280px;
    height:40px;
    
}

.admin-osusume2-file{
    font-size: 12px;
}


.admin-osusume2-pic{
 display: flex;
 margin-top:12px;
 margin-bottom:20px;
}


.view_box{
    display: flex;
    text-align:center;
    margin: 5px auto;
    padding-top: 0.5em;
    padding-left: 2.4em;
    width: 600px;
    height: 200px;
    
}

.img{
    width: 180px;
    height: 180px;

}

.admin-mypage-box{
    display: flex;
    margin-left: 19px;
}
.admin-mypage{
 margin-top:0em;
 margin-right:0.1em;
 border: 1px solid #ccc;
 width: 298px;
 height: 117px;
}

.admin-mypage-pic{
    display: flex;
    padding-left: 1em;
}
.admin-mypage-jan{
    text-align: left;
    margin-left:0.2em;
}


/*--------------------------------
		マイページ　レイアウト
---------------------------------*/
/*並列で均等配置*/
.my_page_container{

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around;
    
}

/*--------------------------------
		商品詳細　レイアウト
---------------------------------*/
.detail_page_kubun_waku {
    display: flex;
    justify-content:space-between;
}
.detail_page_kubun1 {
    margin-top:-4px;
    margin-left:8px;
    text-align: left;
    line-height:1.2;
}

.detail_page_kubun_table {
    width:370px;
}
.detail_page_kubun_table_row {
    display:table-row;
}
.detail_page_kubun_table_row>div {
    display:table-cell;
    margin:130px;
    padding:0px;
    line-height:18px;
    text-align: left;
}
.detail_page_kubun_table_row>div:nth-child(odd) {
    width:80px;
}
.detail_page_kubun_table_row>div:nth-child(even) {
    width:280px;
}

.detail_page_kubun2 {
    margin-top:6px;
    margin-right:46px;
    text-align: left;
    font-size: 1.3em;
}
.detail_page_kubun3 {
    margin-left:8px;
    text-align: left;
    line-height:1.2;
}

.detail_page_osusume1{
 margin-top:10px;
 border: 1px solid #ccc;
 padding:8px;
 width: 600px;
 height: 195px;
}

.detail_page_osusume2_title{
font-size: 0.9em;
}
.detail_page_osusume2{
 margin-top:5px;
 border: 0px solid #ccc;
 padding:1px;
 width: 600px;
 height: 120px;
}

.item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.item {
  width: 32%;
    height: 9.2em;
  padding-top: 0.1em;
  border: 1px solid #ccc;
  box-sizing: border-box;
  word-wrap: break-word;
}
.item-image {
  margin-bottom: 0.1em;
}
.item-image img {
  height: auto;
  vertical-align: bottom;
}
.item-text {
font-size: 0.9em;
line-height:1;
text-align: left;
}




.detail_migi{
margin: -1px;
margin-left: 0px;
margin-top: 0px;
    border-collapse:collapse;
    table-layout: fixed;
    width: 584px;
}
.detail_migi th{
    border: 1px solid #8fbac8;
    padding: 8px;
    text-align: center;
}
.detail_migi td{
    border: 1px solid #8fbac8;
    padding: 2px 5px 2px 5px;
}
.detail_migi-td-1{
    font-size: 0.9em;
    text-align: center;
    width: 130px;
    background:#efefef;

}
.detail_migi-td-2{
  font-size: 0.9em;
  text-align: left;
  padding-top: 0px;
  padding-left: 10px;
  padding-bottom: 0px;
}

/*右下特記事項*/
.detail_page_tokki_title {
    margin-top:12px;
    margin-left:8px;
    display: flex;
    -webkit-justify-content: space-between;    /* Safari */
    justify-content:         space-between;
}
.detail_page_tokki p {
    margin: 0; 
    padding: 0;

}

.detail_page_tokki {
    margin-left:8px;
    height: 60px;
    padding: 0.1em 0.5em;
    border: solid 1px #000000;
    text-align: left;
    font-size:12px;
}
.detail_page_tokki p {
    margin: 0; 
    padding: 0;

}

.btn_detail_page_close {
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 100px;
    text-align: center;
   background-image: linear-gradient(0deg, #a7d9f5, #eaf6fd); /* グラデーション */
   border: 1px solid #3c7fb1; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_detail_page_close:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.btn_detail_page_close:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}



.btn_detail_page_add {
    margin-right: 10px;
    margin-top: -2px;
    margin-bottom: 2px;
    /* 文字サイズを1.4emに指定 */
    font-size: 14px;

    /* 文字の太さをboldに指定 */
    font-weight: bold;
    height:30px;
    width: 220px;
    text-align: center;
   background-image: linear-gradient(0deg, #f7be52, #fadba9); /* グラデーション */
   border: 1px solid #d8c997; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
}
.btn_detail_page_add:hover {
   /* マウスが上に載ったとき */
   background-image: linear-gradient(0deg, #ffedcc, #fadba9);
   border: 1px solid #d8c997;
}
.btn_detail_page_add:active {
   /* 押されたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}


/*--------------------------------
		メールニュース送信　レイアウト
---------------------------------*/
.mailnews-list-head{
    text-align: left;
    margin-left: 52px;
    width: 800px;
    height:40px;
    flex-wrap:wrap;
}

.mailnews-head1-1{
    text-align: left;
    margin-left: 52px;
    width: 900px;
}
.mailnews-head1-2{
    text-align: right;
}
.mailnews-head2{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 3em;
    text-align: left;
}
.mailnews-left1 {
    margin-bottom: 2em;
    margin-left:8px;
    margin-right:8px;
    padding-top: 0.5em;
    width: 25em;
    height: 5em;
    text-align: right;
    border: 1px solid #afafaf;
}
.mailnews-left1-p1{
    margin-right: 12.1em;
}
.mailnews-left1-p2{
    margin-left: 0.3em;
    text-align: left;
}

.mailnews-left2 {
    margin-bottom: 2em;
    margin-left:8px;
    margin-right:8px;
    padding-top: 0.5em;
    width: 25em;
    height: 6em;
    text-align: right;
    border: 1px solid #afafaf;
}
.mailnews-left2-p1{
    margin-left: -1em;
    margin-right: 11em;
}
.mailnews-left2-p2{
    margin-left: 0.3em;
    text-align: left;
}

.mailnews-right{
    padding-bottom: 10px;
    width: 900px;
    height:  400px;
    border: 1px solid #afafaf;
}
.mailnews-right p{
    margin-left: 0.5em;
    text-align: left;
}
.mailnews-right textarea{
    width: 800px;
    height: 380px;
    border: 1px solid #afafaf;
    text-align: left;
}
.mailnews-left-cell{
    text-align: left;
}
.mailnews-right-cell{
    text-align: right;
}

.mailnews-center-th{
    text-align: center;
}

.mailnews-touroku{
    margin-left: 13em;
    text-align: right;
}

table.all-item{
        margin-top: 3px;
	width:1240px;
	border:1px #1D2C5A solid;

        border-collapse: collapse;
        border: 1px solid #666;
        text-align: left;
    table-layout: fixed;
    }
table.all-item th{
        background: #e5e5ff;
        border: 1px #000000 solid;
	font-size:12px;
	font-weight:700;
	padding:4px;
    }

.all-item_td{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	background-color: #ffffff;  
}

.all-item_td-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	background-color: #EAF6FD;  
}


.all-item_td-center{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
        text-align: center;
	background-color: #ffffff;  
    }
.all-item_td-center-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
        text-align: center;
	background-color: #EAF6FD;  
    }


.all-item_td-right{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
        text-align: right;
    }
.all-item_td-right-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
        text-align: right;
	background-color: #EAF6FD;  
    }

.all-item_td-right-moji{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:11px;
        text-align: right;
    }
.all-item_td-right-moji-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:11px;
        text-align: right;
	background-color: #EAF6FD;  
    }

.all-item_td2{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	border-right-style: none;
	border-bottom-style: none;
    }
.all-item_td2-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	border-right-style: none;
	border-bottom-style: none;
	background-color: #EAF6FD;  
    }
.all-item_td2-odd:hover{
    color: #ff0000;
}

.all-item_td3{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	border-left-style: none;
	border-bottom-style: none;
        text-align: right;
    }
.all-item_td3-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	font-size:12px;
	border-left-style: none;
	border-bottom-style: none;
        text-align: right;
	background-color: #EAF6FD;  
    }

.all-item_td2-2{
        border:1px solid #ccc;
        padding:10px 5px 0px 5px;
	font-size:12px;
	border-right-style: none;
	border-bottom-style: none;
    }
.all-item_td2-2-odd{
        border:1px solid #ccc;
        padding:10px 5px 0px 5px;
	font-size:12px;
	border-right-style: none;
	border-bottom-style: none;
	background-color: #EAF6FD;  
    }

.all-item_td3-2{
        border:1px solid #ccc;
        padding:10px 5px 0px 5px;
	font-size:12px;
	border-left-style: none;
	border-bottom-style: none;
        text-align: right;
    }
.all-item_td3-2-odd{
        border:1px solid #ccc;
        padding:10px 5px 0px 5px;
	font-size:12px;
	border-left-style: none;
	border-bottom-style: none;
        text-align: right;
	background-color: #EAF6FD;  
    }

.all-item_td4{
        border:1px solid #ccc;
        padding:0px 0px 5px 5px;
	font-size:12px;
	border-top-style: none;
    }
.all-item_td4-odd{
        border:1px solid #ccc;
        padding:0px 0px 5px 5px;
	font-size:12px;
	border-top-style: none;
	background-color: #EAF6FD;  
    }




.all-item_check_td{
        border:1px solid #ccc;
        padding:5px 5px;
}
.all-item_check_td-odd{
        border:1px solid #ccc;
        padding:5px 5px;
	background-color: #EAF6FD;  
}

a.all-item-a:hover{
	color: #ff0000;
	text-decoration:underline;
}
.kataban-font{
	font-weight: bold;
}
.zaiko-font{
	font-weight: bold;
}

table.all-item2{
        margin-top: 13px;
	width:1240px;
	border:1px #1D2C5A solid;

        border-collapse: collapse;
        border: 1px solid #666;
        text-align: left;
    }
table.all-item2 th{
        background: #e5e5ff;
        border: 1px #000000 solid;
	font-size:12px;
	font-weight:700;
	padding:4px;
    }
/*-----------------------------------------------------------------------------
		メールニュース送信　レイアウト
-----------------------------------------------------------------------------*/

/*-------　メッセージマスター　-------*/
.admin-msg-box1{
    margin-left: 10px;
    text-align: left;
}
.admin-msg-box2{
    margin-left: 40px;
    margin-top: 74px;
    text-align: left;
}
.admin-msg textarea{
    vertical-align:top;
    border: 1px #000000 double;
    width:550px;
    height:120px;

}


.msg_tourokuBtn{
	width:100px;
	height:27px;
	font-size:16px;
	}




/* Topへ戻るボタン */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 30px;
    font-weight: bold;
   
}
    #page-top a {
        background: #666666;
        filter:alpha(opacity=60);
        -moz-opacity:0.6;
        -khtml-opacity: 0.6;
        opacity:0.6;
        text-decoration: none;
        color: #fff;
        width: 45px;
        padding: 3px;
        text-align: center;
        display: block;
        border-radius: 50px;
    }
        #page-top a:hover {
            border-style: none;
            background: #999999;
        }