@charset "utf-8";
/*//////////////////////////////
	base css
//////////////////////////////*/

/*共通の設定*/
*
{
	font-family:
		'Meiryo',
		'メイリオ',
		'ＭＳ Ｐゴシック',
		'MS PGothic',
		sans-serif;
	padding: 0px;
	vertical-align: middle;
}

/*	body		※background.cssへ移動	setup内にもあり
{
	background: #89c997;
	min-width: 1000px;
}
*/

table,
th,
td
{
	margin-left		:	auto;
	margin-right		:	auto;
	border				:	1px #666 solid;
	border-collapse	:	collapse;
}

th
{
	font-weight: normal;
	background: #eee;
}

a
{
	color					:	#00f;
}

a:hover
{
	color					:	#f00;
	cursor				:	pointer;
}

img
{
	border				:	0px;
}

ul {
	list-style: none;
}

li {
	overflow: hidden;
}

/*文字位置*/
.lft
{
	text-align	:	left;
}
.cnt
{
	text-align	:	center;
}
.rgt
{
	text-align	:	right;
}

/* 幅指定 */
.wCd
{
	width: 150px;
	box-sizing: border-box;
}

.wName
{
	width: 300px;
	box-sizing: border-box;
}

.wShortName
{
	width: 300px;
	box-sizing: border-box;
}

.wCdName
{
	width: 400px;
	box-sizing: border-box;
}

.wFlag
{
	width: 70px;
	box-sizing: border-box;
}

.wFlagName
{
	width: 90px;
	box-sizing: border-box;
}

.wDateTime
{
	width: 200px;
	box-sizing: border-box;
}

.wDate
{
	width: 110px;
	box-sizing: border-box;
}

.wTime
{
	width: 100px;
	box-sizing: border-box;
}

.wPiece
{
	width: 100px;
	box-sizing: border-box;
}

.wUnitPrice
{
	width: 80px;
	box-sizing: border-box;
}

.wLinePrice
{
	width: 90px;
	box-sizing: border-box;
}

.wLineNote
{
	width: 300px;
	box-sizing: border-box;
}

.wTicketNo
{
	width: 90px;
	box-sizing: border-box;
}

.DisplayNone
{
	display: none;
}

/* floatクリア */
.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* 検索用アンカー */
.aSearchFont
{
	font-size: 80%;
	text-decoration: none;
}

/*共通ボタン*/
.ButtonGo,
.ButtonRun
{
	width		:	100px;
	height		:	50px;
	font-size	:	18px;
}

.ButtonBlank
{
	width	:	100px;
}

.ButtonBlank2
{
	width	:	200px;
}

.ButtonBlank3
{
	width	:	300px;
}

.noPointer
{
	cursor					:	default;
}

/*全体部分のサイズ設定*/
#Site
{
	width	:	auto;/*1200px;*/
}

/*共通ツールバー*/
#ToolBar
{
	width: 96%;
	min-width: 1000px;
	margin: 0px auto 10px;
	padding: 6px;
	text-align: right;
	clear: both;
}

#ToolBar img
{
	float: left;
	height: 40px;
	margin-right: 20px;
}

#ToolBar #Buttons
{
	float: left;
}

#ToolBar #Buttons input,
#LinkArea input
{
	width: 140px;
}

