@charset "utf-8";

html {
	height: 100%;
}

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

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

input,
textarea {
	margin-right: 3px;
}

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

.page_rows {
	margin-bottom: 20px;
}

hr {
	/*display: none;*/
}

h1 {
	color: #222838;
	background: #cfd4e0;
	font-size: 16px;
	width:100%;
	font-weight:normal;
}

h1 span.title {
	display:block;
	width:1030px;
	margin:0 auto;
	padding:10px 0;
	height:16px;
	line-height:100%;
}
h1 span.subtitle {
	display: block;
	padding-top: 2px;
	padding-left: 10px;
}
h2 {
	margin: 0 0 15px 0;
	padding: 15px 0 15px 20px;
	background:#efefef;
	color: #38415b;
	font-weight:bold;
	font-size: 120%;
	border-radius:6px 6px 0 0;
}

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:10px;
	border: 1px solid #ccc;
}

table.wordbreak th,
table.wordbreak td {
	word-break: break-all;
}

th {
	width: 180px;
	background: #edeff3;
	font-weight: bold;
	text-align: left;
}

table.list th {
	background: url('../img/contents/table_back.png') repeat-x #b4b4b4;
	text-align: center;
}

table.list th.column {
	background: url('../img/contents/table_back.png') repeat-x #f4f5f5;
	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: 180px;
	text-align: left;
}

table tr.last {
	background: #ffffdf;
}

#popup-container table th.column {
	width: 200px;
}
.contents-main{
	border:1px solid #ddd;
	border-radius:6px;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	margin-bottom:20px;
}
.contents-main .btn-area,
#popup .btn-area,
#form_edit .btn-area {
	padding: 20px 0;
	clear: both;
	width: 100%;
	background: #efefef;
	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%;
}

.recommend-product.hidden td{
	background: #C9C9C9;
}

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.AlignLeft {
	text-align: left;
	padding-left: 11px;
}

/*おすすめ商品検索画面*/

#recommend-search-results .hidden td,
#recommend-search-results .hidden th{
	background: #C9C9C9;
}

/*通常ボタン 2/15変更*/
.btn-normal,
a.btn-normal:link,
a.btn-normal:visited {
	margin-right: 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;
}


/*ツールボタン 共通部分*/
#contents .btn-tool-format,
#contents a.btn-tool-format:link,
#contents 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 {
	padding:10px 0;
	width:100%;
	border: solid 1px #516293;
	display: inline-block;
	color: #fff;
	background: #516293;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	text-align:center;
}


/*登録する・検索するボタン*/
.btn-action,
a.btn-action:link,
a.btn-action:visited {
	padding:6px 10px 6px 10px;
	border: solid 1px #516293;
	display: inline-block;
	color: #fff;
	background: #516293;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
a.btn-action:hover{
	background: #38415b;
	background: #38415b;	
	color: #fff !important;
}
/*商品を選択するボタン(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/icon/prev.png') left no-repeat;
	font-weight: bold;
	font-size: 114%;
}


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

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

#contents 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,
a:visited {
	color: #39c;
	text-decoration: none;
}

a:link:hover,
a[href]:hover {
	color: #74badc;
	text-decoration: none;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.attention {
	color: #f00;
}

.conflict {
	color: #00f;
}


/* ヘッダー
----------------------------------------------- */
#errorHeader {
	color: #F00;
	font-weight: bold;
	font-size: 12px;
	background-color: #FEB;
	text-align: center;
	padding: 5px;
}
#header {
	width: 100%;
	background: #38415b;
	position: relative;
	z-index: 101;
}

#header-contents {
	width: 1030px;
	margin:0 auto;
	padding:8px 0;
}

#logo {
	float: left;
	width: 184px;
}

#site-check {
	float: right;
	width: 820px;
}
#site-check p.info {
	padding-top: 6px;
	float: left;
	width: 515px;
	color: #fff;
	font-size: 80%;
}

#site-check ul {
	float: right;
}

