@charset "utf-8";

a:link { color: #0000ff; }
a:hover { 
	color: #ff0000;
	filter: alpha(opacity=65);
	-moz-opacity:0.75;
	opacity:0.75;
 }
a:active { color: #ff8000; }
a { text-decoration: none; }

body{
	line-height:1.4;
	font-family:Arial, sans-serif;
	font-size:0.9em;
	background-color:#ffffff;
}

h1, p, body, div {
	margin:0;
}

h2 {
	font-size: 130%;
	margin-bottom: 7px;
}

h2.sub_title { margin-top: 0; }

ul, ol{
	margin:0;
	padding:0 0 0 20px;
}
li {
	margin:0;
	padding:0;
}

td, tr, th{
	margin:0;
	padding:0;
	border:solid 1px #d4d4d4;
}


/* -------------------------------------------
 * jquery ui
 * ------------------------------------------- */
.ui-widget {
	font-size:90%;
}
.ui-dialog .ui-dialog-buttonpane button {
	height: 2.5em;
}
.no-close .ui-dialog-titlebar-close {
	display: none;
}

/* -------------------------------------------
 * login form
 * ------------------------------------------- */
#login_form {
	margin:0 70px;
	padding:20px 30px;
	background-color:#efefef;
	border:solid 4px #d0d0d0;
}
#login_form table {
	margin:0 auto 10px auto;
	border:0;
}
#login_form table th,
#login_form table td,
#login_form table tr {
	border:0;
	padding: 3px;
}
#login_form table th {
	text-align: right;
	white-space: nowrap;
	width:25%;
}
#login_form input[type=text],
#login_form input[type=password]{
	width:100%;
}

#login_form p {
	text-align:center;
}
#password_reset{
	margin:20px 0 0 0;
	text-align:center;
}

/* -------------------------------------------
 * main page layout
 * ------------------------------------------- */
#wrap{
	border-top:solid 10px;
	position: relative;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
#main{
	clear:both;
	margin:0 auto;
	text-align:left;
	margin:0px 50px;
}

#contents{
	clear: both;
	background-color: #ffffff;
	border:solid 5px;
	padding: 25px;
	margin: 20px auto;
	overflow: hidden;
}

#footer{
	width:100%;
	bottom:0;
	height:16px;
    font-size: 75%;
    padding-top:2px;
    color:#ffffff;
    text-align:center;
}

/* -------------------------------------------
 * header
 * ------------------------------------------- */
#header{
	background:#ffffff;
	text-align:left;
	padding:0;
	position:relative;
}

#head{
	text-align:left;
	height:40px;
	padding:10px 50px;
	border-bottom:solid 2px;
}

.log{
	display:block;
	float:right;
    margin: 0 auto;
    padding:5px 0px 0px 5px;
}
.log a:hover{
	filter: alpha(opacity=55);
	-moz-opacity:0.75;
	opacity:0.75;
}
#logo{
	height:40px;
	float:left;
	margin:0;
}

/* -------------------------------------------
 * main menu
 * ------------------------------------------- */
#menu{
    clear:both;
    margin: -2px auto 0 auto;
    padding:0;
	text-align:left;
}
#menu:after {
	content: "";
	display:block;
	clear:both;
}
#navi{
	margin:0px 50px;
	padding:0;
	text-align:center;
}

.menu {
	padding:0;
	list-style-type:none;
}
.menu li{
	line-height:55px;
	float:left;
}

.menu .group_end{
	margin-right: 30px;
}

.menu li a{
	display:inline-block;
	overflow: hidden;
	width: 89px;
	float:left;
	height:55px;
}

.menu .group_end a{
	width: 91px;
}

/* -------------------------------------------
 * sub menu
 * ------------------------------------------- */
#submenu{
    clear:both;
    margin: 0 auto;
    padding:0;
	text-align:left;
	overflow: hidden;
	min-height:25px;
}

