/* last update 2018.06.20 */
@charset "utf-8";

body{
	background: url(../img/bg.png) repeat-y left top #efefef;
	font-family: sans-serif;
}

.fl{float: left;}
.fr{float: right;}
.clr{clear: both;}

.vt{vertical-align: top;}
.vm{vertical-align: middle;}
.vb{vertical-align: bottom;}

img.icon{
	/*margin: 0 2px 0 0;*/
	vertical-align: middle;
}

fieldset{
	clear: both;
	margin: 40px 0;
	padding: 10px 20px 20px;
	background: #e5e5e5;
	border-bottom: 3px solid #ccc;
	text-align: left;
}
fieldset.fl,
fieldset.fr{
	clear: none;
	margin-top: 0;
	width: 330px;
}

/*-- 2018.04.24 --*/
.ebgoods fieldset.fl,
.ebgoods fieldset.fr
{
	clear: none;
	margin-top: 0;
	width: 420px;
}
/*-- END of 2018.04.24 --*/

form fieldset:first-child,
form fieldset:first-child + fieldset.fr{margin-top: 20px;}


legend{
	position: relative;
	left: -10px; top: -15px;
	padding: 1px 10px;
	min-width: 100px;
	height: 28px;
	background: #363f4e;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
	letter-spacing: 1px;
	text-align: left;
}
legend:before{
	content: url(../img/tab_left.png);
	position: absolute;
	left: -5px; top: 0;
}
legend:after{
	content: url(../img/tab_right.png);
	position: absolute;
	right: -18px; top: 0;
}
legend img{vertical-align: top;}

fieldset > a,
fieldset#download a,
fieldset#upload a,
#info .fr a,
#bnrList dl a{
	display: block;
	float: none;
	clear: both;
	margin: 0 0 5px;
	padding: 5px 8% 5px 10px;
	background: url(../img/arrow.png) no-repeat 96% center #18a689;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a.red{background-color: #c75757 !important;}
a.gray{background-color: #999 !important;}
fieldset > a img,
#info .fr a img{
	position: relative;
	top: -2px;
	margin-right: 5px;
	vertical-align: middle;
}


input{vertical-align: middle;}
input[type="text"],
input[type="password"]{
	padding: 5px 10px;
	width: 50%;
	border: 1px solid #d9d9d9;
	line-height: 1.2;
}
input[type="file"]{
	/*float: right;*/
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0; top: 0;
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 100px;
	cursor: pointer;
	z-index: 5;
}
input#term1,
input#term2{
	margin-bottom: 10px;
	width: 200px;
	text-align: center;
}
/* 2015.12.24 start */
input#relterm1,
input#relterm2{
	margin-bottom: 1px;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	text-align: center;
}
/* 2015.12.24 end */

fieldset#download div{padding: 10px 20px;}

fieldset .file,
fieldset#upload div{
	/*display: inline-block;*/
	overflow: hidden;
	position: relative;
	margin: 10px 0;
}
fieldset .file input[type="file"],
fieldset#upload input[type="file"]{
	/*float: left;*/
	margin: 1px 0;
	padding: 6px;
	/*width: 190px;*/
}
fieldset .file button,
fieldset#upload button{
	/*float: right;
	margin: 0 0 5px;*/
	margin: 0;
	padding: 8px 25px 8px 10px;
	width: 110px;
	background: url(../img/arrow2.png) no-repeat 95% center #7e7e7e;
	font-size: 12px;
	line-height: 1.2;
	white-space: nowrap;
	vertical-align: middle;
}
fieldset#upload a{margin: 0;}
fieldset#upload p{
	margin: 2px 0 0;
	color: #6a6a6a;
	font-size: 11px;
}

fieldset#search{
	position: relative;
}
#edit fieldset#search{margin: 0 0 40px;}
fieldset#search:after{
	content: url(../img/box_pop.png);
	position: absolute;
	left: 50%; bottom: -24px;
	margin-left: -14px;
}
fieldset#search #keywords{
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
fieldset#search button{
	margin: 0 0 10px;
	padding: 0 4px;
	width: 108px;
	height: 37px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	vertical-align: middle;
	appearance: none;
}
/*fieldset#search button:hover{background: #d9534f;}*/
fieldset#search button img{vertical-align: middle;}


