overflow-x: @charset "UTF-8"; /*　*/
/**
 */
body {
	-webkit-text-size-adjust: 100%;
}
#GlobalMenu .menu_button {
	display: none;
}
#Contents {
	margin-left:220px;
}
#FavoriteMenu ul {
	display:block;
}
#SideBar {
	position:relative;
	left:0;
	cursor:auto;
	display: block;
}
#DataList, #BaserMarket {
	overflow: auto;
}
/* ToTop
----------------------------------------------- */
#ToTop {
	text-align: right;
	padding-right: 0;
	padding-bottom: 0;
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 10000;
	display: none;
}
#ToTop a {
	background-color: rgba(142, 199, 28, 0.8);
  border: none;
	border-radius: 3px 0px 0px 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  padding: 10px 10px;
  text-decoration: none;
	font-size: 10px;
	color: #FFF;
}
#ToTop a:hover {
  background-color: #729d1b;
  color: #FFF;
}
@media screen and (max-width: 900px) {
	/* toolbar.css */
	/* html
	----------------------------------------------- */
	html, body { min-width: 320px; }

	/* ToolBar
	----------------------------------------------- */
	#ToolbarInner {
		padding: 0;
		min-width: 300px;
	}

	/* layout.css */
	/* ==================================================================== */
	/*    Header
	/* ==================================================================== */
	/* Logo
	----------------------------------------------- */
	#Logo{
		padding: 20px 10px;
	}
	/* GlobalMenu
	----------------------------------------------- */
 	#GlobalMenu ul {
 		padding: 22px 10px 18px;
 	}
	/* ==================================================================== */
	/*    Wrap
	/* ==================================================================== */
	#Wrap{
		min-width: 300px;
		padding: 20px 10px 20px 40px;
	}
	/* ==================================================================== */
	/*    Footer
	/* ==================================================================== */
	
	/* Footer
	----------------------------------------------- */
	#Footer{
		width: 100%;
		min-width: 320px;
	  position: static;
	}
	#FooterInner{
		min-width: 300px;
	}
	.annotation-text small {
	  border: none;
	  white-space: normal;
	  padding: 2px 0;
	}
}

@media screen and (min-width: 788px) {
	/* layout.css */
	/* ==================================================================== */
	/*    Header
	/* ==================================================================== */
	/* GlobalMenu
	----------------------------------------------- */
	#GlobalMenu ul {
		display: block !important;
	}
}

