/*======================================
tag
=======================================*/
* {margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
img {border: 0px;}
table {font-size: 100%;line-height: 100%;}
li {list-style: none;}
label {cursor: pointer;}
option { padding-right:0.5em;}
iframe {padding: 0;margin: 0;}
optgroup {font-style:normal;}

body {
	color: #333333;
	font-size: 75%;
	line-height: 1.4;
	text-align: center;
}

a:link {
	text-decoration: underline;
	background: transparent;
}

a:visited {
	text-decoration: underline;
	background: transparent;
}

a:hover {
	text-decoration: none;
}

a.widelink {
	display: block;
	width: 100%;
	height:100%;
}


/*======================================
text common class
=======================================*/
.clear{
	clear: both;
}

div#wrapper {
	text-align: left;
}

.page_title{
	color: #222222;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.category_title{
	font-weight:bold;
	margin-top: 7px;
	margin-bottom: 7px;
}

.rd1 {
	color: #FF0000;
}

p.big_gray {
	font-weight:bold;
}

/*======================================
header
=======================================*/
#head {
	padding: 10px 0 0;
	width:100%;
	border-top: 3px solid #005BAC;
}

#head h1 {
  float:left;
  width: 100%;
  text-align: left;
  margin-bottom: 6px;
}

#head #head_right {
  width: 100%;
  float:right;
  text-align:right;
  margin-top: -55px;
  padding-right: 20px;
}

#head #head_tab {
	clear: both;
	padding: 5px 20px 7px;
	background: url(../img/hd_bg.jpg) repeat-x bottom left;
}

#head ul.tabmenu {
	position: relative;
	display: inline-block;
	border: none;
	margin: 0px;
	padding: 0px;
}
#head ul.tabmenu li {
	position: relative;
	display: inline-block;
	text-align:center;
	font-weight:bold;
	float: left;
	color: #000000;
	margin-right: 5px;
	background: #f4f4f4;
	border: 1px solid #dddddd;
}

#head ul.tabmenu li a {
	position: relative;
	display: inline-block;
	padding: 10px 16px 6px;
	color: #747474;
	text-decoration: none;
}

#head ul.tabmenu li a:visited {
	color: #747474;
}

#head ul.tabmenu li:hover {
	background: var(--bg_to);
}

#head ul.tabmenu li:hover a {
	color: #FFFFFF;
}

#head ul.tabmenu li.active {
	background: var(--bg_to);
	color: #FFFFFF;
}

#head ul.tabmenu li.active a{
	color: #FFFFFF;

}

/***pull down***/
#head ul.tabmenu li ul {
	display: none;
}

#head ul.tabmenu li:hover ul {
	display: block;
	position: absolute;
}

#head ul.tabmenu li ul li{
	float: none;
	margin: 0;
	text-align:left;
	width:120px;
	z-index: 999999;
}

#head ul.tabmenu li:hover ul li a{
	color: #747474;
}

#head ul.tabmenu li:hover ul li a:hover{
	background: var(--bg_to);
	color: #FFFFFF;
}


/*** sub menu ***/
#head #head_sub_menu {
	padding:3px 10px 7px;
	background: var(--bg_to);
	color: #F4F4F4;
	font-weight:bold;
}

#head #head_sub_menu a{
	color: #F4F4F4;
	text-decoration: underline;
}

#head #head_sub_menu .active a {
	text-decoration: none;
}

#head #head_sub_menu a:hover,
#head #head_sub_menu a:active {
	text-decoration: none;
}

/*======================================
footer
=======================================*/
#footer{
	margin-top:50px;
	margin-bottom:30px;
	color:#4169E1;
	text-align:center;
}


/*======================================
containts class
=======================================*/
#main_containts {
	padding: 15px 20px;
}

#main_containts a,a:hover {
	color:#005AAB;
}

#main_containts .info_area {
	height: 140px;
	padding: 0 10px 10px;
	margin-top: -20px;
}

#main_containts .submit_area {
	text-align: center;
}