dl{
	display: table;
	float: none;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	width: 100%;
	background: #fff;
}
dt{
	display: table-cell;
	position: relative;
	padding: 0 5px;
	width: 33px;
	/*padding: 0 1ex;
	width: 3ex;
	min-width: 33px;*/
	background: #0090d9;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	vertical-align: middle;
}
dt span{
	display: block;
	margin: 0 9px;
	padding: 5px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #7e7e7e;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
dt a,
dd a{text-decoration: none;}
dd{
	display: table-cell;
	/*float: left;*/
	margin: 0 0 20px;
	padding: 5px 0 5px 15px;
	border-left: 3px solid #fff;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
dd a img{
	float: left;
	margin-right: 5px;
	max-width: 50px;
	height: auto;
	border: 2px solid #eee;
}
dd strong{
	display: block;
	margin-bottom: 10px;
}
dd input[type="text"]{width: 184px;}
dd button{
	margin: 0;
	width: 73px;
	height: 100%;
	min-height: 55px;
	background: url(../img/btn_delete.png) no-repeat center center #363f4e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	vertical-align: middle;
}


table{
	border: 0 none;
	border-collapse: separate;
	border-spacing: 5px;
}
dd a table{
	position: relative;
	top: -5px;
	/*width: 216px;*/
}
table caption{
	padding: 0 5px;
	color: #363f4e;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
}
table th,
table td{
	padding: 2px 4px;
	border: 0 none;
	font-size: 90%;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	line-height: 1.5;
}
table thead th{padding: 0;}
a table th,
a table td{font-size: 75%;}
table th{
	background: #7e7e7e;
	color: #fff;
	text-align: center;
}
dd table th{width: 5em;}
table td{
	color: #363f4e;
	text-align: left;
}

label{
	position: relative;
	display: inline-block;
	margin: 0 15px 10px 0;
	padding: 10px 4px 9px;
	min-width: 90px;
	background: #0090d9;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 1px;
	vertical-align: middle;
	cursor: pointer;
}
label:after,
dt:after{
	content: " ";
	display: block;
	position: absolute;
	top: 50%; right: -10px;
	margin-top: -5px;
	width: 0;
	height: 0;
	z-index: 1;
	border-style: solid;
	border-width: 5px;
	border-color: transparent transparent transparent #0090d9;
}
label.check{
	position: static;
	margin: 0 5px 0 0;
	min-width: 0;
	background: none transparent;
	color: #363f4e;
	font-size: 14px;
	letter-spacing: 0;
}
label.check:after{
	display: none;
	border: 0 none;
	margin: 0;
}
label.check + input[type="checkbox"]{
	content: url(../img/check_off.png) ;
	background: url(../img/check_off.png) no-repeat center center transparent;
	display: inline-block;
	/*visibility: hidden;*/
	visibility: visible;
	position: relative;
	margin: 0;
	width: 30px;
	height: 30px;
	border-color: #d9d9d9;
	border: 0 none;
	color: #0090d9;
	vertical-align: middle;
	cursor: pointer;
	-moz-appearance: none;
}

label.check + input[type="checkbox"]:checked{
	content: url(../img/check_on.png);
	background:url(../img/check_on.png) no-repeat center center transparent;
}

input#bookmarked,
input#exc_less100 {
	margin-right: 61px;
}

/* 作品ランキング */
.ranking_select {
	margin: 10px 0 20px;
}
.ranking_select #publisher_id + .customSelect {
	width: 345px;
	padding-right: 55px;
	overflow: hidden;
}
.ranking_select #publisher_id + .customSelect .customSelectInner{
	width: 100% !important;
	overflow: hidden;
}
.ranking_select #age_grp + .customSelect {
	width: 170px;
}
/* 作品管理 */
.EbGoods fieldset#search #keywords {
	width: 680px;
}
.EbGoods #publisher_id + .customSelect {
	width: 497px;
	padding-right: 60px;
}
.EbGoods #publisher_id + .customSelect .customSelectInner{
	width: 100% !important;
	overflow: hidden;
}


