@charset "UTF-8";

/* ============================================================
   旧 style.css / custom.css のうち、実際に使われているルールだけを残したもの。

   全画面のリニューアルが済んだ時点で、旧CSSの大半はどの要素にも
   当たらなくなっていた。66画面を巡回して当たり判定を実測し、
   1本でも要素に当たったルールだけをここへ移してある
   （:hover などの状態は再現できないので、状態指定を外した形で判定した）。

   renewal.css より前に読み込むこと。順番が入れ替わると、
   renewal.css 側の打ち消しが効かなくなる。
   ============================================================ */

/* ---------- style.css から引き継いだ分 ---------- */

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
---------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

/* Base
---------------------------------------------------------------------*/

body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	line-height:1.5;
	font-size:12px;
	background-color:#F2F2F2;
	color:#666;
	margin:0 auto;
}

a {
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	color:#4D5762;
	position:relative;
	word-spacing:-0.1em;
}

h1,h2 {
	line-height:28px;
	margin-bottom:18px;
}

h1,h2,h3,h4,h5 {
	margin-top:18px;
}

h1 {
	font-size:28px;
}

h2 {
	font-size:21px;
}

b,strong,caption,th,thead,dt,legend {
	font-weight:bold;
}

p {
	word-spacing:0.125em;
	hyphenate:auto;
	hyphenate-lines:3;
	margin-top:1em;
}

p+p {
}

small,sup,sub {
	font-size:90%;
}

big,.big {
	font-size:120% !important;
	line-height:120%;
}

ul,ol {
	padding-left:1.5em; /* Good browsers style ul elements like this https://developer.mozilla.org/en/Consistent%5FList%5FIndentation */
}

ul {
	list-style:disc outside;
}

ul,ol,dl,dialog {
	margin-top:1em;
	margin-bottom:1em;
}

li ul,li ol,ul ul,ol ol,dl dd {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
}

button {
	cursor:pointer;
}

/* html 5 specific */

article,aside,header,hgroup,nav,section,footer {
	float:left;
	display:block;
}

/* Forms
---------------------------------------------------------------------*/

form {
	overflow:auto;
}

input:focus,textarea:focus,select:focus {
	outline-width:0; /* No outline border for Safary */
}

input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],input[type="date"],input[type="email"],textarea,select {
	border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
	border-style:solid;
	border-width:1px;
	padding:4px;
	color:#777;
}

textarea {
	line-height:18px;
	overflow:auto;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

input[type="submit"],input[type="reset"],input[type="button"] {
	margin-bottom:0;
}

input:focus,textarea:focus {
	-moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
	box-shadow:0 1px 1px rgba(196,196,196,0.5);
	-webkit-focus-ring-color:none;
	border-color:#c4c4c4;
	background-color:#FFFFF0;
}

label {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

label.choice {
	vertical-align:middle;
	font-weight:normal;
	text-transform:none;
}

/* Boxes
---------------------------------------------------------------------*/

.box {
	padding: 8px;
	margin-bottom:8px;
	color:#555;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#eee;
}

.box-info {
	padding-left: 32px;
	border-top:1px solid #B8E2FB;
	border-bottom:1px solid #B8E2FB;
	background:#E8F6FF url("../img/information.png") no-repeat 8px 50%;
}

.box-error{
	padding-left: 32px;
	border-top:1px solid #F8ACAC;
	border-bottom:1px solid #F8ACAC;
	background:#FFD1D1 url("../img/exclamation.png") no-repeat 8px 50%;
}

.box a:hover {
	background: transparent !important;
}

/* Wrappers & headers
---------------------------------------------------------------------*/

.wrapper, .wrapper-login, .wrapper-preview {
	margin:0 auto;
	text-align:left;
	width: 990px;
	position:relative;
}

.wrapper-login {
	width: 360px;
}

header#top {
	background-color: #282828;
	width:100%;
	background:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(39,38,34)),
		color-stop(0.8, rgb(50,50,50))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(39,38,34) 20%,
		rgb(50,50,50) 80%
	);
}

/* Page title
---------------------------------------------------------------------*/

#title {
	color:#FFF;
	font:bold 2.4em/26px 'Trebuchet MS',Trebuchet,Arial,sans-serif;
	letter-spacing:-0.02em;
	padding:20px 0 22px;
	text-shadow:1px 1px 3px #111;
}

#pagetitle {
	background-color:#5D9ADF;
	border-top:4px solid #266DBB;
	border-bottom:1px solid #2A7AD2;
	float:left;
	width:100%;
	background: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.2, rgb(80,146,220)),
	color-stop(0.8, rgb(107,163,226))
	);
	background: -moz-linear-gradient(
	center bottom,
	rgb(80,146,220) 20%,
	rgb(107,163,226) 80%
	);
}