h2.ptle {
	font-size: 220%;
	color: #005BAC;
	line-height: 1.3;
	background: url(../img/htle_bg.jpg) repeat-x bottom left;
	padding: 16px 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #555555;
}

div.cttle {
	font-size: 130%;
	line-height: 1.3;
	border: 1px solid #CECECE;
	padding: 8px 15px;
	background: #005BAC;
	margin: 0;
}

div.cttle h3 {
	color: #f4f4f4;
	margin: 0;
	border-bottom: 0;
}

div.cttle .update_message {
	color: #fff;
	font-size: 14px;
	font-style: italic;
}

div.circle_graph {
	float: left;
	width: 49%;
	margin-bottom: 15px;
}

div.bar_graph{
	float: right;
	width: 49%;
	margin-bottom: 15px;
}

div.notice{
	float: right;
	width: 49%;
	margin-bottom: 15px;
}

div.manager_notice{
	width: 100%;
	margin-bottom: 15px;
}

div.rtb_report {
	clear: both;
	margin-bottom: 15px;
}

div.top_login{
	width: 350px;
	margin-bottom: 15px;
}

div.circle_graph h3,
div.bar_graph h3,
div.notice h3,
div.manager_notice h3,
div.rtb_report h3,
div.top_login h3 {
	padding: 8px 12px 6px;
	font-size: 120%;
	background: #f4f4f4;
	line-height: 1.2;
}

div.circle_graph .min_contains,
div.bar_graph .min_contains,
div.notice .min_contains,
div.manager_notice .min_contains,
div.rtb_report .min_contains,
div.top_login .min_contains {
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}

div.notice .min_contains,
div.manager_notice .min_contains {
	padding:3px 7px 3px 7px;
	height:103px;
}

div.top_login .min_contains {
	padding:15px 30px 15px 30px;
}

div.circle_graph p,
div.bar_graph p,
div.notice p,
div.manager_notice p,
div.rtb_report p {
	padding: 8px;
	border: 1px solid #f4f4f4;
}

div.portfolio {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

div.portfolio h3 {
	padding: 8px 12px 6px;
	font-size: 120%;
	background: #f4f4f4;
	line-height: 1.2;
}

div.portfolio .min_contains {
	border-left:1px solid #f4f4f4;
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}

div.portfolio p {
	padding: 8px;
	border: 1px solid #f4f4f4;
}

div.portfolio_list {
	float: left;
	width: 51%;
	margin-bottom: 15px;
}

div.portfolio_list h3 {
	padding: 8px 12px 6px;
	font-size: 120%;
	line-height: 1.2;
}

div.portfolio_list p {
	padding: 8px;
}


div.portfolio_search {
	float: left;
	width: 47%;
	margin-bottom: 0px;
}

div.portfolio_search h3 {
	padding: 8px 12px 6px;
	font-size: 120%;
	line-height: 1.2;
}

div.portfolio_search p {
	padding: 8px;
}

div.sales_history {
	width: 50%;
	margin-bottom: 15px;
}

div.sales_history h3 {
	padding: 8px 12px 6px;
	font-size: 120%;
	background: #f4f4f4;
	line-height: 1.2;
}

/*======================================
sub_menu class
=======================================*/
#sub_info {
	padding: 0px 20px 5px 20px;
}

#sub_info a,a:hover {
	color:#005AAB;
}

div.sub_menu {
	background: url(../img/subnavi_bg.jpg) repeat-x bottom left;
	padding: 0 20px 23px;
}

div.sub_menu ul {
	zoom:1;
}

div.sub_menu ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div.sub_menu ul li {
	display: inline-block;
	float: left;
	color: #747474;
	margin-right: 5px;
	background: #F4F4F4;
	font-weight: bold;
	border: 1px solid #dddddd;
	border-bottom: 0;
}

div.sub_menu ul li a {
	color: #747474;
	padding: 9px 20px 6px;
	display: block;
	text-decoration: none;
}

div.sub_menu ul li a:visited {
	color: #747474;
}

div.sub_menu ul li:hover {
	color: #747474;
	background: #FFCC33;
}