label#narrow{
	margin-right: 0;
	letter-spacing: 0;
}
label#narrow:before{
	content: "●";
	display: inline-block;
	margin-right: 2px;
	color: #0090d9;
	font-size: 100%;
}
label#narrow:after{content: none;}

input.wFull{width: 704px;}
fieldset.fl input.wFull,
fieldset.fr input.wFull{width: 307px;}

label+input{margin-bottom: 10px;}

button{
	margin: 20px auto;
	padding: 8px 0;
	width: 25%;
	border: 0 none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #363f4e;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
button:hover{cursor: pointer;}

button.save{
	margin: 20px auto 40px;
	padding: 15px 5% 15px 20px;
	width: 50%;
	background: url(../img/arrow.png) no-repeat 96% center #0090d9;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	font-size: 110%;
}
button.save:hover{background-color: #363f4e;}

.customSelect {
	display: inline-block;
	position: relative;
	/*margin: 10px 20px 5px 0;*/
	padding: 0;
	width: 173px;
	overflow: hidden;
	background: none transparent;
	min-height: 2.6em;
	-webkit-appearance: none;
	-moz-apperance: none;
	appearance: none;
	cursor: pointer;
	font-weight: normal;
	font-size: 14px;
	color: #5f5f5f;
	background: transparent;
	border: 2px solid #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
	text-indent: 0.01px; /* Firefox */
	text-overflow: ""; /* Firefox */
	text-align: left;
	vertical-align: middle;
}
.customSelectInner{
	margin: 8px 0 0 10px;
	white-space: nowrap;
}
.customSelectInner:after{
	content: " ";
	display: block;
	position: absolute;
	right: 0; top: 0;
	margin: 0;
	padding: 0;
	width: 32px;
	min-width: 0;
	height: 100%;
	border: 0 none;
	border-left: 2px solid #d9d9d9;
	background: url(../img/arrow_down.png) no-repeat center center transparent;
	cursor: pointer;
}
.customSelect.customSelectHover {/* Styles for when the select box is hovered */}
.customSelect.customSelectOpen {/* Styles for when the select box is open */}
.customSelect.customSelectFocus {/* Styles for when the select box is in focus */}
.customSelect.customSelectDisabledOption {/* Styles for when the selected item is a disabled one */}
.customSelect.customSelectDisabled {/* Styles for when the select box itself is disabled */}


select{
	position: relative;
	z-index: 10;
	vertical-align: middle;
}
select::-ms-expand{display: none;} /* IE10 */
/*:-moz-any(select):after{display: none;}*/

select:focus,
option{
	outline: 0 none;
	border: 0 none;
}

label.selectWrap{
	
}
#ranking label.selectWrap{
	margin: 0;
	/*width: 180px;*/
}

#search br.clr + .selectWrap{margin-left: 112px;}

#graph div{
	float: none;
	margin: 20px 0 0;
	/*width: 370px;*/
}
#graph div dl{margin: 0;}
#graph div dt,
#graph div dd{
	float: none;
	clear: both;
	/*padding: 5px 0;*/
	text-align: center;
	color: #fff;
	border: 0 none;
	white-space: nowrap;
}
#graph div dt{width: 35%;}
#graph div dt:after{top: 26px;}
#graph div#access dt{background-color: #0075b0;}
#graph div#access dt:after{border-left-color: #0075b0;}
/* 2023.07.09 */
#graph div#eng dt{background-color: #a27947;}
#graph div#eng dt:after{border-left-color: #a27947;}
/* ***** */
#graph div#stay dt{background-color: #a24747;}
#graph div#stay dt:after{border-left-color: #a24747;}
#graph div#review dt{background-color: #138971;}
#graph div#review dt:after{border-left-color: #138971;}
#graph div#age dt{background-color: #9163b7;}
#graph div#age dt:after{border-left-color: #9163b7;}

