@charset "utf-8";
/*
CSS Information
 File name:      common.css
 Author:         Administrator
 Style Info:     Modify YUI Reset CSS, YUI Fonts CSS
 *http://yuilibrary.com/license/
 *version: 3.7.2 build: 5639
----------------------------------------------------- */
/* reset.css
****************************/

body#mainPage {
	background: #F9F9F9;
}

html {
	color:#fff;
	background:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
a {
	color:#fff;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
	*font-size:100%;
}
legend {
	color:#000;
}

/* fonts.css
****************************/

body {
/*	font:13px/1.231 arial,helvetica,clean,sans-serif;*/
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 13px;
	line-height: 1.231;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}
select,input,button,textarea {
	font:99% 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/* base.css
****************************/

/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1px;}
.clearfix {display:block;}

/* マージン・インデント */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/* リンク */
a:link,a:visited,a:hover,a:active {color: #00f;}
a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/* 要素設定 */
body {
	color:#fff;
	text-align: center;
}
ul,dl,ol {
	text-indent: 0;
	list-style-position:outside;
}
th,td {
	vertical-align: top;
}
img {
	vertical-align: top;
}
hr {
	margin: 10px 0;
	border: none;
	height: 1px;
	background: #ccc;
}
select::-ms-expand {
	width: 1.5em;
}
/* 行揃え */
.alC {
	text-align: center !important;
}
.alR {
	text-align: right !important;
}
.alL {
	text-align: left !important;
}
.vlT {
	vertical-align: top !important;
}
.vlM {
	vertical-align: middle !important;
}
.vlB {
	vertical-align: bottom !important;
}

/* 文字数調整 */
.elps {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.notes {
	color: #b30000;
}
.small_notes {
	color: #b30000;
	font-size: 85%;
}
/* タブ切り替え
****************************/
.tabbox {
	min-height: 30px;
	position: relative;
	border-top: 1px solid #ccc;
	box-shadow: 0px 7px 5px -5px #999;
	margin-bottom: 20px;
}
.tabbox .count {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-weight:bold;
}
.tabbox .tablist {
	height: 100%;
	display: flex;
	align-items: center;
}
.tabbox .tablist li {
	padding: 15px;
	text-align: center;
	cursor: pointer;
}
.tabbox .tablist li a {
	color: #000;
	text-decoration: none;
}
.tabbox .tablist li.select {
	padding-bottom: 13px;
	border-bottom: 2px solid #5e8cff;
}
.tabbox .tablist li:hover {
	padding-bottom: 13px;
	border-bottom: 2px solid #aac2ff;
}
.tablebox {display: none;}
.tablebox.show {display: block;}

/* baseLayout
****************************/
#wrapper {
	width: 100%;
}
#g_header .cBlock,
nav .cBlock,
#main {
	background: #000;
	position: relative;
	margin: 0 auto;
	width: 100%;
}

/* #g_header *****************/
#g_header {
	display: block;
	position: relative;
	padding: 10px 0 5px;
	width: 100%;
	height: 60px;
	background: #ccc url(/img/admin/web/header_bg.jpg);
	border-bottom: 1px solid #acacac;
	box-shadow: 0 0 4px #9c9c9c;
	-moz-box-shadow: 0 0 4px #9c9c9c;
	-webkit-box-shadow: 0 0 4px #9c9c9c;
	-o-box-shadow: 0 0 4px #9c9c9c;
	-ms-box-shadow: 0 0 4px #9c9c9c;
	behavior: url(/js/admin/web/lib/PIE.htc);
	z-index: 200;
	box-sizing: border-box;
}
#g_header h1 {
	float: left;
	width: 200px;
}
#g_header .head_contents {
	padding-left: 210px;
	text-align: left;
}
#g_header .head_link li {
	float: right;
	margin: 0 10px 0 0;
	vertical-align: top;
}
#g_header .head_link li:first-child {
	margin-right: 0;
}
#g_header .head_link li a {
	display: block;
	position: relative;
	width: 43px;
	height: 43px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 57%, #d6d6d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(57%,#dbdbdb), color-stop(100%,#d6d6d6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	-pie-background: linear-gradient(#ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	border: 1px solid #afafaf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: inset 0 0 2px 1px #fff;
	-moz-box-shadow: inset 0 0 2px 1px #fff;
	-webkit-box-shadow: inset 0 0 2px 1px #fff;
	-o-box-shadow: inset 0 0 2px 1px #fff;
	-ms-box-shadow: inset 0 0 2px 1px #fff;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #d35f01;
	font-weight: bold;
	text-align: center;
}
#g_header.admin .head_link li a {
	color: #0169d3;
}
#g_header.agent .head_link li a {
	color: #d35f01;
}
#g_header.shop .head_link li a {
	color: #d50085;
}
#g_header .head_link li a:hover {
	text-decoration: none;
}
#g_header .head_link li a span {
	display: block;
	padding-top: 5px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
