/*----------basic----------------*/
* { 
	 outline: none; 
	 box-sizing:border-box; 
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

ul{list-style:none}
ul li{display:list-item;}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

button, input[type=submit], input[type=reset] { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding:0 10px; margin: 0}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0}
del{text-decoration:line-through}
p{padding:0 0 5px}


html,body {
	font: 12px 'Meiryo', Arial, sans-serif;
	background:#fff;
	color:#000;
	min-height:100%;
	text-align:center;
	/* edited */
	/*background: #202539;*/
	/* end edited */
	height: 100%;
}

/********** Detail stylesheet ***********/
#content{
	height:100%;
	position:relative;
	text-align:left;
	background: #fff;
	margin-top: 35px;
}
#wrapper{
	min-height:100%;
	position:relative;
	padding:0px 0px 50px;
	margin-top:0px;
	line-height:auto;
}

header {
	overflow: hidden;
	height: 35px;
	text-align: right;
	position: fixed;
	top: 0;
	right: 0;
	padding-right: 0.7em;
	color: #fff;
	font-size: 1.1667em;
	line-height: 35px;
	transition: transform 0.2s;
	z-index: 99;

	-webkit-transition: -webkit-transform 0.2s;
	/* edited */
	-moz-transition: -moz-transform 0.2s;
	/* end edited */
	width: 100%;
	background: #446600;
}
	header a.signout {
		background: #c31c14;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		float: right;
		text-indent: -9999px;
		text-align: left;
		line-height: 35px;
		margin-top: 8px;
		margin-left: 10px;
		width: 100px;
		height: 20px;
		background: url(../images/btn_signout.png) no-repeat left top;
	}
	header a.signout:hover {
		background-position: left bottom;
	}


#leftside{
	position: fixed;
	height: 100%;
	overflow: auto hidden;
	width: 230px;
	background: #446600;
	top: 0;
	left: 0;
	/* edited */
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	/* end edited */
	z-index: 100;
	opacity: 0;
	/* edited */
	visibility: hidden;
	/* end edited */
}
#leftside #logo{
	width: 100%;
	padding: 10px;
}
#leftside #logo h1 {
	border-radius: 10px;
	background-color: #f0f0f0;
}

#leftside #connection_info {
	background: #fff;
	margin: 0.7em;
	-webkitborder-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 20px;
}
	#leftside #connection_info h3 {
		text-align: right;
		font-size: 1.333em;
		font-weight: 400;
		margin: 0 0 10px;
		padding: 0;
	}
	#leftside #connection_info .connection_status,
	#leftside #connection_info .connection_ftp {
		background: url(../images/btn_connection.jpg) repeat-x left top;
		height: 35px;
		width: 155px;
		text-align: center;
		line-height: 35px;
		color: #000;
		font-size: 1.1667em;
		margin: 15px auto;
	}
		#leftside #connection_info .connection_status a,
		#leftside #connection_info .connection_ftp a {
			color: #000;
			text-decoration: none;
			font-size: 1.1667em;
		}


#leftside #navbar {
	font-size:12px;
	padding:0px;
	margin-top: 50px;
}
	#leftside #navbar ul {
		padding:0px;
		margin:0px;
	}
		#leftside #navbar ul li{
			margin-top:0px;
		}
			#leftside #navbar ul li a{
				padding: 10px 10px 10px 35px;
				display: block;
				color: #fff;
				font-size: 1.1667em;
				background-position: 6% -5px;
				background-repeat: no-repeat;
				/* edited: effect of menu item, remove it to remove effect or change "all" to "background-color" to remove jumping effect */
				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				transition: all 0.2s;
				/* end edited */
			}
			#leftside #navbar ul li.dashboard a{
				background-image: url(../images/icon_menu_dashboard.png);
			}
			#leftside #navbar ul li.campaign a{
				background-image: url(../images/icon_menu_campaign.png);
			}
			#leftside #navbar ul li.account a{
				background-image: url(../images/icon_menu_account.png);
			}
			#leftside #navbar ul li.faq a{
				background-image: url(../images/icon_menu_faq.png);
			}
			#leftside #navbar ul li.manual a{
				background-image: url(../images/icon_menu_manual.png);
			}
			#leftside #navbar ul li.banner a{
				background-image: url(../images/icon_menu_banner.png);
			}
			#leftside #navbar ul li.banner2 a{
				background-image: url(../images/icon_menu_banner2.png);
			}
			#leftside #navbar ul li>a:hover, 
			#leftside #navbar ul li.active>a{
				text-decoration:none;
				background-color: #aeb5cd;
				background-position: 6% bottom;
			}

			#leftside .footer_menu {
				color: #d4d4d6;
				font-size: 0.9167em;
				padding-left: 1.2em;
				margin: 3em 0;
			}
			#leftside .footer_menu ul {
				margin: 1em auto 0.5em;
				padding: 0;
			}
				#leftside .footer_menu ul li {
					display: inline-block;
				}
					#leftside .footer_menu ul li a {
						border-left: solid 1px #d4d4d6;
						color: #d4d4d6;
						padding: 0.3em 0.5em;
						text-decoration:  underline;
					}
					#leftside .footer_menu ul li:first-child a {
						border-left: none;
						padding-left: 0;
					}
					#leftside .footer_menu ul li a:hover {
						text-decoration: none;
					}

