@charset "UTF-8";

  /**
   * ユーザーページ CSS
   *
   */

/**
//=========================================//
//-------------ベーシック設定--------------//
//=========================================//
*/


/*全体コンテナ*/
#container {

	background: url("../images/sys/bg_container.png") repeat scroll 0 -560px transparent;
	width            : 100%;
}

/*メインコンテナ*/
#contentContainer {

	float            : none;
	padding-bottom   : 12px;
	text-align       : left;
	width            : 100%;
	margin           : 0;
	/*background-color : #FFF;*/
}

#content {

	margin     : 0 16px 32px 16px;
	min-height : 380px;
	min-width  : 572px;
}

div#pageTitle {

	padding        : 6px 0 6px 12px;
	text-align     : left;
}


#globalMenu {
	
}

#navi {

	margin : 6px 0 0 0;
}

#globalMenu .loginUser {
	
	float  : right;
}

#globalMenu .loginout {

	float       : right;
	color       : #666666;
	font-weight : normal;
	margin      : 0 6px 10px 10px;
	padding     : 4px 0;
}

#navi li.active a {

	color      : #333;
	font-weight: bold;
}

#navi .menuBlock {
}

#navi .menuBlock ul {

	list-style : none;
}

#navi .menuBlock ul li {

	margin : 2px 0 0 10px;
	float  : left;
}

#navi .menuBlock ul li img {

	vertical-align : text-bottom;
	margin : 2px 2px 0 0;
}

#navi .menuBlock ul li a {

	padding: 4px 0 1px 4px;
}

/**
//=========================================//
//-------------ヘッダ・フッタ--------------//
//=========================================//
*/

#pageHeader {
	
	background: url("../images/sys/bg_th_user.png") repeat-x scroll 0 -160px transparent;
}

#footer {

	margin-top : 0;
	background: url("../images/sys/bg_th_user.png") repeat-x scroll 0 -160px transparent;
}

div#abort {

    background : url("../images/sys/abort.png") no-repeat scroll 0 0 transparent;
    float      : right;
    height     : 16px;
    margin     : 2px 10px 2px 0;
    padding    : 2px 0 0 22px;
    white-space: nowrap;
}

div#abort a.active {

	font-weight : bold;
	color       : #333;
}

/**
//=========================================//
//---------ユーザーログインフォーム--------//
//=========================================//
*/

div.loginForm {

	background : none;
	height: 320px;
	margin: 64px 0  0 0;
	width: 100%;
}

div.loginForm form {

	float  : none;
	margin : 0 auto;
	width  : 360px;
}

div.loginForm input.textBox {

	color : #333;
	width: 320px;
	height: 1.4em;
	font-size: 1.2em;
	font-weight: bold;
}

div.loginForm th.topHead {

	background: url("../images/sys/bg_th_user.png");
}
div.loginForm th.bottomHead {

	background: url("../images/sys/bg_th_user.png");
}

#subTabs h3, #tabs h3 {

	color: #FF6FB2;
}

/**
//=========================================//
//-----------情報登録フォーム--------------//
//=========================================//
*/

div.editForm textarea,
div.editForm input {
	background: url("../images/sys/bg_field.png") repeat-x scroll 0 0 transparent;
}

div.err input,
div.err textarea {

	border           : 1px solid #F00 !important;
	background-color : #FEE;
	background-image : none;
	margin           : 1px 0px;
	padding          : 1px;
}


div.editForm h5 {

	color          : #3c3c3c;
	font-weight    : bold;
	text-align     : left;
	letter-spacing : 0.5em;
	display        : inline-block;
	border-left    : 8px solid #CCC;
	border-bottom  : 1px solid #CCC;
	padding        : 2px 16px 2px 12px;
	margin         : 12px 0px 8px 0px;
	border-top-left-radius     : 6px;
	-moz-border-radius-topleft : 6px;
}

div.editForm h6 {

	color          : #3c3c3c;
	font-weight    : bold;
	text-align     : left;
	letter-spacing : 0.5em;
	display        : inline-block;
	border-bottom  : 1px solid #CCC;
	padding        : 2px 16px 2px 12px;
	margin         : 12px 0px 8px 0px;

}