#ToolBar #Users
{
	float: right;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	box-sizing: border-box;
	background: #f9fff4;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}


/*共通ヘッダ部分*/
#Header
{
	width	:	auto;/*1200px;*/
	margin	:	0px;
}


/*業務等の操作部分*/
#Work,
#WorkNonColor,
#Manual
{
	width: 96%;
	min-width: 1000px;
	margin: 0px auto;
	padding: 20px;
	background: #f9fff4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}


/*************************
	リンクエリア	ここから
*************************/
#LinkArea
{
	width: 96%;
	min-width: 1000px;
	margin: 0px auto 10px;
	padding: 10px 4px;
	background: #328B46;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}

#LinkArea input[type="button"]
{
	margin: 0px 6px;
}

/*************************
	リンクエリア	ここまで
*************************/


/*タイトルエリア*/
#TitleArea
{
	margin-bottom: 10px;
	font-size: 120%;
	background: #888;
	padding: 4px 20px;
	color: #fff;
}

#TitleArea a
{
	padding-left: 20px;
}

/*検索エリア*/
#SearchArea
{
	margin-bottom: 20px;
}
#SearchArea table
{
	margin			:	0px;
}
#SearchArea th
{
	width: 130px;
	padding: 6px;
}

#SearchArea td
{
	width: 260px;
	padding: 6px;
}

#SearchArea .td-ButtonArea
{
	text-align: center;
}

#SearchArea td input[type="button"]
{
	width: 900px;
}

#SearchArea td select
{
	height: 30px;
}


/*中央ボタンエリア*/
#ButtonArea
{
	margin: 16px 0px;
}

#ButtonArea table
{
	margin: 0;
}

#ButtonArea th
{
	width: 110px;
	box-sizing: border-box;
}



#ButtonArea th,
#ButtonArea td
{
	padding: 6px;
}

#ButtonArea td
{
	text-align: left;
}

#ButtonArea input[type="button"]
{
	width: 200px;
}

#ButtonArea input[type="button"]:not(:first-child)
{
	/*2個目以降に適応します*/
	margin-left: 10px;
}


/*内容表示エリア（一覧）*/
/*各画面の詳細設定はindex.cssで行います*/
#ListArea table,
#DetailArea table
{
	max-width: 100%;
	margin: 0px;
}

/* tr */
#ListArea tr:hover .GoPageFont
{
	color: #00f;
	text-decoration: underline;
	cursor: pointer;
}

#ListArea tr .SousaFont:hover
{
	text-decoration: underline;
	cursor: pointer;
	font-weight:bold;
}


#ListArea th,
#DetailArea th
{
	padding: 6px;
}

/*
#DetailArea th
{
	width: 200px;
}
*/

#ListArea td,
#DetailArea td
{
	background: #fff;
	padding: 6px;
}

#ListArea .td-wCd
{
	width: 150px;
	box-sizing: border-box;
}

#ListArea .td-wName
{
	width: 300px;
	box-sizing: border-box;
}

#ListArea .td-wCdName
{
	width: 400px;
	box-sizing: border-box;
}

#ListArea .td-wFlag
{
	width: 50px;
	box-sizing: border-box;
}

#ListArea .td-wDateTime
{
	width: 200px;
	box-sizing: border-box;
}

#ListArea .td-wDate
{
	width: 130px;
	box-sizing: border-box;
}

#ListArea .td-wUnitPrice
{
	width: 80px;
	box-sizing: border-box;
}

#ListArea .td-wSheet
{
	width: 110px;
	box-sizing: border-box;
}

/* tr 削除データ */
#ListArea .tr-DeleteData td,
#DetailArea .tr-DeleteData td
{
	background: #fcc;
}

#ListArea #table-Upload
{
	width: 600px;
}

#ListArea #table-Upload input[type="button"]
{
	width: 880px;
}


/* 一覧のCD表示 */
#ListArea .ListSmallCd
{
	font-size: 80%;
}

#DetailArea .table-Master,
#DetailButtonArea
{
	/*幅を揃えて中央揃えにしている*/
	width: 1000px;
}

#DetailButtonArea
{
	margin: 20px 0px 40px;
	text-align: center;
}

#DetailButtonArea.calendar
{
	margin: 20px auto;
}
#DetailButtonArea input[type="button"]
{
	width: 400px;
}

#ButtonAreaTop input[type="button"]
{
	float: right;
	width: 200px;
}


/*マニュアル画面*/

#Manual p
{
	background: #ed6d46;
	padding: 4px 10px;
	font-size: 120%;
	color: #f9fff4;
}


#Manual dl
{
	margin: 0px 20px;
}

#Manual dt
{
	margin: 20px 0px;
	font-weight: bold;
}

#Manual dd
{
	margin-bottom: 40px;
}

#Manual dd .SubTitle
{
	text-decoration: underline;
}

#Manual li
{
	list-style-position: inside;
}


/*フッターエリア*/
#Footer
{
	width			:	auto;
	margin			:	10px;
	text-align		:	center;
	font-size:11px;
}


/*ログイン*/
#Login
{
	position: absolute;
	margin: -150px 0 0 -330px;
	width: 620px;
	height: 260px;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 20px;
	background: #f9fff4;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;


}

#Login dl dt
{
	clear: left;
	float: left;
	width: 100px;
	border-left	: solid 6px #ed6d46;
	padding-left: 6px;
	text-align: left;
}

#Login dl dd
{
	margin-bottom: 20px;
}

#Login input
{
	height: 20px;
	width: 30em;
	padding: 6px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}

#Login #GoLogin
{
	height: 60px;
	width: 300px;
}

.floatClear	{

	clear:					left;
	display:					block;
}

/*ヘッダ入力欄を左右に分ける*/
#DetailAreaLeft
{
	float:left;
}
#DetailAreaRight
{
	margin-left:10px;
	float:left;
}

/*************************
	メッセージエリア	ここから
*************************/

#MessageArea
{
	width: 100%;
	margin: 20px auto;
	box-sizing: border-box;
}

#MessageArea span
{
	display: block;
	width: 100%;
	margin: 20px auto;
	padding: 4px 10px;
	text-align: center;
	color: #ed6d46;
	font-size: 150%;
	font-weight: bold;
	background: #ffe7cf;
	border: dotted 2px #ed6d46;
	box-sizing: border-box;
}


#SearchButtonMessage
{
	display: block;
	color: #ed6d46;
	margin-top: 6px;
}

/*************************
	メッセージエリア	ここまで
*************************/

/*************************
	受注詳細	ここから
*************************/

#DetailTicketInfo {
	min-width: 1020px;	/*TicketInfoの幅*/
}

/* 伝票情報 */
#DetailArea .TicketInfo
{
	float: left;
	width: 550px;
	min-width: 500px;
}

#DetailArea .TicketInfo:last-child
{
	margin-left: 20px;
}

#DetailArea .TicketInfo th
{
	width: 150px;
	box-sizing: border-box;
}

#DetailArea .TicketInfo td
{
	box-sizing: border-box;
}

#DetailArea .TicketInfo .td-Cd
{
	width: 160px;
	text-align: right;
	box-sizing: border-box;
}

#DetailArea .TicketInfo td textarea
{
	width: 350px;
	height: 63px;
	box-sizing: border-box;
}

/* 商品情報 */
#DetailItemInfo
{
	margin-top: 40px;
}

#DetailItemInfo input[type="button"],
#MstRouteList input[type="button"]
{
	width: 50px;
}

/*************************
	受注詳細	ここまで
*************************/



/*************************
	検索小窓	ここから
*************************/
#SearchSite
{
	width: 584px;
	margin: 8px;
	box-sizing: border-box;
}


#WorkSearch
{
	width: 96%;
	min-width: 560px;
	margin: 0px auto;
	padding: 20px;
	background: #f9fff4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}

#WorkSearch2
{
	width: 96%;
	min-width: 1000px;
	margin: 0px auto;
	padding: 20px;
	background: #f9fff4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
}

/*タイトルエリア*/
#WorkSearch #TitleArea,
#WorkSearch2 #TitleArea
{
	margin-bottom: 10px;
	font-size: 120%;
	background: #888;
	padding: 4px 20px;
	color: #fff;
}

#WorkSearch #SearchArea td input[type="button"],
#WorkSearch2 #SearchArea td input[type="button"]
{
	width: 500px;
}


/*************************
	検索小窓	ここまで
*************************/



/*カレンダー*/
#DetailOutIn table
{
	margin-left	:	auto;
	margin-right	:	auto;
}

#DetailOutIn
{
	text-align	:	center;
}

#target_item
{
	font-weight	:	bold;
	margin			:	10px;
}


#DetailOutIn p
{
	margin:	5px;
}


/*//////////////////////////////
//	受注入力（週間）
//////////////////////////////*/

#DetailWeek #inputHead	,
#DetailWeek #lineHead	,
#DetailWeek  #lineBody
{
	margin			:	0px;
}

#DetailWeek #lineHead	input		,
#DetailWeek  #lineBody input
{
	margin			:	0px;
}
#DetailWeek #inputHead tr th	,
#DetailWeek #inputHead tr td	,
#DetailWeek #lineHead	tr th	,
#DetailWeek #lineHead	tr td	,
#DetailWeek  #lineBody tr th
{
	padding			:	0px;
}

.w-day
{
	height	:	40px;
	text-align	:	center;
	width	:	45px;
}

.w-inputShop
{
	width	:	150px;
}
.w-inputItem
{
	width	:	200px;
}
.w-input3lines
{
	width	:	50px;
}

#lineTable ,
#line-table
{
	margin-left	:	0px;
}

.w-inputShopW
{
	height	:	35px;
	width	:	250px;
}

.w-inputItemW
{
	height	:	35px;
	width	:	450px;
}
.w-inputPiece
{
	height	:	35px;
	text-align	:	center;
	width	:	100px;
}

#DetailWeek #lineHead tr th,
#DetailWeek #lineHead tr td
{
	padding	:	15px;
}

/*セット商品*/
#areaMstItemSet
{
	background-color	:	#bfbfbf;
	border-radius			:	10px;
	cursor	:	pointer;
	padding	:	5px;
	width	:	35%;
	position: absolute;
	top: 220px;
	right: 50px;
}
#areaMstItemSet	table tr th	,
#areaMstItemSet	table tr td
{
	padding	:	5px;
}

#areaMstItemSet	table tr td
{
	background-color	:	#fff;
}

.medical-noEntory
{
	color			:	red;
	font-size	:	120%;
	height		:	5em;
	text-align	:	center;
}

/*一覧表示での更新ボタン等を設置する*/
#areaButtons,
#areaButtonsScroll
{
	background-color	:	#f0e68c;
	border-radius			:	10px;
	cursor	:	pointer;
	padding	:	5px;
	width	:	150px;
	text-align	:	center;
}
#areaButtons input[type="button"],
#areaButtonsScroll input[type="button"]
{
	width	:	100px;
}
#areaButtons
{
	position: absolute;
	top: 310px;
	right: 55px
}

#areaButtonsScroll
{
  position: fixed;
  bottom: 50px;
  right: 55px
}

/*一覧表示での更新ボタン等を設置する*/
#areaButtons2,
#areaButtonsScroll2
{
	background-color	:	#f0e68c;
	border-radius			:	10px;
	cursor	:	pointer;
	padding	:	5px;
	width	:	150px;
	text-align	:	center;
}
#areaButtons2 input[type="button"],
#areaButtonsScroll2 input[type="button"]
{
	width	:	100px;
}
#areaButtons2
{
	position: absolute;
	top: 215px;
	right: 55px;
}

#areaButtonsScroll2
{
  position: fixed;
  bottom: 50px;
  right: 55px;
}

/*一覧表示での帳票ボタン等を設置する*/
#areaReportButtons

{
	background-color	:	#f0e68c;
	border-radius			:	10px;
	cursor	:	pointer;
	padding	:	5px;
	width	:	150px;
	text-align	:	center;
}
#areaReportButtons input[type="button"]

{
	width	:	100px;
}
#areaReportButtons
{
	position: absolute;
	top: 310px;
	right: 55px;
}



#pageTop {
  position: fixed;
  bottom: 20px;
  right: 60px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 130px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*受注入力-病院*/

.row--shop-item
{
	border-top	: solid 5px #0000ff;
}

/*受注入力-店舗*/
#line-title tr th.shop-title
{
	width: 80px;
}

#line-body tr td.shop-piece
{
	text-align: center;
}
#line-body tr td input.Piece
{
	width: 50px;
}