#graph div#fav dt{background-color: #0075b0;}
#graph div#fav dt:after{border-left-color: #0075b0;}

#graph div#access dd{background-color: #0090d9;}
#graph div#eng dd{background-color: #bf8553;}	/* 2023.07.09 */
#graph div#stay dd{background-color: #c75757;}
#graph div#review dd{background-color: #18a689;}
#graph div#age dd{background-color: #b57ce3;}

#graph div#fav dd{background-color: #0090d9;}


/*年代別テキスト色分け 150515*/
#graph div#age dd span.age {
	color: #ffffff;
	padding-right: 7px;
}
#graph div#age dd span.age10 {
	color: #7f0700;
}
#graph div#age dd span.age20 {
	color: #ffb700;
}
#graph div#age dd span.age30 {
	color: #a80093;
}
#graph div#age dd span.age40 {
	color: #092298;
}
#graph div#age dd span.age50 {
	color: #614710;
}
#graph div#age dd span.age60 {
	color: #004033;
}
/*/年代別テキスト色分け 150515*/

canvas{
	display: block;
	background: #fff;
}

p{margin: 10px 0;}

#header{
	display: table;
	width: 100%;
	min-width: 980px;
	border-bottom: 1px solid #252b35;
	background: #363f4e;
	color: #fff;
}
#header h1{
	display: table-cell;
	width: 170px;
}
#header h2{
	display: table-cell;
	font-size: normal;
	font-size: 110%;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 2px;
}
#header span{
	display: table-cell;
	padding: 0 20px;
	width: 120px;
	border-left: 2px dashed #252b35;
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
	letter-spacing: 1px;
}

#main{
	width: 980px;
	text-align: center;
}

/*-- 2018.04.24 --*/
#main.ebgoods{
	width: 1180px;
	text-align: center;
}
/*-- END of 2018.04.24 --*/

#side{
	float: left;
	height: 100%;
	margin-right: 3px;
	width: 170px;
	color: #fff;
}
#side li{
	position: relative;
	border-bottom: 2px solid #252b35;
	text-align: center;
}

#side li.active:after{
	content: " ";
	display: block;
	position: absolute;
	top: 50%; right: -3px;
	margin-top: -8px;
	width: 1px;
	height: 1px;
	border-style: solid;
	border-width: 8px;
	border-color: transparent #efefef transparent transparent;
}

#side li a{
	display: block;
	background: url(../img/menu_bg_arrow.png) no-repeat 157px center;
	color: #fff;
}

#side li.active a{
	background: url(../img/menu_bg_active.png) repeat-y left top;
}

#contents{
	float: left;
	margin: 20px;
	width: 766px;
	height: 100%;
}
#ranking #contents {
	margin-top: 0;
}
/*-- 2018.04.24 --*/
.ebgoods #contents{
	float: left;
	margin: 20px;
	width: 966px;
	height: 100%;
}
/*-- END of 2018.04.24 --*/

#footer{
	display: none;
	float: none;
	clear: both;
	margin-left: 173px;
	padding: 20px;
	text-align: center;
}

#number{
	margin: 10px;
	letter-spacing: 1px;
	font-size: 110%;
	text-align: left;
}
#number strong{
	display: inline-block;
	margin-right: 0.5em;
	font-weight: bold;
}

.pager ul{
	float: none;
	clear: both;
	display: inline-block;
	margin: 20px 0;
	width: auto;
}
.pager li{display: inline-block;}
.pager a{
	display: block;
	padding: 0.5em;
	min-width: 1em;
	text-decoration: none;
	background: #c7c7c7;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.pager li.active a{background: #d9534f;}
.pager a.prev,
.pager a.next{
	display: inline-block;
	background: #0090d9;
}




#manage dt{
	padding: 0;
	width: 200px;
	text-align: center;
	background: none transparent;
/*	font-size: 100%;*/
	font-size: 12px;

}
#manage dt:after{
	content: none;
	display: none;
}
#manage dd{
	width: 200px;
	height: 65px;
	border-left: 0 none;
}
#manage dt:last-child,
#manage dd:last-child{width: 80px;}