#open_button {
	position: fixed;
	z-index: 1000;
	margin: 0 0.5em;
	padding: 0;
	width: 2.2em;
	height: 2em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: transparent;
	-webkit-transition: -webkit-transform 0.3s;
	/* edited */
	-moz-transition: -moz-transform 0.3s;
	/* end edited */
	transition: transform 0.3s;
	top: 0;
}
	#open_button:before {
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		bottom: 0.5em;
		left: 0.5em;
		background: linear-gradient(#6C6E76 20%, transparent 20%, transparent 40%, #6C6E76 40%, #6C6E76 60%, transparent 60%, transparent 80%, #6C6E76 80%);
		content: '';
	}

.show_menu #open_button,
.show_menu #body,
.show_menu header {
	-webkit-transform: translate3d(230px,0,0);
	/* edited */
	-moz-transform: translate3d(230px,0,0);
	/* end edited */
	transform: translate3d(230px,0,0);
}
.show_menu #content {
	overflow: hidden;
}
.show_menu #leftside {
	opacity: 1;
	/* edited */
	visibility: visible;
	/* end edited */
}

#body{
	overflow:hidden;
	background: #fff;
	min-height: 100%;
	width: 100%;
	position: relative;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.5s;
	/* edited */
	-moz-transition: -moz-transform 0.3s, opacity 0.5s;
	/* end edited */
	transition: transform 0.3s, opacity 0.5s;
	padding: 3em 2em;
	opacity: 0;
	filter: Alpha(opacity=0)
}
.loaded #body {
	opacity: 1;
	filter: Alpha(opacity=100);
}
	#body section {
		border: solid 1px #e2e2e2;
		overflow: hidden;
		padding: 1.5em 1em;
		margin-bottom: 2em;
		color: #202539;
	}
		#body section h2 {
			margin: 0 0 1em 0;
			border-left: solid 5px #446600; /*202539;*/
			color: #000;
			font-weight: 700;
			font-size: 1.5em;
			padding: 0.3em 0.4em 0.1em;
			font-family: 'Meiryo', Arial;
			line-height: 1.4;
		}
			#body section h2 span,
			#body section h4 span {
				display: block;
				color: #a2a2a2;
				font-size: 0.6667em;
				font-weight: 400;
			}
		#body section .block {
			overflow: hidden;
			margin-top: 0.2em;
			color: #202539;
		}
		/* edited */
			#body section .block h4 {
				margin-bottom: 0.5em;
			}
		/* end edited */
		#body section h4 {
			color: #c01c14;
			font-weight: 700;
			font-size: 1.1667em;
			clear: both;
			font-family: 'Meiryo', Arial;
			margin-bottom: 0;
			padding-left: 0;
		}
			#body section h4 span {
				font-size: 0.857em;
				display: inline;
			}
		#body section .title {
			background: #f4f4f4;
			border-right: solid 1px #fff;
			border-bottom: solid 1px #fff;
			padding-top: 1em;
			padding-bottom: 1em;
		}
		#body section .desc {
			background: #fcfcfc;
			padding-top: 1em;
			padding-bottom: 1em;
			border-bottom: solid 1px #fff;
		}

		#body section .edit-button {
			clear: both;
			text-align: center;
			/* edited */
			float: none;
			/* end edited */
		}
		/* edited */
		#body section ul {
			list-style: disc;
		}
		#body .ad_banner {
			margin: 2.6em 0;
		}
			#body .ad_banner h4 {
				margin-bottom: 1.1em;
			}
			#body .ad_banner img.image_info {
				display: inline-block;
				margin-bottom: 1em;
				margin-right: 0.5em;
			}
		/* end edited */
