@charset "utf-8";

/*==========================

	** TOC **
	reset
	body
	header
	footer


============================*/

/* reset
------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	font-family: meiryo, "Hiragino Kaku Gothic Pro", "MS UI Gothic", Arial,
		Osaka, Sans-serif;
	overflow: scroll;
}

body, h1, h2, h3, h4, h5, h6, form, p, ul, ol, li, table, tr, th, td, dl,
	dd, dt {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

img {
	border: none;
}

li {
	list-style: none;
}

* html h1, * html h2, * html h3, * html h4, * html h5, * html table {
	font-size: 100%;
}

address {
	font-style: normal;
}

table {
	padding: 0;
}

th, td {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	word-break: break-all;
}

input, select, label {
	vertical-align: middle;
}

input::-ms-clear {
	visibility: hidden;
}

.formText {
	padding: 5px 3px;
}

button.formbtn {
	border: none;
	background: none;
	cursor: pointer;
}

/* 2015.9 フォームの枠線調整 */
select, textarea, input[type="text"], input[type="password"], input[type="radio"],
	input[type="checkbox"] {
	padding: 2px;
	border: 1px solid #aaa;
}

/* 2015.10 IE11でのボタンによる罫線ずれ調整 */
input[type="button"] {
	padding: 1px;
}

/* common module
------------------------------------------------------ */
/* clearfix */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.clear {
	height: 0px;
	clear: both;
}

* html .clear {
	overflow: hidden;
}

.alt {
	position: absolute;
	top: -5000px;
	left: -999px;
}

.floatleft {
	float: left !important;
}

.floatright {
	float: right !important;
}

.clearleft {
	clear: left !important;
}

.clearright {
	clear: right !important;
}

.clearboth {
	clear: both !important;
}

.align_right {
	text-align: right !important;
}

.align_center {
	text-align: center !important;
}

.align_left {
	text-align: left !important;
}

.valineT {
	vertical-align: top !important;
}

.valineM {
	vertical-align: middle !important;
}

.valineB {
	vertical-align: bottom !important;
}

.mT0 {
	margin-top: 0px !important;
}

.mT3 {
	margin-top: 3px !important;
}

.mT5 {
	margin-top: 5px !important;
}

.mT10 {
	margin-top: 10px !important;
}

.mT15 {
	margin-top: 15px !important;
}

.mT20 {
	margin-top: 20px !important;
}

.mT30 {
	margin-top: 30px !important;
}

.mL0 {
	margin-left: 0px !important;
}

.mL5 {
	margin-left: 5px !important;
}

.mL10 {
	margin-left: 10px !important;
}

.mL15 {
	margin-left: 15px !important;
}

.mL20 {
	margin-left: 20px !important;
}

.mL30 {
	margin-left: 30px !important;
}

.mR0 {
	margin-right: 0px !important;
}

.mR2 {
	margin-right: 2px !important;
}

.mR5 {
	margin-right: 5px !important;
}

.mR10 {
	margin-right: 10px !important;
}

.mR15 {
	margin-right: 15px !important;
}

.mR20 {
	margin-right: 20px !important;
}

.mR30 {
	margin-right: 30px !important;
}

.mB0 {
	margin-bottom: 0px !important;
}

.mB5 {
	margin-bottom: 5px !important;
}

.mB10 {
	margin-bottom: 10px !important;
}

.mB15 {
	margin-bottom: 15px !important;
}

.mB20 {
	margin-bottom: 20px !important;
}

.mB30 {
	margin-bottom: 30px !important;
}

.m0a {
	margin: 0 auto !important;
}

.mTm30 {
	margin-top: -30px !important;
}

/*---------------*/
.pT0 {
	padding-top: 0px !important;
}

.pT3 {
	padding-top: 3px !important;
}

.pT5 {
	padding-top: 5px !important;
}

.pT7 {
	padding-top: 7px !important;
}

.pT10 {
	padding-top: 10px !important;
}

.pT15 {
	padding-top: 15px !important;
}

.pT20 {
	padding-top: 20px !important;
}

.pT30 {
	padding-top: 30px !important;
}