#pagetitle h1 {
	color:#fff;
	font-size:1.6em;
	padding:12px 0;
	text-shadow:0 -1px 1px #2A7AD2;
	margin:0;
	top:0;
	line-height:1.2em;
	float:left;
}

#page {
	float:left;
	width:100%;
	background-color:#FFF;
}

#page a {
	color: #329ECC;
	text-decoration:none;
	border-bottom:1px solid #A1CFD4;
}

#page a:hover, #page a:focus, #page a:active {
	background-color:#E2EFFF;
	border-bottom:1px solid #329ECC;
}

/* Footers
---------------------------------------------------------------------*/

footer#bottom {
	background-color:#F2F2F2;
	border-top:4px solid #D9D9D9;
	color:#999;
	float:left;
	font-size:11px;
	width:100%;
	background:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(242,242,242)),
		color-stop(0.8, rgb(254,254,254))
	);
	background: -moz-linear-gradient(
		center bottom,
		rgb(242,242,242) 20%,
		rgb(254,254,254) 80%
	);
	padding-bottom:2em;
}

footer#bottom a {
	color:#999;
	margin:0 4px;
	text-decoration:none;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	line-height:1.2em;
}

footer#bottom a:hover, footer#bottom a:active, footer#bottom a:focus {
	color:#666;
	border-bottom:1px solid #999;
	text-decoration:none;
}

footer#bottom p{
	clear:both;
	text-align:center;
	margin-bottom:24px;
	padding-top:12px;
	text-shadow:1px 1px 0 #fff;
}

/* Buttons
---------------------------------------------------------------------*/

body:not(.renewal) .btn {
	display: inline-block;
	padding: 5px 10px;
	color: #777 !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	position: relative;
	cursor: pointer;
	border:1px solid #ccc !important;
	background:#fff url("../img/btn-overlay.png") repeat-x !important;
}

/* renewal.css と衝突しないので、改修済みページにも効かせたままにする */
.btn-submit {
    top: 4px;
}

body:not(.renewal) .btn:hover, body:not(.renewal) .btn:focus, body:not(.renewal) .btn:active {
	outline:medium none;
	border:1px solid #329ECC !important;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	-moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
	box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
}

body:not(.renewal) .btn-green {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border:1px solid #749217 !important;
	background-color: #6AB620 !important;
}

body:not(.renewal) .btn-green:hover, body:not(.renewal) .btn-green:focus, body:not(.renewal) .btn-green:active {
	-moz-box-shadow:0 0 5px rgba(116, 146, 23, 0.9);
	-webkit-box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
	box-shadow: 0 0 5px rgba(116, 146, 23, 0.9);
	border:1px solid #749217 !important;
}

body:not(.renewal) .btn-red {
	color: #fff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	border:1px solid #AE2B2B !important;
	background-color: #D22A2A !important;
}

body:not(.renewal) .btn-red:hover, body:not(.renewal) .btn-red:focus, body:not(.renewal) .btn-red:active {
	-moz-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);
	-webkit-box-shadow:0 0 5px rgba(174, 43, 43, 0.9);
	box-shadow: 0 0 5px rgba(174, 43, 43, 0.9);
	border:1px solid #AE2B2B !important;
}

/* Content boxes
---------------------------------------------------------------------*/

.content-box {
	background:#fff;
	border:1px solid #999;
	margin:0em 0 0;
	display:inline-block;
	width:99%;
}

/* Top
---------------------------------------------------------------------*/

a#totop {
	background:#ccc;
	bottom:2px;
	display:block;
	font-size:11px;
	opacity:0.9;
	-khtml-opacity: .9;
	-moz-opacity: 0.9;
	padding:3px 6px;
	position:fixed;
	right:2px;
	color:#666;
	text-decoration:none;
	cursor:pointer;
}

a#totop:hover, a#totop:focus, a#totop:active{
	color:#333;
	text-decoration:none;
}

/* TipTip CSS - Version 1.2
---------------------------------------------------------------------*/

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* Datatables
---------------------------------------------------------------------*/

.dataTables_wrapper {
	position: relative;
	margin:1em 0;
	/*min-height: 302px;*/
	min-height: 50px;
	clear: both;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 42px;
	float: right;
	text-align: right;
	cursor: pointer;
	font-size: 0px;
}