div.editForm {

	overflow   : auto;
	overflow-y : hidden;
	clear      : both;
	margin     : 12px 0;
}

*:first-child+html div.editForm {

	padding    : 0px 0px 12px 0px;
}

div.addPageLink {

	margin     : 0;
}

div.editForm table {

	background: url("../images/sys/bg_table.png") repeat scroll 0 0 transparent;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	border-radius         : 4px;
	width                 : 100%;
	border                : 1px solid #AAA;
	background-color      : #FFF;
	/*border-collapse       : collapse;*/
	margin                : 8px 0px;
	clear                 : both;
}

div.editForm th,
div.editForm td {

	/*
padding : 3px 5px 3px 3px;
*/
	padding : 0.2em 6px 0.2em 3px;
}

div.editForm td.vaTop {

	vertical-align : top;
}

div.editForm th.ctr,
div.editForm td.ctr {

	text-align : center;
}

div.editForm th.price,
div.editForm td.price,
div.editForm th.qty,
div.editForm td.qty,
div.editForm th.price input,
div.editForm td.price input,
div.editForm input.price,
div.editForm th.qty input,
div.editForm td.qty input {

	text-align : right;
}


div.editForm td.hd {

	white-space : nowrap;
}

div.editForm th a {

	text-align : center;
	color      : #333;
}

div.editForm th a:hover {

	text-align : center;
	color      : #F00;
}

div.editForm td {

	border-bottom    : #999 dotted 1px;
	background       : url("../images/sys/bg_table.png") repeat scroll 0 0 transparent;
	/*vertical-align  : top;*/
}

div.editForm tr.bottom td {

	border-bottom : none;
}


div.editForm tr.error {

	vertical-align : top;
}

/*tinymce用*/
td.mce table {

	width  : 50%;
	margin : 0px;
	border : 0px;
}

/*データが無い場合*/
div.editForm td.nodata {

	background-color : #F9F9F9;
	padding          : 36px 16px;
}

div.editForm td.nowrap_ctr {

	text-align  : center;
	white-space : nowrap;
}

div.editForm p.note {

	clear       : both;
	color       : #3C3C3C;
	line-height : 110%;
	margin      : 2px 0px;
	padding     : 0px 0px 0px 12px;
	text-indent : -1em;
}

span.note {

	color       : #4C4C4C;
}

div.editForm p.leftNote {

	float       : left;
	color       : #666;
	line-height : 110%;
	margin      : 6px 0px;
	padding     : 0px 0px 0px 12px;
	text-indent : -1em;
}

div.editForm ul.note {

	color       : #666;
	list-style  : none;
}

div.editForm ul.note li {

	line-height : 128%;
	list-style  : none;
	margin      : 0 0 0 10px;
	text-indent : -1em;
}

div.editForm dl.note {

	font-size   : 12px;
	clear       : both;
	color       : #666;
	line-height : 110%;
	margin      : 2px 0px;
	padding     : 0px 0px 2px 12px;
}

div.editForm dl.note dt {

	clear     : both;
	float     : left;
	font-size : 12px;
	margin    : 0;
	padding   : 0;
	width     : 100px;
}

div.editForm dl.note dd {

	font-size : 12px;
	margin    : 0;
	padding   : 0 8px 2px 100px;
}


div.editForm dl.note2 {

	font-size   : 12px;
	clear       : both;
	color       : #666;
	line-height : 110%;
	margin      : 8px 0px;
	padding     : 0px 0px 2px 12px;
}

div.editForm dl.note2 dt {

	clear     : both;
	float     : left;
	font-size : 12px;
	margin    : 0;
	padding   : 6px 0 0 0;
	width     : 64px;
	heght     : 32px;
}

div.editForm dl.note2 dd {

	font-size : 12px;
	margin    : 0;
	padding   : 0;
	heght     : 32px;
}

div.editForm dl.form {

	font-size   : 12px;
	clear       : both;
	color       : #666;
	line-height : 110%;
}