.pL0 {
	padding-left: 0px !important;
}

.pL5 {
	padding-left: 5px !important;
}

.pL10 {
	padding-left: 10px !important;
}

.pL15 {
	padding-left: 15px !important;
}

.pL20 {
	padding-left: 20px !important;
}

.pL30 {
	padding-left: 30px !important;
}

.pR0 {
	padding-right: 0px !important;
}

.pR2 {
	padding-right: 2px !important;
}

.pR5 {
	padding-right: 5px !important;
}

.pR10 {
	padding-right: 10px !important;
}

.pR15 {
	padding-right: 15px !important;
}

.pR20 {
	padding-right: 20px !important;
}

.pR30 {
	padding-right: 30px !important;
}

.pB0 {
	padding-bottom: 0px !important;
}

.pB5 {
	padding-bottom: 5px !important;
}

.pB10 {
	padding-bottom: 10px !important;
}

.pB15 {
	padding-bottom: 15px !important;
}

.pB20 {
	padding-bottom: 20px !important;
}

.pB30 {
	padding-bottom: 30px !important;
}

.pA0 {
	padding: 0 !important;
}

/*---------------------------------*/
.w100p {
	width: 100% !important;
}

.w99p {
	width: 99% !important;
}

.w97p {
	width: 97% !important;
}

.w95p {
	width: 95% !important;
}

.w100 {
	width: 100px !important;
}

.w150 {
	width: 150px !important;
}

.w200 {
	width: 200px !important;
}

.w300 {
	width: 300px !important;
}

.w350 {
	width: 350px !important;
}

.w380 {
	width: 380px !important;
}

.w400 {
	width: 400px !important;
}

.w450 {
	width: 450px !important;
}

.w530 {
	width: 530px !important;
}

.w730 {
	width: 730px !important;
}

.w950 {
	width: 950px !important;
}

/* FONT -------------------------- */
.size10 {
	font-size: 10px !important;
}

.size12 {
	font-size: 12px !important;
}

.size14 {
	font-size: 14px !important;
}

.size16 {
	font-size: 16px !important;
}

.size14 th, .size14 td {
	font-size: 14px !important;
}

.fontN {
	font-weight: normal !important;
}

.bold {
	font-weight: bold !important;
}

.bold th {
	font-weight: bold !important;
}

.brack {
	color: #000000 !important;
}

.red {
	color: #CC0000 !important;
}

.red2 {
	color: #CC0000 !important;
}

.green {
	color: #009900 !important;
}

.noBorder {
	border: none !important;
}

.borderTop {
	border-top: 1px solid #CCC !important;
}

.borderBottom {
	border-bottom: 1px solid #CCC !important;
}

.borderLeft {
	border-left: 1px solid #CCC !important;
}

.borderRight {
	border-right: 1px solid #CCC !important;
}

.noBorderLeft {
	border-left: none !important;
}

.borderAll {
	border: 1px solid #CCC !important;
}

.bgfff {
	background: #FFF !important;
}

/* LINK -------------------------- */
a {
	color: #2483b9;
	cursor: pointer;
}

a:hover {
	color: #ff6633;
	text-decoration: underline;
}

a:visited {
	
}

a.red {
	color: #CC0000 !important;
	cursor: pointer;
}

a.red:hover {
	color: #FF2222 !important;
	text-decoration: underline;
}

.bt:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	cursor: pointer;
}

.on {
	opacity: 1.0;
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	cursor: pointer;
} /*  2013/07/17 u-g edit opacity:0.7 > opacity:1.0  */
.off {
	opacity: 0.5;
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	cursor: pointer;
}

/* -------------------------- */
p {
	text-align: left;
}

label {
	cursor: pointer;
}

.blue {
	color: #2483b9;
}

.icoAt {
	background: url(../images/icon/at.gif) no-repeat 0 center;
	padding-left: 20px;
}

.gradation {
	background: url(../images/layout/grad.gif) repeat-x 0 0;
}

.bgF2 {
	background: #f2f2f2;
}