#site-check ul li {
	margin-right: 10px;
	float: left;
	border:#fff 1px solid;
	padding:4px 10px 4px 30px;
}
#site-check ul li a{
	color:#fff;
}
#site-check ul li:hover{
	opacity:.8;
}
#site-check ul li:first-child {
	background: url('../img/button/check.png') 8px 3px no-repeat;
}
#site-check ul li:last-child {
	background: url('../img/button/logout.png') 8px 3px no-repeat;
	margin-right:0;
}
/***追加ハンバーガー***/
#site-check div.hamburger_pc{
	float: right;
	display: block;
	position: relative;
	box-sizing: content-box;
	-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
	transition: all .6s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border-left: 1px solid #f3f4f4;
	border-right: 1px solid #f3f4f4;
	width: 60px;
	height: 41px;
	margin-top: -8px;
	margin-bottom: -8px;
	cursor: pointer;
}
#site-check div.hamburger_pc span {
	position: absolute;
	left: 30%;
	width: 40%;
	height: 2px;
	background-color: #fff;
	display: inline-block;
	transition: all .2s;
}
#site-check div.hamburger_pc span:nth-of-type(1) {
	top: 12px;
}
#site-check div.hamburger_pc span:nth-of-type(2) {
	top: 20px;
}
#site-check div.hamburger_pc span:nth-of-type(3) {
	bottom: 12px;
}
#site-check div.open{
	background: #6d7383;
}
#site-check div.open.hamburger_pc span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
#site-check div.open.hamburger_pc span:nth-of-type(2) {
	opacity: 0;
}
#site-check div.open.hamburger_pc span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
/*menu*/
#hamburger_navi{
	background: #fff;
	border: 1px solid #e4e5e4;
	width: 600px;
	max-height: 625px;
	overflow: auto;
	display: none;
	box-sizing: border-box;
	position: absolute;
	z-index: 100;
	top: 100%;
	right: 0;
}
#hamburger_navi ul{
	float: none;
	box-sizing:border-box;
}
#hamburger_navi ul li{
	background: none!important;
	margin: 0;
	border: 0;
	width: 100%;
	padding: 0;
	list-style: none;
	border-top: 1px solid #e4e5e4;
}
#hamburger_navi ul li a{
	background: #f1f4fa;
	border: 0;
	display: block;
	width: 100%;
	box-sizing:border-box;
	color: #333;
	padding: 8px 10px;
	text-decoration: none;
}
#hamburger_navi ul li.has_child{
	margin-bottom: -1px;
	border-top: 0;
}
#hamburger_navi ul li a:hover{
	background: #e9effb;
	color: inherit;
	text-decoration: none;
}
/*2階層*/
#hamburger_navi ul li ul{
	display: block;
	width: 100%;
	border-top: 1px solid #e4e5e4;
	background: #fff;
}
#hamburger_navi ul li ul li{
	float: left;
	width: 25%;
	box-sizing: border-box;
	border: 0;
	border-right: 1px solid #e4e5e4;
	border-bottom: 1px solid #e4e5e4;
}
#hamburger_navi ul li ul li:nth-child(4n){
	border-right:0;
}
#hamburger_navi ul li ul li a{
	background: #fff;
	padding: 10px;
}
#hamburger_navi ul li ul li a:hover{
	background: #f3f3f3;
}
@media (max-width: 767px) {
#site-check div.hamburger_pc{
	display: none;
}
}
/**icon_navi**/
#icon_navi{
	width: 1030px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1024px) {
#icon_navi{
	width: 820px;
}
}
#icon_navi ul{
	width: 100%;
	display: table;
	table-layout: fixed;
}
#icon_navi ul li{
	display: table-cell;
	list-style: none;
	text-align: center;
	border-right: 1px solid #e4e5e4;
}
#icon_navi ul li:first-child{
	border-left: 1px solid #e4e5e4;
}
#icon_navi ul li a{
	display: block;
	padding:45px 5px 10px 5px;
	font-size: 11px;
	color: #333;
	background-repeat: no-repeat;
	background-position: center 12px;
	text-decoration: none;
}
#icon_navi ul li a:hover{
	color: #516293;
	background-color: #f4f4f4;
}
#icon_navi ul li.menu01 a{background-image:url(../img/iconmenu/menu01.png);}
#icon_navi ul li.menu01 a:hover{background-image:url(../img/iconmenu/menu01_o.png);}
#icon_navi ul li.menu02 a{background-image:url(../img/iconmenu/menu02.png);}
#icon_navi ul li.menu02 a:hover{background-image:url(../img/iconmenu/menu02_o.png);}
#icon_navi ul li.menu03 a{background-image:url(../img/iconmenu/menu03.png);}
#icon_navi ul li.menu03 a:hover{background-image:url(../img/iconmenu/menu03_o.png);}
#icon_navi ul li.menu04 a{background-image:url(../img/iconmenu/menu04.png);}
#icon_navi ul li.menu04 a:hover{background-image:url(../img/iconmenu/menu04_o.png);}
#icon_navi ul li.menu05 a{background-image:url(../img/iconmenu/menu05.png);}
#icon_navi ul li.menu05 a:hover{background-image:url(../img/iconmenu/menu05_o.png);}
#icon_navi ul li.menu06 a{background-image:url(../img/iconmenu/menu06.png);}
#icon_navi ul li.menu06 a:hover{background-image:url(../img/iconmenu/menu06_o.png);}
#icon_navi ul li.menu07 a{background-image:url(../img/iconmenu/menu07.png);}
#icon_navi ul li.menu07 a:hover{background-image:url(../img/iconmenu/menu07_o.png);}
#icon_navi ul li.menu08 a{background-image:url(../img/iconmenu/menu08.png);}
#icon_navi ul li.menu08 a:hover{background-image:url(../img/iconmenu/menu08_o.png);}
#icon_navi ul li.menu09 a{background-image:url(../img/iconmenu/menu09.png);}
#icon_navi ul li.menu09 a:hover{background-image:url(../img/iconmenu/menu09_o.png);}
#icon_navi ul li.menu10 a{background-image:url(../img/iconmenu/menu10.png);}
#icon_navi ul li.menu10 a:hover{background-image:url(../img/iconmenu/menu10_o.png);}

