@charset "utf-8";
/* default */
/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background-color:#E5E5E5;
	font-family :Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	font-family :Verdana, "lr oSVbN", sans-serif;
	font-size: 12px;
	text-align: center;
	color: #333;
}
a:link {	color: #333;}
a:visited {	color: #666;}
a:hover {	color: #0B4CA2;
	text-decoration: none;}
html {
	height: 100%;
	margin-bottom: 1px;
	line-height:1.5;
}
img{
	border: 0px;
	vertical-align: bottom;
}
p,li,dt,dl {
	line-height:1.5;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color:#FFF;
	text-align:left;
	position: relative;
}
#header {
	width: 900px;
	height: 115px;
}
#content {
	width: 700px;
	margin: 0 auto;
}
#adm_content {
	width: 700px;
	margin: 0 auto;
	padding: 30px 0 0;
}

#bodylogin #content,
#bodylogin #adm_content {
	width: 300px;
	margin: 30px auto;
}

#mem_footer {
	margin-top: 50px;
	width: 900px;
	background-color: #0D3594;
	text-align: center;
}
#adm_footer {
	margin-top: 50px;
	width: 900px;
	background-color: #999;
	text-align: center;
}

address {
	font-style:normal;
	text-align: center;
	font-size: 10px;
	padding: 3px 0;
	color: #FFF;
}
.hd {
	margin-bottom: 15px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #999;
}
.tenjikai {
	font-weight: bold;
	font-size: 18px;
	color: #666;
	margin-bottom: 10px;

}

h2 {
	font-weight: bold;
	font-size: 16px;
	color: #0B4CA2;
}
h3{
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #0B4CA2;
}

.btn {
	width: 150px;
	padding: 3px 0;
	text-align: center!important;
}
.btnlong {
	padding: 3px 5px;
	text-align: center!important;
}

/* login */
#login-tb {
	/* width: 298px; */
	width: 350px;
	border: 1px solid #999;
	margin-top: 10px;
	text-align: center;
}
#login-tb table {
	padding: 10px;
	border: none;
	margin: 20px auto 0;
}
#login-tb table th {
	padding: 5px 2px;
	text-align: right;
	font-weight: normal;
}
#login-tb table td {
	padding: 5px 2px;
	text-align: left;
}
/* menu */
.menu_list li {
	margin-left: 20px;
	line-height: 1.8;
	list-style: none;
}
#log-bread {
	font-size: 11px;
	margin: 0 auto 20px;
	width: 100%;
	background-color: #F5F5F5;
}
#log-bread td {
	padding: 5px 10px;
}
#menu-section {
	width: 468px;
	border: 1px solid #F76526;
	text-align: left;
	padding: 15px;
	margin: 0 50px;
}
#menu-section p {
	padding: 0 0 0 30px;
	line-height: 1.7;}
/* err */
.err p {
	color: #FF0000;
}


.keisaiimg {
	text-align: center;
	margin-top: 20px;
}
.keisaiimg a {
	padding: 10px 20px;
	background: #007FC8;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.keisaiimg a:hover {
	background: #0094EC;
}

/* update & add & upd */


.f_tb_t,
.f_tb_y {
	width: 100%;
	border: 1px solid #999;
	margin-bottom: 15px;
	border-collapse: collapse;
}
.f_tb_t th,
.f_tb_t td,
.f_tb_y th,
.f_tb_y td {
	padding: 5px 7px;
	border: 1px solid #999;
	border-collapse: collapse;
}
.f_tb_t th,
.f_tb_y th {
	background: #F5F5F5;
	font-weight: normal;
}

