@charset "utf-8";



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

*.margin-bottom {
	margin-bottom: 15px;
}
*.margin-bottom-narrow {
	margin-bottom: 5px;
}
*.margin-bottom-wide {
	margin-bottom: 15px;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

/* block
-------------------------------------------------------------------------------- */

header#header div.block-first {
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 20;
}
header#header div.block-first div.inner-block {
	position: relative;
	padding: 10px 15px 10px 10px;
}
header#header div.block-first p.logo {
	left: 10px;
	top: 7px;
}
header#header div.block-first h1 {
	font-size: 14px;
}
header#header div.block-first h1 span {
	font-size: 10px;
	margin-right:45px;
	padding: 1px 4px;
}
header#header div.block-first p.button-menu {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	cursor: pointer;
	background: url(../imgs/button-menu-sp.png) no-repeat left top;
	background-size: auto 30px;
}
header#header.open div.block-first p.button-menu {
	background-image: url(../imgs/button-menu-close-sp.png);
}
header#header div.block-second {
	position: fixed;
	width: 100%;
	height: 100%;
	right: -100%;
	top: 0px;
	z-index: 10;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.175s;
	-ms-transition: -ms-transform 0.175s;
	transition: transform 0.175s;
}
header#header.open div.block-second {
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
header#header div.block-second div.inner-block {
	height: 100%;
	overflow: auto;
	background-color: #333333;
    -webkit-overflow-scrolling: touch;
}
header#header div.block-second div.container {
	padding: 65px 15px 15px 15px;
}
header#header div.block-second div.user {
	position: static;
	right: auto;
	top: auto;
	margin-bottom: 15px;
}
header#header div.block-second div.user a {
	color: #ffffff;
}
header#header div.block-second div.user p {
	font-size: 12px;
}
header#header div.block-second div.user p a i path {
	fill: #cccccc;
}
header#header div.block-second div.user p.logout {
	float: right;
}
header#header div.block-second nav#navi {
	margin-bottom: 15px;
}
header#header div.block-second nav#navi ul > li {
	float: none;
	width: auto;
}
header#header div.block-second nav#navi ul > li > a {
	border-right: none;
}
header#header div.block-second nav#navi ul > li.collapse > a {
	background-image: url(../imgs/arrow-collapse-sp.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: auto 7px;
}
header#header div.block-second nav#navi ul > li.collapse.open > a {
	background-image: url(../imgs/arrow-collapse-close-sp.png);
}
header#header div.block-second nav#navi ul > li:hover > a {
	color: #333333;
}
header#header div.block-second nav#navi ul > li.main:hover > a {
	background-color: #e6f7fd;
}
header#header div.block-second nav#navi ul > li.arrive:hover > a {
	background-color: #e7f9f6;
}
header#header div.block-second nav#navi ul > li.ship:hover > a {
	background-color: #fdf4df;
}
header#header div.block-second nav#navi ul > li.inquiry:hover > a {
	background-color: #ffeded;
}
header#header div.block-second nav#navi ul > li.master:hover > a {
	background-color: #eef2f5;
}
header#header div.block-second nav#navi ul > li.main:hover > a i {
	background-color: #3ac2f0;
}
header#header div.block-second nav#navi ul > li.arrive:hover > a i {
	background-color: #3fd1b6;
}
header#header div.block-second nav#navi ul > li.ship:hover > a i {
	background-color: #f2aa00;
}
header#header div.block-second nav#navi ul > li.inquiry:hover > a i {
	background-color: #fc716f;
}
header#header div.block-second nav#navi ul > li.master:hover > a i {
	background-color: #749bb0;
}
header#header div.block-second nav#navi ul > li.main:hover > a i path,
header#header div.block-second nav#navi ul > li.arrive:hover > a i path,
header#header div.block-second nav#navi ul > li.ship:hover > a i path,
header#header div.block-second nav#navi ul > li.inquiry:hover > a i path,
header#header div.block-second nav#navi ul > li.master:hover > a i path {
	fill: #ffffff;
}
header#header div.block-second nav#navi ul.nest {
	display: none;
	position: static;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	overflow: auto;
	opacity: 1;
}
header#header div.block-second nav#navi ul.nest li a {
	border: none;
	border-bottom: 1px solid #b8b8b8;
	padding: 10px 10px 9px 10px;
	background-color: #ffffff;
}
header#header div.block-second nav#navi ul.nest li:first-child a {
	border-top: none;
}
header#header div.block-second nav#navi ul.nest li a:hover {
	background-color: #ffffff;
}
header#header div.block-second nav#navi hr {
	display: none;
}
header#header div.block-second div.misc {
	display: block;
}
header#header div.block-second div.color p,
header#header div.block-second div.mode p {
	display: none;
}



