@charset "UTF-8";

/********************************************************
 normalize ( normalize.css v3.0.2 )
 ********************************************************/

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/********************************************************
 タグの定義
 ********************************************************/

* {
	font-family: "メイリオ", Meiryo, sans-serif;
}

html {
	font-size: 62.5%;
	min-height: 100%;		/* フッター固定用 */
	position: relative;		/* フッター固定用 */
}

body {
	margin-top: 0;
	margin-bottom: 5em;		/* フッター固定用 */
	font-size: 1.5rem;
	line-height: 2rem;
	color: #333;
	background-color: #FFF;
}

header {
	margin-bottom: 12px;
	width: 100%;
	height: 36px;
	text-align: left;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

li {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: normal;
}

p {
	margin: 0 0 0.8em;
}

form {
	margin: 0;
	padding: 0;
}

table {
	margin: 0 0 0.6em;
}

td {
	margin: 0;
	padding: 0.4rem;
	background-color: #FFF;
	border: 1px solid #666;
}

th {
	margin: 0;
	padding: 0.2rem;
	background-color: #EEE;
	border: 1px solid #666;
	text-align: center;
	font-weight: normal;
}

button {
	padding: 0.8rem 1.5rem;
	min-width: 12rem;
	background-color: #6090E0;
	color: #FFF;
	border-style: none;
	border-radius: 0.8rem;
}

button:hover {
	background-color: #4070C0;
}

button.caution {
	background-color: #FF0000;
	color:#FFF;
}


.required, :required {
	border: 2px solid #F00;
}

span.required {
	padding: 2px;
	display: inline-block;
	border: 2px solid #F00;
}


/********************************************************
 レイアウト
 ********************************************************/

/*******************************
 ログイン
 *******************************/

body#login_honbu {
	background-color: #DFEFFF;
}

#wrap_login {
	margin: 0;
	padding-top: 50px;
	text-align: center;
}

#box_login {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
	width: 340px;
	background-color: #EEE;
	border: 1px solid #CCC;
	overflow: hidden;
}

#box_login .label {
	padding: 8px;
	width: 80px;
	display: inline-block;
	text-align: left;
}

#box_login input {
	width: 8em;
}

#login_msg {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 1px solid #CCC;
	background-color:#FFC;
	width: 320px;
	text-align: left;
	text-indent: 12px;
}

#login_err_msg {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F99;
	width: 320px;
	text-align: left;
	text-indent: 24px;
	background-image: url(../image/icon_error.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}


/*******************************
 ヘッダ
 *******************************/

header {
	overflow: hidden;
}

header.system {
	background-color: #FAF;
}

header.honbu {
	background-color: #DFEFFF;
	margin-bottom: 0;
}

header.kameiten {
	background-color: #FFF;
	margin-bottom: 0;
}

header .com {
	margin-top: 8px;
	margin-right: 20px;
	float: right;
}


/*******************************
 トップメニュー
 *******************************/

nav#top_menu {
	margin-bottom: 1rem;
	width: 100%;
	height: 3.2rem;
	background: #6090E0;
	overflow: hidden;
}

nav#top_menu li {
	position: relative;
	width: 12.8rem;
	float: left;
	text-align: center;
}

nav#top_menu li a {
	display: block;
	padding: 0.7rem 0.8rem 0;
	color: #FFF;
	text-decoration: none;
}

nav#top_menu li:hover > a {
	padding-top: 0.7rem;
	padding-bottom: 0.5rem;
	background: #4070C0;
}

nav#top_menu li ul {
	position: absolute;
	top: 100%;
	left: 0;
}

nav#top_menu li ul li {
	overflow: hidden;
	width: 200%;
	height: 0;
	color: #FFF;
	transition: .1s;
}

nav#top_menu li ul li a {
	padding: 0.7rem 1.5rem;
	background: #4070C0;
	text-align: left;
}

nav#top_menu li:hover ul li {
	display: block;
	height: 3.2rem;
}

