@charset "utf-8";
/* 分析データページ用追加CSS */
@import url("./admin_analyze.css");

* {
	margin: 0;
	padding: 0;
}


/* 上記による Fierfox 2 崩れ対応 */
option {
	margin-right: 0.5em;
}

html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
	font-size: 75%;
	line-height: 120%;
}

option {
	margin-right: 3px;
	font-size: 100%;
}

input, textarea {
	margin-right: 3px;
	font-size: 100%;
}

select {
	font-size: 100%;
}
select.top,
input.top,
textarea.top {
	margin-bottom: 5px;
}

.page_rows{
	margin-bottom:20px;
	line-height: 20px;
}

img {
	border: 0;
}

ul, li {
	list-style: none;
}

hr {
	/*display: none;*/
}

h1 {
	border-top: 1px solid #b3b4bd;
	border-bottom: 1px solid #d9dadf;
	height: 30px;
	line-height: 30px;
	color: #444757;
	background: url('../img/contents/subtitle_back_02.jpg') repeat-x;
	font-size: 130%;
}

h1 span.title {
	display:block;
	padding-top: 2px;
	padding-left: 20px;
	background: url('../img/contents/subtitle_back.gif') no-repeat;
}

h1 span.subtitle {
	display:block;
	padding-top: 2px;
	padding-left: 10px;
}

h2 {
	margin: 0 0 10px 0;
	padding: 5px 0;
	border-bottom: 3px solid #ccc;
	color: #444757;
	font-size: 100%;
}

h3{
	margin-bottom: 20px;
	padding: 5px;
	color : #fff;
	background: #999;
	font-size: 90%;
}


/*テーブル設定*/
table {
	margin: 0 0 20px;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
}

th, td {
	padding: 5px;
	border: 1px solid #888;
}

td.term_bar {
	padding: 0px;
}

th {
	width: 240px;
	background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
	font-weight: normal;
	text-align: left;
}

th.term_bar {
	width: 70px;
	text-align: center;
	padding: 2px;
}

td.subheader {
	text-align: center;
	background: #E5E5E5;
}

td.subheader_off {
	text-align: center;
	background: #C5C5C5;
}

table.list th {
	background: #D5D5D5;
	text-align: center;
}

table.list th.column {
	background: #D5D5D5;
	text-align: left;
}

table.list .edit, table.list .delete {
	width: 10%;
}

table.list {
	width: 100%;
}

table.list th.left {
	text-align: left;
}

table.list th.right {
	text-align: right;
}

table.list td.id, table.list td.thumbnail {
	text-align: center;
}

table.list td.menu {
	vertical-align: middle;
	text-align: center;
}

table.form th {
	width: 240px;
	background: #E5E5E5;
	text-align: left;
}

table tr.last {
	background: #ffffdf;
}

#popup-container table th.column {
	width: 200px;
}

.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
	margin : 0 0 60px 0;
	padding: 20px 0;
	clear: both;
	width: 100%;
	background:#f5f5f5;
	text-align: center;
}

.contents-main .btn-area li, #popup .btn-area li ,.btn-area li{
	margin-right: 10px;
	display: inline;
}

.addnew{
	margin-bottom: 20px;
}


/*おすすめ商品管理*/

table#recommend-table {
	border-collapse: collapse;
	font-size: 100%;
	margin: 0 0 50px;
	width: 100%;
}

div#table-wrap {
	margin-top: 6px;
}

div#table-wrap div.table-img {
	float: left;
	padding-left: 6px;
}

div#table-wrap div.table-detail {
	float: left;
	text-align: left;
	padding-left: 11px;
}

div#table-wrap div.table-detail div.detail-name {
	margin-bottom: 5px;
}

td.no-border {
	border: 0;
	background: #f5f5f5;
	padding: 20px;
}

td.no-border-w {
	border: 0;
}

td.AlignLeft {
	text-align: left;
	padding-left: 11px;
}

/*通常ボタン*/
.btn-normal, a.btn-normal:link, a.btn-normal:visited {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 2px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background-image: url('../img/button/white-grad.png');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #eee;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}


/*ツールボタン 共通部分*/
.btn-tool-format, a.btn-tool-format:link, a.btn-tool-format:visited {
	padding: 0 6px;
	border: solid 1px #6b6d87;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad03.png') repeat-x #eee;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #c9cbcb;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
}


/*ツールボタン コンテンツ*/
.btn-tool, a.btn-tool:link, a.btn-tool:visited {
	margin: 3px 0;
	padding: 0 6px;
	border: solid 1px #999;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad.png') repeat-x #eee;
	background-origin: padding-box;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: #c9cbcb;
	font-size: 100%;
	text-decoration: none;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 4px;
	/* Firefox radius */
	-moz-border-radius: 4px;
}


/*登録する・検索するボタン*/
.btn-action, a.btn-action:link, a.btn-action:visited {
	padding: 5px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad04.png') top repeat-x #eee;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	font-size: 80%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}

/*商品を選択するボタン(2/18追加)*/
.btn-action-m, a.btn-action-m:link, a.btn-action-m:visited {
	padding: 3px 10px;
	border: solid 1px #bcbecb;
	display: inline-block;
	color: #444757;
	background: url('../img/button/white-grad04.png') top repeat-x #eee;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	font-size: 90%;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;

	/* CSS3 radius */
	border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
	/* Safari, Chrome radius */
	-webkit-box-sizing: content-box;
	-webkit-border-radius: 5px;
	/* Firefox radius */
	-moz-border-radius: 5px;
}


/*戻るボタン*/
.btn-action .btn-prev {
	padding: 0 0 0 20px;
	display: inline-block;
	background: url('../img/button/ico_prev.gif') left no-repeat;
	font-weight: bold;
	font-size: 114%;
}


/*進むボタン*/
.btn-action .btn-next {
	padding: 0 20px 0 0;
	display: inline-block;
	background: url('../img/button/ico_next.gif') right no-repeat;
	font-weight: bold;
	font-size: 114%;
}

a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
	border: solid 1px #d5d7df;
	color: #6d728b;
}

a.btn-tool-format:hover{
	border: solid 1px #363a47;
	color: #6b728b;
}

a.btn:active, a.btn-normal:active {
	background-image: url('../img/button/white-grad-active.png');
}


/*LINK*/
a:link {
	color: #39c;
	text-decoration: none;
}

a:visited {
	color: #39c;
	text-decoration: none;
}

a:hover {
	color: #74badc;
	text-decoration: none;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.attention {
	color: #f00;
}


/* ヘッダー
----------------------------------------------- */
#errorHeader {
	color: #F00;
	font-weight: bold;
	font-size: 12px;
	background-color: #FEB;
	text-align: center;
	padding: 5px;
}
#header {
	width: 100%;
	height: 51px;
	background: url('../img/header/header_back.jpg') 0 0 repeat-x;
}