.f_tb_t th {	text-align: center;}
.f_tb_y th {	text-align: left;}
.f_tb_t .second th,
.f_tb_t .second td {	background: #FFFCE9;}

.f_tb_t span,
.f_tb_y span {	color: #F00;}

.f_tb_t td.sub_th,
.f_tb_y td.sub_th {	background: #F2EEFF;}

.f_tb_t table th,
.f_tb_t table td,
.f_tb_y table th,
.f_tb_y table td {
	padding: 4px 2px;
	border: none;
	background: #FFF;
}
.f_tb_y td table.inner {
	width: 100%
}




.formttl {
	margin-bottom: 10px;
	background-color: #CCCCCC;
	padding: 5px!important;
	font-weight: bold;
}


.list-tb {
	width: 100%;
	margin: 0 auto 10px;
}
.list-tb th,
.list-tb td {
	padding: 3px;
}
.list-tb th {
	background-color: #666;
	color: #FFF;
	font-weight: normal;
}
.submenu-mst {
	margin: 20px 0;
	list-style: disc!important;
}
.submenu-mst li {
	margin-left: 20px;
}

.submenu {
	margin-bottom: 20px;
	list-style: none;
	text-align: center;
}
.submenu li {
	display: inline;
	margin: 0 3px;
}
#note-zone {
	width: 100%;
	border:1px solid #999;
	padding: 20px;
	margin-bottom: 20px;
}

/* 小窓 */
#conf-base {
	background-color:#FFF;
	text-align: left;
}


#conf_header {
	width: 100%;
	height: 138px;
	text-align: center;
}
#conf_header h1 {
	border-bottom: 1px solid #999;
}


#conf-content {
	width: 800px;
	margin: 0 auto;
}
#conf-main {
	width: 700px;
	margin: 30px auto;
	font-size: 12px;
}
#conf-main h2{
	margin-bottom: 10px;
}
#conf-main h3{
	color: #000;
	font-size: 1.3em;
}
#conf-main p {
	line-height: 1.3;
}
#conf-main a:link {	color: #007FC8;}
#conf-main a:visited {	color: #007FC8;}
#conf-main a:hover {	color: #0094EC;}

#conf-footer {
	margin-top: 50px;
	width: 800px;
	background-color: #999;
	text-align: center;
}
p.aligncenter input {
	margin: 0 5px;
}

/*一覧表示テーブル*/
.list-tb-y {
	width: 800px;
	margin: 0 0 10px;
	border: none;
	clear: both;
}
.list-tb-y td {
	padding: 5px;
	border-bottom: 1px solid #999;
}
.list-tb-y p {
	margin: 0;
	padding: 0;
}
.list-tb-y td img {
	padding-left: 10px;
}

.search_list {
	margin-bottom: 20px;
	text-align: center;
	list-style: none;
	height: 3em;
}

.search_list li {
	margin: 0 5px;
	display: inline;
	line-height: 3em;
}
.search_list li a {
	display: inline-block;
	width: 240px;
	padding:0;
	margin: 1px;
	border: 1px solid #999;
}
.search_list li a:hover,
.search_list li.sty a {
	background-color: #FFF100;
	color: #000;
	text-decoration: none;
}


/*詳細表示テーブル*/
.conf-tb {
	width: 800px;
	margin: 0 0 10px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	clear: both;
}
.conf-tb th {
	background-color: #F5F5F5;
	text-align: left;
	width: 20%;
}
.conf-tb th,
.conf-tb td {
	padding: 5px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.conf-tb p {
	margin: 0;
	padding: 0;
}
#conf-footer {
	width: 100%;
	text-align: center;
}
#conf-footer address {
	color: #fff;
}
.conf_btn {
	text-align: center;
}
.conf_btn input {
	padding: 5px;
}
.conf_close {
	text-align: right;
	padding-bottom: 20px;
}
.conf-zone {
	width: 800px;
	margin-bottom: 10px;
	padding: 10px 0 5px;
}
.conf-zone h3 {
	font-size: 1.3em;
}

#KomaNo {
	float: right;
	width: 100px;
	font-size: 0.8em;
	border: solid 1px;
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 5px;
	margin-bottom: 15px;

}
#KomaNo p {
	font-size: 1.5em;
	font-weight: bold;
}
.conf-sb {
	background-color:#F5F5F5;
	font-weight: bold;
	padding: 3px;}

#navi {
	width: 900px;
	margin-bottom: 20px;
}