div.editForm dl.form dt {

	clear     : both;
	float     : left;
	margin    : 0;
	padding   : 6px 0 0 0;
	width     : 96px;
	min-heght     : 32px;
}

div.editForm dl.form dd {

	margin    : 0;
	padding   : 0;
	min-heght : 32px;
}


div.editForm th.admin,
div.editForm th.sideHead {

	color            : #333;
	font-weight      : normal;
	text-align       : left;
	padding          : 4px;
	/*
white-space      : nowrap;
*/
	background-color : #EAEAEA;
	vertical-align   : top;
}

div.editForm th.sideHead {

	text-align  : right;
	/*background  : #FFF url(../images/sys/task_todo.png) no-repeat 4px 7px;*/
	background  : none;
	
	width         : none;
	border-bottom : #999 dotted 1px;
	border-right  : #999 dotted 1px;
	padding       : 4px 12px 4px 4px;
	line-height   : 120%;
	color         : #404040;
	font-weight   : bold;
	width         : 128px;
}

div.editForm tr.bottom th.sideHead {

	border-bottom : none;
}


div.order th,
div.estimate th,
div.issue th,
div.customer th,
div.purchase th {

	width       : 84px;
}

div.order th.sideHead,
div.estimate th.sideHead,
div.issue th.sideHead,
div.customer th.sideHead,
div.purchase th.sideHead {

	width       : 86px;
}

div.editForm th {

	padding           : 4px 6px 4px 6px;
	color             : #4C4C4C;;
	background-color  : #EFEFEF;
	white-space       : nowrap;
	font-weight       : bold;
}

div.editForm td.item {

	background-color  : #EFEFEF;
	white-space       : nowrap;
	padding           : 4px 2px 4px 4px;
	line-height       : 120%;
}


div.editForm th.admin {

	background-color : #FEE2DE;
}

tr.topHead th,
div.editForm th.topHeadAdmin,
div.editForm th.topHead {

	background       : #CCC url(../images/sys/middle_head.png) repeat-x 0 0px;
	font-weight      : normal;
	text-align       : center;
	background-color : #999;
	padding          : 6px 4px;
	text-shadow      : 1px 1px 0 #FFF;
	vertical-align   : middle;
}

tr.high th {

	padding : 4px;
}

th.topright {

	border-top-right-radius     : 4px;
	-moz-border-radius-topright : 4px;
}

th.topleft {

	border-top-left-radius     : 4px;
	-moz-border-radius-topleft : 4px;
}

th.top {

	border-top-right-radius     : 4px;
	border-top-left-radius      : 4px;
	-moz-border-radius-topright : 4px;
	-moz-border-radius-topleft  : 4px;
	text-align                  : left !important;
	font-size   : 1.1em;
	font-weight : bold !important;
	letter-spacing : 0.4em;
}

div.editForm th.topHeadAdmin {

	background-color : #FF6633;
}

tr.middleHead th {

	background : url(../images/sys/middle_head.png) repeat-x 0 0;
	color            : #606060;
	font-weight      : normal;
	text-align       : center;
	padding          : 6px 8px;
	text-shadow      : 0.5px 0.5px 0 #FFF;
	vertical-align   : middle;
}