#header-contents {
	width: 1230px;
}

#logo {
	padding: 12px 0 0 12px;
	float: left;
	width: 184px;
}

#site-check {
	float: right;
	width: 1020px;
}
#site-check p.info {
	padding-top: 16px;
	float: left;
	width: 780px;
	color: #fff;
}

#site-check ul {
	padding-top: 14px;
	float: right;
}

#site-check ul li {
	margin-right: 10px;
	float: left;
}


/* ヘッダーナビ
----------------------------------------------- */
#navi {
	z-index: 90;
	height: 28px;
	background: url('../img/header/navi_back.jpg') top left repeat-x;
	font-size: 100%;
	line-height: 100%;
}

#navi li {
	background: url('../img/header/navi_back_line.jpg') no-repeat right;
	display: block;
	float: left;
	cursor: pointer;
	height: 28px;
	position: relative;
	z-index:5;
}

#navi li a, #navi li a span {
	display: block;
	_float: left;/*IE6対策*/
	cursor: pointer;
}

#navi li a {
	color: #2d2f39;
	height: 28px;
	font-weight: bold;
	text-decoration: none;
}

#navi li a span {
	padding: 7px 10px;
	_padding: 9px 10px 5px;/*IE6対策*/
	height: 15px;
	_height: 13px;/*IE6対策*/
}

#navi li a:hover {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li a:hover span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li.on a {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li.on a span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li.sfhover a {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li.sfhover a span {
	background: url('../img/header/navi_on.jpg') left 0 repeat-x;
}

#navi li ul {
	position: absolute;
	top: 26px;
	left: -9999px;
	width: 14px;
	font-weight: normal;
	clear: both;
}


/*プルダウンメニュー 第1階層*/
#navi li li {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}

#navi li li a {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}

#navi li li a span {
	display: block;
	top: 2px;
	width: 180px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
	font-weight: normal;
}

#navi li li {
	border: solid #888;
	border-width: 0 0 1px 0;
}

#navi li li a span {
	padding: 2px 0 0 8px;
	text-indent: 8px;
}

#navi li li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}

#navi li li a:hover span {
	background: #666;
}

#navi li.on li a, #navi li.on li a span, #navi li li.on a, #navi li li.on a span, {
	background: transparent;
}

#navi li.sfhover li a, #navi li.sfhover li a span, #navi li li.sfhover a, #navi li li.sfhover a span {
	background: transparent;
}

#navi li.sfhover li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}

#navi li li.sfhover a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}


/*プルダウンメニュー 第2階層*/
#navi li ul.level2 {
	position: absolute;
	top: 27px;
	left: -9999px;
	width: 14px;
	font-weight: normal;
}

#navi li li li, #navi li li a, #navi li li li a span {
	margin-left: 0;
	display: block;
	width: 180px;
	top: 1px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	background: #787878;
	font-weight: normal;
	background: url('../img/header/subnavi_bak.gif') top left no-repeat #787878;
}

#navi li li li.sfhover a:hover {
	width: 180px;
	top: 1px;
	height: 27px;
	color: #fff;
	background: url('../img/header/ico_sub_navi.gif') no-repeat left #474747;
}

#navi li ul ul {
	margin: -28px 0 0 180px;
	_margin: -28px 0 0 187px;/*IE6応急 */
}

#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul {
	left: -9999px;
}

#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul {
	left: auto;
}

#navi ul.level1 li.on_level2 {
	background: url('../img/header/subnavi_bak_l2.gif') top left no-repeat #787878;
}

#navi ul.level1 li.on_level2 a:hover {
	background: url('../img/header/subnavi_bak_l2_on.gif') top left no-repeat #787878;
}

#navi ul.level1 li.on_level2 ul.level2 li a:hover {
	background: url('../img/header/subnavi_bak_on.gif') top left no-repeat #474747;
}

/*subnavi*/
.subnavi a {
	padding: 6px 5px 4px 5px;
	display: block;
	width: 140px;
	color: #fff;
	background-color: #666;
	text-decoration: none;
}
.subnavi a:visited {
	color: #fff;
	text-decoration: none;
}
.subnavi a:hover {
	color: #000;
	background-color: #666;
	text-decoration: none;
}
.subnavi_text {
	padding: 0 0 0 8px;
	font-size: 71%;
}
.subnavi-on a {
	padding: 6px 5px 4px 5px;
	display: block;
	width: 140px;
	color: #000;
	background-color: #666;
	text-decoration: none;
}
.subnavi-on a:visited {
	color: #000;
	text-decoration: none;
}
.subnavi-on a:hover {
	color: #000;
	background-color: #666;
	text-decoration:none;
}
.number-on a:visited {
	color: #fff;
	text-decoration: none;
}
.number a:visited {
	color: #fff;
	text-decoration: none;
}

#agreement {
	margin: 0;
	border-width: 1px
	border-color: #c0c0c0;
	border-style: solid;
	width: 480px;
	height: 120px;
	overflow: auto;
	background-color : #fff;
}


/* ページャ */
#contents .pager ul {
	margin: 10px 0;
	list-style-type: none;
}

.pager li {
	display: inline;
}

.pager li a {
	padding: 3px 5px;
	border: 1px solid #999;
}

.pager li.on a {
	background: #000000;
}

.pager li a:hover, .pager li.on a:hover {
	background: #f8f8f8;
	border: 1px solid #ccc;
}


/* コンテンツ
----------------------------------------------- */
* html div#container {
	position: relative;
	height: 100%;
	min-height: 100%;
}

body > #container {
	height: auto;
}

#container {
	position: relative;
	min-height: 100%;
}

#contents {
	padding: 20px 20px 100px;
	width: 1200px;
}

#footer {
	margin-top: 30px;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: url('../img/contents/footer_back.jpg') 0 0 repeat-x;
}

#footer-contents {
	padding-top: 10px;
	width: 1020px;
	text-align: right;
}

#footer #copyright {
	margin-left: 20px;
	float: left;
	color: #fff;
	font-size: 85%;
	text-align: left;
}

#footer #topagetop {
	float: right;
}


/* ログイン
----------------------------------------------- */
#login {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}

#login-wrap {
	margin: 150px auto 0;
	padding: 0;
	border: 0;
	text-align: left;
	width:556px;
	z-index: 2;
	background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
	-moz-box-shadow: 0 0 5px #000;/* Firefox */
	-webkit-box-shadow: 0 0 5px #000;/* Safari and Chrome */
}

#login-form h1 {
	margin: 46px auto 20px;
	padding-left: 50px;
	padding-bottom: 40px;
	border: none;
	float: left;
	width: 140px;
	height: 150px;
	background: none;
}