#g_header .head_link li:first-child a {
	width: 98px;
}
#g_header .head_link li:first-child a span {
	padding: 0 0 0 30px;
	line-height: 43px;
	background: url(/img/admin/web/icons.png) -2px -357px no-repeat;
	background-size: 40px;
}
#g_header #head_shop_search {
	margin: 5px 0 0;
}
#g_header #head_shop_search li {
	float: left;
	margin: 0 5px 0 0;
}
#g_header #head_shop_search li:last-child {
	margin-right: 0;
}
#g_header #head_shop_search input[type=text] {
	padding: 0.5em;
	width: 20em;
	height: 1em;
}
#g_header #head_shop_search select {
	padding: 0.4em;
}
#g_header #head_shop_search input[type=submit] {
	position: relative;
	width: 30px;
	height: 2em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border: none;
	background: #0169d3 url(/img/admin/web/icons.png) center -662px no-repeat;
	box-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
	-o-box-shadow: 1px 1px 1px #666;
	-ms-box-shadow: 1px 1px 1px #666;
	text-indent: -9999px;
	cursor: pointer;
	behavior: url(/js/admin/web/lib/PIE.htc);
}
#g_header .agent_info {
	position: absolute;
	top: 5px;
	left: 220px;
	width: 500px;
	border: 1px solid #afafaf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	behavior: url(/js/admin/web/lib/PIE.htc);
}
#g_header .agent_info .agent_name {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #d35f01;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #fff;
	font-weight: bold;
}
* html #g_header .agent_info .agent_name {
	display: inline;
	zoom: 1;
}
*+html #g_header .agent_info .agent_name {
	display: inline;
	zoom: 1;
}
#g_header .agent_info dl {
	padding: 5px 100px 5px 10px;
}
#g_header .agent_info dt,
#g_header .agent_info dd {
	float: left;
	display: inline-block;
	font-size: 123.1%;
	font-weight: bold;
}
* html #g_header .agent_info dt,
* html #g_header .agent_info dd {
	display: inline;
	zoom: 1;
}
*+html #g_header .agent_info dt,
*+html #g_header .agent_info dd {
	display: inline;
	zoom: 1;
}
#g_header .agent_info dt {
	margin-right: 10px;
	padding-top: 5px;
	vertical-align: text-bottom;
}
#g_header .agent_info dd {
	margin-right: 20px;
}
#g_header .agent_info dd em {
	display: inline;
	color: #900;
	font-size: 136%;
	margin-right: 5px;
}
/* #nav_admin ********************/
#nav_admin {
	position: relative;
	padding: 15px 0;
	background: url(/img/admin/web/bg_nav.png);
	border-bottom: 1px solid #acacac;
	box-shadow: 0 0 4px #9c9c9c;
	-moz-box-shadow: 0 0 4px #9c9c9c;
	-webkit-box-shadow: 0 0 4px #9c9c9c;
	-o-box-shadow: 0 0 4px #9c9c9c;
	-ms-box-shadow: 0 0 4px #9c9c9c;
	behavior: url(/js/admin/web/lib/PIE.htc);
	text-align: left;
	z-index: 150;
}
#nav_admin li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
* html #nav_admin li {
	display: inline;
	zoom: 1;
}
*+html #nav_admin li {
	display: inline;
	zoom: 1;
}
#nav_admin li:last-child {
	margin-right: 0;
}
#nav_admin li a {
	display: block;
	position: relative;
	width: 160px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 57%, #d6d6d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(57%,#dbdbdb), color-stop(100%,#d6d6d6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	-pie-background: linear-gradient(#ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	border: 1px solid #afafaf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	-o-box-shadow: inset 0 0 1px 1px #fff;
	-ms-box-shadow: inset 0 0 1px 1px #fff;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #0169d3;
	font-weight: bold;
	text-align: center;
}
#nav_admin li a:hover {
	text-decoration: none;
}
#nav_admin li a span {
	display: inline-block;
	padding: 10px 10px 10px 50px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