input[type=text],
input[type=password],
select,
textarea {

	border                : 1px solid #B9B9B9;
	transition            : border linear .2s,box-shadow linear .2s;
	-moz-transition       : border linear .2s,-moz-box-shadow linear .2s;
	-webkit-transition    : border linear .2s,-webkit-box-shadow linear .2s;
	border-radius         : 3px 3px 3px 3px;
	-moz-border-radius    : 3px 3px 3px 3px;
	-webkit-border-radius : 3px 3px 3px 3px;
	padding               : 2px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
textarea:focus,
select:focus {

	outline            : none;
	border-color       : rgb(251, 71, 139)!important;
	box-shadow         : 0 0 8px rgba(251, 71, 139,0.5);
	-moz-box-shadow    : 0 0 8px rgba(251, 71, 139,0.5);
	-webkit-box-shadow : 0 0 8px rgba(251, 71, 139,0.5);
}


div.editForm select {

	margin  : 1px 0px;
	padding : 1px;
}

div.editForm input {

	margin  : 1px 0 2px 0;
	padding : 2px;
}

div.editForm textarea {

	/*
margin  : 1px 0px;
*/
	padding : 2px;
	width   : 98%;
	height  : 12em;
}

* html div.editForm textarea {

	width : 96%;
}

div.editForm textarea.caption {

	height : 3em;
}

div.editForm tr.odd_static td,
div.editForm tr.even_static td,
div.editForm tr.odd td,
div.editForm tr.even td {

	line-height  : 120%;
	border : 1px dotted #CCC;
}

div.editForm tr.odd_static td,
div.editForm tr.odd td {

	background-color : #F6F6F6;
}

div.editForm tr.focus td {

	border : 1px solid #008040;
}

div.editForm tr.even_static td ,
div.editForm tr.even td {

	background-color : #E9E9E9;
}

div.editForm tr.add td {

	background-color : #FFFFFF;
	border-top       : #CCC 1px solid;
}

div.editForm tr.odd:hover td,
div.editForm tr.even:hover td {

	background-color : #f3e0e0;
}
/*

div.editForm tr.static:hover td {

	background-color : #E9E9E9 !important;
}

*/

div.err input,
div.err select,
div.err textarea {

	border           : 1px solid #F00 !important;
	background-color : #FEE;
	margin           : 1px 0px;
	padding          : 1px;
}

div.caution input,
div.caution select,
div.caution textarea {

	border           : 1px solid #F00 !important;
	background-color : #FEE;
/*
	border           : 1px solid #CC9933 !important;
	background-color : #FFC;
*/
	margin           : 1px 0px;
	padding          : 1px;
}


div.editForm input.roworder {

	margin-top       : 0;
	margin-bottom    : 0;
}

div.editForm input.searchBtn,
div.err input.searchBtn {

	color      : #666;
	border     : none;
	background : url(../images/sys/search.png) no-repeat left;
	margin     : 1px 4px;
	padding    : 0px 0px 0px 20px;
	width      : 48px;
	height     : 20px;
	cursor     : pointer;
}

div.editForm input.zip {

	width : 64px;
}

div.editForm input.w100p {

	width : 98%;
}
/*IE6*/
* html div.editForm input.w100p {

	width : 96%;
}

div.editForm input.p96 {

	width : 96%;
}
.w8 {
	width : 8px !important;
}
.w10 {
	width : 10px !important;
}
.w16 {
	width : 16px !important;
}
.w20 {
	width : 20px !important;
}
.w30 {
	width : 30px !important;
}
.w32 {
	width : 32px !important;
}
.w40 {
	width : 40px !important;
}
.w50 {
	width : 50px !important;
}
.w64 {
	width : 64px !important;
}
.w70 {
	width : 70px !important;
}
.w72 {
	width : 72px !important;
}
.w80 {
	width : 80px !important;
}
.w90 {
	width : 90px !important;
}
.w96 {
	width : 96px !important;
}
.w100 {
	width : 100px !important;
}
.w110 {
	width : 110px !important;
}
.w120 {
	width : 120px !important;
}
.w128 {
	width : 128px !important;
}
.w130 {
	width : 130px !important;
}
.w140 {
	width : 140px !important;
}
.w150 {
	width : 150px !important;
}
.w160 {
	width : 160px !important;
}
.w170 {
	width : 170px !important;
}
.w180 {
	width : 180px !important;
}
.w192 {
	width : 192px !important;
}
.w200 {
	width : 200px !important;
}
.w210 {
	width : 210px !important;
}
.w220 {
	width : 220px !important;
}
.w230 {
	width : 230px !important;
}
.w240 {
	width : 240px !important;
}
.w250 {
	width : 250px !important;
}
.w256 {
	width : 256px !important;
}
.w260 {
	width : 260px !important;
}
.w270 {
	width : 270px !important;
}
.w280 {
	width : 280px !important;
}
.w290 {
	width : 290px !important;
}
.w300 {
	width : 300px !important;
}
.w310 {
	width : 310px !important;
}
.w320 {
	width : 320px !important;
}
.w330 {
	width : 330px !important;
}
.w340 {
	width : 340px !important;
}
.w350 {
	width : 350px !important;
}
.w360 {
	width : 360px !important;
}
.w370 {
	width : 370px !important;
}
.w380 {
	width : 380px !important;
}
.w384 {
	width : 384px !important;
}
.w390 {
	width : 390px !important;
}
.w400 {
	width : 400px !important;
}
.w410 {
	width : 410px !important;
}
.w420 {
	width : 420px !important;
}
.w430 {
	width : 430px !important;
}
.w440 {
	width : 440px !important;
}
.w450 {
	width : 450px !important;
}
.w460 {
	width : 460px !important;
}
.w470 {
	width : 470px !important;
}
.w480 {
	width : 480px !important;
}
.w490 {
	width : 490px !important;
}
.w500 {
	width : 500px !important;
}

div.editForm img.icon {

	margin         : 2px 4px;
	vertical-align : middle;
}

div.editForm div.fileup {

	margin : 8px 0px 2px;
}

div.editForm #fileUp img,
div.editForm img.icon {

	margin         : 0 4px;
}

/*
div.editForm #fileUp input {

	margin         : 4px;
}

*/
div.editForm div.radio {

	margin : 3px 0px;
}

div.editForm div.radio input {

	margin         : 3px 3px 6px 3px;
}

html:not(:target) div.editForm div.radio label {

	white-space : nowrap;
}
html:not([lang*=""]) div.editForm div.radio label {

	white-space  : nowrap;
	margin-right : 1.5em;
}

/*IE6*/
* html div.editForm div.radio input {

	white-space : normal;
}

/*
 * Submitボタン行
 */
div.editForm th.bottomHead {

	border-bottom-left-radius         : 4px;
	border-bottom-right-radius        : 4px;
	-moz-border-radius-bottomleft     : 4px;
	-moz-border-radius-bottomright    : 4px;
	-webkit-border-radius-bottomleft  : 4px;
	-webkit-border-radius-bottomright : 4px;
	background                        : #CCC url(../images/sys/bg_th_user.png) repeat-x 0 0;
	color                             : #FFF;
	font-weight                       : normal;
	text-align                        : center;
	background-color                  : #999;
	padding                           : 0 4px;
}

div.editForm form {

	margin : 0px;
}

div.editForm input.file {

	height  : 20px;
	margin  : 0px;
	padding : 2px;
}

label {

	cursor : pointer;
}

label.selectAll {

	display          : block;
	background-color : #EAEAEA;
	margin           : 0px;
	padding          : 0px;
}

div.finishMsg {

	margin  : 0px;
	padding : 16px;
}

div.formConfirm {

	margin      : 12px 0 0 0;
	color       : #666;
	line-height : 120%;
	clear       : both;
}





/*インナーテーブル*/

div.editForm table.inner {

	border : none;
	margin : 0 0 0 0;
	border-collapse : collapse;
}

div.editForm table.inner td,
div.editForm table.inner tr {

	border : none;
	margin : 0 0 0 0;
}

div.editForm table.inner td {

	border-bottom : 1px solid #FFF;
	white-space   : nowrap;
	padding       : 1px 2px;
}
div.editForm table.inner td.bottom {

	border-bottom : none;
}

/*横並びDIV*/
td.parallel div,
div.parallel,
div.parallel div,
td.parallelBox div,
div.parallelBox,
div.parallelBox div {

	float  : left;
	margin : 8px 8px 4px 0;
}

div.parallel label {

	float   : left;
	display : inline-block;
}


/**
//=========================================//
//-------------------経過------------------//
//=========================================//
*/

div.progress {

	padding    : 4px 0px 8px 0px;
}

div.progress h4 {

	float     :left;
	color     : #666;
	font-size : 1.4em;
	margin    : 0 0 12px 0;
}

div.progress ul {

	margin     : 0 0 8px 0;
	list-style : none;
}

div.progress ul.switch {

	float      : left;
	margin     : 0 0 8px 16px;
	list-style : none;
}

div.progress ul.switch li {

	margin     : 0 24px 0 0;
}

div.progress li {

	float        : left;
	font-size    : 1.0em;
	background   : url("../images/sys/progress.png") no-repeat scroll 0px 0px transparent;
	display      : block;
	float        : left;
	height       : 16px;
	margin       : 2px 0 2px 0;
	padding      : 2px 12px 0 20px;
	white-space  : nowrap;
}

div.progress li.current a,
div.progress li.current span {

	border-bottom: 1px dotted #EF4A8A;
	padding: 2px 4px;
}

div.progress li.first {

}

div.progress li.all {
	
	background   : url("../images/sys/index.png") no-repeat scroll 0px 0px transparent;
	padding      : 2px 0 0 20px;
}

div.progress li.note {
	
	background   : url("../images/sys/edit.png") no-repeat scroll 0px 0px transparent;
	padding      : 2px 0 0 20px;
}

div.progress li.abort {
	
	background   : url("../images/sys/abort.png") no-repeat scroll 0px 0px transparent;
	padding      : 2px 0 0 20px;
}

div.progress li.dropoff {
	
	background   : url("../images/sys/warning.png") no-repeat scroll 0px 0px transparent;
	padding      : 2px 0 0 20px;
}


div.progress li.active {

	font-weight  : bold;
	color        : #333 !important;}

div.progress li.active a {

	color        : #333 !important;
}

div.progress li span.off {

	color        : #909090;
}



p.fieldTitle {
	
	margin : 4px 0 2px 0;
}

img.ui-datepicker-trigger {
	
		margin : 0 0 4px 4px;
}

/*------jQuery UI のカレンダータイトル部分------*/

a.ui-datepicker-prev,
a.ui-datepicker-next {
	
	height : 1.1em !important;
}
div.ui-datepicker-header,
div.ui-datepicker-title {

	line-height : 1.1em !important;
}

div.helpSpace {

	background : #FFFFEE url(../images/sys/bg_table.png) repeat-x 0 0;
}

div.editForm div.radio img.ui-datepicker-trigger {
	
	margin-bottom : 8px;
}


/*------お知らせ情報------*/

div#informations {
	
	width                 : 580px;
	border                : 1px solid #999;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
	border-radius         : 4px;
	background: url("../images/sys/bg_table.png") ;
}

div#informations dl.info {

	padding : 4px 0 0;
}