.lineBottom {
	background: url(../images/common/line_double.gif) repeat-x 0 bottom;
	padding-bottom: 10px;
}

.formTxtarea {
	border: 1px solid #CCC;
	padding: 7px;
}

/* 2015/06/01 #1132,#1136,#1137 */
.byReturn {
	word-wrap: break-word;
	word-break: break-all;
}
/* 2015/06/01 #1132,#1136,#1137 END */
.resizeThmbnail {
	display: none;
}

/* body layout
------------------------------------------------------ */
body {
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
}

/* header
------------------------------------------------------ */
.pageheader {
	width: 100%;
	border-top: 4px solid #0f6aac;
}

.pageheaderIn {
	width: 1024px;
	height: 75px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/common/head_line.gif) no-repeat 780px bottom;
}

.potalreturnbtn {
    font-size: 10pt;
    margin-left: -10px;
    margin-top: 1px;
    padding: 0 3px;
}

.pageheaderIn a.logo {
	position: absolute;
	top: 0px;
	left: 0;
}

.pageheaderIn ul.m1 {
	position: absolute;
	top: 28px;
	left: 234px; /* 2013/11/01 u-g edit width:174px; => width:234px;  */
	width: 540px; /* 2013/11/01 u-g edit width:600px; => width:540px;  */
}

.pageheaderIn ul.m2 {
	width: 200px;
	position: absolute;
	top: 28px;
	left: 800px;
}

.pageheaderIn ul li {
	float: left;
	margin-right: 20px;
	font-size: 11px;
}

.pageheaderIn ul li a {
	text-decoration: none;
}

.pageheaderIn ul li a:hover {
	text-decoration: underline;
}

.pageheaderIn ul li img {
	vertical-align: top;
}

.pageheaderIn ul li .ar {
	display: block;
	text-align: center;
}

.info {
	width: 100%;
	text-align: center;
	background: url(../images/common/info.gif) repeat-x;
	line-height: 1.0; /* 2014/10/28 u-g add */
}

.pankuzu {
	width: 100%;
	background: #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 11px;
}

.pankuzu div {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 5px 0;
}

.pankuzu div a {
	text-decoration: none;
}

/* 代理操作 */
.agent-info {
	padding: 2px;
	background-color: #f94;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.agent-info .note {
	font-size: 12px;
	font-weight: normal;
}

.agent-info.on {
	display: block;
	text-align: center;
}

.agent-info.off {
	display: none;
}

/* main
------------------------------------------------------ */
.mainBlock {
	width: 950px;
	margin: 0 auto;
	padding-top: 5px; /* 2014/10/28 u-g edit 13px; */
	padding-bottom: 40px;
}

.tableStyle {
	border-top: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
}

.tableStyle td, .tableStyle th {
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}

.dataBody {
	border-top: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
}

.dataBody td, .dataBody th {
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
}

.dataBody td .formtxt {
	width: 100px;
	margin: 0 5px;
	padding: 3px 5px;
	text-align: right;
}

.bt1 {
	width: 44px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 266px;
	top: 291px;
}

.bt2 {
	width: 44px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 402px;
	top: 291px;
}

.bt3 {
	width: 44px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 536px;
	top: 291px;
}

.bt4 {
	width: 44px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 672px;
	top: 291px;
}

.bt5 {
	width: 44px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	left: 807px;
	top: 291px;
}

/* leftCol
------------------------------------------------------ */
#leftCol {
	float: left;
	word-break: break-all;
}

#centerCol {
	float: right;
}

#centerColPrint{
	float: right;
}

.printspec_select {
	padding:4px 0;
	position:relative;
}

.printspec_selected {
	padding:0px;
	position:relative;
}

.printspec_select .printspec_select_value,
.printspec_selected .printspec_select_value
{
	position:absolute;
	left:100px;
}

.printvalue_table {
	border-spacing:0;
}

.printvalue_table th{
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#DDDDDD;
	text-align:center;
	white-space: nowrap;
}

.printvalue_table td{
	border:1px solid #CCCCCC;
	padding:3px;
	width:100px;
	text-align:right;
	white-space: nowrap;
}