@media (max-width: 1024px) {
#icon_navi ul li a{
	padding:45px 0px 10px 0px;
	font-size: 10px;
}
}
@media (max-width: 767px) {
#icon_navi{
	display: none;
}
}

/* スマホナビ
----------------------------------------------- */
#sp_navi_container #sp_navi{
	display: none;
}

@media (max-width: 767px) {
#sp_navi_container{
	background: #222838;
	position: relative;
}
#sp_navi_container .hamburger{
	display: block;
	height: 50px;
	width: 50px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 4;
	top: 0;
	box-sizing: content-box;
	-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
	transition: all .6s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border: 0;
	outline: 0;
}
#sp_navi_container .hamburger span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 3px;
	background-color: #fff;
	display: inline-block;
	transition: all .2s;
}
#sp_navi_container .hamburger span:nth-of-type(1) {
	top: 14px;
}
#sp_navi_container .hamburger span:nth-of-type(2) {
	top: 24px;
}
#sp_navi_container .hamburger span:nth-of-type(3) {
	bottom: 13px;
}

#sp_navi_container .open.hamburger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#sp_navi_container .open.hamburger span:nth-of-type(2) {
	opacity: 0;
}
#sp_navi_container .open.hamburger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
#sp_navi_container #sp_navi ul li a{
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-bottom: 1px solid #aaa;
}
#sp_navi_container #sp_navi ul li:first-child a{
	border-top: 1px solid #aaa;
}
/*2階層なし*/
#sp_navi_container #sp_navi ul li ul{
	display: none;
}
}


/* ヘッダーナビ
----------------------------------------------- */
#navi-wrap {
	background:#222838;
	border-top:5px solid #171b25
}
#navi-wrap #navi {
	z-index: 90;
	width:1030px;
	margin:0 auto;
	height: 40px;
	font-size: 14px;
	line-height: 100%;
}