#input-form {
	margin-top: 40px;
	padding-right: 30px;
	float: right;
	width: 255px;
}

#input-form p {
	margin-top: 10px;
	color: #fff;
	font-size: 100%;
}

#input-form .btn-tool {
	margin-top: 5px;
}

#login #copyright {
	margin: 0 auto;
	padding-top: 10px;
	width: 556px;
	color: #000000;
	font-size: 80%;
	text-align: left;
}


/* エラーメッセージ
----------------------------------------------- */


/*以下インストールページと共通■触るべからず*/

#out-wrap {
	margin: 100px auto;
	width: 560px;
}

#out-wrap .logo {
	padding-bottom: 5px;
	float: right;
}

#out {
	margin: 0 auto;
	width: 560px;
}

#error .out-top {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
}

/*以上インストールページと共通■触るべからず*/


#error .contents {
	border-right: solid 1px #d9dadf;
	border-left: solid 1px #d9dadf;
}

#error .contents .message {
	padding: 20px 30px;
	text-align: center;
}

#error .btn-area-top {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
}

#error .btn-area ul {
	padding: 20px 0 10px 0;
	width: 560px;
	background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
}

#error .btn-area ul li {
	text-align: center;
}

#error .btn-area-bottom {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
}


/* 完了メッセージ
----------------------------------------------- */
#complete {
	margin: 40px 0 0 80px;
	width: 560px;
}

#complete .complete-top {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_top.jpg') bottom left no-repeat;
}

#complete .contents {
	border-right: solid 1px #d9dadf;
	border-left: solid 1px #d9dadf;
}

#complete .contents .message {
	padding: 20px 30px;
	color: #b77615;
	font-weight: bold;
	text-align: center;
}

#complete .btn-area-top {
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_top.jpg') left no-repeat;
}

#complete .btn-area ul {
	margin: 0;
	padding: 20px 0 10px 0;
	width: 560px;
	background: url('../img/contents/login_back_btn_contents.jpg') top left no-repeat #f4f5f5;
	text-align: center;
}

#complete .btn-area ul li {
	margin-right: 10px;
	display: inline;
}

#complete .btn-area-bottom {
	clear: both;
	width: 560px;
	height: 10px;
	background: url('../img/contents/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0;
}


/* メインページ
----------------------------------------------- */
#home-main {
	/*margin-right: 300px;*/
}

#home-main table {
	width: 100%;
}

* html #home-main table {
	width: 99%;
}

#home .half_box {
	width: 48%;
}

#home .shop-info {
	margin: 0 0 20px;
}

#home .shop-info td {
	width: 60%;
	text-align: right;
}

#home-info {
	border-left: 1px solid #ccc;
	float: right;
	width: 280px;
}

.home-info-item {
	margin: 0 0 15px 20px;
	width: 260px;
	line-height: 14px;
	font-size: 85%;
}

.home-info-item .body {
	margin: 5px 0 0 0;
}

.home-info-item .date {
	background: #ddd;padding: 5px 10px 0px;
}

.home-info-item .title {
	padding: 0 10px 5px;
	background: #ddd;
}


/* 基本情報管理
----------------------------------------------- */
/* 郵便番号DB登録 */
.basis-zip-item {
	margin-bottom: 30px;
}

.basis-zip-item.end {
	margin-bottom: 60px;
}

.basis-zip-item.info {
	padding-top: 20px;
}

.basis-zip-item p {
	margin-bottom: 10px;
}


/* 商品管理
----------------------------------------------- */
#products-category-left, #products-rank-left {
	float: left;
	width: 285px;
	min-height: 200px;
}

#products-category-right, #products-rank-right {
	margin-left: 285px;
}

#products-class-list .action {
	width: 100px;
}

#contents-filemanager-tree #tree {
	float: left;
	min-height: 200px;
}

#products-category-left, #products-rank-left {
	min-height: 200px;
	padding: 10px;
	border: 3px solid #ddd;
	width: 230px;
	background-color: #f3f3f3;
}

#products-category-right .now_dir {
	margin-bottom:20px;
	padding: 10px;
	border: 1px solid #ccc;
}

#products .class-payment {
	padding-top: 15px;
	font-size: 88%;
}
#products label {
	white-space: nowrap;
}
#products .class-product-type label {
   white-space: normal;
}
#products .list-info{
	padding-top: 10px;
	border-top: solid 1px #ccc;
}
#products .list-info .btn {
	float: left;
	margin-right:20px;
}
#products .list-info p {
	float: right;
	color: #444757;
}


/* 受注管理
----------------------------------------------- */
/* 対応状況管理 */
#order-status-list th.id {
	width: 40px;
}


/* 期間別集計
----------------------------------------------- */
#graph-image {
	margin: 0 0 20px 0;
}


/* デザイン管理
----------------------------------------------- */
/* レイアウト設定 */
.design-layout {
	table-layout: fixed;
}

.design-layout th, .design-layout td {
	vertical-align: top;
	text-align: center;
}

#design-layout-used {
	width: 525px;
}

#design-layout-unused {
	width: 175px;
}

.design-layout #LeftNavi, .design-layout #MainHead, .design-layout #RightNavi {
	width: 33.33%;
}

.design-layout #TopNavi, .design-layout #HeadNavi, .design-layout #HeaderTopNavi, .design-layout #LeftNavi,
.design-layout #MainHead, .design-layout #MainFoot, .design-layout #RightNavi, .design-layout #BottomNavi,
.design-layout #FooterBottomNavi, .design-layout #HeaderInternalNavi, .design-layout #Unused {
	padding-bottom: 20px;
	height: 10px; /*IE6応急処置 */
}

.design-layout div.sort {
	margin: 5px 0;
	padding: 5px 2px;
	border: 1px solid #000;
	color: #333;
	background: #eee;
	font-size: 100%;
}

.design-layout .anywherecheck {
	white-space: nowrap;
}

.placeholder {
	border: 1px dashed #aaa;
	height: 20px;
}

#layout-header {
	vertical-align: middle;
}


/* コンテンツ管理
----------------------------------------------- */
#contents-csv-sqltbl {
	margin-bottom: 40px;
}

/* ブロック配置設定 */
.banner-layout {
	table-layout: fixed;
}
#banner-layout-used{
	white-space: nowrap;
	table-layout: fixed;
	width: 800px;
}

#banner-layout-unused {
	table-layout: fixed;
	width: 145px;
	text-align: center;

}

.banner-layout th{
	vertical-align: top;
	text-align: center;
}