nav#top_menu li ul li a:hover {
	background: #6090E0;
}

nav#top_menu.fixed {
	position: fixed;
	left: 0;
	top: 0;
}


/*******************************
 メイン
 *******************************/

#main {
	margin-left: 10px;
	overflow: hidden;
	clear: both;
}

#main h1 {
	margin-bottom: 15px;
	font-size: 2.0rem;
	line-height: 4rem;
	color: #000;
	border-bottom: 1px solid #CCC;
}

#main .err_msg {
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 7px;
	background-color: #F99;
	text-align: left;
	text-indent: 30px;
	background-image: url(../image/icon_error.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	color: #000;
}

#main .info_msg {
	padding: 7px;
	background-color: #EEE;
	text-align: left;
	margin-bottom: 8px;
	border-left: 16px solid #FC0;
	overflow: hidden;
}

#main .info_msg_system {
	padding: 7px;
	background-color: #EEE;
	text-align: left;
	margin-bottom: 8px;
	border-left: 16px solid #BDF;
	overflow: hidden;
}

#main .msg_date {
	float: left;
	width: 190px;
}

#main .msg_message {
	float: left;
}

#main .msg_check {
	float: right;
	padding: 1px;
	text-align: right;
	color: #999;
	cursor: pointer;
}

#main .msg_check:hover {
	color: #000;
}

.status_kameiten .caution_kameiten,
.status_honbu .caution_honbu
{
	padding-left: 20px;
	background-image: url(../image/icon_caution.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
}


/*******************************
 フッター
 *******************************/

footer {
	margin-top: 50px;
	width: 100%;
	text-align: center;

	/* フッター固定用 */
	bottom: 0;
	height: 1.5em;
	position: absolute;
}


/*******************************
 サブメニュー
 *******************************/

#sub_menu {
	overflow: hidden;
	margin-top: -15px;
	clear: both;
	margin-bottom: 15px;
}

#sub_menu li {
	display: block;
	float: left;
	margin-right: 5px;
}

#sub_menu li a {
	display: table-cell;
	vertical-align: middle;
	min-width: 16rem;
	height: 2.4rem;
	padding: 0.4rem;
	background-color: #DDD;
	color: #333;
	text-align: center;
}

#sub_menu li a:hover {
	background-color: #6090E0;
	color: #FFF;
	text-decoration: none;
}

/*** 注意（オレンジ） ***/

#sub_menu li a.remind {
	background-color: #FDB !important;
}

#sub_menu li a.remind:hover {
	background-color: #FB9 !important;
}

/*** 印刷 ***/

.print_preview {
	cursor: pointer;
}


/*******************************
 ボタン
 *******************************/

/* 小ボタン */

.btntype_mini {
	min-width: 2rem;
	padding: 0.2rem 0.8rem 0;
	font-size: 1.4rem;
	border-radius: 0.4rem;
}

/* 次へ（緑） */

.btntype_next {
	background-color: #393;
}

.btntype_next:hover {
	background-color: #060;
}

/* 実行（青） */

.btntype_order {
	background-color: #06F;
}

.btntype_order:hover {
	background-color: #03F;
}

/* 戻る（グレー） */

.btntype_back {
	background-color: #BBB;
}

.btntype_back:hover {
	background-color: #888;
}

/* 催促（オレンジ） */

.btntype_remind {
	background-color: #F93;
}

.btntype_remind:hover {
	background-color: #F60;
}

/* 実行注意（赤） */

.btntype_caution {
	background-color: #F33;
}

.btntype_caution:hover {
	background-color: #C33;
}



/*******************************
 メッセージ
 *******************************/

#osirase {
	margin-bottom: 1em;
	border: solid 1px #666;
	height: 8em;
	padding: 0.5em;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}

.osirase_line {
	margin-bottom: 0.4em;
	clear: both;
	overflow: hidden;
}

.osirase_date {
	float: left;
	width: 170px;
}

.osirase_message {
	float: left;
}