#navi-wrap #navi li {
	display: block;
	float: left;
	cursor: pointer;
	height: 40px;
	position: relative;
}
#navi-wrap #navi li a {
	color:#fff;
}
#navi-wrap #navi li div,
#navi-wrap #navi li div span {
	display: block;
	_float: left;/*IE6対策*/
	cursor: pointer;
}

#navi-wrap #navi li div {
	color: #fff;
	text-decoration: none;
	padding:11px 10px 0 10px;
}

#navi-wrap #navi li div span {
	padding-bottom:4px;
}
#navi-wrap #navi li div:hover span {
	border-bottom:3px solid #d37d41;
}
#navi-wrap #navi li.on div span {
	border-bottom:3px solid #d37d41;
}
#navi-wrap #navi li.sfhover div span {
	border-bottom:3px solid #d37d41;
}

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


/*プルダウンメニュー 第1階層*/
#navi-wrap #navi li li {
	display: block;
	height: 27px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
	background:#5f677d;
	font-size:14px;
}

#navi-wrap #navi li li a,
#navi-wrap #navi li li div {
	display: block;
	height: 27px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
}

#navi-wrap #navi li li a span,
#navi-wrap #navi li li div span {
	display: block;
	height: 27px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
}

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

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

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

#navi-wrap #navi li li a:hover span,
#navi-wrap #navi li li div:hover span {
	background: #666;
}

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

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

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

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


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

#navi-wrap #navi li li li,
#navi-wrap #navi li li a,
#navi-wrap #navi li li li a span,
#navi-wrap #navi li li div,
#navi-wrap #navi li li li div span {
	margin-left: 0;
	display: block;
	width: 210px;
	height: 27px;
	line-height: 24px;
	color: #fff;
	font-weight: normal;
}

#navi-wrap #navi li li li.sfhover div:hover,
#navi-wrap #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-wrap #navi li ul ul {
	margin: -28px 0 0 180px;
	_margin: -28px 0 0 187px;/*IE6応急 */
}

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

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

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

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

#navi-wrap #navi ul.level1 li.on_level2 ul.level2 li a:hover,
#navi-wrap #navi ul.level1 li.on_level2 ul.level2 li div: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: #f4f5f5;
}

.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: 40px 20px 100px;
	width: 1030px;
	margin:0 auto;
}

#footer {
	margin-top: 30px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background:#38415b;
}

#footer-contents {
	width: 1030px;
	margin:0 auto;
	position:relative;
}

#footer #copyright {
	color: #fff;
	font-size: 85%;
	padding:18px 0;
}

#footer #topagetop {
	position:absolute;
	top:5px;
	right:0;
	background:url(../img/button/top.png) no-repeat;
	width:41px;
	height:41px;
	overflow:hidden;
}
#topagetop:hover{
	opacity:.8;
}
#topagetop a {
	display:block;
	text-indent:-9999px;
	width:41px;
	height:41px;
}


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

#login-wrap {
	margin: 150px auto 0;
	padding: 40px;
	border: 0;
	text-align: left;
	width: 290px;
	background:#fff;
	z-index: 2;
	border:1px solid #ddd;
	border-radius:6px;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}

#login-form h1 {
	margin-bottom: 20px;
	border: none;
	text-align:center;
	background: none;
}
.login_error {
	color:#F00 !important;
	text-align:center;
}
#input-form {
	float: right;
	width: 100%;
}

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

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

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


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


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

#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 .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;
}


/* 基本情報管理
----------------------------------------------- */
/* SHOPマスター */
#maparea {
	padding: 30px;
	background: #FFFFFF;
}
#maparea .btn-area {
	text-align: center;
}
#maps {
	margin: 0 auto 1em;
}