.banner-layout div.sort {
	margin: 5px 0;
	padding: 5px 2px;
	border: 1px solid #000;
	color: #333;
	background: #eee;
	font-size: 100%;
}
.banner-layout #box_id1, .banner-layout #box_id2, .banner-layout #box_id3, .banner-layout #box_id4,
.banner-layout #box_id5, .banner-layout #box_id6, .banner-layout #box_id7, .banner-layout #box_id8,
.banner-layout #box_id9, .banner-layout #box_id10, .banner-layout #box_id11,.banner-layout #box_id12
{
	width:100px;
	height:100px;
	vertical-align: top;
	text-align: center;
}
.banner-layout #box_id13, .banner-layout #box_id14, .banner-layout #box_id15{
	width:200px;
	height:200px;
	vertical-align: top;
	text-align: center;
}

.banner-layout #preview_small{
	width:180px;
	height:180px;
	float:left;
	display:inline;
	margin-right:4px;
	position:relative;
	/*filter: alpha(opacity=50);*/	/* IE用 */
	/*-moz-opacity:0.5;*/			/* Firefox用 */
	/*opacity:0.5;*/				/* Safari,Opera用 */
}

.banner-layout #preview_big{
	width:364px;
	height:364px;
	float:left;
	display:inline;
	margin-right:4px;
	position:relative;
	/*filter: alpha(opacity=50);*/	/* IE用 */
	/*-moz-opacity:0.5;*/			/* Firefox用 */
	/*opacity:0.5;*/				/* Safari,Opera用 */
}

.banner-layout #button_left, .banner-layout #button_center, .banner-layout #button_right{
	width:200px;
	height:30px;
	vertical-align: top;
	text-align: center;
}

/* ブロック配置設定 キッズ用*/
.kids_banner-layout {
	table-layout: fixed;
}
#kids_banner-layout-used, #preview-window {
	white-space: nowrap;
	table-layout: fixed;
	width: 800px;
}

.kids_banner-layout th{
	vertical-align: top;
	text-align: center;
}

.kids_banner-layout div.sort {
	margin: 5px 0;
	padding: 5px 2px;
	border: 1px solid #000;
	color: #333;
	background: #eee;
	font-size: 100%;
}
.kids_banner-layout #kbox_id1, .kids_banner-layout #kbox_id2, .kids_banner-layout #kbox_id3, .kids_banner-layout #kbox_id4,
.kids_banner-layout #kbox_id5, .kids_banner-layout #kbox_id6, .kids_banner-layout #kbox_id7, .kids_banner-layout #kbox_id8,
.kids_banner-layout #kbox_id9, .kids_banner-layout #kbox_id10, .kids_banner-layout #kbox_id11,.kids_banner-layout #kbox_id12,
.kids_banner-layout #kbox_id13, .kids_banner-layout #kbox_id14, .kids_banner-layout #kbox_id15,.kids_banner-layout #kbox_id16{
	width:200px;
	height:100px;
	vertical-align: top;
	text-align: center;
}
.kids_banner-layout #kbox_id17, .kids_banner-layout #kbox_id18, .kids_banner-layout #kbox_id19,.kids_banner-layout #kbox_id20{
	width:400px;
	height:100px;
	vertical-align: top;
	text-align: center;
}

.kids_banner-layout #kpreview_id1, .kids_banner-layout #kpreview_id2, .kids_banner-layout #kpreview_id3, .kids_banner-layout #kpreview_id4,
.kids_banner-layout #kpreview_id5, .kids_banner-layout #kpreview_id6, .kids_banner-layout #kpreview_id7, .kids_banner-layout #kpreview_id8,
.kids_banner-layout #kpreview_id9, .kids_banner-layout #kpreview_id10, .kids_banner-layout #kpreview_id11,.kids_banner-layout #kpreview_id12,
.kids_banner-layout #kpreview_id13, .kids_banner-layout #kpreview_id14, .kids_banner-layout #kpreview_id15,.kids_banner-layout #kpreview_id16{
	width:200px;
	height:100px;
	vertical-align: top;
	text-align: center;
	/*filter: alpha(opacity=50);*/	/* IE用 */
	/*-moz-opacity:0.5;*/			/* Firefox用 */
	/*opacity:0.5;*/				/* Safari,Opera用 */
}

.kids_banner-layout #kpreview_id17, .kids_banner-layout #kpreview_id18, .kids_banner-layout #kpreview_id19, .kids_banner-layout #kpreview_id20{
	width:400px;
	height:100px;
	vertical-align: top;
	text-align: center;
	/*filter: alpha(opacity=50);*/	/* IE用 */
	/*-moz-opacity:0.5;*/			/* Firefox用 */
	/*opacity:0.5;*/				/* Safari,Opera用 */
}

.kids_banner-layout #button_LT, .kids_banner-layout #button_RT, .kids_banner-layout #button_LB, .kids_banner-layout #button_RB{
	width:400px;
	height:30px;
	vertical-align: top;
	text-align: center;
}

/* ===============================================
▼　バナーレイアウト設定　プレビュー用通常（新）
=============================================== */
.r_grid_banner{
	width:1100px;
	margin:15px auto;
}

.r_grid_banner_364{
	width:364px;
	height:364px;
	float:left;
	display:inline;
	margin-right:4px;
	position:relative;
}

.r_grid_banner_364 .r_new_border_364,
.r_grid_banner_180 .r_new_border_180{
	position:absolute;
	right:0;
}

	.r_grid_banner_364:nth-child(3){
		margin-right:0px;
	}

.r_grid_banner_180{
	width:180px;
	height:180px;
	float:left;
	display:inline;
	margin-right:4px;
	margin-bottom:4px;
	position:relative;
}

	.r_grid_banner_180:nth-child(even){
		margin-right:0px;
	}

.r_grid_banner_916{
	width:916px;
	height:180px;
	float:left;
	display:inline;
	margin-bottom:4px;
	position:relative;
}

.r_new_100{
	width:80px;
	height:30px;
	padding:15px 0px 0px 20px;
	position:absolute;
	top:0;
	right:0;
	font-size:27px;
}

.r_new_50{
	width:40px;
	height:21px;
	padding:4px 0px 0px 10px;
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
}

.r_new_100_bottom{
	width:80px;
	height:30px;
	padding:15px 0px 0px 20px;
	position:absolute;
	bottom:0;
	right:0;
	font-size:27px;
}

.r_new_50_bottom{
	width:40px;
	height:21px;
	padding:4px 0px 0px 10px;
	position:absolute;
	bottom:0;
	right:0;
	font-size:14px;
}

.r_grid_banner_text{
	font-size:33px;
	line-height:1.2;
	padding:65px 0px 0px 30px;
	vertical-align:top;
}

.r_grid_banner_text_mini{
	font-size:17px;
	line-height:1.2;
	padding:15px 0px 0px 15px;
	vertical-align:center;
}