div.sub_menu ul li.active {
	background: #111111;
}

div.sub_menu ul li.active a {
	color: #FFFFFF;
	padding: 9px 20px 6px;
	display: block;
	text-decoration: none;
}



/*======================================
form class
=======================================*/
.search_form_back,
.set_form_back{
	width:100%;
	background: #f4f4f4;
	border: 0;
	margin: 0 0 15px;
	clear: both;
}

.search_form,
.set_form{
	color:#000000;
}

.search_form{
	background: #f4f4f4;
	padding:10px 15px;
	zoom:1;
}

.set_form{
	color:#332222;
	background: #F9F5EC;
	padding:10px 15px;
	zoom:1;
}

.search_form:after,
.set_form:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.search_form .yda_report_caution {
	float: right;
	margin-left: 5px;
}

.form_pain {
	float:left;
	width: 200px;
}

.form_pain h4 {
	margin-bottom: 5px;
}

.form_pain i.fa.fa-cog.fa-2x {
	margin-left: 5px;
}

.form_fit {
  float: left;
  width: fit-content;
  margin: 10px;
}

.form_bottom {
	float: left;
}

.form_bottom p {
	margin-bottom: 9px;
}

.search_form .short{
	width:60px;
}

.set_form .short{
	width:60px;
}

.search_form .middle{
	width:100px;
}

.search_form p.output_type {
    margin-top: 85px;
    font-weight: bold;
}

.search_form p.output_type_rtb {
    margin-top: 250px;
    font-weight: bold;
}

.search_form p.output_type_network_sales {
    margin-top: 85px;
    font-weight: bold;
}

.search_form p.output_type_network_sales + label {
    display: block;
    margin-bottom: 25px;
}

.set_form .middle{
	width:180px;
	height: 25px;
	margin: 0px;
	padding-top: 0px 5px 0px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #555555;
}

.set_form .long{
	width:280px;
	margin: 0px;
	padding-top: 0px 5px 0px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #555555;
}

.set_form .full{
  width:100%;
  margin: 0px;
  padding-top: 0px 5px 0px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #555555;
}

.set_form .verylong{
	width:360px;
	margin: 0px;
	padding-top: 0px 5px 0px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #555555;
}

.search_form .form_button{
	border: 1px solid #cccccc;
	background: var(--bg_from);
	padding: 5px 7px;

	background: -webkit-gradient(linear, left top, left bottom, from(--bg_from), to(--bg_to));
	background: -webkit-linear-gradient(top, --bg_from, --bg_to);
	background: -moz-linear-gradient(top, --bg_from, --bg_to);
	background: -ms-linear-gradient(top, --bg_from, --bg_to);
	background: -o-linear-gradient(top, --bg_from, --bg_to);

	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #f4f4f4;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.form_button{
	border: 1px solid #cccccc;
	background: var(--bg_from);
	padding: 5px 7px;

	background: -webkit-gradient(linear, left top, left bottom, from(--bg_from), to(--bg_to));
	background: -webkit-linear-gradient(top, --bg_from, --bg_to);
	background: -moz-linear-gradient(top, --bg_from, --bg_to);
	background: -ms-linear-gradient(top, --bg_from, --bg_to);
	background: -o-linear-gradient(top, --bg_from, --bg_to);

	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #f4f4f4;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

.form_button:hover {
	background: #154473;
	color: #f4f4f4;
	cursor: pointer;
}

.form_button:active {
	border-top-color: #ffffff;
	background: #ffffff;
}

button[name="save_draft"] {
	width: 110px;
	height: 35px;
	margin-right: 20px;
	background: #5bc0de;
	box-shadow: initial;
	font-size: 14px;
}

button[name="update"] {
	width: 110px;
	height: 35px;
	box-shadow: initial;
	font-size: 14px;
}

.fixed_status {
	text-align: center;
	font-weight: bold;
	width: 70px;
	cursor: default;
}

.set_form table{
	border-collapse: collapse;
	border-spacing:0;
	empty-cells:show;
	width: 100%;
}

.set_form th{
	width: 20%;
	padding: 12px 8px;
	border-bottom: dotted 1px #cccccc;
	font-weight: bold;
	text-align: right;
}

.set_form td{
	padding: 12px 8px;
	border-bottom: dotted 1px #cccccc;
}

.set_form td input{
	padding: 3px 5px;
	border: 1px solid ;
}

.set_form p.text {
	text-align: left;
}

.set_form p {
	text-align: center;
}

.set_form #logly_id, #logly_site {
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
}