/* 郵便番号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-left li ul,
#products-rank-left li ul {
	margin-left: 20px;
}

#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;
}

/* システム設定
----------------------------------------------- */
/* プラグイン管理 */
td.plugin_img {
	border-width: 1px 0px 1px 1px;
}
td.plugin_info {
	border-width: 1px 1px 1px 0px;
}
td.plugin_info p.description {
	margin: 8px 0 10px 5px;
}

td.plugin_info span.ec_cube_version {
	font-style: italic;
	font-size: 80%;
}

td.plugin_info span.plugin_name {
	font-weight: bold;
}

td.attention_fookpoint {
	background-color: #FEB;
}

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

/*FORM*/
/***ログインページ用 2/15追加***/
.box100{
	width:100%;
	border:0;
	padding:10px 0;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	background:#FFC;
}
/********/
.box3 {
	width: 33px;
}
/*W3*/

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

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

.box13 {
	width: 107px;
}
/*W13*/

.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,#navi-wrap:after,#navi:after,#header-contents: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,
.authority_1 #navi-design-add,
.authority_1 #navi-system,
.authority_1 #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;
}
.panel{
	padding:20px;
}
select{
  background: #fff;
  border: 1px solid #ccc;
  height: 25px;
  line-height: 30px;
  text-align: left;
  vertical-align: middle;
}
.sub_menu{
	margin-bottom:30px;
}
.sub_menu li{
	border: solid 1px #516293;
	float: left;
	color: #fff;
	margin-right: 8px;
	margin-bottom:8px;
	background: #516293;
}
.sub_menu li:hover{
	background:#38415b;
}
.sub_menu li a:hover{
	color:#fff;
}
.sub_menu li a{
	display:block;
	padding: 6px 10px 6px 30px;
	color:#fff;
	line-height: 1;
}
#sub_01{
	background:url(../img/icon/sub01.png) no-repeat 8px 4px;
}
#sub_02{
	background:url(../img/icon/sub02.png) no-repeat 8px 4px;
}
#sub_03{
	background:url(../img/icon/sub03.png) no-repeat 8px 4px;
}
#sub_04{
	background:url(../img/icon/sub04.png) no-repeat 8px 4px;
}
#sub_05{
	background:url(../img/icon/sub03.png) no-repeat 8px 4px;
}
#sub_06{
	background:url(../img/icon/sub05.png) no-repeat 8px 4px;
}
#sub_07{
	background:url(../img/icon/sub04.png) no-repeat 8px 4px;
}
#sub_08{
	background:url(../img/icon/sub06.png) no-repeat 8px 4px;
}
#sub_09{
	background:url(../img/icon/sub07.png) no-repeat 8px 4px;
}
#sub_10{
	background:url(../img/icon/sub06.png) no-repeat 8px 4px;
}
#sub_11{
	background:url(../img/icon/sub07.png) no-repeat 8px 4px;
}
#sub_12{
	background:url(../img/icon/sub03.png) no-repeat 8px 4px;
}
#sub_13{
	background:url(../img/icon/sub04.png) no-repeat 8px 4px;
}
#sub_14{
	background:url(../img/icon/sub08.png) no-repeat 8px 4px;
}
#sub_15{
	background:url(../img/icon/sub09.png) no-repeat 8px 4px;
}
#sub_16{
	background:url(../img/icon/sub10.png) no-repeat 8px 4px;
}
#sub_17{
	background:url(../img/icon/sub11.png) no-repeat 8px 4px;
}
#sub_18{
	background:url(../img/icon/sub12.png) no-repeat 8px 4px;
}
#sub_19{
	background:url(../img/icon/sub09.png) no-repeat 8px 4px;
}
#sub_20{
	background:url(../img/icon/sub13.png) no-repeat 8px 4px;
}
#sub_21{
	background:url(../img/icon/sub06.png) no-repeat 8px 4px;
}
#sub_22{
	background:url(../img/icon/sub08.png) no-repeat 8px 4px;
}
#sub_23{
	background:url(../img/icon/sub14.png) no-repeat 8px 4px;
}
#sub_24{
	background:url(../img/icon/sub15.png) no-repeat 8px 4px;
}
#sub_25{
	background:url(../img/icon/sub16.png) no-repeat 8px 4px;
}
.sub_menu li a.sub_01{
	background:url(../img/icon/sub01.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_02{
	background:url(../img/icon/sub02.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_03{
	background:url(../img/icon/sub03.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_04{
	background:url(../img/icon/sub04.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_05{
	background:url(../img/icon/sub05.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_06{
	background:url(../img/icon/sub06.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_07{
	background:url(../img/icon/sub07.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_08{
	background:url(../img/icon/sub08.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_09{
	background:url(../img/icon/sub09.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_10{
	background:url(../img/icon/sub10.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_11{
	background:url(../img/icon/sub11.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_12{
	background:url(../img/icon/sub12.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_13{
	background:url(../img/icon/sub13.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_14{
	background:url(../img/icon/sub14.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_15{
	background:url(../img/icon/sub15.png) no-repeat 8px 5px;
}
.sub_menu li a.sub_16{
	background:url(../img/icon/sub16.png) no-repeat 8px 5px;
}
@media (max-width: 1024px) {
h1 span.title {
	width:820px;
}
#header-contents {
	width:820px;
}
#site-check {
	width: 630px;
}
#site-check p.info {
	width: 330px;
}
#navi {
	width:820px;
}
#contents {
	width:820px;
}
#footer-contents {
	width:820px;
}
#navi {
	font-size: 12px;
}
#navi li li {
	font-size: 12px;
}
}
@media (max-width: 767px) {
#navi-wrap{
	display: none;
}
/**sp_navi**/
#sp_navi_container{
	background: #222838;
	position: relative;
}
#sp_navi_container .hamburger{
	display: block;
	height: 50px;
	width: 50px;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	z-index: 4;
	top: 0;
	box-sizing: content-box;
	-webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
	transition: all .6s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border: 0;
	outline: 0;
}
#sp_navi_container .hamburger span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 3px;
	background-color: #fff;
	display: inline-block;
	transition: all .2s;
}
#sp_navi_container .hamburger span:nth-of-type(1) {
	top: 14px;
}
#sp_navi_container .hamburger span:nth-of-type(2) {
	top: 24px;
}
#sp_navi_container .hamburger span:nth-of-type(3) {
	bottom: 13px;
}

#sp_navi_container .open.hamburger span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#sp_navi_container .open.hamburger span:nth-of-type(2) {
	opacity: 0;
}
#sp_navi_container .open.hamburger span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

#sp_navi_container #sp_navi ul li a{
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-bottom: 1px solid #aaa;
}
#sp_navi_container #sp_navi ul li:first-child a{
	border-top: 1px solid #aaa;
}

#logo {
	float: none;
	text-align: center;
	width: auto;
}
h1{
padding:10px 0;

}
h1 span.title {
	width:100%;
	padding:0 15px;
	box-sizing: border-box;
}
#header-contents {
	width:100%;
	padding:10px 15px;
	box-sizing: border-box;
}
#site-check {
	width:100%;
	padding:0 15px;
	box-sizing: border-box;
}
#site-check p.info {
	display: none;
}
#site-check ul {
	float: none!important;
	text-align: center;
	margin-top: 10px;
}
#site-check ul li {
	margin: 0 5px;
	float: none;
	display: inline-block;
}
#navi {
	width:100%;
	box-sizing: border-box;
}
.sub_menu li a{
	font-size: 11px;
}
#contents {
	width:100%;
	box-sizing: border-box;
	padding: 30px 15px;
}
#footer {
	margin-top: 0;
	position: relative;
}
#footer-contents {
	width:100%;
	box-sizing: border-box;
}
#footer #copyright {
	padding: 18px 15px;
}
}
/***グリッド 2/15追加***/
.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing: border-box;}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
.row:before,.row:after{content:" ";display:table}.row:after{clear:both}
/***トップページパネル 2/15追加**/
.panels_area{
	width:700px;
	margin:0 auto;
}
.panels{
	background:#38415b;
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
	border-radius: 6px;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}