* html #nav_admin li a span {
	display: inline;
	zoom: 1;
}
*+html #nav_admin li a span {
	display: inline;
	zoom: 1;
}
#nav_admin li a small {
	display: inline-block;
	position: absolute;
	top: -10px;
	right: -10px;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	background: #0169d3;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #fff;
	font-weight: bold;
}
#nav_admin li:nth-child(1) a span {
	background: transparent url(/img/admin/web/icons.png) left -1058px no-repeat;
}
#nav_admin li:nth-child(2) a span {
	background: transparent url(/img/admin/web/icons.png) left -1108px no-repeat;
}
#nav_admin li:nth-child(3) a span {
	background: transparent url(/img/admin/web/icons.png) left -1158px no-repeat;
}
#nav_admin li:nth-child(4) a span {
	background: transparent url(/img/admin/web/icons.png) left -1208px no-repeat;
}
#nav_admin li:nth-child(5) a span {
	background: transparent url(/img/admin/web/icons.png) left -1258px no-repeat;
}


/* #nav_agent ********************/
#nav_agent {
	position: relative;
	padding: 15px 0;
	background: url(/img/admin/web/bg_nav.png);
	border-bottom: 1px solid #acacac;
	box-shadow: 0 0 4px #9c9c9c;
	-moz-box-shadow: 0 0 4px #9c9c9c;
	-webkit-box-shadow: 0 0 4px #9c9c9c;
	-o-box-shadow: 0 0 4px #9c9c9c;
	-ms-box-shadow: 0 0 4px #9c9c9c;
	behavior: url(/js/admin/web/lib/PIE.htc);
	text-align: left;
	z-index: 100;
}
#nav_agent li {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
* html #nav_agent li {
	display: inline;
	zoom: 1;
}
*+html #nav_agent li {
	display: inline;
	zoom: 1;
}
#nav_agent li:last-child {
	margin-right: 0;
}
#nav_agent li a {
	display: block;
	position: relative;
	width: 260px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 57%, #d6d6d6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(57%,#dbdbdb), color-stop(100%,#d6d6d6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	-pie-background: linear-gradient(#ffffff 0%,#dbdbdb 57%,#d6d6d6 100%);
	border: 1px solid #afafaf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	-o-box-shadow: inset 0 0 1px 1px #fff;
	-ms-box-shadow: inset 0 0 1px 1px #fff;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #333;
	font-weight: bold;
	text-align: center;
}
.admin #nav_agent li a {
	color: #0169d3;
}
.agent #nav_agent li a {
	color: #d35f01;
}
#nav_agent li a:hover {
	text-decoration: none;
}
#nav_agent li a span {
	display: inline-block;
	padding: 10px 10px 10px 50px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
}
* html #nav_agent li a span {
	display: inline;
	zoom: 1;
}
*+html #nav_agent li a span {
	display: inline;
	zoom: 1;
}
#nav_agent li:nth-child(1) a span {
	background: transparent url(/img/admin/web/icons.png) left -708px no-repeat;
}
#nav_agent li:nth-child(2) a span {
	background: transparent url(/img/admin/web/icons.png) left -756px no-repeat;
}
#nav_agent li:nth-child(3) a span {
	background: transparent url(/img/admin/web/icons.png) left -808px no-repeat;
}