#r_grid a{
	text-decoration:none;
	border:none;
}

.r_grid_banner_text strong{
	font-size:50px;
	line-height:1.2;
}

.r_grid_banner_text_mini strong{
	font-size:25px;
	line-height:1.2;
}

/* ===============================================
▼　バナーレイアウト設定　プレビュー用キッズ（新）
=============================================== */
.k_grid_banner{
	width:1100px;
	margin:0px auto;
	background:#F39800;
}

	#r_grid a{
		text-decoration:none;
		border:none;
	}

.k_menu_box1{
	width:420px;
	float:left;
	display:inline;
	padding:5px;
}

.k_menu_box2{
	width:240px;
	float:left;
	display:inline;
	position:relative;
}

.k_menu_box2 .k_menu_x img{
	position:absolute;
	top:-47px;
}

.k_menu_x_bottom{
	positon:absolute;
	bottom:-30px;
}

.k_menu{
	background:#482c07;
}

.k_title{
	padding-top:25px;
	padding-bottom:20px;
	text-align:center;
}

.k_title_w{
	width:180px;
	margin:0px auto;
	color:#fff;
	font-weight:bold;
	border-left:10px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px;
	font-size:14px;
}

.k_list_offer{
	width:190px;
	margin:0px auto;
	padding:8px 5px;
	font-size:12px;
	color:#fff;
	border-bottom:1px solid #F39800;
	background:url("../img/common/k_arrow.png") no-repeat right center;
}

.k_list_offer a:link,
.k_list_offer a:visited{
	color:#fff;
	text-decoration:none;
}

.k_list_offer a:hover,
.k_list_offer a:active{
	color:#fff;
	text-decoration:underline;
}

.k_mb20{
	padding-bottom:15px;
}

.k_other_link{
	text-align:right;
	padding:0px 20px 15px 0px;
}

.k_other_link a:link,
.k_other_link a:visited{
	text-decoration:none;
	color:#F8B62D;
}

.k_other_link a:hover,
.k_other_link a:active{
	text-decoration:underline;
	color:#F8B62D;
	background:url("../img/common/k_arrow.png") no-repeat right center;
}

.kids_top_search_bg{
	width:180px;
	height:41px;
	background:url("../img/common/kids_top_search_bg.png") no-repeat right center;
	border:none;
	display:block;
	margin:0px auto;
	padding:0px 10px;
}

.k_menu_box3{
	width:420px;
	float:left;
	display:inline;
	padding:5px;
}

.k_menu_box1 .k_410_banner,
.k_menu_box3 .k_410_banner{
	width:410px;
	height:410px;
	margin:5px;
	background:#fff;
	position:relative;
}

.k_200_banner{
	width:200px;
	height:200px;
	float:left;
	display:inline;
	margin:5px;
	background:#fff;
	position:relative;
}

.search_submit_btn_kids2{
	margin:0px;
	padding:0px;
	border:none;
	background:none;
	color:#F8B62D;
	font-size:14px;
}

.kids_top_search_bg{
	width:180px;
	height:41px;
	background:url("../img/common/kids_top_search_bg.png") no-repeat right center;
	border:none;
	display:block;
	margin:0px auto;
	padding:0px 10px;
}


/************************************************
 ブロック用
************************************************ */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

.r_list_contents{
	width:1060px;
	margin:0px auto;
}

/* フォーム
----------------------------------------------- */
div.btn,p.remark {
	margin: 0 0 20px 0;
}

/*FORM*/
.box3 {
	width: 33px;
}/*W3*/

.box6 {
	width: 54px;
}/*W6*/

.box10 {
	width: 82px;
}/*W10*/

.box20 {
	width: 152px;
}/*W20*/

.box25 {
	width: 187px;
}/*W25*/

.box30 {
	width: 222px;
}/*W30*/

.box33 {
	width: 243px;
}/*W33*/

.box35 {
	width: 257px;
}/*W35*/

.box40 {
	width: 276px;
}/*W40*/

.box45 {
	width: 341px;
}/*W45*/

.box50 {
	width: 362px;
}/*W50*/

.box52 {
	width: 376px;
}/*W52*/

.box54 {
	width: 390px;
}/*W54*/

.box60 {
	width: 432px;
}/*W60*/

.box65 {
	width: 467px;
}/*W65*/

.box68 {
	width: 488px;
}/*W68*/

.box76 {
	width: 544px;
}/*W76*/

.area40 {
	width: 302px;
	height: 134px;
}/*W40×H8*/

.area45 {
	width: 337px;
	height: 290px;
}/*W40×H20*/

.area46 {
	width: 337px;
	height: 134px;
}/*W40×H8*/

.area50 {
	width: 372px;
	height: 82px;
}/*W50?H4*/

.area55 {
	width: 407px;
	height: 82px;
}/*W50?H4*/

.area59 {
	width: 432px;
	height: 134px;
}/*W59×H8*/

.area60 {
	width: 433px;
	height: 134px;
}/*W60?H8*/

.area61 {
	width: 433px;
	height: 82px;
}/*W60?H4*/

.area65 {
	width: 444px;
	height: 290px;
}/*W65×H20*/

.area70 {
	width: 512px;
	height: 186px;
}/*W70?H12*/

.area75 {
	width: 547px;
	height: 186px;
}/*W75?H12*/

.area80 {
	width: 572px;
	height: 134px;
}/*W80×H8*/

.area90 {
	width: 650px;
	height: 420px;
}

.area96 {
	width: 694px;
	height: 420px;
}/*W80×H30*/

.area96_2 {
	width: 694px;
	height: 160px;
}/*W80×H10*/

.area99 {
	width: 715px;
	height: 523px;
}/*W99?H40*/

/*COLOR*/
.red {
	color: #f00;
}


/*FONT*/
.bold {
	font-weight:bold;
}


/* フロート解除 */
.clearfix:after {
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
}