#subnavi{
	margin:0px 50px;
	padding:0;
}
#subnavi ul{
	padding:0;
	list-style-type: none;
}

#submenu li{
	line-height:25px;
	margin: 0px 3px 0 0;
	padding: 0 25px 0 5px;
	float:left;
	font-weight: bold;
	display:inline-block;
	overflow: hidden;
	border-left: 10px solid;
}

/* -------------------------------------------
 * title
 * ------------------------------------------- */
#title{
	margin:15px 0px 20px 0px;
	padding:0 10px;
	height:40px;
	font-size:2.3em;
	font-weight:normal;
	border-left:solid 10px;
}

/* -------------------------------------------
 * common style with class
 * ------------------------------------------- */
.caution{
	margin: 0 auto 20px auto;
	text-align: left;
}

.input :hover{
	filter: alpha(opacity=65);
	-moz-opacity:0.75;
	opacity:0.75;
}

.hidden{
	display: none;
}

span.disabled {
	color: #999;
	font-weight: normal;
}

ul.horizon {
	padding:0;
}
ul.horizon li{
	display:inline;
	float:left;
	margin-right:15px;
}
ul.horizon:after {
	content: '';
	display:block;
	clear:both;
}
ul.vertical {
	list-style: none;
	padding: 0;
}

ul.vertical li {
	padding-bottom: 10px;
}

p.annotation {
	font-size: 90%;
	margin-left: 1.2em;
	text-indent: -1.2em;
}

p.annotation span {
	left: -1em;
}

/* ------------------------------------------------
 * div#notice
 ------------------------------------------------ */
div#notice {
	color: #f00;
	border-top: 3px double #f00; 
	border-bottom: 3px double #f00;
	text-align: left;
	padding: 2px 5px;
	margin-bottom: 10px;
}

ul.flash_results:after {
	content: ".";
	height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

ul.flash_results li { float: left; }
ul.flash_results li div {
	float: right;
	padding-left: 15px;
}

div.copy_item {
	float:right;
}
/* ------------------------------------------------
 * search_form
 ------------------------------------------------ */
div#search_form {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #d4d4d4;
	overflow: hidden;
}

div#search_form table {
	margin: 0 auto;
	width:100%;
	border: none;
	border-collapse: collapse;
	
}
div#search_form tr {
	border:0;
}
div#search_form table th,
div#search_form table td{
	padding: 5px 5px;
	border: 0;
}
div#search_form table th { text-align: right; }

div#search_form div {
	text-align: center;
	padding: 10px 0;
}

div#search_form div span{ padding-left: 30px; }

div#search_form .submit_btn_search { width: 150px;}

div#search_form #search_info_keyword,
div#search_form #search_info_working_keyword,
div#search_form #search_info_name {width: 60%;}

/* ------------------------------------------------
 * pager
 ------------------------------------------------ */
.pager_content{
	overflow: hidden;
}

.pager_content .pager_left{
	float: left;
	width: 75%;
	text-align: left;
}

.pager_content .pager_left .pager_info{
	float: left;
	width: 32%;
}

.pager_content .pager_left .pager{
	float: left;
	width: 66%;
	text-align: center;
}

.pager_content .pager_right{
	float: right;
	width: 24%;
	text-align: right;
}

/* ------------------------------------------------
 * back/next
 * ------------------------------------------------ */
.btn_box{
	overflow: hidden;
	margin-top: 20px;
}

.back {
	float:left;
}
.back a:hover{
	filter: alpha(opacity=65);
	-moz-opacity:0.75;
	opacity:0.75;
}

.next{
	height:45px;
	text-align:right;
}

/* ------------------------------------------------
 * table.list
 * ------------------------------------------------ */