/* --------------------------------------------------------------------------------
content
-------------------------------------------------------------------------------- */

div#content div.inner-content {
	padding: 65px 15px 15px 15px;
}

div#content div.inner-content div.popup {
	padding: 15px 15px 15px 15px;
}

div#content div.scroll-sp {
    overflow-y: auto;
    height:200px;
}

/* form
-------------------------------------------------------------------------------- */

input.medium {
	width: 100%;
}
input.medium-wide {
	width: 100%;
}
input.wide {
	width: 100%;
}
form div#content div.component {
	margin-bottom: 15px;
	padding-left: 0px;
}
form div#content div.component p.label {
	position: static;
	left: auto;
	top: auto;
	line-height: 25px;
}
form div#content div.component-radio label {
	display: block;
	margin-right: 0px;
}

/* table
-------------------------------------------------------------------------------- */

div#content table.data thead th {
	padding: 5px;
}
div#content table.data tbody td i.stock {
	height: 20px;
}
div#content table.data-sp thead {
	display: none;
}
div#content table.data-sp tbody td {
	width: 100%!important;
	display: block;
	position: relative;
	border-style: dashed;
	padding: 5px 0px;
}
div#content div.popup table.data-sp tbody td {
	width: auto !important;
}
div#content table tr.pager td.pager {
	display: inline;
	border-style: none;
	padding: 0px 10px;
}
body.ie9 div#content table.data-sp tbody td {
	float: left;
	width: 100%;
}
div#content table.data-sp tbody tr td:last-child {
	border-style: solid;
}
div#content table.data-sp tbody tr:last-child td:last-child {
	border: none;
}
div#content table.data-sp tbody td.center,
div#content table.data-sp tbody td.right {
	text-align: left;
}
div#content table.data-sp tbody td.center img {
	margin: 0px;
}
div#content table.data-sp tbody td p.label {
	display: block;
	float: left;
	width: 22.5%;
	vertical-align: top;
	font-size: 12px;
	line-height: 15px;
	padding: 3px 0px 0px 5px;
}
div#content table.data-sp tbody td div.inner {
	float: right;
	width: 72.5%;
	padding-right: 5px;
}

/* column
-------------------------------------------------------------------------------- */

div#content div.column {
	margin-left: 0px;
	margin-right: 0px;
}
div#content div.column div.row {
	float: none;
	width: auto;
	margin-bottom: 15px;
}
div#content div.column div.row:last-child {
	margin-bottom: 0px;
}
div#content div.column div.row div.inner-row {
	padding: 0px;
}

/* frame
-------------------------------------------------------------------------------- */

div#content div.frame div.content {
	padding: 14px;
}
div#content div.frame-number p.number {
	padding: 20px 0px;
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

footer#footer {
	display: none;
}

/* --------------------------------------------------------------------------------
Message
-------------------------------------------------------------------------------- */
.message {
    margin: 65px 0px -25px 0px;
}

/* --------------------------------------------------------------------------------
errorMessage
-------------------------------------------------------------------------------- */
div#errorMessage[display=true],
.error {
    margin: 65px 20px -25px 20px;
}