.panels_area a{
	display:block;
}
.panels_area a:hover{
	 -webkit-filter: opacity(0.8);
	 -moz-filter: opacity(0.8);
	 -o-filter: opacity(0.8);
	 -ms-filter: opacity(0.8);
	 filter: opacity(0.8);
}
.panels dt{
	padding:20px 0;
	text-align:center;
}
.panels dt img{
	width:80px;
}
.panels dd{
	color:#fff;
	font-size:1.1em;
	text-align:center;
}

/***editor***/
.editor_wrap{
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.editor_wrap dl{
	margin-top: 30px;
	display: table;
	width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
}
.editor_wrap dl:first-child{
	margin-top: 0;
}
.editor_wrap dl dt{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
	display: table-cell;
	vertical-align: top;
	width: 15em;
	padding-top: 7px;
}
.editor_wrap dl dd{
	display: table-cell;
	vertical-align: top;
}
@media (max-width: 767px) {
.editor_wrap{
	padding-left: 0;
	padding-right: 0;
}
.editor_wrap dl,.editor_wrap dl dt,.editor_wrap dl dd{
	display: block;
}
}
.editor_ttl input[type="text"]{
	width: 100%;
	box-sizing: border-box;
}
.editor_wrap dl input[type="text"], .editor_wrap dl input[type="time"]{
	box-sizing: border-box;
	height: 40px;
	line-height: 1.5;
	padding: 5px;
}
.editor_txt textarea{
	width: 100%;
	box-sizing: border-box;
}
.editor_wrap label{
	margin-right: 10px!important;
	padding-top: 7px;
}
.upload_preview{
	position: relative;
	width: 290px;
	box-sizing: border-box;
}
@media (max-width: 767px) {
.upload_preview{
	width: 100%;
}
}
.upload_preview img{
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 1px solid #eee;
}
.upload_preview a.delete_img{
	position: absolute;
	right: -10px;
	top: -10px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #ddd;
	background: #fff;
	color: #f00;
	border-radius: 50%;
	cursor:pointer;
}
.upload_preview a.delete_img:hover{
	background: #eee;
}
#simultaneously_wrap{
	display: none;
}
#simultaneously_wrap dl:first-child{
	margin-top: 30px;
}
.btn-area02{
padding: 20px 0;
	clear: both;
	width: 100%;
	background: #efefef;
	text-align: center;
}