/* 権限 */
x-dummy
,.authority_1 #navi-basis-masterdata
,.authority_1 #navi-contents-file
,.authority_1 #navi-design-bloc
,.authority_1 #navi-design-template-10
,.authority_1 #navi-design-layout-10
,.authority_1 #navi-design-main-10
,.authority_1 #navi-design-header-10
,.authority_1 #navi-design-css-10
,.authority_1 #navi-design-add-10
,.authority_1 #navi-design-template-1
,.authority_1 #navi-design-layout_1
,.authority_1 #navi-design-main-1
,.authority_1 #navi-design-header-1
,.authority_1 #navi-design-css-1
,.authority_1 #navi-design-add-1
,.authority_1 #navi-design-template-2
,.authority_1 #navi-design-layout-2
,.authority_1 #navi-design-main-2
,.authority_1 #navi-design-header-2
,.authority_1 #navi-design-css-2
,.authority_1 #navi-design-add-2
,.authority_1 #navi-system
,.authority_1 #navi-ownersstore
,.authority_2 #navi-basis
,.authority_2 #navi-customer
,.authority_2 #navi-contents-file
,.authority_2 #navi-contents-csv
,.authority_2 #navi-design
,.authority_2 #navi-system
,.authority_2 #navi-ownersstore
,.authority_3 #navi-basis
,.authority_3 #navi-customer
,.authority_3 #navi-order
,.authority_3 #navi-total
,.authority_3 #navi-mail
,.authority_3 #navi-contents
,.authority_3 #navi-design
,.authority_3 #navi-system
,.authority_3 #navi-ownersstore
{
/* display: none; --- IE で不具合 */
	border: none;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* DnD並び替え系の設定 */
tr.movingHandle td {
	background-color: #eee;
}


.dragHandle { /* ハンドルの設定 */
	font-weight: bold;
	text-align: center;
	cursor: n-resize;
}


.activeHandle { /* アクティブハンドルの設定 */
	color: #f9a406;
}


table.layout, table.layout th, table.layout td {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	vertical-align: top;
}


/* ログ表示用 */
.log td {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
}

.log .date {
	white-space: nowrap;
}


/* ポップアップ画面用 */
body#popup {
	width: 100%;
}

#popup-header {
	margin-bottom: 30px;
	width: 100%;
	height: 35px;
	background: url('../img/header/popup_back.jpg') repeat-x;
	text-align: right;
}

#popup-logo {
	padding: 10px 10px 0 0;
}

#popup-container {
	margin: 0 auto;
	padding: 0 20px;
	width: 560px;
}


/*以下インストールページと共通■触るべからず*/

#outside {
	margin:0 auto;
	padding:0;
	text-align:center;
	width:100%;
}

/*以上インストールページと共通■触るべからず*/

/* ============================================== */
/* アクセスランキング表示テーブル
/* ============================================== */

table.ranking_box {
	width: 100%;
}

td.ranking_box_subheader {
	text-align:center;
	background:#EEEEEE;
}

td.ranking_box01 {
	text-align:center;
}

td.ranking_box02 {
	text-align:center;
}

td.ranking_box03 {
	text-align:center;
}

td.ranking_box04 {
}

td.ranking_box05 {
	text-overflow: ellipsis;
}

td.ranking_box06 {
}

td.ranking_box07 {
}

/* ============================================== */
/* 新管理画面ホーム
/* ============================================== */

#shop_info_box {
	width:100%;
	font-size: 12px;
}

table.no_border,
td.no_border {
	border:0px;
	border-bottom:1px dotted #AAAAAA;
}

/* テーブルタグ系のボーダー削除＋マージンなし */
.no_border2 {
	border:0px;
	margin:0px;
	padding:0px;
}

/* ============================================== */

/* Google Analyticsデータヘッダー */
table.report th{
	font-weight: bold;
	text-align:center;
	letter-spacing: 1px;
	background: #505050;
	color: #FFFFFF;
}

/* ============================================== */

.admin_table_subheader {
	text-align:center;
	background:#EEEEEE;
}

td.admin_item_subtitle {
	font-weight: bold;
	text-align:center;
	letter-spacing: 1px;
	background: #505050;
	color: #FFFFFF;
}

td.admin_cate_name {
	background: #E8E8E8;
}

td.admin_item {
	padding: 10px;
	line-height: 22px;
	letter-spacing: 1px;
}