#message {
	clear: both;
}

.img_button {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
}

#message_cnt {
	font-weight: bold;
	margin-left: 16px;
}

#msg_all_clear {
	float: right;
	cursor: pointer;
}


/*******************************
 帳票
 *******************************/

#chouhyou {
}

#chouhyou #title {
	text-align: center;
}

#chouhyou #title span {
	font-size: 2.0rem;
	line-height: 2.5rem;
	display: inline-block;
	padding: 0 1rem;
	border-bottom: 1px solid #000000;
}


.th_kigengire {
	background-color: #FFDAB2;
}


.th_tuika {
	background-color: #FDFFD4;
}


/*******************************
 フォーム
 *******************************/

.num4 {
width:8rem;
text-align:right;
}

.num8 {
width:16rem;
text-align:right;
}



/*******************************
 タブ
 *******************************/

.tab {
	overflow:hidden;
}

.tab li {
	padding: 5px 25px;
	float: left;
	margin-right: 1px;
	cursor: pointer;
	background-color: #DDC;
}

.tab li.select {
	background-color: #EED;
}

.tab_content {
	background-color: #EED;
	padding: 20px;
}

.hide {
	display:none;
}



/*******************************
 システムエラー
 *******************************/

#system_error_message {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 600px;
	height: 300px;
	text-align: center;
	color: #F00;
}


/*******************************
 その他
 *******************************/

/* プルダウンメニューの幅指定 */

.select_hinmei {
	width: 300px;
}

/* table */

td.red {
	background-color: #FFF;
	padding: 4px;
	margin: 0px;
	border: 1px solid #F00;
}

th.red {
	background-color: #FCC;
	padding: 4px;
	margin: 0px;
	border: 1px solid #F00;
	text-align: center;
	font-weight: normal;
}

.input_area {
	background-color:#FFC;
}



/********************************************************
 common
 ********************************************************/

.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
    display: block;
}

.clearb {
	clear: both;
}

.ftl {float: left;}
.ftr {float: right;}
.ftn {float: none; display: inline-block;}

.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center; padding-bottom: 0px;}
.taj {text-align: justify; text-justify: inter-ideograph;}

.block_center {
	margin-left: auto;
	margin-right: auto;
}