#navi ul {
	width: 900px;
	height: 39px;
	background: #B4B4B4;
	border-bottom: 1px solid #999;
}
#navi li {
	list-style: none;
	float: left;
	/* width: 179px; */
	width: 224px;
	text-align: center;
	/* line-height: 39px; */
	color: #838383;
	border-right: 1px solid #999;
}
#navi li a {
	display: table-cell;
	vertical-align: middle;
	/* width: 179px; */
	width: 224px;
	background: #CCC;
	/* height: 39px; */
	border-left: 1px solid #F5F5F5;
	padding: 0.5em 0;
}
#navi .navi7 li,
#navi .navi7 li a {	
	width: 149px;
}



#navi li:last-of-type a {
	border-right: 1px solid #F5F5F5;
}

/*
#navi li.menu4,
#navi li.menu4 a {
	width: 224px;
	border-right: none;
	background: #990000;
	color: #FFF;
}
#navi li.menu4 a:hover {
	background: #6C0000;
	color: #FFF;
}

#navi li.menu3,
#navi li.menu3 a,
#navi li.menu5,
#navi li.menu5 a,
#navi li.menu6,
#navi li.menu6 a {
	width: 100px;
}
#navi li.menu1,
#navi li.menu1 a {
	width: 80px;
}
*/
#navi li a:hover,
body#menu #navi li.menu1 a,
body#product #navi li.menu2 a,
body#product_edit #navi li.menu2 a,
body#partner #navi li.menu3 a,
body#edit_idpass #navi li.menu4 a{
	background: #E0E0E0;
	border-left: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #0B4CA2;
}
#navi li#sty a {
	color: #0B4CA2;
}

#navi li a {
	text-decoration: none;
}

#navi p a {
	float: right;
	font-weight: bold;
	padding: 10px;
	font-size: 14px;
}

#main ul li {
	margin-left: 1em;
	line-height: 1.8;
}


.newpdc_ttl {
	font-weight: bold;
	color: #0B4CA2;
	font-size: 14px;
}



/*事前登録同意画面*/
.attention_wrapper {
	border:  1px solid #ea472e;
	border-radius: 10px;
	padding: 1em;	
}
.attention_wrapper li {
	list-style: disc;
	margin-left: 1em;
}
.HalfBox40 {
  width: 40%; }
  @media screen and (max-width: 640px) {
    .HalfBox40 {
      width: 100%; } }

.HalfBox20 {
  width: 20%; }
  @media screen and (max-width: 640px) {
    .HalfBox20 {
      width: 20%; } }


.center {
  text-align: center !important;
  margin: 0 auto !important; }
.width-auto-both {
    width: auto!important;
}
.lh16 {
    line-height: 1.6!important;
}
.fc_red {
    color: #910000!important;
}
.flex {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }







.bold { font-weight: bold;}
.lh16 {line-height: 1.6;}

.clear {clear:both;}
.aligncenter {	text-align: center!important;}
.alignright {text-align: right;}
.valigntop {	vertical-align: top;}
.nowrap {
	white-space: nowrap
}

.atention {	text-indent: 1em;}
.atention10 {
	text-indent: -1em;
	padding-left: 1em;
}
.atention25 {
	text-indent: -2.5em;
	padding-left: 2.5em;
}