span.att {
	font-size: 11px;
	margin-left: 6px;
	color: #990000;
	font-weight: bold;
}

.set_form p input {
	border: 1px solid #cccccc;
	background: var(--bg_from);
	padding: 5px 7px;
	background: -webkit-gradient(linear, left top, left bottom, from(--bg_from), to(--bg_to));
	background: -webkit-linear-gradient(top, --bg_from, --bg_to);
	background: -moz-linear-gradient(top, --bg_from, --bg_to);
	background: -ms-linear-gradient(top, --bg_from, --bg_to);
	background: -o-linear-gradient(top, --bg_from, --bg_to);

	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #f4f4f4;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	font-size: 120%;

}

.set_form span.ad_size_caution {
	font-weight: bold;
}

.set_form input_element form_text_deco_red {
	line-height:130%;
	height: 20px;
	padding: 0px 3px;
	vertical-align: middle;
	border: 2px solid #ff0000;
	background: #ffe3d5;
}

.set_form #banner_padding {
	line-height: 25px;
}

.form_date {
	width:98px;
	font-size:11px;
}

input[name="banner_padding"] {
	margin-right: 5px;
	width: 45px;
}

.select_box{
	display:none;
	background: #FFFFFF;
	padding:3px;
	border: solid 1px #F8EAE0;
	overflow-y:scroll;
	width:185px;
	height:160px;
  resize: both;
}

.new_create{
	float: left;
	margin-bottom:10px;
}

.new_create .form_button{
	border: 1px solid #cccccc;
	background: var(--bg_from);
	padding: 5px 7px;

	background: -webkit-gradient(linear, left top, left bottom, from(--bg_from), to(--bg_to));
	background: -webkit-linear-gradient(top, --bg_from, --bg_to);
	background: -moz-linear-gradient(top, --bg_from, --bg_to);
	background: -ms-linear-gradient(top, --bg_from, --bg_to);
	background: -o-linear-gradient(top, --bg_from, --bg_to);

	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	color: #f4f4f4;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}

div.success_message {
  padding: 20px;
  margin-bottom: 6px;
  border: 2px solid #1966ff;
  background-color: #cce5ff;
  text-align: center
}

div.success_message strong{
  line-height: 35px;
  font-size: 17px;
  color: #1966ff;
}

div.error_message {
  padding: 20px;
  margin-bottom: 6px;
  border: 2px solid #ff1919;
  background-color: #ffcccc;
  text-align: center
}

div.error_message strong{
  line-height: 35px;
  font-size: 17px;
  color: #ff1919;
}

#optout_caution {
	float: left;
	width: 40%;
	margin-bottom: 5px;
}

#optout_caution .caution_title {
	font-weight: bold;
}

#optout_caution .optout_auto_delete_title {
	margin-top: 15px;
}

#optout_caution .optout_auto_delete_on {
	float: left;
	margin-right: 20px;
}

#optout_caution .optout_auto_delete_off {
	float: left;
}

form[action*="template"] table {
	table-layout: fixed;
}

.set_form .template_area_label td {
	font-weight: bold;
}

.set_form .template_area_label td:nth-of-type(1) {
	width: 3%;
}

.set_form .template_area_label td:nth-of-type(2) {
	width: 12%;
}

.set_form .template_area_label td:nth-of-type(3) {
	width: 14%;
}

.set_form .template_area_label td:nth-of-type(4) {
	width: 17%;
}

.set_form .template_area_label td:nth-of-type(5) {
	width: 29%;
}

.set_form .template_area_label td:nth-of-type(6) {
	width: 25%;
}