#printspec_view{
    margin: 0 50px;
    border: dotted 1px gray;
    padding: 4px;
}

.printspec_disp {
    border: dotted 1px gray;
    padding: 4px;
}

#containerWrap {
	width: 740px;
	/** 2013/07/04 u-g modify 730px -> 740px 2014/10/28 u-g modify 738px  **/
	height: 197px;
	/** 2013/07/04 u-g modify 260px -> 283px  2013/08/26 u-g modify 283px -> 197px  **/
}

#containerWrap2 {
	height: 197px;
	margin: 0 10px;
}

#container {
	vertical-align: middle;
}

/* footer
------------------------------------------------------ */
.gotop {
	width: 950px;
	text-align: right;
	margin: 0 auto 0;
}

#footer {
	width: 100%;
	height: 170px;
	background: url(../images/common/footer.jpg) repeat-x 0 0;
	text-align: center;
}

.modal {
	opacity: 0;
	display: none;
}

.modalBody {
	position: fixed;
	z-index: 1000;
	background: #eceadf;
	width: 540px;
	left: 50%;
	top: 25%;
	border-radius: 10px;
}

.modalBK {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.5;
	top: 0;
	left: 0;
}

.close {
	cursor: pointer;
}

.modal {
	width: 540px;
	color: #333;
}

.modal p {
	font-size: 12px;
	text-align: justify;
}

.modal h1 {
	font-weight: bold;
	font-size: 30px;
}

.modalBody {
	padding: 10px;
}

.modalTitle {
	border: 1px solid #d4d1bf;
	border-radius: 5px;
	background: #FFF;
	padding: 7px 10px 5px;
}

.modalIn {
	background: #FFF;
}

.alertTxt {
	font-size: 14px;
	line-height: 1.7;
	padding: 15px 0px;
	margin: 0 25px;
	border-bottom: 1px solid #CCC;
}

ul.check {
	text-align: left;
	padding: 11px 13px 5px;
	background: url(../images/home/line.gif) no-repeat 1px bottom;
	word-wrap: break-word; /* 2015/05/20 #1076 */
}

ul.check li {
	margin-bottom: 5px;
}

ul.check input, ul.check label {
	vertical-align: middle;
	cursor: pointer;
	word-wrap: break-word; /* 2015/05/20 #1076 */
}

ul.check label {
	padding-left: 5px;
}

/* folderMenu
---------------------------------*/
.folderMenu {
	width: 200px;
	margin-bottom: 12px;
	background: url(../images/common/left_middle.gif) repeat-y;
	font-family: "MS UI Gothic", Osaka, Sans-serif;
}

.folderMenu .top {
	width: 200px;
	background: url(../images/common/left_top.gif) no-repeat;
	height: 5px;
	overflow: hidden;
}

.folderMenu .bottom {
	width: 200px;
	background: url(../images/common/left_bottom.gif) no-repeat;
	height: 5px;
	overflow: hidden;
}

.folderMenu .line {
	background: url(../images/common/left_line.gif) no-repeat 0 0;
}

.folderMenu h2 {
	padding: 3px 10px;
	text-align: left;
}

.folderMenu ul {
	padding: 5px 0px 5px 0px;
	text-align: left;
	width: 200px;
	overflow: hidden;
}

.folderMenu ul li {
	padding: 0;
	margin: 1px 0;
	float: left;
	width: 200px;
	font-weight: normal;
}

.folderMenu ul a {
	background: url(../images/common/list_folder_c.gif) no-repeat 7px 5px;
	display: block;
	padding: 3px 9px 2px 27px;
	color: #000000 !important; /* IE6 */
	text-decoration: none;
}

.folderMenu ul a:hover {
	text-decoration: underline;
}

.folderMenu ul li.open a {
	font-weight: bold;
}