a.btn {
	display: inline-block;
	/* edited */
	font-size: 0.8333em;
	line-height: 1.5;
	/* end edited */
	vertical-align: inherit;
	color: #000;
	background: url(../images/a_btn.png) no-repeat left top;
	height: 25px;
	width: 67px;
	margin-bottom: -10px;
	padding: 5px 6px;
}
button.btn {
	background: url(../images/button.png) no-repeat left top;
	width: 169px;
	height: 35px;
	border: none;
	color: #000;
	margin: 1em 0 0;
}
button.btn:focus {
	outline: none;
}

#footer{
	position:absolute;
	bottom: 0;
	font-size: 1em;
	width: 100%;
}
	#footer .ftcontent{
	}


@media screen and (min-width: 768px) {
	#body section .title {
	max-height:44px;
	min-height:44px;
	}
	#body section .desc {
	max-height:44px;
	min-height:44px;
	}

	/* edited */
	#body section .edit-button {
		float: right;
		text-align: left;
	}
	/* end edited */
}
@media screen and (min-width: 960px) {

	#body{
		-webkit-transform: translate3d(230px,0,0);
		/* edited */
		-moz-transform: translate3d(230px,0,0);
		/* end edited */
		transform: translate3d(230px,0,0);
		width: calc(100% - 230px);
	}
	#leftside {
		opacity: 1;
		/* edited */
		visibility: visible;
		/* end edited */
	}
	#open_button {
		display: none;
	}
}

/* edited */
@media screen and (max-width: 558px) {
	#body section .ad_banner img {
		width: 100%;
	}
	#body section .ad_banner h4 span {
		display: block;
		padding-left: 1em;
	}
}
/* end edited */

/*=====================================
 LOGIN PAGE 
=======================================*/
.btn{
	border: none;
	cursor: pointer;
}
input[type=text]:focus{
	border: 2px solid #C01C14;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-0-border-radius: 2px;
}
#login_form{
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
	margin-top: 11em;
	background: url('../images/logo-top.png') no-repeat;
	background-size: contain;
	padding-top: 9em;
	font-size: 11pt;
}

#login_form a{
	color: #333;
}

.login_content{
	line-height: 125%;
}

.login_content input[type=text]{
	width: 100%;
	min-height: 1.8em;
	margin-top: 0.2em;
}

.forgotpwd{
	padding-left: 1.5em;
	background: url('../images/arrow-small-red.png') no-repeat 5px center;
}

.text-align-center{
	text-align: center;
}

button.login{
	background: url('../images/btn-login.png') no-repeat center center;
	background-size: cover;
	width: 100%;
	max-width: 190px;
	height: 100%;
	min-height: 45px;
}

button.login:hover{
	background: url('../images/btn-login-hover.png') no-repeat center center;
}

button.forgot{
	background: url('../images/btn-forgotpwd.png') no-repeat center center;
	background-size: cover;
	width: 100%;
	max-width: 240px;
	height: 100%;
	min-height: 45px;
}

button.forgot:hover{
	background: url('../images/btn-forgotpwd-hover.png') no-repeat center center;
}

/*=====================================
 Dashboard
=======================================*/
.news .info {
	margin-bottom: 20px;
	line-height: 1.4;
}
.main_service {
	border: none !important;
	padding: 0 !important;
}
	.main_service .block{
		border: solid 1px #e2e2e2;
		overflow: hidden;
		padding: 0.8em;
		margin-bottom: 0.4em;
		margin-right: 0.4em;
		width: 100%;
		display: block;
	}
	.main_service .block:hover {
		background-color: #fffafa;
	}
		.main_service .block h2 {
			border-left: solid 5px #c01c14 !important;
		}
.orther_service .block {
	margin: 1em 0 2em 0 !important;
	padding-left: 5px;
}
	.orther_service .block h4 {
		color: #000 !important;
		border-bottom: solid 1px #e2e2e2;
		padding-bottom: 0.8em;
	}

