﻿@charset "utf-8";

/* ------------------------------------------------- *
 *        pager
 * ------------------------------------------------- */
.swCommonUtilPagingPreviousLi,
.swCommonUtilPagingFollowingLi {
	display: block;
	width: 28px;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 1px 6px 1px;
	border: 1px solid #e5e5e5;
	color: #999;
	background: #f7f7f7;
}

ul.swCommonUtilPaging {
	position: relative;
	height: 54px;
	border-top: 1px solid #ccc;
}

ul.swCommonUtilPaging li {
	text-align: center;
}

ul.swCommonUtilPaging li .result {
	font-size: 116.7%;
	color: #f9359c;
	font-weight: bold;
}

ul.swCommonUtilPaging li .current {
	font-weight: bold;
}

ul.swCommonUtilPaging li.following a,
ul.swCommonUtilPaging li.previous a {
	display: block;
	width: 28px;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 1px 6px 1px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5),
		to(#ececec)
	);
	border: 1px solid #ccc;
	text-decoration: none;
}

ul.swCommonUtilPaging li:nth-of-type(1) {
	position: absolute;
	left: 20px;
	top: 10px;
}

ul.swCommonUtilPaging li:nth-of-type(2) {
	line-height: 50px;
}

ul.swCommonUtilPaging li:nth-last-of-type(1) {
	position: absolute;
	right: 20px;
	top: 10px;
}

/* ------------------------------------------------- *
 *        errorMsg
 * ------------------------------------------------- */
div#validationMessageArea p {
	padding-left: 20px;
	margin: 10px 5px -7px 0px;
	background: url(/sp/shared/img/ico20.png) 0 1px no-repeat;
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
}

ul.default {
	margin:12px 0px 0px !important;
}

div.roundPink {
	display: block;
}
ul.default li {
	line-height:1.5;
}
ul.default li:before {
	content: "・";
}
div.errorArea {
	margin: 20px !important;
	border: 1px solid #e60000;
	background: #fdeded !important;
	color: #e60000;
	padding: 0px 10px 10px 10px;
}

/* -------------
 *  Inputs
 * ------------- */
.jqTransformInputWrapper {
	padding: 0px;
	display: inline-block;
}

/* -------------
 *  errorInputs
 * ------------- */
.error.jqTransformInputWrapper input {
	background: #fdeded;
	border-color: #e60000;
}

.error.jqTransformTextarea textarea {
	background: #fdeded;
	border: 2px inset #e60000;
}