.set_form .template_area_label td > span {
	font-size: 90%;
}

.set_form .template_area_label td > span:nth-of-type(1) {
	color: red;
}

.set_form .template_area td > [name*="pattern_body"] {
	margin-top: 5px;
	margin-bottom: 5px;
}

.set_form .template_area td > img {
	margin-bottom: 20px;
	max-width: 300px;
	max-height: 130px;
}

.set_form .template_area input[name*="thumbnail_file"] {
	padding: initial;
	border: initial;
}

.set_form .template_update {
	margin-top: 20px;
}

select#max_title {
	margin-top: 3px;
	margin-bottom: 5px;
}

#select_template {
	float: right;
	width: 35%;
}

#select_template .caution_title {
	font-weight: bold;
}

#select_template input[name="select_template"] {
	font-size: 10px;
	margin-top: 5px;
}

#modal_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: space-around;
	z-index: 10;
}

#modal_container .modal {
  width: 80%;
  height: 410px;
  background: #fff;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  overflow: auto;
}

#modal_container .modal_close {
	display: flex;
	position: fixed;
	width: 80%;
	height: 30px;
	margin-top: -10px;
	justify-content: flex-end;
	z-index: 99;
}

#modal_container .modal_close a {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: -10px;
  color: #000;
  text-decoration: none;
  font-size: 25px;
}

#modal_container p {
	font-size: 20px;
}

#modal_container p.set_template {
  position: fixed;
  display: inline-block;
  margin-top: 95px;
}

#modal_container p.set_template_title {
  position: fixed;
  width: 80%;
  margin-top: 5px;
}

#modal_container div.copy_to {
	position: fixed;
	display: inline-block;
	margin-top: 20px;
	margin-left: 70px;
	text-align: left;
}

#modal_container p.copy_to {
	display: inline-block;
	font-size: 10px;
}

#modal_container p.copy_to label {
	display:block;
	position:relative;
	padding-left:1em;
}

#modal_container p.copy_to label input {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}

#modal_container p.copy_to_title {
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: auto;
}

#modal_container p.copy_to_movie {
	font-size: 11px;
	color: #FF0000;
	margin-top: 5px;
	margin-left: auto;
}

#modal_container .container {
  display: flex;
  margin-top: 50px;
}

#modal_container .template_area {
	position: relative;
	max-height: 250px;
}

#modal_container .template_pattern {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
}

#modal_container .template_pattern > div {
	position: absolute;
	bottom: 0;
	width: 100%;
}

#modal_container .template_pattern > img {
	max-width: 300px;
	max-height: 130px;
	margin-bottom:10px;
}

#modal_container:not(:target) {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

#modal_container:target {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s, visibility 0.3s;
}


/*======================================
list class
=======================================*/
.min_contains .list,
.min_contains .mini_list{
	padding:5px;
}

.list table,
.multi_list table,
.mini_list table{
	border: solid 1px #C4C4C4;
	border-collapse: collapse;
	border-spacing:0;
	width: 100%;
	line-height: 1.3;
	margin-bottom: 15px;
}

.mini_list table{
	line-height: 1.3;
	margin-bottom: 0px;
}

.rtb_report .list table{
	margin-bottom: 0px;
}

.list th,
.multi_list th,
.mini_list th{
	border: solid 1px #C4C4C4;
	font-weight: bold;
	color: #FAFAFA;
	font-size: 110%;
	background: #234F70;
	text-align:center;
	padding: 9px 15px;
}

.mini_list th{
	font-size: 90%;
	padding: 5px 5px;
}

.list .char,
.multi_list .char,
.mini_list .char{
	text-align:left;
}

.list td,
.multi_list td,
.mini_list td{
	border: solid 1px #C4C4C4;
	text-align:right;
	padding: 8px;
}

.multi_list .adnw_item {
  border-bottom: 2px solid #aaa;
}

.mini_list td{
	padding: 3px;
}

.multi_list .rtb_input_width{
	width: 5%;
}

.multi_list .rtb_input_width.geta_comments{
	width: 10%;
}