.top_dir ul li:nth-child(1) a {
	background: transparent url(/img/admin/web/icons.png) left -810px no-repeat;
}

.top_dir ul li:nth-child(2) a {
	background: transparent url(/img/admin/web/icons.png) left -1755px no-repeat;
}

/* #shop_nav ********************/
#nav_shop {
	float: left;
	width: 240px;
}
#nav_shop > ul {
	border: 1px solid #514e4e;
	background: #262626;
	color:#fff;
	padding:20px 0;
	box-sizing: border-box;
}

#nav_shop li,
#nav_shop h1 {
	display: block;
	font-weight: bold;
	text-align: left;
}
#nav_shop li.top_dir {
	border-bottom: none;
}
#nav_shop ul li a {
	color:#f8f8f8;
}


#nav_shop h1 {
	display: block;
	padding: 10px 10px 10px 40px;
	color: #f8f8f8;
}
#nav_shop ul li a:hover {
	text-decoration: none;
	color:#f8f8f8;
}

#nav_shop ul li ul li {
	border-top: none;
}
#nav_shop ul li ul li a {
	font-size: 1.2em;
	padding: 8px 10px 8px 40px;
	display: block;
}
#nav_shop h1 {
	color: #d50085;
	cursor: pointer;
}
#nav_shop ul li a span {
	font-weight: normal;
}

#nav_shop h1 span {
	display: block;
	background: url(/img/admin/web/icon_arrow_close.png) right center no-repeat;
}
#nav_shop h1.opend span {
	background: url(/img/admin/web/icon_arrow_open.png) right center no-repeat;
}
#nav_shop li.pickup h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px 0px no-repeat;
}
#nav_shop li.shop_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -36px no-repeat;
}
#nav_shop li.lady_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -72px no-repeat;
}
#nav_shop li.price_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -88px no-repeat;
}
#nav_shop li.form_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -348px no-repeat;
}
#nav_shop li.contents_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -176px no-repeat;
}
#nav_shop li.mag_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -211px no-repeat;
}
#nav_shop li.free_page h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -245px no-repeat;
	color: #d50085;
}
#nav_shop li.other h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -279px no-repeat;
}
#nav_shop li.extension h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -506px no-repeat;
}
#nav_shop li.photoblog h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -1287px no-repeat;
}
#nav_shop li.top_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -1257px no-repeat;
}
#nav_shop li.door_edit h1 {
	background: transparent url(/img/admin/web/icons2.png) 5px -1346px no-repeat;
}
#nav_shop ul li li a {
/*	background: url(/img/admin/web/icon_arrow.png) 17px no-repeat;*/
}
#nav_shop ul li li a.active {
	color:#fff;
	background: #d50085 url(/img/admin/web/icon_arrow_active.png) 17px no-repeat;
}


/* navigation **/
nav.sub_nav {
	margin-top: 10px;
	margin-bottom: 0px!important;
}
nav.sub_nav li {
	float: left;
	margin: 0 8px 0 0;
	font-size: 14px;
	margin-bottom:10px;
}
nav.sub_nav li a {
	display: inline-block;
	position: relative;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	background: #5c5c5c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/js/admin/web/lib/PIE.htc);
}
* html nav.sub_nav li a {
	display: inline;
	zoom: 1;
}
*+html nav.sub_nav li a {
	display: inline;
	zoom: 1;
}
nav.sub_nav li a:hover,
nav.sub_nav li a:focus {
	background: #999;
}
nav.sub_nav li a:active {
	background: #888;
}
nav.sub_nav li.active a {
	color: #fff;
	background: #666;
}

/* #main ****************/
#main {
	display: flex;
	padding: 0;
	min-height: calc(100vh - 100px);
}
#shop_container {
	margin-left:5px;
	float: left;
	width: calc(100% - 620px);
	height: 100vh;
}