@media screen and (max-width: 787px) {
	/* default.css */

	input[type=text], textarea, input[type=password] {
		width: 75%;
	}
	/* float
	----------------------------------------------- */
	.contents-body .float-left {
		float: none;
		width: 100% !important;
	}
	/* contents.css */
	/* Credit
	----------------------------------------------- */
	#CreditScroller {
		padding: 40px 0;
	}
	#CreditScroller h1{
		line-height: normal;
	}
	#CreditScrollerInner {
		width: 100%;
	}
	/* panel-box
	----------------------------------------------- */
	.panel-box {
		margin: 10px 0;
	}
	/* list-table
	----------------------------------------------- */
	#DataList .list-table{
		min-width: 840px;
	}
	#BaserMarket .list-table{
		min-width: 900px;
	}
	/* ==================================================================== */
	/*    Themes
	/* ==================================================================== */
	.list-panel li{
		margin: 0 0 12px 0;
		width: auto;
		float: none;
		height: auto;
	}
	.list-panel .theme-screenshot img {
		width: 100%;
		height: auto;
		max-width: 100%;
		width: auto\9;
	}
	#CurrentTheme {
		padding: 15px 10px;
	}
	.ui-tabs .ui-tabs-panel {
	  padding: 1em;
	}
	#CurrentTheme .theme-screenshot img {
		width: 100%;
		height: auto;
		max-width: 100%;
		width: auto\9;
	}
	#CurrentTheme .current-theme-left {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#CurrentTheme .theme-info {
		float: none;
		width: 88%;
		padding: 10px 6%;
		margin-right: 0;
		margin-bottom: 20px;
		height: auto;
	}
	#CurrentTheme br.empty {
		display: none;
	}
	#CurrentTheme .theme-description {
		margin-top: 20px;
	}
	/* button
	----------------------------------------------- */
	.submit .button,
	.ui-widget-content .button {
		display: inline-block;
		margin: 10px auto 20px;
	}

	/* WidgetSetting
	----------------------------------------------- */
	#WidgetSetting #Source .ui-widget-content .head{
		height: auto;
		line-height: 1.4;
	}
	#WidgetSetting #Source {
		border: 2px solid #F3F3F3;
		padding: 8px 5px;
		margin: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#WidgetSetting #Target .ui-widget-content .head{
		height: 54px;
		line-height: 1.4;
		border: none;
		background: none;
		padding: 3px 5px;
		display: table-cell;
		vertical-align: middle;
	}
	#WidgetSetting #Target div[id*=Setting] {
		border: 1px solid #DFDFDF;
		background: #F3F3F3;
	}
	#WidgetSetting .setting .action {
		border-top: 1px solid #DFDFDF;
		clear: both;
	}
	#WidgetSetting #Target {
		min-height: 210px;
		border: 2px solid #F3F3F3;
		padding: 8px 5px;
		margin: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#WidgetSetting .ui-widget-content .content {
		background: #FFF;
	}
	/* form-table
	----------------------------------------------- */
	.contents-body .form-table input[type=text].color-picker {
		display: block;
		width: 50%;
	}

	#cke_BlogContentDescription .cke_contents {
		height: 240px !important;
	}

	/* toolbar.css */
	/* UserMenu
	----------------------------------------------- */
	#UserMenu ul div#SystemMenu {
		width: 460px;
	}
	/* layout.css */
	/* ==================================================================== */
	/*    Header
	/* ==================================================================== */
	/* GlobalMenu
	----------------------------------------------- */
	#GlobalMenu .menu_button {
		cursor: pointer;
		display: block;
		height: 30px;
		padding: 20px 10px;
		text-align: right;
	}
	#GlobalMenu .menu_button span {
		background: #555 url(../../img/admin/icn_menu.gif) 10px center no-repeat;
		color: #FFF;
		font-size: 14px;
		padding: 10px 10px 10px 30px;

		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	#GlobalMenu {
		position: relative;
	}
	#GlobalMenu ul {
		background: #FFF;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		display: none;
 		padding: 10px;
		position: absolute;
		top: 50px;
		right: 10px;
	}
	#GlobalMenu ul li {
		padding: 5px;
		float: none;
		background-image: none;
	}
	#GlobalMenu ul li a {
		display: block;
		height: 26px;
		line-height: 26px;
		white-space: nowrap;
	}
	#GlobalMenu ul li + li {
		border-top: 1px dotted #CCC;
	}
	/* ==================================================================== */
	/*    Footer
	/* ==================================================================== */

	/* FooterBanner
	----------------------------------------------- */
	#Footer .float-right {
		clear: both;
		float: none;
	}
	#FooterBanner {
		display: inline-block;
		padding-top: 15px;
		margin-bottom: 0;
		overflow: hidden;
		width: auto;
	}
	#FooterBanner li {
		float: left;
		text-align:right;
		padding: 0 10px 0 0;
	}
	#FooterBanner li img{
		vertical-align: bottom;
	}
	#FooterBanner li.lastChild{
	   margin-top: 0;
	}
	/* FooterLogo
	----------------------------------------------- */
	#FooterLogo{
		clear: both;
		width: 190px;
		float: none;
		padding: 30px 0 10px;
	}

	/* BaserVersion
	----------------------------------------------- */
	#BaserVersion {
		display: inline-block;
		padding-right: 0;
		text-align: left;
		margin-bottom: 0;
		margin-top: 5px;
	}

	/* Copyright
	----------------------------------------------- */
	#Copyright {
		text-align: left;
		font-size: 10px;
		padding-right: 0;
	}

	/* dialog.css */
	.cke_dialog {
	  width: 580px !important;
	}

}