p.linktxt {
	text-align: right;
	margin-bottom: 20px;
}

.separate_color tr.bg_odd{
	background:#f1f1f1;
}

.separate_color tr.bg_even{
  background:#FFFFFF;
}

.list .all_sum,
.multi_list .all_sum,
.mini_list .all_sum{
	color:#444444;
	background: #E2E2E2;
	font-weight:bold;
	font-size: 110%;
}

.mini_list .all_sum{
	font-size: 90%;
}

.list .line_end,
.multi_list .line_end,
.mini_list .line_end{
	color:#2A78CC;
	background: #E6EEF7;
	font-weight:bold;
	font-size: 110%;
}

.mini_list .line_end{
	font-size: 100%;
}

.list .decimal,
.multi_list .decimal,
.mini_list .decimal{
	margin-left: 1px;
	font-size: 80%;
	color:#888888;
}

.list .line_end .decimal,
.multi_list .line_end .decimal,
.mini_list .line_end .decimal{
	color:#99BBEE;
}

.multi_list .sample_img_item {
	text-align: left;
}

.multi_list .sample_img_area {
	text-align: left;
}

.multi_list p.notice {
  margin-bottom: 10px;
}

.multi_list table#akane_category_list {
  width: initial;
}

.multi_list .preview_url {
	text-align: left;
}

.multi_list .preview_url label {
	cursor: default;
}

.multi_list .nonactive {
  background-color: #747474d9;
  opacity: 0.8;
}

input[id*="preview_url_"] {
	width: 320px;
}

span.preview_draft, span.preview_production {
  font-weight: bold;
}

a.preview_draft, a.preview_production {
  text-decoration: none;
}

.preview_url > i {
	color: #005AAB;
	cursor: pointer;
}

#network_rtb div.rtb_caution,
  #network_28 div.adnw_caution,
  #network_1010 div.criteo_caution,
  #network_nren div.rtb_caution {
  width: 300px;
  margin-top: 20px;
  margin-bottom: 5px;
  color: red;
  border: 1px dotted;
}

#network_rtb p.rtb_caution,
  #network_28 p.adnw_caution,
  #network_1010 p.criteo_caution {
  color: red;
}

#network_rtb span.rtb_caution,
  #network_28 span.adnw_caution,
  #network_1010 span.criteo_caution {
  font-weight: bold;
}

#akane_copy_list {
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 5px 5px;
	background: #fff8e8;
	border-left: solid 10px #fad7a0;
}

#akane_copy_list > p {
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
}

#akane_copy_list li {
	white-space: nowrap;
}

#copy_list_adcloud {
	margin-top: 5px;
}

label[for="copy_list_adcloud"] {
	font-size: 95%;
}

#copy_caution {
	margin-top: 10px;
}

#copy_caution > p {
	white-space: nowrap;
}

#copy_caution > p span {
	font-weight: bold;
}

input[name="copy_button"] {
	margin-top: 10px;
	font-size:10px;
}

p.draft_source_title {
  margin-bottom: 10px;
  text-align: left;
  font-weight: bold;
}

p.draft_source_title.html_akane {
  margin-bottom: -10px;
}

p.draft_source_title.html_pure_ads {
  margin-top: -10px;
}

p.production_source_title {
  margin-top: 45px;
  margin-bottom: 15px;
  text-align: left;
  font-weight: bold;
}

p.production_source_title.css_akane {
  margin-top: 35px;
  margin-bottom: 10px;
}

p.production_source_title.html_akane {
  margin-bottom: -10px;
}

p.production_source_title.criteo_source {
  margin-top: 25px;
}

.production_source {
  border: 2px solid var(--bg_from);
  opacity: 0.3;
}

.draft_source {
  border: 2px solid #5bc0de;
}
.draft_source.preview_area_rtb {
  width: 500px !important;
  height: 300px !important;
}
.draft_source.preview_area_nren {
	width: 500px !important;
	height: 300px !important;
}
table#native_design_edit_table,
table#native_design_edit_table th,
table#native_design_edit_table td {
	text-align: left;
	vertical-align: top;
}