div#informations dl.info dt {

	clear         : both;
	float         : left;
	margin        : 0;
	padding       : 5px 0 8px 10px;
	width         : 100px;
	white-space   : nowrap;
}

div#informations dl.info span.info_date {
	
	font-size : 12px
}

div#informations dl.info dd {

	border-bottom : 1px dotted #666;
	margin        : 0;
	padding       : 5px 8px 8px 110px;
}

div#informations dl.info dd.bottom {

	border-bottom : none;
}

div#informations dl.info dd div.headline {

	line-height : 128%;
	margin      : 4px 0;
}

div#informations dl.info dd div.headline a.readall {

	white-space : nowrap;
}

div#informations div.paging {

	margin : 8px 0 8px 0;
}

div#informations div.page_total {

	margin-left : 8px;
}

dl#clinic dt {

	clear   : both;
	float   : left;
	margin  : 0;
	padding : 3px 0 3px 8px;
	width   : 6em;
}

dl#clinic dd {

	margin  : 0;
	padding : 3px 8px 3px 80px;
}

div.sep {

	border-bottom : 1px dotted #999;
	padding-bottom : 6px;
}

div.pageTop {

	text-align : right
}

#subTabs, #tabs {

	border-bottom: 1px solid #FFBFDA;
}

#tabs a {

	background: url("../images/sys/tableft_pk.gif") no-repeat scroll left top transparent;
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#tabs a span {

	float          : left;
	display        : block;
	background     : url(../images/sys/tabright_pk.gif) no-repeat right top;
	padding        : 5px 15px 4px 6px;
	color          : #6F6F6F;
	letter-spacing : 0.1em;
}