/* box setting ****************/
#main .common_box {
	position: relative;
	margin: 0 0 15px;
	border: 1px solid #afafaf;
	text-align: left;
}
#main .common_box h1 {
	position: relative;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 30%, #efefef 31%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(31%,#efefef), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	-pie-background: linear-gradient(#ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	border-bottom: 1px solid #afafaf;
	behavior: url(/js/admin/web/lib/PIE.htc);
	font-weight: bold;
}
#main .inner {
	padding: 10px;
}

#main .col3 > * {
	display: block;
	float: left;
	margin-right: 5%;
	width: 30%;
}
#main .col3 > *:last-child {
	margin-right: 0;
}
#main .col2 > * {
	display: block;
	float: left;
	width: 49%;
}
#main .col2 > *:last-child {
	float: right;
}
#main .col2 > .child1 {
	width: 30%;
}
#main .col2 > .child2 {
	width: 65%;
}

/* bg setting ****************/
.bg1 {
	position: relative;
	background: url(/img/admin/web/bg_nav.png);
	box-shadow: inset 0 0 1px 1px #fff;
	-moz-box-shadow: inset 0 0 1px 1px #fff;
	-webkit-box-shadow: inset 0 0 1px 1px #fff;
	-o-box-shadow: inset 0 0 1px 1px #fff;
	-ms-box-shadow: inset 0 0 1px 1px #fff;
	behavior: url(/js/admin/web/lib/PIE.htc);
}

/* title setting ****************/
#main .common_box h1 span {
	display: block;
	padding: 10px 10px 10px 40px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(255,255,255,0.9);
}
#wrapper.admin #main .common_box h1 span {
	color: #0169d3;
}
#wrapper.agent #main .common_box h1 span {
	color: #d35f01;
}
#wrapper #main #shop_container .common_box h1 span {
	color: #d50085;
}
.common_ttl {
	position: relative;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 30%, #efefef 31%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(31%,#efefef), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	-pie-background: linear-gradient(#ffffff 0%,#ffffff 30%,#efefef 31%,#f6f6f6 100%);
	border: 1px solid #afafaf;
	behavior: url(/js/admin/web/lib/PIE.htc);
	font-weight: bold;
}
.common_ttl span {
	display: block;
	padding: 10px 10px 10px 15px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(255,255,255,0.9);
}
#wrapper.admin #main .common_ttl span {
	color: #0169d3;
}
#wrapper.agent #main .common_ttl span {
	color: #d35f01;
}
#wrapper #main #shop_container .common_ttl span {
	color: #d50085;
}
.ttl1 {
	padding: 0 0.5em;
	border-left: 5px solid #666;
	color: #666;
	font-weight: bold;
}

/* 店舗基本データ */
#main .common_box h1.icon1 span {
	background: transparent url(/img/admin/web/icons.png) -5px -1305px no-repeat;
}
/* お知らせ */
#main .common_box h1.icon2 span {
	background: transparent url(/img/admin/web/icons.png) -5px -1355px no-repeat;
}
/* PR */
#main .common_box h1.icon3 span {
	background: transparent url(/img/admin/web/icons.png) -5px -1405px no-repeat;
}

/* button setting ******************/
a.common_btn,
button.common_btn,
input.common_btn {
	position: relative;
	padding: 5px 10px;
	background: #efefef;
	border: 1px solid #afafaf;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	behavior: url(/js/admin/web/lib/PIE.htc);
	color: #000;
	font-weight: normal;
	cursor: pointer;
}
a.common_btn:hover,
a.common_btn:focus,
a.common_btn:active,
button.common_btn:hover,
button.common_btn:focus,
button.common_btn:active,
input.common_btn:hover,
input.common_btn:focus,
input.common_btn:active {
	background: #b5b5b5;
	color: #fff;
	text-decoration: none;
}
form > div > .common_btn {
	padding: 5px 10px;
}
a.inner_btn,
button.inner_btn,
input.inner_btn {
	outline: none;
	display: inline-block;
	position: relative;
	padding: 0.4em 0.8em;
	background: #5c5c5c;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 85%;
	text-decoration: none;
	cursor: pointer;
	behavior: url(/js/admin/web/lib/PIE.htc);
}
* html a.inner_btn,
* html button.inner_btn,
* html input.inner_btn {
	display: inline;
	zoom: 1;
}
*+html a.inner_btn,
*+html button.inner_btn,
*+html input.inner_btn {
	display: inline;
	zoom: 1;
}
a.inner_btn:hover,
a.inner_btn:focus,
button.inner_btn:hover,
button.inner_btn:focus,
input.inner_btn:hover,
input.inner_btn:focus {
	background: #999;
}
a.inner_btn:active,
button.inner_btn:active,
input.inner_btn:active {
	background: #888;
}