.bg-gry {	background-color: #F5F5F5;}
.bg-l-gry {	background-color: #F8F8F8;}
/* font-color */
.fcred {color: #FF0000!important;}
.fcbl {color: #0000FF!important;}
.fcgrn {color: #00CC33!important;}
.fcpeace {color: #111987!important;}
.fcorg {color: #F76526!important;}
.fcgry {color: #666!important;}
.fcblack {color: #000!important;}


.border_bottom_dot { 
	border-bottom: 1px dotted #999;
}



/* font-size */
.fs10 {font-size: 10px!important;}
.fs11 {font-size: 11px!important;}
.fs12 {font-size: 12px!important;}
.fs14 {font-size: 14px!important;}

/* margin-all */
.mgna00 { margin: 0px!important;}
.mgna05 { margin: 5px!important;}
.mgna10 { margin: 10px!important;}
.mgna15 { margin: 15px!important;}
.mgna20 { margin: 20px!important;}
.mgna25 { margin: 25px!important;}
.mgna30 { margin: 30px!important;}

/* margintop */
.mgnt05 { margin-top: 5px!important;}
.mgnt10 { margin-top: 10px!important;}
.mgnt15 { margin-top: 15px!important;}
.mgnt20 { margin-top: 20px!important;}
.mgnt25 { margin-top: 25px!important;}
.mgnt30 { margin-top: 30px!important;}
.mgnt10em { margin-top: 1em!important;}
.mgnt15em { margin-top: 1.5em!important;}

/* margin-right */
.mgnr05 { margin-right: 5px!important;}
.mgnr10 { margin-right: 10px!important;}
.mgnr15 { margin-right: 15px!important;}
.mgnr20 { margin-right: 20px!important;}
.mgnr25 { margin-right: 25px!important;}
.mgnr30 { margin-right: 30px!important;}

/* margin-bottom */
.mgnb00 { margin-bottom: 0!important;}
.mgnb05 { margin-bottom: 5px!important;}
.mgnb10 { margin-bottom: 10px!important;}
.mgnb15 { margin-bottom: 15px!important;}
.mgnb20 { margin-bottom: 20px!important;}
.mgnb25 { margin-bottom: 25px!important;}
.mgnb30 { margin-bottom: 30px!important;}
.mgnb35 { margin-bottom: 35px!important;}

/* margin-left */
.mgnl05 { margin-left: 5px!important;}
.mgnl10 { margin-left: 10px!important;}
.mgnl15 { margin-left: 15px!important;}
.mgnl20 { margin-left: 20px!important;}
.mgnl25 { margin-left: 25px!important;}
.mgnl30 { margin-left: 30px!important;}
.mgnl50 { margin-left: 50px!important;}
.mgnl100 { margin-left: 100px!important;}

/* padding-all */
.pdna05 { padding: 5px!important;}
.pdna10 { padding: 10px!important;}
.pdna15 { padding: 15px!important;}
.pdna20 { padding: 20px!important;}
.pdna25 { padding: 25px!important;}
.pdna30 { padding: 30px!important;}

/* padding-top */
.pdnt05 { padding-top: 5px!important;}
.pdnt10 { padding-top: 10px!important;}
.pdnt15 { padding-top: 15px!important;}
.pdnt20 { padding-top: 20px!important;}
.pdnt25 { padding-top: 25px!important;}
.pdnt30 { padding-top: 30px!important;}

/* padding-right */
.pdnr05 { padding-right: 5px!important;}
.pdnr10 { padding-right: 10px!important;}
.pdnr15 { padding-right: 15px!important;}
.pdnr20 { padding-right: 20px!important;}
.pdnr25 { padding-right: 25px!important;}
.pdnr30 { padding-right: 30px!important;}

/* padding-bottom */
.pdnb05 { padding-bottom: 5px!important;}
.pdnb10 { padding-bottom: 10px!important;}
.pdnb15 { padding-bottom: 15px!important;}
.pdnb20 { padding-bottom: 20px!important;}
.pdnb25 { padding-bottom: 25px!important;}
.pdnb30 { padding-bottom: 30px!important;}

/* padding-left */
.pdnl05 { padding-left: 5px!important;}
.pdnl10 { padding-left: 10px!important;}
.pdnl15 { padding-left: 15px!important;}
.pdnl20 { padding-left: 20px!important;}
.pdnl25 { padding-left: 25px!important;}
.pdnl30 { padding-left: 30px!important;}

/* input text */
.width40 {	width: 40px;}
.width50 {	width: 50px;}
.width100 {	width: 100px;}
.width150 {	width: 150px;}
.width200 {	width: 200px;}
.width250 {	width: 250px;}
.width300 {	width: 300px;}
.width350 {	width: 350px;}
.width400 {	width: 400px;}
.width450 {	width: 450px;}
.width500 {	width: 500px;}



/* rate */
.rate05 { width: 05%!important;}
.rate10 { width: 10%!important;}
.rate15 { width: 15%!important;}
.rate20 { width: 20%!important;}
.rate30 { width: 30%!important;}
.rate35 { width: 35%!important;}
.rate40 { width: 40%!important;}
.rate50 { width: 50%!important;}
.rate60 { width: 60%!important;}
.rate65 { width: 65%!important;}
.rate70 { width: 70%!important;}
.rate80 { width: 80%!important;}
.rate100 { width: 100%!important;}

.fl-r {	float: right;}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}