/* 2020.05.15 */
#manage dt.half {width: 100px;}
#manage dd.half input[type="text"]{width: 74px;}
#manage dd.half {width: 86px;}
}




#results{position: relative;}
#results #number{
	position: absolute;
	left: 0; top: 0;
	margin: 0;
}
#results dl:first-child{
	margin-bottom: 0;
	background: transparent;
}

#info{
	margin-bottom: 30px;
}
#info .fl{
	margin: 10px 0 15px;
	width: 420px;
}
#info .fl img{
	float: left;
	margin-right: 10px;
}
#info .fl table{
	display: block;
}
#info .fl tr{
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
	padding: 0 0 5px;
}
#info .fl th,
#info .fl td{
	display: inline-block;
	float: left;
}
#info .fl td{margin-right: 10px;}

#info .fr{
	margin: 10px 0 15px;
	width: 280px;
}
#info input[type="text"]{width: 590px;}

#new fieldset.fl button{
	margin: 2px 0;
	padding: 5px 0;
	width: 40%;
	vertical-align: middle;
}

dl#listHead{
	display: block;
	margin-bottom: 0;
	background: transparent;
}
dl#listHead dt{
	display: block;
	float: left;
	position: relative;
	margin: 0 3px 0 0;
	padding: 0;
	width: 92px;/*87 -> 76px -> 70px ->87*/
	max-height: 26px;
	background: none transparent;
	font-size: 9px;
	white-space: nowrap;
	letter-spacing: 0;
	text-align: left;
}
#ranking dl#listHead dt{left: 340px;}/*361 -> 303 -> 282 -> 340 */
#ranking dl#listHead dt.favo{width: 100px;}

dl#listHead dt:after{
	content: none;
	display: none;
}
dl#listHead dt a,
dl#listHead dt span,
table thead span{
	display: block;
	background: #7e7e7e;
	color: #fff;
	padding: 2px 4px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-text-shadow: 0 0 1px #666;
	-moz-text-shadow: 0 0 1px #666;
	-ms-text-shadow: 0 0 1px #666;
	-o-text-shadow: 0 0 1px #666;
	text-shadow: 0 0 1px #666;
}
dl#listHead dt.asc a,
dl#listHead dt.desc a{
	background-color: #d9534f;
	background-repeat: no-repeat;
	background-position: right center;
}
dl#listHead dt.asc a{background-image: url(../img/bg_asc_mini.png);}
dl#listHead dt.desc a{background-image: url(../img/bg_desc_mini.png);}



#edit dl dt{
	width: 65px;
}
#edit dl#listHead dt{
	margin-right: 20px;
	width: 170px;
	text-align: center;
}
#edit dl#listHead dt#head_id{width: 70px;}
#edit dl#listHead dt#head_title{width: 220px;}
#edit dl#listHead dt#head_release{width: 155px;}
#edit dl#listHead dt#head_status{width: 82px;}
#edit dt.asc a,
#edit dt.desc a{padding-right: 24px;}
#edit dd{
	padding-left: 20px;
	/*width: 149px;*/
	border-left: 0 none;
}
#edit dd.listTitle{width: 253px;}
#edit dd.listRelease{width: 178px;}
#edit dd.listStatus{width: 84px;}
#edit dd span{
	display: inline-block;
	margin-left: 14px;
	padding: 1px 0;
	width: 4em;
	background: #d9534f;
	color: #fff;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
}
#edit dd span.closed{background-color: #0090d9;}
#edit dd button:first-child{
	margin-right: 10px;
	background: url(../img/icon_edit.png) no-repeat center center #209e83;
}
#edit dd:last-child{width: 170px;}