.icon_del {
	position: relative;
}
.icon_del:before {
	content: "";
	display: block;
	position: absolute;
	left: 0.5em;
	top: 0;
	width: 49px;
	height: 49px;
	background: url(/img/admin/web/icons.png) -5px -1505px no-repeat;
}

.d-b {
	display: block;
}
.d-ib {
	display: inline-block;
}
* html .d-ib {
	display: inline;
	zoom: 1;
}
*+html .d-ib {
	display: inline;
	zoom: 1;
}
.d-i {
	display: inline;
}

/* table_setting ********************/

/* .list_table */

table.list_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.list_table thead {
	background: url(/img/admin/web/bg_nav.png);
}
table.list_table th,
table.list_table td {
	padding: 10px;
	border: 1px solid #afafaf;
}
table.list_table th {
	background: url(/img/admin/web/bg_nav.png);
	text-align: center;
	vertical-align: middle;
}
table.list_table td {
	text-align: left;
	vertical-align: middle;
}
table.list_table td img {
	max-width: 100%;
}
table.list_table td .common_btn,
table.list_table th .common_btn {
	display: inline-block;
	padding: 5px 10px;
	vertical-align: top;
}

/* .form_table */

table.form_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.form_table th,
table.form_table td {
	padding: 10px;
	border: 1px solid #afafaf;
	vertical-align: middle;
}
table.form_table th {
	background: url(/img/admin/web/bg_nav.png);
}
table.form_table th .required {
	position: relative;
	display: inline-block;
	float: right;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
	-o-box-shadow: 1px 1px 1px #666;
	-ms-box-shadow: 1px 1px 1px #666;
	background: #f00;
	color: #fff;
	font-size: 77%;
	behavior: url(/js/admin/web/lib/PIE.htc);
	vertical-align: text-bottom;
}
.agent table.form_table th .required {
	background: #d35f01;
}
.shop table.form_table th .required {
	background: #d50085;
}
table.form_table td {
	text-align: left;
}
table.form_table td .alert {
	font-size: 93%;
	color: #900;
}

/* form_setting ******************/
/*input[type=submit],
input[type=button] {
	padding: 0.5em;
	cursor: pointer;
}
input[type=text],
input[type=password] {
	padding: 0.5em;
	width: 20em;
	height: 1.2em;
}*/
input[type=text].ime_act {
	ime-mode: active;
}
input[type=text].ime_dis {
	ime-mode: disabled;
}
select {
	padding: 0.4em;
}
textarea {
	padding: 0.5em;
}
input[type=checkbox] {
	vertical-align: top;
}
.form_btn {
	padding: 1em 0;
	text-align: center;
    background: #ffffff;
}
.form_btn .common_btn {
	margin: 0 1em;
	padding: 0.5em;
	width: 30%;
	font-size: 116%;
}


label.chk_label {
	margin-left: 0.5em;
	margin-right: 2em;
}

/* message_setting ******************/
.err_msg {
	margin: 0.5em 0;
	padding: 1em 1em 1em 50px;
	background: #f9eeb4 url(/img/admin/web/icon_err.png) 10px center no-repeat;
	border: 1px solid #8f6319;
	color: #8f6319;
	text-align: left;
}
.comp_msg {
	margin: 0.5em 0;
	padding: 1em 1em 1em 50px;
	background: #e4f0bf url(/img/admin/web/icon_comp.png) 10px center no-repeat;
	border: 1px solid #648621;
	color: #648621;
	text-align: left;
}
.info_msg {
	margin: 0.5em 0;
	padding: 1em 1em 1em 50px;
	background: #D0E5FF url(/img/admin/web/icon_info.png) 10px center no-repeat;
	border: 1px solid #0AA3E8;
	color: #0AA3E8;
	text-align: left;
}

