@charset "UTF-8";

/* グローバルメニュー　*/
div.globalmenu {
	width:100%;
	min-width:1100px;
	background-color: #639;
	margin-bottom:30px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	}
	
div.n_gm, div.pod_gm{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #333;
}
div.n_gm{
	background-color: #930;
}
div.pod_gm{
	background-color: #699;
}

div.globalmenu ul {
	width:1000px;
	text-align: center;
	margin: 0 auto;
	display:table;
	table-layout: fixed;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
}
div.globalmenu li {
	display:table-cell;
	height:30px;
	vertical-align: middle;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	font-size: 16px;
	line-height: 1;
	color: #999;
}

div.globalmenu li a{
	color:#FFF;
	text-decoration: underline;
	font-weight: bold;
}
div.globalmenu li a:visited{
	color:#FFF;
}
div.globalmenu li a:hover{
	color:#FC3;
	text-decoration: none;
}
div.globalmenu li a:active{
	color:#FC3;
	text-decoration: none;
}

/*************************************************/
/*　--------　↓　発注画面　----------------　　*/


.item_wrap{
	width:1000px;
	margin:auto;
	font-size:18px;
	line-height:1.6;
	}
.od_step{
	text-align:center;
	margin-bottom:60px;
	
	}

/*---検索ボックス ***************/
.item_s{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	padding-bottom:25px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
.item_s span{
	padding-right:4px;
	 }

.item_s input[type="text"]{
	width:400px;
	padding:3px;
	}
.item_s select{
	padding:3px;
	}


/*---製品一覧画面 ***************/
.item_list{
	  display: -webkit-flex;
	  display: flex;
	  -webkit-justify-content: left;
	  justify-content: left;
	  flex-wrap :wrap;  
	}
.item_box{
	width:250px;
	margin:auto 25px 50px 25px;
	text-align:center;
	}
.item_box a{
	display:block;
	}
.item_box a:hover{
	opacity: 0.6;
	}

.item_box img{
	display:block;
	margin-bottom:12px;
	max-width:100%;
	height:auto;
	padding:2px;
	border: 1px solid #CCC;	
	}

.item_box a.itm_btn{
  width:100%;
  padding: 0.25em 0;
  line-height:1;
  text-decoration: none;
  color: #FFF;
  background: #03A9F4;/*色*/
  border: solid 1px #0f9ada;/*線色*/
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	}


.item_box a.itm_btn:active {
  /*押したとき*/
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
}

/*---入力画面 ***************/
.item_order{}
.item_order a{
	display:block;
	}
.item_order a:hover{
	opacity: 0.6;
	}


.od_img{
	float: left;
	width: 400px;
}
.od_img img{
	max-width:100%;
	height:auto;
	padding:2px;
	border: 1px solid #CCC;	
	}

.od_rigth{
	text-align: left;
	float: right;
	width: 550px;
}

dl.od_info{
	margin-bottom:40px;
	line-height:1;
	}
dl.od_info dt{
	font-weight:bold;
	padding-bottom:6px;
	margin-bottom:16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
dl.od_info dd{
	font-size:22px;
	padding-left:1.5em;
	margin-bottom:22px;
	}
dl.od_form{
	line-height:1;
	margin-bottom:16px;
}
dl.od_form input {
	padding:3px;
	}
dl.od_form input[type="number"] {
	text-align:center;
	width:150px;
	}
dl.od_form dt{
	margin-bottom:5px;
}
dl.od_form dt span{
	font-size:14px;
	}
dl.od_form dd{
	margin-bottom:22px;
}
.od_msg{
	font-size:16px;
	line-height:1.5;
	margin-bottom:20px;
	}
.od_fin_msg	{
	margin-bottom:30px;
	}
.od_fin_msg p{
	margin-bottom:8px;
}
.od_btn{
	text-align:center;
	}	
.od_btn input, .od_btn input:active{
  display       : inline-block;
  border-radius : 5px;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 40px;   /* 余白       */
  background    : #0059b3;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
  border        : 2px solid #0059b3;    /* 枠の指定 */
}
.od_btn input:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #0059b3;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



/*　--------　↑　発注画面　----------------　　*/
/*************************************************/


/* 受注管理メニュー　*/
ul.jutyu_navi{
	display:table;
	/*
	table-layout: fixed;
	width: 100%;
	*/
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
ul.jutyu_navi li{
	display:table-cell;
	height:30px;
	text-align: center;
	vertical-align: middle;
	padding:0 12px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	font-size: 14px;
}
ul.jutyu_navi li:last-child{
	
	border-right-width: 0px;
	border-right-style: none;
	border-right-color: none;

}

/* 受注管理リスト　*/
p.not_jutyu{
	font-size: 18px;
	color: #666;
	text-align: center;	
	}

span.j_num{
	font-size: 120%;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
}

span.misettei{
	color: #F00;
}

.jutyu_table{
	margin-bottom: 12px;	
	}
.jutyu_table table{
	background-color: #CCC;
	width: 100%;
	}
.jutyu_table th{
	line-height: 1;
	padding: 8px;
	background-color: #EAEAEA;
}
.jutyu_table td{
	padding: 16px;
	width: 1%;
	white-space: nowrap;
}
.jutyu_table td.nowrp{
	width: auto;
	white-space: normal;
}

.jutyu_table td .order_time{
	color: #069;
}

.jutyu_table td .nouhin_no{
	color: #C06;
}
.jutyu_table td .nouhin_yes{
	color: #00F;
}


.jutyu_table .denpyou_select{
	margin-top:8px;
	}
.jutyu_table .denpyou_select select{
	background-color: #FFC;	
	}

/*受注移動・ヤマトB2選択フォーム*/
.jutyu_sentaku_form{
	font-size: 16px;
	line-height: 1;
	color: #333;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}

.jutyu_sentaku_form li{
	margin-right:16px;
	float: left;	
	}

.jutyu_sentaku_form li.check_show{
	display:none;
}
/*
.jutyu_sentaku_form li#jutyu_check_idou, 
.jutyu_sentaku_form li#jutyu_check_denpyou, 
.jutyu_sentaku_form li#jutyu_check_b2, 
.jutyu_sentaku_form li#jutyu_check_btn,
.jutyu_sentaku_form li#jutyu_check_fin{
	display:none;
	}
*/
.jutyu_sentaku_form li .arow{
	padding-right: 4px;
	padding-left: 4px;
}

/*受注移動（注文完了フォルダー）のエラーメッセージ*/
.idou_fin_err{
	font-size: 16px;
	color: #F00;
	padding: 10px;
	width: 100%;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	border: 1px solid #F00;
	text-align: center;
	}

span.od_fin{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	padding: 4px;
}


/* 受注新規登録*/
.order_table{

	width: auto;

	}


.order_table .msg_box{
	width: 100%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;	
}
.order_table .msg_box p{
	font-size: 20px;
	color: #F00;
	text-align: center;
	padding: 12px;
	border: 1px solid #F00;
}

.order_table .od_fax th{
	background-color: #EFEFDE;
	white-space: nowrap;
	width: 1%;
}



/*
.od_title{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin-bottom: 6px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
*/
.od_title{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 1;
	color: #FFF;
	background-color: #039;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
}

.od_subtitle{
	font-size: 16px;
	line-height: 1;
	color: #000;
	margin-bottom: 4px;
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-weight: bold;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	}

.add_itme_title{
	font-size: 30px;
	color: #F00;
	text-align: center;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	font-weight: bold;
	}


.jutyu_product_box{
	width: 100%;
	}
.jutyu_product_box .product_left{
	float:left;
	width:300px;
	}
.jutyu_product_box .product_left img{
	max-width:100%;
	height:auto;
}
.jutyu_product_box .product_right{
	float: right;
	width:660px;
	}



.order_table table{
	background-color: #D6D6D6;
	width: 100%;
	margin-bottom: 40px;
	}

.order_table .table_set{
		margin-bottom: 8px;
}

.order_table th{
	white-space: nowrap;
}

.order_table th, .order_table td {
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	text-align: left;
	}
.order_table th {
	background-color: #F5F5F5;
	border: 1px solid #FFF;
	}
.order_table td {
	background-color: #FFF;
	}
.order_table td input, .order_table td select, .order_table td textarea {
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

.order_table th.price_bgcolor {
	background-color: #FEE3D1;
}

.order_table .input_textf{
	width: 90%;	
	}

/* 商品削除ボタン*/
.order_table .product_del_form{
	}

.order_table .product_del_form table{
	background:none ;
	}

.order_table .product_del_form input{
	height: 30px;
	width: 30px;
}


.order_table .product_del_form th{
	background:none ;
	font-size: 16px;
	color: #F00;
	text-align: right;
	padding-right: 3px;	
}

.order_table .product_del_form td{
	font-size: 18px;
	white-space: nowrap;
	width: 1%;
	

}

ul.od_adore1 li{
	margin-bottom: 3px;
}
.od_footer{
 text-align: center;
	width: 100%;
	margin: 40px auto;
	}
.od_footer li.backlink{
	font-size: 20px;
	margin-top: 30px;
	text-align: left;
	font-weight: bold;
	}
.od_footer input{
	font-size: 20px;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #FFF;
	background-color: #936;
	}

/* 集計フォーム*/
.shukeiform{}
.shukeiform p.shukei_err_msg{ 
width:auto;
text-align:center;
font-size:18px;
color:#F00;
margin:16px auto;
}
.shukeiform li.shukeif_date{
	margin-bottom:12px;
	}
.shukeiform li.shukeif_date input{
	text-align:center;
	padding:3px;
}
.shukeiform li.shukeif_date span{padding:8px;}
.shukeiform li.shukeif_date label{padding:3px;}

.shukeiform li.shukeif_ragio{margin-bottom:12px;}
.shukeiform li.shukeif_ragio label{ padding: 0 20px 0 3px;}
.shukeiform li.shukeif_btn{padding:5px;}

/*　セレクトメニュー装飾　*/
select.yl{
	background-color:#FFC;
	}
select.gr{
	background-color: #E1FFF0;
	}
select.rd{
	background-color: #FC9;
	}