#term{
	position: relative;
	margin-bottom: 10px;
	background: #b6b6b6;
}
#term:after{
	content: url(../img/box_pop2.png);
	position: absolute;
	left: 50%; bottom: -20px;
	margin-left: -12px;
}
#term dt{
	width: 126px;
	padding: 5px 0;
	background: #7e7e7e;
}
#term dt:after{border-left-color: #7e7e7e;}
#term dd{
	padding: 5px 0 5px 15px;
	border: 0 none;
	text-align: left;
}
#ranking #term dd{
	background: #b6b6b6;
	width: auto;
}
#term dd input{
	margin-bottom: 0;
	border-width: 2px;
	border-color: #838383;
}
#term dd img{
	float: none;
	margin: 0;
	border: 0 none;
	vertical-align: middle;
}

#ranking dd{
	position: relative;
	padding: 0;
	width: 98px;/*130px*/
	background: #f9f9f9;
	color: #7e7e7e;
	text-align: center;
	font-weight: bold;
}
#ranking dd.favo{width: 98px;}	/* 136px */

#ranking dt + dd{
	padding: 15px;
	width: 310px;
	background: #fff;
	text-align: left;
}

#ranking dd:last-child{
	width: 46px;
	height: 100%;
}
#ranking dd button{
	padding: 5px;
	width: 38px;
	min-height: 24px;
	background: url(../img/icon_clip.png) no-repeat center center #e9e9e9;
}
#ranking dl.bookmark dd button{
	background-image: url(../img/icon_clip2.png);
	background-color: #18a689;
}

#ranking #results dt + dd{
	padding: 0;
	width: 310px;/*330px*/
}
#ranking #results dt + dd a{
	display: block;
	padding: 10px;
	border: 1px solid #fff;
}
#ranking #results dt + dd a:hover{background: #f9f9f9;}

#ranking #results dl dd:last-child{background-color: #e9e9e9;}
#ranking #results dl.bookmark dd:last-child{background-color: #18a689;}

/* 2023.07.12 */
#results dd{
	font-size: 80%;
}

#banner .customSelect{
	margin-bottom: 20px;
	width: 49%;
}

#bnrAdd{padding: 8px 20px;}
#bnrAdd.open{padding: 10px 20px 20px;}
#bnrAdd legend{
	background: url(../img/icon_close.png) no-repeat center right #363f4e;
	cursor: pointer;
}
#bnrAdd.open legend{background-image: url(../img/icon_open.png);}

#bnrList dl{
	float: none;
	clear: both;
	overflow: visible;
	margin: 10px 0 0;
}
#bnrList dd{padding: 10px;}
#bnrList label{min-width: 70px;}
#bnrList label.check,
#bnrList input[type="checkbox"]{margin-bottom: 9px;}
#bnrList input[type="text"]{width: 105px;}
/*#bnrList dd label + input[type="text"]{width: 188px;}*/
#bnrList dd button{
	float: none;
	margin: 0;
	min-height: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#bnrList div.fl{
	width: 165px;
	/*width: 225px;*/
	overflow: visible;
}
#bnrList div.fl strong{

}
#bnrList div.fl img{
	display: block;
	position: relative;
	margin: 0 0 10px;
	max-width: 100%;
	height: auto;
}
#bnrList div.fl img.org{
	/*position: absolute;*/
	max-width: none;
}
#bnrList div.fl button{
	background-image: none;
	margin: 5px 10px;
	width: 135px;
	font-size: 110%;
}
#bnrList div.fr{
	width: 490px;
	/*width: 430px;*/
}
#bnrList div.fr table{
	margin: 0 5px 10px;
	width: 100%;
}
#bnrList div.fr table th,
#bnrList div.fr table td{font-size: 100%;}
#bnrList div.fr table th{width:4em;}
#bnrList div.edit{
	display: none;
	float: none;
	clear: both;
	margin: 0;
	padding: 10px 10px 0;
	border: 2px solid #363f4e;
	overflow: hidden;
}
#bnrList div.edit .file{
	float: left;
	margin: 5px 0 15px;
	width: 330px;
}
#bnrList div.edit input[type="text"]{
	margin-right: 15px;
	width: 120px;
}
#bnrList div.edit .file input[type="text"]{
	margin-right: 5px;
	width: 185px;
}
#bnrList div.edit a{
	float: right;
	clear: none;
	margin: 6px 5px 0 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 70px;
	white-space: nowrap;
}
#bnrList dl a.gray{/*float: right;*/}