span.wrapper_element {
	text-decoration: underline;
}

input.wrapper_element_input {
  width: 50px;
  margin-bottom: 3px;
}

td.replacement_strings_area {
  text-align: left;
  vertical-align: top;
}

.tablesorter-default .header,.tablesorter-default .tablesorter-header {
	background-image: url(../img/sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown {
	background-image: url(../img/sort_asc.gif);
}

.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp {
	background-image: url(../img/sort_desc.gif);
}

.judge_ng{
	background-color:pink;
}

.judge_ok{
	background-color:#FFEDA4;
}

.list_block{
	margin:10px;
	padding:10px;
	border: solid 1px #C4C4C4;
	background-color:#f4f4f4;
}

.list_block:hover {
	border-color: #a52a2a;
}

.list_block li{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	vertical-align: bottom;
	border: solid 1px #C4C4C4;
	overflow: hidden;
}
.list_block iframe{
	border:0px;
	margin:0px;
	overflow: hidden;
}
.list_block div.url{
	font-size:smaller;
	white-space: nowrap;
}

.chekd {
	background-color: #d4f4e4;
}

/*======================================
graph
=======================================*/
.graph {
	table-layout: fixed;
	width: 750px;
}

.graph div.imp {
	width:20px;
	height: 15px;
	background-color:#195a92;
	float:left;
	margin-right:3px;
}

.graph div.click {
	width:20px;
	height: 15px;
	background-color:green;
	float:left;
	margin-right:3px;
}

.graph div.ecpm {
	width:20px;
	height: 15px;
	background-color:#195a92;
	float:left;
	margin-right:3px;
}

.graph div.ctr {
	width:20px;
	height: 15px;
	background-color:red;
	float:left;
	margin-right:3px;
}

.graph div.money {
	width:20px;
	height: 15px;
	background-color:orange;
	float:left;
	margin-right:3px;
}

.near_day {
	table-layout: fixed;
	width: 750px;
	border-collapse: collapse;
	border: solid 1px #C4C4C4;
	margin-left: auto;
	margin-right:auto;
	margin-top:3px;
	margin-bottom:3px;
}

.near_day td{
	border: solid 1px #C4C4C4;
	width:249px;
}

.near_day td div.caption{
	width:150px;
	height:20px;
	font-size:12px;
	padding-top:3px;
	padding-left:3px;
}

.near_day td div.result{
	width:140px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:8px;
}

div.chart {
	width:750px;
	height:220px;
	border:1px solid gray;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
}

div.no_chart {
	width:100px;
	height:100px;
	border:1px solid gray;
	display:table-cell;
	vertical-align:middle;
	margin-top:10px;
}

#ctr_ecpm_money {
	width: 750px;
	height: 200px;
}

.barNum {
	font-size: 9pt;
	text-anchor : middle;
}

.barName {
	font-size: 9pt;
	text-anchor : middle;
}

.axis text {
	font-family: sans-serif;
	font-size: 11px;
}
.axis path,
.axis line {
	fill: none;
	stroke: black;
}
.grid {
	stroke: gray;
	shape-rendering: crispEdges;
}

.tip {
	position: absolute;
	z-index: 9999;
	visibility : hidden;
	border: 1px solid black;
	background-color: yellow;
	width: 120px;
	height: 32px;
	overflow : hidden;
	text-align : left;
	font-size: 9pt;
	font-family : Tahoma, Optima, Helvetica;
	color: black;
}

.tip_money {
	position: absolute;
	z-index: 9999;
	visibility : hidden;
	border: 1px solid black;
	background-color: yellow;
	width: 120px;
	height: 48px;
	overflow : hidden;
	text-align : left;
	font-size: 9pt;
	font-family : Tahoma, Optima, Helvetica;
	color: black;
}

.legend {
	font-size: 10px;
}

pre.terms {
	white-space: pre-wrap;
	font-size: 12px;
}

.amp-column {
    width: 650px;
    display: flex;
    justify-content: space-between;
}
.amp-column .amp-column--part {
    width: 49%;
}
.amp-column .amp-column--part textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.pager{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 16px auto;
}
.pager li{
  float: left;
  clear: none;
  margin-right: 5px;
}
.pager li.current_page{
  border-radius: 3px;
  display: block;
  padding: 8px;
}
.pager li a{
  border: solid 1px #eee;
  border-radius: 3px;
  display: block;
  padding: 8px;
}
.sort_util{
  position: relative;
  float: right;
}
#main_containts .sort_util .btn_sort{
  position: relative;
  margin: 2px;
  float: left;
  clear: none;
  color: #fff;
  font-size: 6px;
  text-decoration: none;
}
.pager .paginator_current_page{
  border: solid 1px #eee;
  border-radius: 3px;
  display: block;
  padding: 8px;
}