/* Pagination nested */

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next,
.paginate_button.next, .paginate_button.next.disabled,
.paginate_button.previous,.paginate_button.previous.disabled
{
	height: 19px;
	width: 19px;
	margin-left: 1px;
	float: left;
}

.paginate_button.disabled.previous {
	background-image: url('../img/datatable/back_disabled.png');
}

.paginate_button.previous {
	background-image: url('../img/datatable/back_enabled.png');
}

.paginate_button.next.disabled {
	background-image: url('../img/datatable/forward_disabled.png');
}

.paginate_button.next {
	background-image: url('../img/datatable/forward_enabled.png');
}

.sorting_asc {
	background: url('../img/datatable/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../img/datatable/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../img/datatable/sort_both.png') no-repeat center right;
}

/* For the standard odd/even */

tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

/* ---------- custom.css から引き継いだ分 ---------- */

/*-- フッタを画面下部に固定するためのもの --*/

html, body {
    background-color: #FFF;
    height: 100%;
}

#page {
    width: 100%;
    position: relative;
    height: auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
    padding-bottom: 100px;
}

header#top {
    background-color: #FFE9AF;
    background-image: url("../../Images/top_gara.png");
    background-repeat: repeat;
    width: 100%;
}

footer#bottom {
    padding-bottom: 1em;
    height: 30px;
}

#pagetitle {
    background-color: #FFF;
    border-top: 4px solid #5F3F30;
    border-bottom: 1px solid #FFF;
    background: #FFF;
    background-color: #FFF;
}

#pagetitle h1 {
        text-shadow: 0 0 0 #A73A30;
        color: #5F3F30;
    }

/* 改修済みページもこの display:none に頼っている（フッターを出すのは
   renewal.css 側の .auth-footer だけ）ので、ここは絞り込まないこと。
   元は position を fixed !important と absolute の2行で書いていたが、
   !important のせいで absolute は一度も効いていなかったため fixed だけにした。
   これで renewal.css 側は !important 無しで position を上書きできる */
footer {
    display: none;
    position: fixed;
    height: 40px;
    bottom: 0;
    z-index: 1000;
}

/*-- 枠のないテーブル --*/

.transtable {
    border: none;
    width: 100%;
}

.transtable td {
        border: none;
        background-color: transparent !important;
    }

/*-- 全体 --*/

html, body {
    font-size: 1.0em;
}

/*-- ボタンのフォント --*/

body:not(.renewal) .btn {
    font-size: 1.0em;
}

/* ページタイトル */

#title {
    padding: 10px 0 0 0;
}

.title#title {
    padding: 10px 90px 0 40px !important;
}

#pagetitle h1 {
    font-size: 1.3em;
}

/* ラベル全般 */