/* 前日比の±用カラー */
span.count_value       { color: #FF5ED0; }
span.count_value_plus  { color: #FF000B; }
span.count_value_minus { color: #0E80F0; }

/* 現在のショップ状況の注意部分 */
div.attention_data {
	margin: 5px 0px;
	/*color: #FF000B;*/
}


/* ============================================== */
/* 価格更新機能画面
/* ============================================== */
div.preset_maker_list{
	display: block;
	float: left;
	width: 20%;
}

div.down_maker_list{
	display: block;
	float: left;
	width: 15%;
}

/* ============================================== */
/* 		受注商品管理画面
/* ============================================== */
/* 印刷時に検索フォームを非表示にする */
@media print
{
	body
	{
		-webkit-print-color-adjust:exact;
	}
	.oi_search_form, .oi_btn_menu
	{
		display:none;
	}
}
.oi_view_box {
	float:left;
	margin-right:2px;
	border:1px solid #999;
	background-color:#FFF;
	width:150px;
	height:160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.oi_view_box_message {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	border:1px solid #999;
	background-color:#FFF;
	width:540px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.oi_view_box_message_half {
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	border:1px solid #999;
	background-color:#FFF;
	width:269px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.oi_view_box_header {
	padding:1px;
	text-align:center;
	background-color:#E5E5E5;
	border-bottom:1px solid #999;
}
.oi_view_box_body {
	padding:1px 2px;
	height:350px;
	overflow-y:scroll;
}
.oi_view_box_body2 {
	padding:1px 2px;
	height:163px;
	overflow-y:scroll;
}
.oi_view_box_item {
	float:left;
	margin:0 2px 10px 0;
	padding:3px 3px 3px 10px;
	border:1px solid #999;
	width:270px;
/*		min-height:210px;
	text-align:center;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.oi_view_box_item_img {
	text-align:center;
	margin:3px;
}
.oi_view_box_item_data {
	float:left;
}
.oi_view_box_item_data select,
.oi_view_box_item_data input {
	margin : 3px 0 3px 0;
}
.oivbid_l {
	clear:both;
	width:85px;
	line-height:16px;
	float:left;
}
.oivbid_r {
	line-height:18px;
	float:left;
}
.oivbid_r2 {
	width : 170px;
	height : 36px;
	line-height:18px;
	float:left;
}

.oi_view_box_client {
	margin-top:5px;
	width:100%;
	border:1px solid #999;
	background-color:#FFF;
}
.oi_default {
	background-color:#FFF;
}
.oi_ordering {
	background-color:#FFDCDC;
}
.oi_arrival {
	background-color:#CDF7F0;
}
.oi_arrival_due {
	color:#555;
}
.oi_maker_order_select {
	border:double 5px #1B79D6;
	margin-bottom: 2px;
/*	border:double 3px #1B79D6;*/
/*	border:outset 3px #034569;*/
}
.oi_maker_order_unselected {
	border:dotted 1px #AAA;
	color:#333;
}

.oi_portal_area {
	padding:15px;
	border:1px dashed #BBBBBB;
	position:relative;
}
.oi_portal_area div.title {
	position:absolute;
	top:-10px;
	left:10px;
	width:150px;
	padding:2px 10px;
	text-align:center;
	border-left:4px solid #BBB;
	border-right:4px solid #BBB;
	background-color:#EEEEEE;
	color:#444757;
	font-weight:800;
}
.oi_portal_area img,input { vertical-align:middle; }

.oi_schkey_box_header {
	margin-top:20px;
	padding:3px 10px;
	border:double 3px #1B79D6;
	background-color:#E5E5E5;
}
.oi_schkey_box {
	padding:3px 20px;
	border:double 3px #1B79D6;
	background-color:#FFF;
}
.oi_btn_menu {
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:10;
}
.oi_btn_menu2 {
	position:fixed;
	bottom:5px;
	right:160px;
	z-index:11;
}
.oi_other_new_h {
	color:#040;
	background-color:#CFC;
}
.oi_other_new a {
	color:#040;
}
.oi_other_new a:hover {
	color:#393;
}
.oi_other_h {
	color:#F60;
	background-color:#FCC;
}
.oi_other a {
	color:#E40;
}
.oi_other a:hover {
	color:#F93;
}

/* ============================================== */
/* 		売上集計・月別売上集計画面
/* ============================================== */

/* 売上金額表示箇所 */
td.monthsele_sele_item{
	text-align:center;
	width:  9%;
}

/* 当月達成率表示箇所 */
td.monthsele_target_item {
	font-weight: bold;
	font-size: 16px;
	text-align:left;
	width:  5%;
}
/* 前月達成率表示箇所 */
td.lastmonthsele_target_item {
	text-align:left;
	width:  5%;
}


td.monthsele_target_item_OUT {
	background: #F00073;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align:left;
	width:  5%;
}
td.monthsele_target_item_OK {
	background: #0954F0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align:left;
	width:  5%;
}

/* テーブルのタイトル箇所 */
td.monthsele_item_subtitle {
	font-weight: bold;
	text-align:center;
	letter-spacing: 1px;
	background: #505050;
	color: #FFFFFF;
	padding:10px
	width: 100%
}
/* テーブルのタイトル箇所 */
td.lastmonthsele_item_subtitle {
	font-weight: bold;
	text-align:center;
	letter-spacing: 1px;
	background: #707070;
	color: #FFFFFF;
	padding:10px
	width: 100%
}

/* テーブルのサイズ */
table.monthsele_list {
	width:  100%;
	height: 200px;
}


/* 当月行の背景色 */
tr.thismonth_value { background: #FAEBD7;}

/* 前月行の背景色 */
tr.lastmont_value  { background: #F5F5F5;}

/* ============================================== */
tr.pre_edit
{
	background-color:#FFFFDF;
}
tr.default
{
	background-color:#FFF;
}
tr.private
{
	background-color:#DDD;
}
tr.gray
{
	background-color:#C9C9C9;
}
/* ============================================== */
/* 色見本 */
.color_sample
{
	margin:20px 0;
}
.color_sample span
{
	margin:0 5px;
	padding:5px; 
	border:1px solid #666;
}
/* ブランドアクセスランキング */
table.access_ranking th, 
table.access_ranking td
{
	padding:2px;
}
/* ブランド別テキストバナー */
.input_form textarea
{
	width:98%;
	height:70px;
}

/* ============================================== */
/* 		商品マスタ -外部モール用-
/* ============================================== */
.portal_area
{
	margin:20px 0 0 0;
	padding:15px;
	height:100px;
	border:1px dashed #BBB;
	position:relative;
}
.portal_area div.title
{
	position:absolute;
	top:-10px;
	left: 10px;
	width:150px;
	padding:2px 10px;
	text-align:center;
	border-left:4px solid #BBB;
	border-right:4px solid #BBB;
	background-color:#DDD;
	color:#333;
}
/* 楽天・Yahoo切替スイッチ */
.portal_area div.shop_switch
{
	clear:left;
	float:left;
	width:80px;
	padding:1px;
}
.portal_area div.shop_switch input
{
	display:none;
}
.portal_area div.shop_switch label
{
	display:block;
	width:60px;
	padding:3px;
	text-align:center;
	background-color:#EEE;
	color:#999;
	cursor:pointer;
	box-shadow: inset 1px 1px 3px rgba(000,000,000,0.4);
}
.portal_area div.shop_switch label:first-of-type
{
	border-radius: 4px 4px 0 0;
}
.portal_area div.shop_switch label:last-of-type
{
	border-radius: 0 0 4px 4px;
}
.portal_area div.shop_switch input[type="radio"]:checked + label
{
	color:#1C4A43;
	color:#113847;
	background-color:#C2F0E9;
	box-shadow:none;
	background: #b7deed;
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#3ebae0 51%,#b7deed 100%);
}


/* 新規・更新スイッチ */

.portal_area div.switch
{
	float:left;
	width:80px;
	padding:1px;
}

.portal_area div.switch input
{
	display:none;
}
.portal_area div.switch label
{
	display:block;
	width:60px;
	padding:3px;
	text-align:center;
	background-color:#EEE;
	color:#999;
	cursor:pointer;
	box-shadow: inset 1px 1px 3px rgba(000,000,000,0.4);
}
.portal_area div.switch label:first-of-type
{
	border-radius: 4px 4px 0 0;
}
.portal_area div.switch label:last-of-type
{
	border-radius: 0 0 4px 4px;
}
.portal_area div.switch input[type="radio"]:checked + label
{
	color:#1C4A43;
	color:#113847;
	background-color:#C2F0E9;
	box-shadow:none;
	background: #b7deed;
	background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#3ebae0 51%,#b7deed 100%);
}
/* 入力フォーム */
.portal_area div.form
{
	margin-bottom:5px;
	padding:1px;
}
/* 入力フォーム */
.portal_area div.form_child
{
	float:left;
	margin: 0px 10px;
	margin-bottom:5px;
	padding:1px;
}

/* 店舗選択リストボックス用 */
.portal_area div.form_child_shop
{
	float:left;
	margin: 0px 10px;
	margin-bottom:5px;
	padding:1px;
}

/* フレーム間隔 */
.portal_area div.frame_space
{
	margin-bottom:8px;
}

/* CSV出力ボタン */
.portal_area div.button
{
	padding:1px;
	margin: -8px 10px 0px 10px;

}
span.csv_option
{
	padding:2px;
	border:1px solid #999;
	background-color:#EEE;
}
span.button_span
{
	margin-bottom:5px;
}

span.separator
{
	margin:0 5px;
	color:#555;
}
/* ============================================== */
/* 		SEO画面
/* ============================================== */
.seo_menu
{
	width:480px;
	position:absolute;
	z-index:1;
	background-color:#FFF;
}
.seo_menu table
{
	margin-bottom:0;
}
.seo_list
{
	margin-left:500px;
	position:relative;
	min-height:800px;
}
.seo_menu th, .seo_list th
{
	width:90px;
}
.seo_menu input[type="text"]
{
	width:95%;
}
.seo_menu textarea
{
	width:100%;
	height:35px;
}
.seo_url optgroup
{
	border-bottom:1px solid #cde;
}
.seo_url optgroup:nth-child(even)
{
	background-color:#def;
}
.seo_url option
{
	background-color:inherit;
}
#seo_url_area
{
	padding:2px;
	font-weight:bold;
}
.seo_list_header, .seo_list_header th
{
	width:inherit;
	padding:3px;
	text-align:center;
	font-weight:bold;
}
.seo_edit
{
	position:absolute;
	right:0px;
	font-weight:normal;
}
.seo_edit a
{
	margin-right:10px;
}
.seo_description
{
	color:#333;
}
p.seo_description
{
	margin:2px;
	padding:2px 5px;
	border:1px dotted #333;
	color:#333;
}
dl.seo_description dt
{
	padding:2px 5px;
	font-weight:bold;
	background-color:#DDD;
	width:80px;
	float:left;
	clear:both;
}
dl.seo_description dd
{
	padding:2px 2px 2px 100px;
	border-bottom:1px solid #CCC;
}
.seo_rep
{
	margin:1px 3px;
	color:#08B;
}
.seo_repmk{
	font-size:70%;
}
.seo_base_ex
{
	padding:2px 5px;
	color:#265;
	background-color:#ECFFE5;
}

/* ============================================== */
/* 		ブランド別おすすめ商品管理画面
/* ============================================== */
h3.bmp_h3
{
	margin:0;
	padding:6px 10px;
	color: #fff;
	background: #666;
	font-size: 110%;
}
/* ブランド別おすすめ商品一覧表示 */
.bmp_list
{
	margin:0 0 100px 0;
	padding:10px 5px;
	border:2px solid #666;
}
.bmp_list table
{
	margin:0;
}
.bmp_list input[type="text"]
{
	width:95%;
}
/* 表示モード別 */
.dm_list_title1
{
	margin:0;
	padding:3px;
	text-align:center;
	background-color:#F39800;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.6em;
}
.dm_list_title2
{
	margin:0;
	padding:3px;
	text-align:center;
	background-color:#40220F;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.6em;
}
.dm_list1
{
	margin-bottom:30px;
	padding:5px;
	border:1px solid #F39800;
}
.dm_list2
{
	margin-bottom:10px;
	padding:5px;
	border:1px solid #40220F;
}
.dm_list1 dt, .dm_list1 dd, .dm_list2 dt, .dm_list2 dd
{
	border:1px solid #CCC;
	border-collapse:collapse;
}
.dm_list1 dt, .dm_list2 dt
{
	padding:3px 5px;
	border-bottom:none;
	background-color:#EEE;
}
.dm_list1 dd, .dm_list2 dd
{
	margin-bottom:5px;
	padding:5px;
	overflow:hidden;
}
.bmp_box
{
	margin:2px;
	border:1px solid #666;
	width:105px;
	min-height:170px;
	float:left;
	position:relative;
}
.bmp_box img
{
	height:105px;
	width:105px;
}
.bmp_box img:-moz-broken
{
	-moz-force-broken-image-icon: 1;
	width: 105px;
	height: 105px;
}
.bmp_box div
{
	padding:3px 5px;
	text-align:center;
}
.bmp_box div.rank
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:1px 5px;
/*	border-bottom:1px solid #666;
	border-right:1px solid #666;
*/
}

/* ============================================== */
/* トレードイン受注管理ページ
/* ============================================== */

div.trade_in_item_box {
	width : 140px;
	height : 220px;
	border : 1px solid #888888;
	padding : 5px;
	margin : -1px 0px 0px -1px;
	float : left;
}

div.trade_in_total_point_box {
	width : 120px;
	height : 20px;
	line-height : 20px;
	border : 1px solid #888888;
	margin : 5px 0px 5px -1px;
	font-weight : bold;
	padding : 5px;
	text-align : center;
	background-color:#CFFFE6;
}

/* ============================================== */
/* データ削除・整理ページ
/* ============================================== */

h2.subheader {
	margin-top: 20px;
	padding-left: 10px;
	background: #DDD;
}

/* ============================================== */
/* AIASページ
/* ============================================== */

p.input_area {
	line-height: 20px;
}

/* ============================================== */
/* フッターボタン追加用
/* ============================================== */
ul.sites li {
	padding : 0 5px;
	float: left;
}

/* ============================================== */
/* 受注管理仕分け用
/* ============================================== */

.os_box_l {
	clear:both;
	width:70px;
	line-height:16px;
	float:left;
}
.os_box_r {
	line-height:18px;
	float:left;
}
.os_box_no {
	position: absolute;
	width: 40px;
	height: 35px;
	text-align: center;
	top: 0px;
	left: 0;
	background: #333;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 800;
	line-height: 35px;
	z-index: 2;
}

.os_box_center {
	width: 100%;
	text-align: center;
}

/* チェック完了ボタン */
.os_box_btn_ok {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 180px;
	padding: 10px 0;
	margin: 0 auto;
}

/* チェック解除ボタン */
.os_box_btn_clear {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	display: block;
	background: -moz-linear-gradient(top,#FACDD8, #EA3959 50%,#C1154E 50%,#E25595);
	background: -webkit-gradient(linear, left top, left bottom, from(#FACDD8), color-stop(0.5,#EA5979), color-stop(0.5,#D1356E), to(#E25595));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #E25595;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 180px;
	padding: 10px 0;
	margin: 0 auto;
}

.alpha {
	filter:alpha(opacity=40);			/* IE7以下用 */
	-ms-filter: "alpha(opacity=40)";	/* IE8用 */
	opacity: 0.6;						/* Opera, Safari用 */
	-khtml-opacity: 0.6; 				/* Safari , 他ブラウザ用  */
	-moz-opacity:0.6;					/* Firefox , Netscape用 */
}

/* リンクカラー変更 */
a.os_box_btn_ok:link
,a.os_box_btn_ok:visited
,a.os_box_btn_ok:hover
,a.os_box_btn_clear:link
,a.os_box_btn_clear:visited
,a.os_box_btn_clear:hover {
	color: #FFF;
	text-decoration: none;
}

/* ============================================== */
/* ショップデータ表示ページ
/* ============================================== */

.resize_box_1 {
	resize: both;
	overflow: scroll;
	width: 100%;
	height: 300px;
	border: 1px solid #888888;
}

.sd_customer_box {
	width: 350px;
	height: 350px;
	overflow: scroll;
	border: 1px solid #888888;
	padding: 5px;
	float:left;
}