table.list {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0;
}
table.list tr.even { background: #fff; }
table.list tr.odd  { background: #fcf9e3; }

table.list td{
	padding: 2px 5px;
}
table.list th{
	padding: 10px 5px;
	text-align: center;
	background-color: #f2efeb;
}

table.list td.code,
table.list td.name,
table.list td.charge {
	text-align: left;
}
table.list td.integer,
table.list td.price {
	text-align: right;
}
table.list td.enum,
table.list td.operation { white-space: nowrap; }
span.status {
	white-space:nowrap;
}
.operation {
	width: 1em;
	padding: 0 10px !important;
}

table.list td.operation,
table.list td.status,
table.list td.id,
table.list td.datetime,
table.list td.item_check {
	text-align: center;
}

/* ------------------------------------------------
 * table.detail
 * ------------------------------------------------ */
table.detail {
	border: solid 1px #d4d4d4;
	border-collapse: collapse; 
	width: 100%;
	margin: 0;
	padding: 0;
}

table.detail th {
	width: 200px;
	min-width: 200px;
	padding: 5px 10px;
	text-align: left;
	background-color: #f2efeb;
}

table.detail td {
	padding: 5px 10px;
	text-align: left;
}

.required {
	font-size: 70%;
	background: red;
	color: #ffffff;
	padding: 2px;
	margin-left: 5px;
}
.estimate_required {
	font-size: 70%;
	background-color: #ff8800;
	color: #fff;
	padding: 2px;
	margin-left: 5px;
}
.confirm_required {
	font-size: 70%;
	background-color: #ff8800;
	color: #fff;
	padding: 2px;
	margin-left: 5px;
}

table.detail #item_user_table{
	width: auto;
}
table.detail #item_user_table th.operation{
	width: 100px;
}

table.detail #item_user_table th{
	text-align: center;
	width: auto;
}
table.detail #user_id_id{
	width: 80%;
}
tr#add_tr td.button{
	text-align: center;
}
#pre_estimations div {
	display:inline-block;
	margin-right:1.5em;
}
/* ------------------------------------------------
 * table.detail - order
 * ------------------------------------------------ */
table.order_detail td {
	min-width:150px;
}
col.order_detail_header {min-width: 221px; width: 221px; max-width:221px;}
col.order_detail_data1, col.order_detail_data2 {width: 40%;}

/* ------------------------------------------------
 * .h_line_up
 * ------------------------------------------------ */
.h_line_up_l {
	width: 49%;
	min-width:392px;
	margin-right: 1%;
	float: left;
}

.h_line_up_r {
	width: 50%;
	min-width:392px;
	float: left;
}

.h_line_up_r table.detail td { white-space: nowrap; }

.h_line_up { overflow: hidden }


.clear_all { clear: both; }

/* ------------------------------------------------
 * Validation errors
 ------------------------------------------------ */
.formError {
	color: red;
	font-weight: bold;
	clear: both;
}

.field_with_errors {
	display: inline;
	clear: both;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

/* -------------------------------------------
 * form parts
 * ------------------------------------------- */
#item_name,
#item_parent_item_name,
#order_parent_item_name,
#order_address_name,
#order_address,
#order_note {
	width: 100%;
}

#order_amount, #order_total_amount, #order_layout_count, #order_print_count { width: 4em; }

#user_name,
#user_mailaddress { width: 50%; }

#search_info_paper_type_id,
#search_info_paper_family_id,
#search_info_paper_id,
#order_paper_type_id,
#order_paper_family_id,
#order_paper_id,
#item_paper_type_id,
#item_paper_family_id,
#item_paper_id {
	width: 170px;
}

#item_long_side,
#item_short_side{
	width: 70px;
}

#order_other_process,
#item_other_process {
	width: 100%;
	height: 70px;
}

#item_delivery_day,
.day input {
	width: 2em !important;
}

#item_note,
#item_note_f,
#item_note_r {
	width: 100%;
	height: 70px;
}

div.print_size_type_select_box {
	float:left;
	margin-right: 15px;
}

div.atypical_size_input_box {
	float:left;
}

/* -------------------------------------------
 * item_regist_step
 * ------------------------------------------- */
