html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
html {
	font-size:62.5%;
}
body {
	line-height:1em;
	padding:10px;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#EFEFEF;
}
img {
	vertical-align:bottom;
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a {
	text-decoration:none;
	color:#00409A;
}
.cf {
	overflow:hidden;
	height:auto;
}
.navbar {
	margin:10px;
}
#flashMessage {
	margin: 0px 10px 20px;
	font-weight:bold;
}
#contents {
	padding: 0 0px;
	margin:0 10px;
	background:#FFF;
	border:solid 1px #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#contents.manager {
	width:500px;
	margin:0 auto;
}
#contents h1 {
	font-size:13px;
	margin:0;
	line-height:1em;
	padding:10px 20px;
	color:#000;
	border-bottom:solid 1px #CCC;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	background-color: #ededed;
	background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
	background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
}
#contents .container {
	position:relative;
	padding:20px 20px 20px;
	min-height:180px;
}
#contents .pagination {
	margin:0 0 20px;
}
#contents #side-navi {
	width:180px;
	position:absolute;
	top:20px;
	left:20px;
}
#contents #side-navi li {
	background:#FFF;
}
#contents #contents-main {
	padding:0 0 0 200px;
}
#contents #form {
	padding:0px 0;
	width:800px;
}
#contents #form.full{
	padding:0px 0;
	width:100%;
}

#contents #form table {
	margin:0;
}
#contents #form .actions, #contents #login .actions {
	background:#EFEFEF;
	border:solid 1px #CCC;
	padding:10px;
	text-align:center;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin:-2px 0 20px;
}

#contents #login .actions {
	margin:-2px 0 0px;
}

#contents #list.hlf {
	width:800px;
}
#contents #list tr:hover {
	background:#EFEFEF;
}
#contents #form tr.bd2 th, #contents #form tr.bd2 td {
	border-top:solid 3px #CCC;
}
#contents #list th, #contents #form th {
	background:#EFEFEF;
	text-align:center;
	padding:8px;
	vertical-align:middle;
	margin:0;
	line-height:1em;
}
#contents #form.full th{
	width:33%;
}

#contents #form.full td{
	width:33%;
}

#contents #form td.db{
	background:#E8E8E8;
}


#contents #list td, #contents #form td {
	vertical-align:middle;
	padding:3px 5px;
	margin:0;
	line-height:1.5em;
}
#contents #form td {
	padding:8px 20px;
}
#contents #form td input {
	margin:0;
}
#contents td input[type=text] {
	margin:0;
	padding:4px 5px;
}
#contents #form td input[type=checkbox] {
	margin:3px 5px 0 0;
	line-height:0;
	padding:0;
}
#contents #form td input[type=radio] {
	margin:0 5px 0 0;
	line-height:0;
	padding:0;
}
#contents #form .checkbox {
	float:left;
	margin:0;
	padding:0 10px 0 0;
}
#contents #form .checkbox label {
	display:inline;
	margin:0;
	padding:0;
}
#contents #form .existing {
	overflow:hidden;
	height:auto;
}
#contents #form .image {
	margin:0 10px 0 0;
	float:left;
}

#contents #form .image img{
	margin:0 0 10px 0;
}


#contents #form .new {
}
#contents td.c , #contents th.c{
	text-align:center;
}
#contents td.b {
	width:80px;
}
#contents #form td.b2 {
	width:60px;
	padding: 8px 10px;
}
#contents td.up {
	color: #090;
}
#contents td.down {
	color: #C00;
}
#contents th, #contents td.nw {
	white-space: nowrap;
}
.required {
	color:#F00;
	margin:0 0 0 5px;
}
.error-message {
	margin:5px 0 0;
	color:#F00;
}
.pagination ul {
	margin-right:10px;
}


.pagination form {
	float:right;
}

.pagination form input{
	display:inline;
	margin:0;
}

.pagination form select{
	display:inline;
	margin:0;
}

.pagination form .btn{
	margin:0;
}


#contents #login table{
	width:100%;
	margin:0;
}


#contents select.bt-sp-none{
	margin-bottom: 0px;
}

#contents #form table.sep-table{
	margin-top:15px;
}

#contents .p-set{
	margin: 0px;
	padding: 10px 0px 0px;
}

#contents .p-start{
	margin: 0px;
	padding: 0px;
	float:left;
}

#contents .p-k{
	margin: 0px;
	padding: 7px 0px 0px;
	float:left;
	text-align:center;
	width:30px;
}

#contents .p-end{
	margin: 0px;
	padding: 0px;
	float:left;
}

/* 受注用セルカラー */
#contents #list th.order-id-cell,#contents #list td.order-id-cell{
	background:#e7f6ff;
}

.member-id-cell{
	color:#bd1b1b;
}

#contents #list th.order-sky-blue-cell, #contents #form th.order-sky-blue-cell{
	background:#7ccdfd;
}

#contents #list th.order-pink-cell, #contents #form th.order-pink-cell{
	background:#fee4e4;
}

#contents #list th.order-blue-cell, #contents #form th.order-blue-cell{
	background:#00409a;
	color:#FFF;
}

#contents #list th.order-gray-cell, #contents #form th.order-gray-cell,#contents #list td.order-gray-cell, #contents #form td.order-gray-cell{
	background:#EFEFEF;
}

#contents #list th.order-gray-light-cell, #contents #form th.order-gray-light-cell,#contents #list td.order-gray-cell, #contents #form td.order-gray-light-cell{
	background:#F8F8F8;
}

#contents #list th.order-white-cell, #contents #form th.order-white-cell{
	background:#FFF;
}