@media screen and (max-width: 640px) {
	/* base.css */
	/* head
	----------------------------------------------- */
	.contents-body h1{
		padding: 15px 0 0;
	}
	/* contents.css */
	/* ==================================================================== */
	/*    Login
	/* ==================================================================== */
	#LoginInner {
		margin: 100px auto auto auto;
		padding: 50px 50px 94px 50px;
		width: auto;
	}
	.login-etc label {
		display: block;
	}
	/* ContentsMenu
	----------------------------------------------- */
	#ContentsMenu{
		padding: 5px 0 15px 0;
	}
	/* SubMenu
	----------------------------------------------- */
	#SubMenu .sub-menu th {
		line-height: 1.4;
		white-space: normal;
		width: 33%;
	}
	/* list-table
	----------------------------------------------- */
	.contents-body .list-table th {
		line-height: 1.4;
		white-space: normal;
	}
	.contents-body .list-table input[type=file] {
		font-size: 0.875em;
	}
	/* form-table
	----------------------------------------------- */
	.contents-body .form-table th {
		line-height: 1.4;
		white-space: normal;
		width: 33%;
	}
	.contents-body .form-table td img.photo {
		width: 80%;
    height: auto;
    max-width: 100%;
    width: auto\9;
	}
	.contents-body .form-table input[type=text] {
		display: block;
		width: 80%;
	}
	.contents-body .form-table input[type=text].color-picker {
		width: 50%;
	}
	.contents-body .form-table input[type=file] {
		font-size: 0.875em;
	}
	/* button
	----------------------------------------------- */
	.submit .button,
	.ui-widget-content .button {
		padding: 3px 10px;
		white-space: normal;
	}

	.ui-dialog {
		left: 5% !important;
		right: 5% !important;
		width: 90% !important;
	}

	/* toolbar.css */
	/* UserMenu
	----------------------------------------------- */
	#UserMenu ul div#SystemMenu {
		width: 300px;
	}

	/* layout.css */
	/* ==================================================================== */
	/*    Wrap
	/* ==================================================================== */
	#Wrap {
		padding: 20px 10px 20px 10px;
	}
	#Contents {
		margin-left: auto !important;
	}
	/* ==================================================================== */
	/*    ContentsBody
	/* ==================================================================== */
	/* ContentsBody
	----------------------------------------------- */
	#ContentsBody {
		padding: 0 10px 20px;
	}
	/* ==================================================================== */
	/*    SideBar
	/* ==================================================================== */
	#SideBar {
		width: auto;
		float: none;
		position: static;
		margin: 0 10px 20px;
	}
	#BtnSideBarOpener {
		display: none;
	}
	/* FavoriteMenu
	----------------------------------------------- */
	.favolite-menu-tools li {
		padding: 30px 0 10px 15px;
	}
	/* BannerArea
	----------------------------------------------- */
	#BannerArea li {
		text-align: center;
	}
	/* dialog.css */
	.cke_dialog {
		box-sizing: border-box;
	  width: 480px !important;
	}
	.cke_dialog_ui_vbox.cke_dialog_page_contents {
		box-sizing: border-box;
	  width: 460px !important;
		overflow-x: auto;
	}
	#UploaderSearch .file-filter {
		white-space: normal !important;
	}
}
@media screen and (max-width: 480px) {
	.em-box {
		padding: 10px !important;
		word-break: break-all;
	}
	.bt-wrapper,
	.bt-content {
		width: 90% !important;
	}
	.colpick_hex {
		left: 150px !important;
	}
	/* ==================================================================== */
	/*    Footer
	/* ==================================================================== */
	
	/* Footer
	----------------------------------------------- */
	#FooterInner {
		background-image: none;
		padding: 20px 10px 20px;
	}
	/* FooterMenu / FooterLink
	----------------------------------------------- */
	
	#FooterMenu {
		float: left;
		background-image: none;
		padding:0 30px 10px 15px;
	}
	#FooterMenu h2,
	#FooterLink h2 {

	}
	#FooterMenu li,
	#FooterLink li {

	}
	#FooterLink {
		float: left;
		background-image: none;
	}
	/* FooterBanner
	----------------------------------------------- */
	#FooterBanner {
		display: block;
		padding-top: 15px;
		margin: 0 0 8px 16px;
		overflow: hidden;
		width: 80%;
	}
	#FooterBanner li {
		display: inline-block;
		float: none;
		text-align: center;
		padding: 0 10px 0 0;
	}
	#FooterBanner li img {
		vertical-align: bottom;
	}
	#FooterBanner li.lastChild {
	   margin-top: 0;
	}
	/* FooterLogo
	----------------------------------------------- */
	#FooterLogo {
		clear: both;
		width: 190px;
		float: none;
		padding: 30px 0 10px;
		margin: 0;
		text-align: center;
	}

	/* BaserVersion
	----------------------------------------------- */
	#BaserVersion {
		margin: 0 0 8px 16px;
		width: 80%;
	}
	/* Copyright
	----------------------------------------------- */
	#Copyright {
		line-height: 1.4;
		margin: 0 0 0 16px;
		width: 70%;
	}
	/* dialog.css */
	.cke_dialog {
	  width: 300px !important;
	}
	.cke_dialog_ui_vbox.cke_dialog_page_contents {
	  width: 280px !important;
	}
}

@media screen and (max-width: 340px) {
	/* toolbar.css */
	/* html
	----------------------------------------------- */
	html {
		margin-top: 62px;
	}
	/* ToolBar
	----------------------------------------------- */
	#ToolMenu {
		overflow: hidden;
		width: 100%;
	}
	.colpick_hex {
		left: 90px !important;
	}

}