ol.item_regist_step a:hover{
	opacity:1;
}
ol.item_regist_step {
	padding:0;
	margin:0 0 20px 0;
}
ol.item_regist_step:after {
	content: "";
	display:block;
	clear:both;
}
ol.item_regist_step li {
	display:block;
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
	font-weight:bold;
}
ol.item_regist_step li.item_regist_link:hover {
	opacity:0.7;
}
ol.item_regist_step li span,
ol.item_regist_step li a {
	display:block;
	padding:10px 5px 10px 10px;
	height:20px;
	width:8em;
	float:left;
	background-color:#cccccc;
	color:#000000;
}

ol.item_regist_step li.item_regist_current span,
ol.item_regist_step li.item_regist_current a {
	background-color:#ff8800;
	color:#ffffff;
}
ol.item_regist_step li:after {
	content:"";
	display:block;
	height:0;
	float:left;
	border-left:solid #cccccc 10px;
	border-top:solid transparent 20px;
	border-bottom:solid transparent 20px;
}
ol.item_regist_step li.item_regist_current:after {
	border-left-color:#ff8800;
}

/* -------------------------------------------
 * #step_price_list
 * ------------------------------------------- */
#calc_result {
	width: 60px;
	display: inline-block;
}

table.detail table#step_price_list,
table.detail table#step_price_list th,
table.detail table#step_price_list td {
	border-collapse: collapse;
	min-width: 0px;	
}

table.detail table#step_price_list,
table.detail table#step_price_list td,
table.detail table#step_price_list th { width: auto;}

table.detail table#step_price_list td.count     { text-align: right; }
table.detail table#step_price_list td.type      { white-space: nowrap; }
table.detail table#step_price_list td.operation { width: 3.5em; }

/* -------------------------------------------
 * file_table
 * ------------------------------------------- */
table.file_table {width: 100%; }

.file_table .file{
	text-align: left;
}

.file_table{
	border-collapse: collapse;
	margin: 5px 0;
}

.file_table .datetime    {width: 140px;}
.file_table .created_at,
.file_table .created_by,
.file_table .size,
.file_table .operation {
	white-space: nowrap;
}

/* -------------------------------------------
 * Sortable
 * ------------------------------------------- */
/* start of deprecated styles */
div#sortable{ overflow: hidden;}
div#sortable ul { list-style: none; padding-left: 0; }

div#sortable table{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div#sortable table .name        { width: 250px; }
div#sortable table .prefecture  { width:  80px; }
div#sortable table .person      { width: 120px; }
div#sortable table .operation   { text-align: center; }
div#sortable table th.operation { width: 130px; }
div#sortable table td.operation { width:  29.5px; }
div#sortable tr.odd             { background: #fcf9e3 }
div#sortable table th,
div#sortable table .prefecture,
div#sortable table .operation   { white-space: nowrap; }

div#sortable table td { padding: 5px; }
/* end of deprecated styles */

ul.sortable {
	padding-left:0;
	margin-left:0;
}
ul.sortable li {
	list-style:none;
	padding-left:0;
	margin-left:0;
}
ul.sortable li.odd{
	background-color: #fcf9e3;
}

table.sort_table {
	width:100%;
	border-collapse:collapse;
}
table.sort_table th {
	text-align:center;
	padding:10px 0;
}
table.sort_table td {
	padding:5px 10px;
}
table.sort_table input[type=text] {
	width:100%;
	box-sizing:border-box;
}
table.sort_table th.operation {	width: 193px; }
table.sort_table td.operation {
	width: 50px;
	text-align:center;
}
table.sort_table .operation input {
	width:auto;
}

/* -------------------------------------------
 * form_simple
 * ------------------------------------------- */
dl.form_simple {
	margin:1em 0;
}
dl.form_simple:after {
	content:'';
	display:block;
	clear:both;
}
dl.form_simple dt {
	width:6em;
	float:left;
	text-align:right;
}
dl.form_simple dt:after {
	content: '：';
}