/*=====================================
 faq
=======================================*/
.faq h4 {
	font-size: 1.33em !important;
	margin-top: 1.5em;
}
.faq .ans {
	background: #fcfcfc;
	padding: 1em 0 1em 3em;
	line-height: 1.92;
	font-size: 1.17em;
}

/*=====================================
 Account setting
=======================================*/
.info_setting input {
	width: 70%;
	height: 2em;
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px 1px rgba(0,0,0,0.1);
}
.info_setting .pass {
	height: 110px !important;
	max-height: none !important;
	line-height: 1.25em;
}
	.info_setting .pass input {
		margin-bottom: 0.8em;
	}
	.info_setting .pass span {
		margin-left: 1em;
	}
	.info_setting .pass .re_pass {
		margin-top: 0.8em;
	}

/*=====================================
 COMMON
=======================================*/
.padding_top{
    padding-top: 1.5em;
}
.padding_top .desc{
    padding-left: 25px;
}
.padding_top p{
    color:#202539;;
}
.red{
	color: #f00;
}
.va-text-bottom * {
	vertical-align: text-bottom;
}
.fff5f5{
	background-color: #fff5f5 !important;
}
.heading,
.aeb5cd{
	background: #aeb5cd !important;
}
.padding-5{
	padding: 5px;
}
.padding-10{
	padding: 10px;
}
/*=====================================
 FTP SETTING
=======================================*/
#ftp_setting{
    padding-bottom: 1.5em;
}
#ftp_setting .form_input{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px 20px !important;
}
#ftp_setting  .form_input .form-control{
    height: 32px;
    padding: 6px;
    width: 83%;
}
#ftp_setting .edit-button{
    float:left !important;
    padding-left: 25px;
    padding-top: 30px;
}
#ftp_setting .form-group div:first-of-type{text-align: center;}
@media screen and (min-width: 768px) {
	#ftp_setting .form-group div:first-of-type{text-align: left;}
	#ftp_setting .btn{
		margin: 1.5em 0 0 !important;
		margin-left:25px !important;
	}
}
/*=====================================
 PRIVACY POLICY
=======================================*/
#privacy_policy .list-unstyled li{
    padding-bottom: 1em;
}
#privacy_policy p,#privacy_policy address, #privacy_policy .list-unstyled li{
    line-height: 1.5;
    color:#202539;
}
/*=====================================
 CORPORATE INFORMATION
=======================================*/
#corporate_infor .title:nth-child(17), #corporate_infor .desc:last-child{
    line-height: 1.5;
	max-height:none !important;
}

/*=====================================
 CAMPAIGN SETTING
=======================================*/
/*.table{
	display: block;
}

.table .col{
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #f4f4f4;
}
.table .row .col:last-of-type{
	border-right: none;
}

.table .row:last-of-type .col{
	border-bottom: none;
}

.row{
	width: 100%;
	display: block;
	margin: 0;
}
.col{
	display: table-cell;
	padding: 10px;
}
.th{
	background: #aeb5cd !important;
}*/
.col-1{
	width: 75px;
	text-align: center;
}
.col-2{
	width: 335px;
}
.col-3{
	width: 155px;
}
.col-4{
	width: 155px;
}
.col-5{
	width: 270px;
}
.col-6{
	width: 490px;
}
.col-7{
	width: 65px;
	text-align: center;
}

	.hasTable #body {
		min-width: 960px;
	}

table.campaign_setting_table_list {
	width: 100%;
	margin-left: -1px;
}
	table.campaign_setting_table_list td {
		padding: 5px;
		border-left: solid 1px #fff;
		border-top: solid 1px #fff;
		background: #f4f4f4;
	}
	table.campaign_setting_table_list thead {
		background: #fff;
		color: #fff;
	}
		table.campaign_setting_table_list thead td {
			background: #aeb5cd;
			text-align: center;
			border-top: none;
		}
	table.campaign_setting_table_list tbody td.col-6 img {
		/*width: 100%;*/
		max-width: 468px;
	}