.mgb0 { margin-bottom: 0!important; }
.mgb5 { margin-bottom: 5px!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb15 { margin-bottom: 15px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb25 { margin-bottom: 25px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb35 { margin-bottom: 35px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb45 { margin-bottom: 45px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb60 { margin-bottom: 60px!important; }
.mgb70 { margin-bottom: 70px!important; }
.mgb80 { margin-bottom: 80px!important; }
.mgb90 { margin-bottom: 90px!important; }
.mgb100 { margin-bottom: 100px!important; }

.mgt0 { margin-top: 0!important; }
.mgt5 { margin-top: 5px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }
.mgt40 { margin-top: 40px!important; }
.mgt45 { margin-top: 45px!important; }
.mgt50 { margin-top: 50px!important; }
.mgt60 { margin-top: 60px!important; }
.mgt70 { margin-top: 70px!important; }
.mgt80 { margin-top: 80px!important; }
.mgt90 { margin-top: 80px!important; }
.mgt100 { margin-top: 100px!important; }
.mgt180 { margin-top: 180px!important; }

.mgl0  {margin-left: 0px!important;}
.mgl5  {margin-left: 5px!important;}
.mgl10 {margin-left: 10px!important;}
.mgl15 {margin-left: 15px!important;}
.mgl20 {margin-left: 20px!important;}
.mgl25 {margin-left: 25px!important;}
.mgl30 {margin-left: 30px!important;}
.mgl35 {margin-left: 35px!important;}
.mgl40 {margin-left: 40px!important;}
.mgl45 {margin-left: 45px!important;}
.mgl50 {margin-left: 50px!important;}
.mgl60 {margin-left: 60px!important;}
.mgl70 {margin-left: 70px!important;}
.mgl80 {margin-left: 80px!important;}
.mgl90 {margin-left: 90px!important;}
.mgl100 {margin-left: 100px!important;}
.mgl120 {margin-left: 120px!important;}
.mgl150 {margin-left: 150px!important;}
.mgl165 {margin-left: 130px!important;}

.mgr0  {margin-right: 0px!important;}
.mgr5  {margin-right: 5px!important;}
.mgr10 {margin-right: 10px!important;}
.mgr15 {margin-right: 15px!important;}
.mgr20 {margin-right: 20px!important;}
.mgr25 {margin-right: 25px!important;}
.mgr30 {margin-right: 30px!important;}
.mgr35 {margin-right: 35px!important;}
.mgr40 {margin-right: 40px!important;}
.mgr45 {margin-right: 45px!important;}
.mgr50 {margin-right: 50px!important;}
.mgr60 {margin-right: 60px!important;}
.mgr70 {margin-right: 70px!important;}
.mgr80 {margin-right: 80px!important;}
.mgr90 {margin-right: 90px!important;}
.mgr100 {margin-right: 100px!important;}


.vertical_m {
	vertical-align: middle;
}

.fb {
	font-weight: bold;
	letter-spacing: 1px;
}

.caution {
	color: #F00;
}

.note {
	color: #00F;
}

.boundary {
	border-top-width: 2px;
}

.clear_td {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

/* 縦書き */

.tategaki {
	-webkit-writing-mode : vertical-lr;
}

.tategaki_yoko {
	-webkit-writing-mode : horizontal-tb;
}



/********************************************************
 lightbox
 ********************************************************/

.lightbox img {
	margin-right:3px;
}

.lightbox a img {
	border: 3px #DDD solid;
}

.lightbox a:hover img {
	border: 3px #F18D00 solid;
}



/********************************************************
 印刷用
 ********************************************************/

@page {
/*
	size: A4;
*/
	margin: 5mm;
}


@media print {

	body {
		padding: 10mm;
/*
		width: 210mm;
*/
	}

	a {
		color: #000;
	}

	table {
		margin: 0 0 0.5rem;
		page-break-inside: auto;		/* テーブルの途中で改ページされた場合対策 */
	}

	tr {
		page-break-inside: avoid;		/* テーブルの途中で改ページされた場合対策 */
		page-break-after: auto;			/* テーブルの途中で改ページされた場合対策 */
	}

	td, th {
		padding: 0.4rem;
	}


	/*******************************
	 非表示
	 *******************************/

	header,
	#top_menu,
	#menu_sekou,
	#message,
	#sub_menu,
	#footer,
	#form_tuikaseikyu,
	.noprint
	{
		display:none;
	}


	/*******************************
	 フォントサイズ
	 *******************************/

	.print_font_small,
	.print_font_small * {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}


	.print_font_middle,
	.print_font_middle * {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.print_font_large,
	.print_font_large * {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.zoom {
		font-size: 2rem;
		line-height: 2.5rem;
	}


	/*******************************
	 レイアウト
	 *******************************/

	#main {
		margin: 0 auto;
	}

	#main h1 {
		margin-bottom: 3px;
		padding-top: 0;
		padding-bottom: 0;
		font-size: 1.5rem;
		line-height: 2rem;
		border-bottom-style: none;
	}


	/* 発注書 */

	#chouhyou #title span {
		font-size: 2.0rem;
		line-height: 2.5rem;
	}

	/* 発注書ヘッダ */

	#hachusho_head {
		width: 100%;
	}

	#hachusho_head * {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	/* 備考欄 */

	.bikou {
		width: 100%;
	}

	.bikouran {
		width: auto;
	}

	/* 直前で改ページ */

	.page_break_before {
		page-break-before: always;
	}

	/* 直後で改ページ */

	.page_break_after {
		page-break-after: always;
	}

	/* テーブルを幅いっぱいに */

	.width100per {
		width: 100%;
	}

} /* @media print */