/* 2015.05.12 */

#suggest {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #CCCCFF;
  width: 480px;
  z-index: 100;
  margin-top: -10px;
  margin-left: 113px;
}
#suggest div {
  padding: 1px;
  display: block;
  width: 480px;
  overflow: hidden;
  white-space: nowrap;
}
#suggest div.select{
  color: #FFFFFF;
  background-color: #3366FF;
}
#suggest div.over{
  background-color: #99CCFF;
}

.registered {
    background-color: #BFEBFF;
}
.editting {
    background-color: #EFCFCF;
}
/* ^^^ 2015.05.12 ^^^ */
    

/*検索部分 ボタン追加 150724*/
.search_btn{
	float:right;
	margin-top:2px;
}
.search_btn ul{
	text-align:center;
}
.search_btn ul li{
	float:left;
	width:59px;
	height:36px !important;
	color:#FFF;
	font-size:13px;
	line-height:3;
	font-weight:bold;
	background-color:#485160;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	margin-left:9px;
}
.search_btn ul li a{
	width:100%;
	display:block;
    color:#FFF;
	text-decoration:none;
}
.search_btn ul li:hover a{
	width:59px;
	height:36px !important;
	color:#FFF;
	font-size:13px;
	line-height:3;
	font-weight:bold;
	background-color:#1c2534;	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}
.search_btn ul li.btn_on{
	background-color:#1c2534;
}


/* 作品管理アップロード 20151120 start */
fieldset#download{
	margin: 40px 0 60px;
}
fieldset#upload{
	margin: 55px 0 60px;
	padding: 10px 20px 25px;
	background: #e5e5e5;
	border-bottom: 3px solid #ccc;
	text-align: left;
}
fieldset#upload .tab_menu {
	overflow: hidden;
}
fieldset#upload .tab_menu{
	margin: -40px 0 0 -15px;
}
fieldset#upload .tab_menu legend{
	opacity: 0.6;
	float: left;
	left: 5px;
	top: 0;
	margin-right: 22px;
	cursor: pointer;
}
fieldset#upload .tab_menu legend.current{
	opacity: 1;
}
fieldset#upload .upload_set{
	margin: 13px 0 20px;
}
fieldset#upload .tab_contents.display_none {
	display: none;
}
fieldset#upload .tab_contents a {
	margin: 5px 0;
}
/*-- 2018.04.24 --*/
.ebgoods fieldset#upload .tab_contents a {
	margin: 5px 5px 0 2px;
}
/*-- END of 2018.04.24 --*/

/* 作品管理アップロード 20151120 end */

/* 2015.12.24 start */
fieldset#search.kw2ranklist {
	margin: 5px 0 5px 0;
	padding-bottom: 2px;
}	

fieldset#search.kw2ranklist::after {
	content: none;
}
/* 2015.12.24 end */



/* Add New 2017.05.18 */
input,select,label{
	vertical-align:top;
}
input.term_date{
	width:103px!important;
	margin-right:0!important;
}
select.term_time{
	margin-bottom:10px;
	height:25px;
	text-align:center;
}
#allbnrList div.fr{
	width:490px;
}
dt:after{
	top:170px\0;
	top:170px\9;
}
.bnrMultiple{
	padding:20px 0;
	border-bottom:3px solid #ccc;
}
#bnrAdd01{
	padding-top:0;
}



/* Edit */
#bnrList{
	margin-top:0;
}
#bnrList div.edit input[type="text"].wide{
	width:31%;
	margin-right:0;
}
#bnrList dt{
	letter-spacing:-2px;
}
#bnrHead{
	margin-bottom:0;
}
input[type="checkbox"].bnr_check {
    content: url(../img/check_off.png);
	background:url(../img/check_off.png) no-repeat center center transparent;
    display: inline-block;
    visibility: visible;
    position: relative;
    margin: 0;
    width: 30px;
    height: 30px;
    border-color: #d9d9d9;
    border: 0 none;
    color: #0090d9;
    vertical-align: middle;
    cursor: pointer;
    -moz-appearance: none;
}
#bnrList input[type="checkbox"].bnr_check {
    margin-bottom: 9px;
}
input[type="checkbox"].bnr_check:checked {
    content: url(../img/check_on.png);
	background:url(../img/check_on.png) no-repeat center center transparent;
}