#campaign_setting_edit table.campaign_setting_table_list tbody td.col-1 {
	vertical-align: middle;
}
#campaign_setting_edit table.campaign_setting_table_list tbody td input[type=text],
#campaign_setting_edit table.campaign_setting_table_list tbody td textarea {
	width: 100%;
	border: solid 1px #a8acad;
	background: #fff;
}
#campaign_setting_edit table.campaign_setting_table_list tbody td input[type=text] {
	margin-bottom: 30px;
	margin-top: 5px;
	-webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, .2);
	box-shadow: inset -1px 1px 2px rgba(0, 0, 0, .2);
	height: 25px;
}
#campaign_setting_edit table.campaign_setting_table_list tbody td textarea {
	height: 100%;
}
#campaign_setting_edit table.campaign_setting_table_list tbody td a.btn {
	margin-top: 30px;
}
#campaign_setting_edit table.campaign_setting_table_list tbody td .date_picker {
	margin-bottom: 10px;
}
	#campaign_setting_edit table.campaign_setting_table_list tbody td .date_picker input.txt_picker {
		width: 100%;
		padding-right: 20px;
		background: #fff url(../images/date_picker.png) no-repeat 95% center;
		margin-bottom: 10px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#campaign_setting_edit table.campaign_setting_table_list tbody td .date_picker select.time {
		width: 35%;
		height: 25px;
	}
	#campaign_setting_edit table.campaign_setting_table_list tbody td .date_picker select.time.hour {
		margin-right: 0.5em;
	}
	#campaign_setting_edit table.campaign_setting_table_list tbody td.col-3 span {
		text-align: center;
		display: block;
		font-size: 1.5em;
		font-weight: 400;
	}
#display_setup table.campaign_setting_table_list td.col-1 {
	width: 150px;
}
#display_setup table.campaign_setting_table_list td .banner_dimension {
	margin-top: 10px;
}
	#display_setup table.campaign_setting_table_list td .banner_dimension img {
		margin-right: 10px;
	}
	#display_setup table.campaign_setting_table_list td .banner_dimension .prev_btn img,
	#display_setup table.campaign_setting_table_list td .banner_dimension .next_btn img {
		margin: 0;
	}
	#display_setup table.campaign_setting_table_list td .banner_dimension .next_btn {
		margin-left: -10px;
	}



/*=====================================
 MANUAL
=======================================*/

#body section ol {
	margin: 10px 0;
	padding-left: 15px;
}
	#body section ol li {
		padding: 8px 0;
	}
#body section .image_guilds{
	text-align: center;
	margin-top: 10px;
}
	#body section .image_guilds img {
		display: inline-block;
	}
	#body section .image_guilds img:first-child {
		margin-right: 0px;
		margin-bottom: 10px;
	}
#body .ui-accordion .ui-accordion-content {
	padding: 0;
	margin: 0;
	padding-left: 30px;
	background: #fcfcfc;
}



/*=====================================
 JQUERY UI CUSTOM STYLE
=======================================*/
#ui-datepicker-div {
	background: #fff;
	border: solid 2px #ccc;
	border-radius: 5px;
}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
		background: #ccc;
	}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,  
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
		text-decoration: none;
		top: 4px;
	}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before  
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before {
		display: none;
	}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover  
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover {
		top: 2px;
	}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, 
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
		width: 0;
		height: 0;
		border-top: transparent 5px solid;
		border-bottom: transparent 5px solid;
		border-right: #fff 10px solid;
	}
	#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {
		border-right: 0;
		border-left: #fff 10px solid;
	}

/*=====================================
 RESPONSIVE CSS - ALWAYS SET DETAIL STYLE ABOVE THIS LINE
=======================================*/
@media screen and (max-width: 480px) {
	#body section .image_guilds img {
		width: 100%;
	}
	#body .ui-accordion .ui-accordion-content {
		padding-left: 0;
	}
}
@media screen and (min-width: 768px) {
	#body section .title {
	max-height:44px;
	min-height:44px;
	}
	#body section .desc {
	max-height:44px;
	min-height:44px;
	}
	.main_service .block{
		width: 49.1%;
		display: inline-block;
	}
}
@media screen and (min-width: 960px) {

	#body{
		-webkit-transform: translate3d(230px,0,0);
		transform: translate3d(230px,0,0);
		width: calc(100% - 230px);
	}
	#leftside {
		opacity: 1;
	}
	#open_button {
		display: none;
	}
	.hasTable #body {
		min-width: 0;
	}

	#body section .image_guilds img:first-child {
		margin-right: 100px;
	}
}