@charset "utf-8";
/* default */
/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical; 
}
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;
	background: #999;
}
#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;
}
h3 span.alignright {
	float: right;
	font-weight: normal;
	color: #333;
}
.btn {
	width: 150px;
	padding: 3px 0;
	text-align: center!important;
}
.btnlong {
	padding: 3px 5px;
	text-align: center!important;
}

/* login */
#login-tb {
	width: 400px;
	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;
	vertical-align: top;
}
.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%
}

.f_tb_t input,
.f_tb_y input,
.f_tb_t select,
.f_tb_y select {
    vertical-align: middle !important;
    margin-right: 2px !important;
}

.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;*/
	margin: 20px 0 0;
}
#note-zone ul {
	margin: 10px 20px;
	padding-left: 1em;
	

}


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


#conf_header {
	width: 100%;
	height: 138px;
	text-align: center;
}
#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;
	border-bottom: 1px solid #999;
}

#navi ul {
	margin: 0 auto;
	width: 900px;
	height: 39px;
}
#navi li {
	list-style: none;
	float: left;
	width: 149px;
	text-align: center;
	line-height: 39px;
	color: #838383;
	border-left: 1px solid #F5F5F5;
}
#navi li a {
	display: block;
	width: 149px;
	background: #CCC;
	height: 39px;
}
#navi li:last-child {
	border-right: 1px solid #F5F5F5;
	width: 148px;
}
#navi li:last-child a {
	width: 148px;
}
#navi ul.child {
	width: 896px;
}
#navi ul.child li, 
#navi ul.child li a {
	width: 148px;
}
#navi ul.child li:last-child,
#navi ul.child li:last-child a {
	width: 149px;
}


#navi li a:hover,
body#product #navi li.menu1 a,
body#product_edit #navi li.menu2 a,
body#product_edit #navi li.menu2 a,
body#card #navi li.menu3 a,
body#menu #navi li.menu4 a,
body#edit_idpass #navi li.menu5 a,
body#user_list #navi li.menu6 a,
body#edit #navi li.menu6 a,
body#child_idpass #navi li.menu6 a
 {
	background: #E0E0E0;
	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;
}



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


/* エラーメッセージ */
.err_area {
    border: 2px solid #cd2929;
    margin: 20px auto;
    padding: 20px;
}
.err_area p {
    color: #cd2929;
    line-height: 1.5;
}
.save_area {
    border: 2px solid #126FC1;
    margin: 20px auto;
    padding: 20px;
}
.save_area p {
    line-height: 1.5;
}
.atention_area {
    border: 1px solid #FF0000;
    margin: 0 0 50px;
    padding: 10px;
}
.atention_area p {
    line-height: 1.5;
}
.atention_area li {
	margin-left: 1em;
	list-style: disc;
}


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

.atention {	
	text-indent: -1em;
	padding-left: 1em;
}
.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;}


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

/* margin-all */
.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;}

/* 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;}
.rate25 { width: 25%!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;}

.fl-r {	float: right;}

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

/* フォームime-off */
.ime_off {
	ime-mode: disabled;
}