/*======================================
GAM広告申込情報ページ用
=======================================*/

.c-gam_li .container {
	background: #f4f4f4;
	margin-bottom: 15px;
	line-height: 1.3;
	padding: 10px 15px;
}
.c-gam_li .f-bold {
	font-weight: bold;
}
.c-gam_li .f-small {
	font-size: 10px;
}
.c-gam_li--form .f-bold {
	color: #005BAC;
}
.c-gam_li .mt {
	margin-top: 10px;
}
.c-gam_li .error_message ul {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.c-gam_li .error_message ul li {
	list-style: disc;
}
.c-gam_li table {
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	border-radius: 5px;
	overflow-x: scroll;
	min-width: 100%;
}
.c-gam_li table tbody td {
	padding: 5px 10px;
}
.c-gam_li table th:nth-child(1) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(2) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(3) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(4) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(5) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(6) {
	word-break: keep-all;
}
.c-gam_li table th:nth-child(7) {
	width: 100px;
}
.c-gam_li table th:nth-child(8) {
	width: 100px;
}
.c-gam_li table .creativeIds {
	text-align: left;
}
.c-gam_li table .creativeIds span:first-child {
	margin-top: 0;
}
.c-gam_li table .creativeIds span {
	display: inline-block;
	border: solid 1px #ccc;
	padding: 3px;
	border-radius: 3px;
	margin-top: 3px;
	margin-left: 3px;
	font-size: 10px;
	font-weight: bold;
}
.c-gam_li table .sizes {
	text-align: left;
}
.c-gam_li table .sizes span {
	display: inline-block;
	font-size: 10px;
	background: #ccc;
	font-weight: bold;
	border-radius: 5px;
	padding: 3px;
	margin-left: 3px;
	margin-top: 3px;
}
.c-gam_li--confirm form {
	text-align: center;
}
.c-gam_li table .none {
	display: none;
}
.c-gam_li table button {
	color: #005AAB;
	text-decoration: underline;
	border: none;
}

.selected_tab_mode,
.tab_mode {
    margin-right: 10px;
    line-height: 1.8;
    font-size: 12px;
    font-weight:bold;
    color: #747474;
    background: #eee;
    text-align: center;
    width: 150px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 3px;
}
.tab_mode:hover {
    background: #ffcc33 !important;
}
.supplement {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5px;
}
.question {
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.speech_bubble {
  display: none;
  width: auto;
  white-space: nowrap;
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
  background: #C4C4D1;
  color: #000;
  font-weight: bold;
  z-index: 10;
}
.speech_bubble:after {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: -19px;
  margin-left: 10px;
  border: 10px solid rgba(51, 204, 153, 0);
  border-bottom-color: #C4C4D1;
  pointer-events: none;
  content: " ";
  z-index: 10;
}
.question:hover + .speech_bubble {
  display: block;
}

img.gmossp_logo {
  height: 27px;
  position: relative;
  margin: 15px 14px 7px 14px;
}

div.network_info {
  display: none;
  line-height: 1.5em;
}

div.network_info label {
  font-weight: bold;
}

.hb-floor {
  margin: 0.2em;
}

fieldset.hb-floor {
  border: none;
  margin-top: 1em;
}

fieldset.hb-floor ul {
  list-style-type: none;
  margin: 0.2em;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}