/***リンクを設定する****/
.link_add_btn{
	margin-bottom: 10px;
}
.link_add_btn li{
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}


#link_set dl{
	border-top: 1px solid #ccc;
	padding: 15px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
}
#link_set dl:last-child{
	border-bottom: 1px solid #ccc;
}
#link_set dl dd{
	display: table-cell;
	vertical-align: middle;
}
#link_set dl dd:first-child{
	display: table-cell;
	width: 280px;
	vertical-align: middle;
}
.modal_btn{
	display: inline-block;
	margin-left: 10px;
}
@media (max-width: 767px) {
#link_set dl{
	display: block;
	width: 100%;
}
#link_set dl dd:first-child{
	display: inline-block;
	width: auto;
}
#link_set dl dd.article_ttl_cell{
	display: block;
	width: 100%;
	margin-top: 10px;
}
}
/*** モーダル コンテンツエリア ***/
.modal_window {
	position: fixed;
	top: 10%;
	left: 10%;
	z-index: 20;
	width: 80%;
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 2px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	padding: 15px;
	box-sizing: border-box;
	display: none;
}
@media (min-width: 768px) {
.modal_window {
	top: 50%;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	margin-top: -250px;
	height: 500px;
	padding: 30px;
}
}
#modal_overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 9;
}

