@charset "UTF-8";

/* ====================================
Theme Options Style
==================================== */

/* ------------------------------------
Links
------------------------------------ */

.appearance_page_theme_options a {
	outline:none;
}

/* ------------------------------------
clearfix 
------------------------------------ */

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

/* ------------------------------------
form
------------------------------------ */

.appearance_page_theme_options #contact-page {
	margin-top: 1em;
}

.appearance_page_theme_options #option-sidebar label {
	text-align: center;
}

.appearance_page_theme_options #option-sidebar img {
	border: solid 1px #ccc;
}

/* reset */
.appearance_page_theme_options #reset-buttom p {
	margin: 0;
}

.appearance_page_theme_options #reset {
	background: #999;
	border-color: #666;
	color: #fff;
	-webkit-box-shadow: inset 0 1px 0 #ccc, 0 1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 1px 0 #ccc, 0 1px 0 rgba(0, 0, 0, .15);
}

.appearance_page_theme_options #reset:hover {
	background: #777;
}

/* ------------------------------------
table
------------------------------------ */

.appearance_page_theme_options .addtable table td {
	vertical-align: top;
}

/* ------------------------------------
image media-uploader 
------------------------------------ */

.appearance_page_theme_options .media-upload .remove-open td.upload-button,
.appearance_page_theme_options .media-upload .upload-open td.remove-button {
	display: none;
}

.appearance_page_theme_options .media-upload table td {
	padding-left: 0;
}

.appearance_page_theme_options .media-upload table img {
	border: solid 1px #ddd;
}

.appearance_page_theme_options #option-favicon table img {
	margin-top: 5px;
}

/* ------------------------------------
description
------------------------------------ */

.appearance_page_theme_options span.description,
.appearance_page_theme_options span.description code {
	font-size: 0.9em;
}

.appearance_page_theme_options span.description {
	font-style: normal;
}

.appearance_page_theme_options span.description code {
	background: none;
}

/* ------------------------------------
tab panel
------------------------------------ */

.appearance_page_theme_options .tabset .tabs {
	margin: 0;
	padding: 0;
}

.appearance_page_theme_options .tabset .tabs li {
	float: left;
}

.appearance_page_theme_options .tabset .tabs h3 {
	margin: 0;
}

.appearance_page_theme_options .tabset .tabs li a {
	background: #eee;
	border: solid 1px #ccc;
	border-radius: 5px 5px 0 0;
	color: #666;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

.appearance_page_theme_options .tabset .tabs li a:hover {
	background: #aaa;
	border-color: #aaa;
	color: #fff;
}

.appearance_page_theme_options .tabset .tabs li a.on {
	background: #fff;
	border-bottom: 0;
	border-color: #ccc;
	color: #333;
	cursor: default;
	padding-bottom: 8px;
}

.appearance_page_theme_options .tabset .panel {
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 0 5px 5px 5px;
}

/* ------------------------------------
panel caption
------------------------------------ */
.appearance_page_theme_options .panel-caption {
	margin-bottom: 2em;
}

/* ------------------------------------
label right-space
------------------------------------ */
label.right-space {
	padding-right: 2em;
}

label.right-space:last-child {
	padding-right: 0;
}

/* ====================================
smart phone style max-width: 640px
==================================== */

@media only screen and (max-width: 640px) {

/* ------------------------------------
form
------------------------------------ */

.appearance_page_theme_options #option-sidebar img {
	height: auto;
	margin: 5px 5px;
	width: 84px;
}

.appearance_page_theme_options #option-sidebar label:first-child img {
	margin-left: 0;
}

.appearance_page_theme_options #option-sidebar label:last-child img {
	margin-right: 0;
}

/* reset */
.appearance_page_theme_options #reset-buttom {
	margin-top: -25px;
}

/* ------------------------------------
table
------------------------------------ */

.appearance_page_theme_options td>img {
	max-width: 290px;
}

/* ------------------------------------
tab panel
------------------------------------ */

.appearance_page_theme_options .tabset{
	margin-top: 20px;
}

.appearance_page_theme_options .tabset .tabs li a {
	margin-right: 5px;
	padding: 7px 10px;
}

.appearance_page_theme_options .tabset .panel {
	margin-top: 2px;
	padding: 20px 10px;
}
}

/* ====================================
PC style min-width: 641px
==================================== */

@media only screen and (min-width: 641px) {

/* ------------------------------------
form
------------------------------------ */

.appearance_page_theme_options .theme-left-space {
	margin-left: 1em;
}

.appearance_page_theme_options #option-sidebar img {
	margin: 5px 10px;
}

.appearance_page_theme_options #option-sidebar label:first-child img {
	margin-left: 0;
}

.appearance_page_theme_options #option-sidebar label:last-child img {
	margin-right: 0;
}

.appearance_page_theme_options input:invalid {
	-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 0, 0, 0.5);
	box-shadow: 0px 0px 2px 2px rgba(255, 0, 0, 0.5);
}

/* reset */
.appearance_page_theme_options #reset-buttom {
	float: right;
}

/* ------------------------------------
table
------------------------------------ */

.appearance_page_theme_options td>img {
	max-width: 350px;
}

.appearance_page_theme_options #option-no-image td>img {
	max-width: 300px;
}

/* ------------------------------------
tab panel
------------------------------------ */

.appearance_page_theme_options .tabset{
	margin-top: 35px;
}

.appearance_page_theme_options .tabset .tabs li a {
	margin-right: 3px;
	padding: 7px 20px;
}

.appearance_page_theme_options .tabset .panel {
	margin-top: 3px;
	padding: 30px 20px 40px;
}
}

/* ====================================
min-width: 641px max-width: 780px
==================================== */

@media only screen and (min-width: 641px) and (max-width: 780px) {
.appearance_page_theme_options #reset-buttom {
	margin-top: -83px;
}
}

/* ====================================
min-width: 781px
==================================== */

@media only screen and (min-width: 781px) {
.appearance_page_theme_options #reset-buttom {
	margin-top: -63px;
}
}