.btnSet{
	text-align:center;
}
.btnSet li{
	display:inline;
}
.btnSet li button{
	width:20%;
}
.btnSet .btnBlue{
	background:#0090d9;
}



/* Choose Bnr Kind */
.outofdate {
  color: #ccc;
}



/* Pagination */
.pagination{
	margin:15px 0 30px;
	padding:0;
	text-align:center;
	list-style-type:none;
}
.pagination li{
	display:inline-block;
}
.pagination li a{
	display:inline-block;
	padding:2px 10px;
	color:#fff;
	text-decoration:none;
	background:#aaa;
}
.pagination li a:hover{
	opacity:0.8;
}
.pagination li.active a{background:#d9534f;}
.pagination li.prev a,.pagination li.next a{background:#0090d9;}

/* 枠を増やす */
button.gray {
background: #7e7e7e;
}

button.gray_out {
background: #cccccc;
color: #e5e5e5;

}

.ui-datepicker {
z-index: 1000 !important;
}

/*-- 2017.05.18 END--*/

/*-- 2017.07.19 ADD--*/
/* access */
#access .location {
	margin: 0 0 20px;
	text-align: left;
}
#access .location a {
	color: #0090d9;
}
#access .pv_num {
	margin: 10px 0 20px;
	text-align: left;
}
#access .pv_num p {
	display: inline-block;
	margin-right: 20px;
}
#access a.fr{
	margin: 3px 0;
	width: 180px;
}
#access dl#listHead{
	display: table;
}
#access dl#listHead dt{
	display: table-cell;
	float: none;
	margin: 0;
	padding-right: 10px;
	width: 80px;
	text-align: center;
}
#access dl#listHead dt:last-child{
	padding-right: 88px;
}
#access dl#listHead dt#head_id{width: 68px;}
#access dl#listHead dt#head_title{width: 220px;}
#access dl#listHead dt#head_release{width: 100px;}
#access dl#listHead dt#head_status{width: 80px;}
#access dt.asc a,
#access dt.desc a{padding-right: 24px;}
#access dt{width: 58px;}
#access dd{
	padding-left: 5px;
	padding-right: 5px;
	border-left: none;
	text-align: center;
}
#access dd.listTitle{
	padding-left: 10px;
	padding-right: 10px;
	width: 220px;
	text-align: left;
}
#access dd.listRelease{
	width: 95px;
	text-align: left;
}
#access dd.listStatus{width: 80px;}
#access dd.listPv{width: 80px;}
#access dd.listUnique{width: 80px;}
#access dd span{
	display: inline-block;
	padding: 1px 0;
	width: 4em;
	background: #d9534f;
	color: #fff;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
}
#access dd span.closed{background-color: #0090d9;}
#access dd button{
	background: url(../img/icon_chart.png) no-repeat center center #209e83;
}
#access dd button.active{
	background-color: #ccc;
	cursor: default;
}
#access dd button span{display: none;}
#access .chart {
	padding: 10px;
	background: #fff;
}
/*--- 2017.07.19 END--*/
/*-- 2018.04.24 --*/
.news_detail fieldset,
.news_detail fieldset#upload
{
	margin: 30px 0 20px 0;
}

.news_detail fieldset.fl,
.news_detail fieldset.fr
{
	margin: 10px 0 10px 0;
}


.news_detail fieldset#upload div.box_l {
	display: inline-block;
	width: 120px;
	margin:0;
}

.news_detail fieldset#upload div.box_r {
	display: inline-block;
	width: 550px;
	margin: 0;
}


.news_detail fieldset#upload div.upload_set button {
	margin-left:3px;
	margin-right:0px;
}

/*--END of 2018.04.24 --*/