/*modal内*/
.modal_ttl{
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 5px;
}
.modal_search{
	margin-bottom: 20px;
}
.modal_search input[type="text"]{
	width: 190px;
	height: 30px!important;
}
.modal_search button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	border: 1px solid #ccc;
	background:#efefef;
	text-align: center;
	width: 60px;
	margin-left: 10px;
	line-height: 1;
	padding: 8px 0;
}
.modal_search button:hover{
	background: #eaeaea;
}
@media (min-width: 768px) {
.modal_search input[type="text"]{
	width: 80%;
}
.modal_search button{
	width: 16%;
}
}
.modal_result{
	max-height: 310px;
	overflow: auto;
	padding:5px 15px 15px 15px;
	border: 1px solid #eee;
	box-sizing: border-box;
}
@media (min-width: 768px) {
.modal_result{
	max-height: 265px;
}
}
.modal_result label{
	display: block;
	margin-top: 10px;
	padding-left: 25px;
	position: relative;
}
.modal_result label input[type="radio"]{
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
}
.modal_btn_area{
	text-align: center;
	margin-top: 40px;
}
.modal_btn_area li{
	list-style: none;
	display: inline-block;
	margin: 0 10px;
}
.modal_btn_area li a.btn-close{
	padding: 8px 10px 8px 10px;
	border: solid 1px #ccc;
	display: block;
	width: 80px;
	color: #000;
	background: #efefef;
	background-attachment: scroll;
	background-clip: border-box;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.modal_btn_area li a.btn-close:hover{
	background: #eaeaea;
}
.modal_btn_area li a.btn-action{
	padding: 8px 10px 8px 10px;
	display: block;
	width: 80px;
}

/* XXX */
.dd_child dl{
    border-top: 1px solid #ccc;
    padding: 15px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0;
}
.dd_child dl:last-child{
    border-bottom: 1px solid #ccc;
}
.dd_child dl dd{
    display: table-cell;
    vertical-align: middle;
}
.dd_child dl dd:first-child{
    display: table-cell;
    width: 100px;
    vertical-align: middle;
}
@media (max-width: 767px) {
.dd_child dl{
    display: block;
    width: 100%;
}
.dd_child dl dd:first-child{
    display: inline-block;
    width: auto;
}
.dd_child dl dd.article_ttl_cell{
    display: block;
    width: 100%;
    margin-top: 10px;
}
}
/*タブ*/
.tab {
	text-align: center;
	width: 100%;
	border-radius: 3px 3px 0 0;
	border-right: 1px solid #aaa;
}
.tab li {
	display: block;
	box-sizing: border-box;
	width: 16.666%;
	float: left;
	list-style: none;
	cursor: pointer;
	background: #efefef;
	padding: 10px 5px;
	border-radius: 3px 3px 0 0;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.tab li.select {
	background: #afafaf;
}
@media (max-width: 767px) {
	.tab {
		border-radius: 0;
		border-top:1px solid #aaa;
	}
	.tab li {
		width: 50%;
		height: 36px;
		font-size: 12px;
		border-radius: 0;
		border-top: none;
	}
}
.tab_content div.cont {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: .2s all;
}  
.tab_content div.cont.on {
	height: auto;
	opacity: 1;
}
/*売り上げ*/
.sales_list{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #aaa;
	padding: 10px 0;
}
.sales_list dt,.sales_list dd{
	display: table-cell;
	vertical-align: top;
	padding-right: 5px;
}
.sales_list dt{
	width: 30%;
}
.sales_list dd.sales_price{
	width: 25%;
	text-align: right;
	padding-right: 0;
}
/*スクロール可能テーブル*/
.scroll_table{
	margin-bottom: 20px;
}
.scroll_table table{
	margin-bottom: 0;
}
.scroll_table::-webkit-scrollbar {
	-webkit-appearance: none;
	height: 7px;
}
.scroll_table::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.scroll_table::-webkit-scrollbar-track-piece {
	background-color: #ddd;
	border-radius: 4px;
}
.scroll_table table th {
	text-align: center;
	width: auto;
}
@media (max-width: 767px) {
	.scroll_table {
		width: 100%;
		overflow: auto;
	}
	.scroll_table table {
		width: 600px;
	}
}

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

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

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