/* pager_setting ******************/
.pager {
	margin-top: 10px;
	text-align: center;
}
.pager li {
	display: inline;
	font-size: 93%;
}
.pager li.omit {
	margin: 0 2px 0 0;
	font-size: 77%;
}
.pager li a,
.pager li span {
	display: inline-block;
	margin-right: 3px;
	padding: 5px 3px;
	min-width: 1.8em;
	background: #fafafa;
	border: 1px solid #ddd;
	font-size: 85%;
	color: #333;
	text-align: center;
}
.pager li a {
	text-decoration: none !important;
}
.pager li a:hover {
	background: #0169d3;
	color: #fff;
}
.agent .pager li a:hover {
	background: #d35f01;
}
.shop .pager li a:hover {
	background: #d50085;
}

.pager li span {
	color: #ddd;
	background: #efefef;
}
.pager li.current span {
	background: #ddd;
	color: #fff;
	font-weight: bold;
}


/* #upper ******************/
#upper {
	padding: 10px 0 0;
}
#upper .common_btn span {
	display: block;
	padding: 10px;
	font-size: 123.1%;
	font-weight: bold;
}
#wrapper.admin #upper .common_btn span {
	color: #0169d3;
}
#upper .child2 .common_box {
	position: relative;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	behavior: url(/js/admin/web/lib/PIE.htc);
}
#upper .count_shop {
	padding: 10px;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
}
#upper .count_shop em {
	margin: 0 1em;
	color: #0169d3;
}

/* #aside ******************/
#aside {
}

/* #footer *****************/
#footer {
	background-color:#fff
	color:#000f;
	height: 20px;
	line-height: 20px;
	display: none;
}

/* close *******************/
#main table tr.close {
	background: #eaebed !important;
}

/* free_image_edit page **********/
.titlePng {
	border-right: 1px solid #999999;
	background: transparent url(/img/admin/web/bg_title.png) left top no-repeat;
}

/* price_list_list page **********/
#price_list_list .img_table tr td img {
	max-width: 570px;
	margin: 10px 0;
}

/* whatsnew_list page ----------- */
.yoyaku {
	width: 13px;
	padding: 2px;
	color: #ffffff;
	position: absolute;
	background-color: #A0040F;
}

/* ckeditor override */
input.cke_dialog_ui_input_text {
	height: 2em;
}

.required {
	color:#ff0000;
}

a.new_flgon, button.new_flgon, input.new_flgon {
    background: #cc0000;
}

.explanation {
    clear: both;
    margin: 0.5em 0;
    padding: 1em 1em 1em 50px;
    background: #f9eeb4 url(/img/admin/web/icon_err.png) 10px center no-repeat;
    border: 1px solid #8f6319;
    color: #8f6319;
    text-align: left;
}
/* コメントボタン */
a span.realtime_btn{
	display: inline-block;
	background-color: #eee;
	width: 88px;
	font-size: 11px;
	text-align: center;
	margin-bottom:5px;
	padding: 5px 0 5px 0;
	vertical-align: text-top;
	border: 1px solid #ccc;
	border-radius: 5px;  
	-webkit-border-radius:5px;  
	-moz-border-radius: 5px;
	color:#333;  
}

div#logo {
	text-align: center;
	margin: 0 auto 30px;
}

div#logo img {
	width:80%;
}

.search-box {
  position: relative;
  display: inline-block;
  padding:0 3px;
  margin-bottom:20px;
  width:100%;
}

.search-box input[type="text"] {
	width: 100%;
  padding-left: 30px; /* アイコンの幅に合わせて調整 */
  height:3em;
  border-radius: 8px;
  background: #333;
  color:#fff;
}

.search-box .fa-search {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #ccc;
}