.folderMenu ul li.open a {
	background: url(../images/common/list_folder_o.gif) no-repeat 6px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li.minus_open a {
	background: url(../images/common/list_folder_mo.gif) no-repeat 6px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li.plus_open a {
	background: url(../images/common/list_folder_po.gif) no-repeat 6px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li.minus_close a {
	background: url(../images/common/list_folder_mc.gif) no-repeat 7px 5px;
}

.folderMenu ul li.plus_close a {
	background: url(../images/common/list_folder_pc.gif) no-repeat 7px 5px;
}

.folderMenu ul li.open a, .folderMenu ul li.minus_open a, .folderMenu ul li.plus_open a
	{
	border: 1px solid #dfdfdf;
	padding-left: 26px;
	font-weight: bold;
}

/* -2- */
.folderMenu ul li ul {
	padding: 0px;
	text-align: left;
}

.folderMenu ul li li a, .folderMenu ul li.open li a, .folderMenu ul li.minus_open li a,
	.folderMenu ul li.plus_open li a, .folderMenu ul li.minus_close li a,
	.folderMenu ul li.plus_close li a {
	background: url(../images/common/list_folder_c.gif) no-repeat 17px 5px;
	padding-left: 39px;
	border: none;
	font-weight: normal;
}

.folderMenu ul li li.open a {
	font-weight: bold;
}

.folderMenu ul li li.open a {
	background: url(../images/common/list_folder_o.gif) no-repeat 16px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li.minus_open a {
	background: url(../images/common/list_folder_mo.gif) no-repeat 16px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li.plus_open a {
	background: url(../images/common/list_folder_po.gif) no-repeat 16px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li.minus_close a {
	background: url(../images/common/list_folder_mc.gif) no-repeat 17px 5px;
}

.folderMenu ul li li.plus_close a {
	background: url(../images/common/list_folder_pc.gif) no-repeat 17px 5px;
}

.folderMenu ul li li.open a, .folderMenu ul li li.minus_open a,
	.folderMenu ul li li.plus_open a {
	border: 1px solid #dfdfdf;
	padding-left: 38px;
	font-weight: bold;
}

/* -3- */
.folderMenu ul li li li {
	font-weight: normal;
}

.folderMenu ul li li li a, .folderMenu ul li li.open li a, .folderMenu ul li li.minus_open li a,
	.folderMenu ul li li.plus_open li a, .folderMenu ul li li.minus_close li a,
	.folderMenu ul li li.plus_close li a {
	padding-left: 49px;
	background: url(../images/common/list_folder_c.gif) no-repeat 27px 5px;
	border: none;
	font-weight: normal;
}

.folderMenu ul li li li.open a {
	background: url(../images/common/list_folder_o.gif) no-repeat 26px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li li.minus_open a {
	background: url(../images/common/list_folder_mo.gif) no-repeat 26px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li li.plus_open a {
	background: url(../images/common/list_folder_po.gif) no-repeat 26px 5px
		#0f6aac;
	color: #FFF !important; /* IE6 */
}

.folderMenu ul li li li.minus_close a {
	background: url(../images/common/list_folder_mc.gif) no-repeat 27px 5px;
}

.folderMenu ul li li li.plus_close a {
	background: url(../images/common/list_folder_pc.gif) no-repeat 27px 5px;
}

.folderMenu ul li li li.open a, .folderMenu ul li li li.minus_open a,
	.folderMenu ul li li li.plus_open a {
	padding-left: 48px;
	border: 1px solid #dfdfdf;
	font-weight: bold;
}

/* -END- */

/* button
----------------------------------------*/
button {
	vertical-align: middle;
}

button.img {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.toolBtnUpOff {
	width: 20px;
	height: 13px;
	background: url(../images/btn/toolBtnUp.gif) no-repeat 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

.toolBtnDownOff {
	width: 20px;
	height: 13px;
	background: url(../images/btn/toolBtnDown.gif) no-repeat 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

.toolBtnUpOn {
	width: 20px;
	height: 13px;
	background: url(../images/btn/toolBtnUp_on.gif) no-repeat 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

.toolBtnDownOn {
	width: 20px;
	height: 13px;
	background: url(../images/btn/toolBtnDown_on.gif) no-repeat 0 0;
	overflow: hidden;
	border: none;
	cursor: pointer;
}

.star {
	width: 104px;
	height: 17px;
	background: url(../images/common/star_off.gif) no-repeat;
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
}

.star .point0 {
	height: 17px;
	width: 0%;
	overflow: hidden;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point0_5 {
	height: 17px;
	width: 10%;
	overflow: hidden;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point1 {
	height: 17px;
	width: 20%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point1_5 {
	height: 17px;
	width: 30%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point2 {
	height: 17px;
	width: 40%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point2_5 {
	height: 17px;
	width: 50%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point3 {
	height: 17px;
	width: 60%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point3_5 {
	height: 17px;
	width: 70%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point4 {
	height: 17px;
	width: 80%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point4_5 {
	height: 17px;
	width: 90%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

.star .point5 {
	height: 17px;
	width: 100%;
	background: url(../images/common/star_on.gif) no-repeat 0 0;
}

/* login page
----------------------------------------*/
.pageheaderLogin {
	width: 100%;
	height: 87px;
	background-image: url(../images/layout/login_head_bg.gif);
	/* 2015/05/18 #1083 height: 82px; => height: 75px;  */
	background-position: bottom left;
	/* 2015/05/18 #1083 height: 82px; => height: 75px;  */
	background-repeat: repeat-x;
	/* 2015/05/18 #1083 height: 82px; => height: 75px;  */
	margin: 0 auto;
	border-top: 4px solid #0F6AAC;
}

.pageheaderLoginIn {
	width: 950px;
	height: 82px;
	position: relative;
	margin: 0 auto;
}

.pageheaderLoginIn .logo {
	position: absolute;
	top: 0px;
	left: 0;
}

.loginWrap {
	width: 550px;
	margin: 30px auto;
}

.loginWrap2 {
	margin: 30px auto;
}

.loginWrap .loginTit {
	width: 535px;
	height: 40px;
	background: url(../images/common/border_double.gif) repeat-x 0 bottom
		#f2f2f2;
	border-radius: 10px 10px 0 0;
	text-align: left;
	padding: 12px 0 0 15px;
}

.loginMid {
	background: #f2f2f2;
	text-align: center;
	padding: 30px 0;
	background: url(../images/common/border_double.gif) repeat-x 0 bottom
		#f2f2f2;
}

.loginMid table {
	margin: 0 auto;
}

.loginMid table th, .loginMid table td {
	padding: 5px 3px 5px;
	font-size: 14px;
}

.loginMid table th {
	text-align: right;
	font-weight: normal;
}

.loginBox {
	width: 200px;
	padding: 3px 5px 2px;
}

.loginBot {
	width: 550px;
	height: 40px;
	border-radius: 0 0 10px 10px;
	background: #f2f2f2;
	padding-top: 10px;
}

.errorTxt {
	margin-top: -10px;
	margin-bottom: 10px;
}

.errorTxt ul {
	padding-left: 180px;
	margin: 0;
}

.errorTxt ul li {
	text-align: left;
	list-style: disc;
}

.loginBottomTxt {
	padding: 15px;
}

.loginBottomTxt p.tit {
	font-weight: bold;
	margin-bottom: 7px;
}

/* 数量別価格表ダイアログ */
#price_view table {
	width: 100%;
	border: solid 1px #b9b9b9;
	border-collapse: collapse;
}

#price_view th, #price_view td {
	border-collapse: collapse;
	border: solid 1px #b9b9b9;
	padding: 5px 3px;
	font-weight: normal;
}

#price_view th {
	background-color: #d2d2d2;
}

#price_view th span {
	margin-right: 3px;
	vertical-align: middle;
}

#price_view td {
	text-align: left;
	padding: 5px 5px;
}

#price_view tdody tr:nth-child(odd) td {
	background-color: #FFF; /* 奇数行の背景色 */
}

#price_view tdody tr:nth-child(even) td {
	background-color: #f8f8f8; /* 偶数行の背景色 */
}

/* コスト比較表ダイアログ */
#cost_view table {
	width: 100%;
	border: solid 1px #b9b9b9;
	border-collapse: collapse;
}

#cost_view th, #cost_view td {
	border-collapse: collapse;
	border: solid 1px #b9b9b9;
	padding: 5px 3px;
	font-weight: normal;
}

#cost_view th {
	background-color: #d2d2d2;
}

#cost_view th span {
	margin-right: 3px;
	vertical-align: middle;
}

#cost_view td {
	text-align: left;
	padding: 5px 5px;
}

#cost_view tdody tr:nth-child(odd) td {
	background-color: #FFF; /* 奇数行の背景色 */
}

#cost_view tdody tr:nth-child(even) td {
	background-color: #f8f8f8; /* 偶数行の背景色 */
}

/*----- アカウント設定ダイアログ ---*/
/* リストエリア */
#EDIT_DIALOG .list {
	overflow-x: auto;
	clear: both;
}

/* テーブル */
#EDIT_DIALOG .list table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none 0px #fff;
}

#EDIT_DIALOG .list th, #EDIT_DIALOG .list td {
	margin: 0px;
	padding: 4px;
	color: #222;
	border: solid 1px #999;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
}

#EDIT_DIALOG .list th {
	background-color: #eee;
	white-space: nowrap;
}

/* タイトル */
#EDIT_DIALOG .list h4 {
	margin: 6px 0px 2px 0px;
	background: #ccc;
	height: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: .5em;
}

#EDIT_DIALOG .list .select {
	background-color: #cee3f2 !important;
}

/* get_edit_setting_dialog の ダイアログ中の HTML の　リストエリア */
.editSettingDialoglist {
	overflow-x: auto;
	clear: both;
}

/* テーブル */
.editSettingDialoglist table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none 0px #fff;
}

.editSettingNonDialog table {
	background-color: #eee;
}

.editSettingDialoglist th, .editSettingDialoglist td {
	margin: 0px;
	padding: 4px;
	color: #222;
	border: solid 1px #999;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: left;
	word-wrap: break-word;
}

.editSettingDialoglist th {
	background-color: #eee;
}

/* タイトル */
.editSettingDialoglist h4 {
	margin: 6px 0px 2px 0px;
	background: #ccc;
	height: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: .5em;
}

.editSettingDialoglist .select {
	background-color: #cee3f2 !important;
}

/* get_mail_address_list.php */
.align_center {
	text-align: center !important;
}

.addressListTableHead {
	background: #b9b9b9;
	width: 750px;
}

.addressListTableHead ul.tab {
	float: left;
}

.addressListTableHead ul.tab li {
	display: inline;
}

.addressListTableHead ul.tab li a {
	display: inline-block;
	height: 16px;
	padding: 8px 30px 10px 20px;
	background: url(../images/layout/tab_bg.png) no-repeat right 0 #FFF;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	min-width: 80px;
	text-align: left;
}

.addressListTableHead ul.tab li.on a {
	background: url(../images/layout/tab_bg.png) no-repeat right 0 #0f6aac;
	color: #FFF;
}

.addressListTableHead ul.tab li a:hover {
	background: url(../images/layout/tab_bg.png) no-repeat right 0 #e3ecf2;
}

.addressListTableHead ul.tab li.on a:hover {
	background: url(../images/layout/tab_bg.png) no-repeat right 0 #0f6aac;
}

.addressListTableHead .left p {
	width: 150px;
	float: left;
	padding-top: 7px;
	padding-left: 10px;
}

.addressListTableHead .left .furigana {
	float: left;
	padding-top: 7px;
	padding-left: 10px;
}

.addressListTableHead .right {
	width: 340px;
	padding: 3px 10px 0px 0px;
	float: right;
}

.addressListTableHead .pageList {
	background: #FFF;
	border-radius: 20px;
	padding: 3px 15px;
}

.addressListTableHead .pageList .txt {
	float: left;
}

.addressListTableHead .pageList .txt a {
	text-decoration: none;
}

.addressListTableHead .pageList .txt a:hover {
	text-decoration: underline;
}

.addressListTableHead .pageList table {
	float: right;
}

.addressListTableHead .pageList table td {
	vertical-align: middle;
	padding: 0 2px;
}

.addressListTableHead .pageList table td img {
	vertical-align: bottom;
}

.addressListTableHead .pageList table .now {
	padding: 0 5px;
}

.addressTeble {
	width: 750px;
	border-top: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
}

.addressTeble th, .addressTeble td {
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	padding: 5px 3px;
	font-weight: normal;
}

.addressTeble thead th {
	background: url(../images/layout/line.gif) repeat-y 0 0 #d2d2d2;
}

.addressTeble thead th span {
	margin-right: 3px;
	vertical-align: middle;
}

.addressTeble thead th button {
	vertical-align: middle;
}

.addressTeble td {
	text-align: left;
	padding: 5px 5px;
}

.addressTeble tr:nth-child(odd) td {
	background-color: #FFF; /* 奇数行の背景色 */
}

.addressTeble tr:nth-child(even) td {
	background-color: #f8f8f8; /* 偶数行の背景色 */
}

.addressTeble tr td a, .addressListTableHead .pageList a {
	color: #2483b9; /* 文字色 */
}

.addressTeble tr td a:hover, .addressListTableHead .pageList a:hover {
	color: #ff6633;
	text-decoration: underline; /* 文字色 */
}

.align_center {
	text-align: center;
}

/* get_material_info.php */
.materialInfoTeble {
	width: 380px;
	border-top: 1px solid #b9b9b9;
	border-left: 1px solid #b9b9b9;
}

.materialInfoTeble th, .materialInfoTeble td {
	border-right: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	padding: 5px 3px;
	font-weight: normal;
}

.materialInfoTeble thead th {
	background: url(../images/layout/line.gif) repeat-y 0 0 #d2d2d2;
}

.materialInfoTeble thead th span {
	margin-right: 3px;
	vertical-align: middle;
}

.materialInfoTeble thead th button {
	vertical-align: middle;
}

.materialInfoTeble td {
	text-align: left;
	padding: 5px 5px;
}

.materialInfoTeble tr:nth-child(odd) td {
	background-color: #FFF; /* 奇数行の背景色 */
}

.materialInfoTeble tr:nth-child(even) td {
	background-color: #f8f8f8; /* 偶数行の背景色 */
}

.materialInfoTeble tr td a, .addressListTableHead .pageList a {
	color: #2483b9; /* 文字色 */
}

.materialInfoTeble tr td a:hover, .addressListTableHead .pageList a:hover
	{
	color: #ff6633;
	text-decoration: underline; /* 文字色 */
}

/* 2016.05.11 資材マスタメンテ画面等の小さいトップカテゴリ表示（JTable）の調整 */
.topCategory {
	padding: 2px;
}

/* テキストとIcon画像の垂直位置合わせ用 span要素で使用 */
.vIconAlineM {
    display:inline-block;
    vertical-align:middle;
}

/* デジタル配信/URL連絡 */
#MAIL_DIALOG #new_address, #MAIL_DIALOG #mail_title, #MAIL_DIALOG #mail_sender_name
	{
	width: 374px;
}

#MAIL_DIALOG #mail_body {
	width: 565px;
}

#MAIL_DIALOG #mail_limit {
	width: 164px;
}

/* */
#CART_MYPAGE_INFO {
	text-align: center;
	height: 100%;
}

.nouseKinkos {
	display:none;
}

.extra_prop_options_table tr th,
.extra_prop_options_table tr td {
    padding: 4px;
}
.extra_prop_options_table tr:nth-child(odd) {
    background-color: #FFF; /* 奇数行の背景色 */
}
.extra_prop_options_table tr:nth-child(even) {
    background-color: #f0f0f0; /* 偶数行の背景色 */
}

/* 資材詳細名 */
.material_detail_name {
	font-size:8pt;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-bottom:6px;
	color:#bf250a;
}

.deliverydateTitle {
	font-size:8pt;
	color:#000055;	
}

.pdfdownloadbtn {
    color: white;
    padding: 6px;
    background: #405dd6eb;
}
.fileset_sheet_downloadbtn {
    color: white;
    padding: 6px 10px;
    background: #405dd6eb;
}