label {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

/* 入力ボックス */

input, textarea, select {
    font-size: 1.0em;
}

/* トップのアカウント情報部分 */

.topnav {
    text-align: right;
    width: 100%;
    position: absolute;
    top: 0px;
}

.topnav_btn {
    display: inline-block;
    font-size: 14px;
    background-color: #FFF;
    -moz-border-radius-bottomleft: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -khtml-border-radius-bottomleft: 12px;
    border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -khtml-border-radius-bottomright: 12px;
    border-bottom-right-radius: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5F3F30), color-stop(0.00, #925d45));
    background: -webkit-linear-gradient(top, #925d45 0%, #5F3F30 100%);
    background: -moz-linear-gradient(top, #925d45 0%, #5F3F30 100%);
    background: -o-linear-gradient(top, #925d45 0%, #5F3F30 100%);
    background: -ms-linear-gradient(top, #925d45 0%, #5F3F30 100%);
    background: linear-gradient(top, #925d45 0%, #5F3F30 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#925d45', endColorstr='#5F3F30');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#925d45', endColorstr='#5F3F30')";
    padding-left: 30px;
    padding-top: 3px;
    padding-right: 30px;
    right: 0;
    top: 0;
    white-space: nowrap;
    text-align: right;
    padding-bottom: 5px;
}

.topnav_btn a {
        color: #fff;
        padding: 0;
        text-decoration: none;
    }

.topnav_btn a:hover, header#top aside a:hover,
        .topnav_btn a:focus, header#top aside a:focus,
        .topnav_btn a:active, header#top aside a:active {
            color: #ff7800;
            text-decoration: none;
        }

/* エラーメッセージが長いため幅を増加 360→600 */

.wrapper-login {
    width: 600px;
}

.wrapper-preview {
    width: 800px;
}

.remark {
    font-size: 80%;
    color: #000080;
}

/*-- placeholder ----*/

:placeholder-shown {
    color: #CCC;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */

::-webkit-input-placeholder {
    color: #CCC;
}

/* Firefox 18- */

:-moz-placeholder {
    color: #CCC;
    opacity: 1;
}

/* Firefox 19+ */

::-moz-placeholder {
    color: #CCC;
    opacity: 1;
}

/* IE 10+ */

:-ms-input-placeholder {
    color: #CCC;
}

/*-- input のスタイル修正 -------------------------------------------*/

.numeric {
    text-align: right;
}

/*-- box のスタイル修正 -------------------------------------------*/

.box-bottom {
    margin-bottom: 0px;
}

.box-designitem {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #AAA;
    padding: 10px;
    width: 100%;
    margin-bottom: 5px;
}

.box-designitem-selected {
    background-color: #F4FFF9;
    border: 2px solid #4D9;
}

.design-selected-label {
    color: #D20;
    font-weight: bold;
}

/*-- DataTables ---------------------------------------------------*/

.dataTables_filter {
    display: none;
}

.paginate_button {
    font-size: 0px;
}

/*-- テキストエリア -----------------------------------------------*/

textarea {
    padding: 5px;
    resize: none;
}

/*-- リスト -------------------------------------------------------*/

ul {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

/*-- ASP.NET MVC の検証エラー表示スタイル -------------------------*/

.field-validation-error {
    /* 規定のエラー文字色を、Administryのスタイルに変更 color: #ff0000; */
    color: #d00;
    text-transform: none;
    margin-left: 6px;
}

.field-validation-valid {
    display: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

.center {
    text-align: center;
    vertical-align: middle;
}

td.ordernumber {
    font-size: small;
    vertical-align: middle;
}

/* 一覧画面 */

#orderlist td {
    word-break: break-all;
}

/* -- 画像 --*/

.contain {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    max-width: 120px;
    max-height: 120px;
    color: #FFF;
    text-decoration: none;
    text-decoration: none;
    vertical-align: top;
    background-size: contain;
}

.contain-mini {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    max-width: 36px;
    max-height: 36px;
    color: #FFF;
    text-decoration: none;
    text-decoration: none;
    vertical-align: top;
    background-size: contain;
}

.imagetable td {
    padding-left: 5px;
    padding-right: 5px;
}

.imagetable .updown div {
    padding: 5px;
}

.ui-datepicker {
    z-index: 10001 !important;
    font-size: 80%;
}

span.necessary {
    color: Red;
    vertical-align: middle;
}

body {
    -webkit-text-size-adjust: 100%;
}

.tag-list {
    display: table;
    margin: 0px 5px;
}

.tag-list {
    margin-bottom: 10px;
}

select.category {
    width: 70%;
}

.sub_category {
    width: 70%;
    margin-top: 5px;
    max-height: 150px;
    border-width: 2px;
    border-style: groove;
    overflow: auto;
    display: none;
}

#other-name-list input.other-name {
    padding: 1px;
    margin-top: 2px;
    margin-right: 5px;
    width: 120px;
}

/* HOVER STYLES */

div.tag-popup-content {
    display: none;
    position: absolute;
    padding: 5px;
    font-size: x-small;
    background: white;
    color: #000000;
    border: 1px solid #b2554e;
}

/* toggle button */

.ToggleSwitch .NubWrapper {
    font-size: large;
}

.TinyTools.ToggleSwitch .NubWrapper .OnSide {
    background: #749217;
    background: -moz-linear-gradient(top,#749217 0%,#94B237 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#749217),color-stop(100%,#94B237));
    background: -webkit-linear-gradient(top,#749217 0%,#94B237 100%);
    background: -o-linear-gradient(top,#749217 0%,#94B237 100%);
    background: -ms-linear-gradient(top,#749217 0%,#94B237 100%);
    background: linear-gradient(to bottom,#749217 0%,#94B237 100%);
}

/* stock */

.stock_many {
    color: #46E;
    font-size: medium;
    font-weight: bold;
}

.stock_few {
    color: #F60;
    font-size: larger;
    font-weight: bold;
}

.stock_none {
    color: #F00;
    font-size: large;
    font-weight: bold;
}

.stock_notuse {
    color: #999;
    font-size: small;
    font-weight: normal;
}

.popular-tag-outer,
.recommend-tag-outer {
    overflow: auto;
}

/*頒布物一覧画面*/

#product_list .group_li .imagediv {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

#dialog-edit-group .imagediv {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid lightgray;
    margin: 5px;
}

.box {
    font-size: smaller;
}

.news_div .news {
    padding: 4px 8px 4px 32px;
}