@charset "utf-8";
/* ==================================================
 * 食べログ 共通モジュール
 * - Typography(Headings/Text Styling/Alerts)
 * - Links
 * - Buttons
 * - Table
 * - Form
 * - Balloons
 * - Tooltips
 * - Dialogs
 * - Images
 * - Loaders
 * - Breadcrumb
 * - Navigation(Pagination/Sort)
 * - Labels
 * - Floating Area
================================================== */

/* Typography
================================================== */
/* Headings
============================== */
.heading1 {
	display: table;
	padding: 10px 10px 9px 12px;
	border-top: 3px solid #d6ceb4;
	border-bottom: 3px solid #d6ceb4;
	width: 100%;
	box-sizing: border-box;
	color: #13131e;
	font-weight: bold;
	font-size: 134%;
}
.heading1__title {
	display: table-cell;
	padding-right: 10px;
}
.heading1__option {
	display: table-cell;
	width: 1%;
	font-weight: normal;
	font-size: 75%;
	white-space: nowrap;
	vertical-align: text-top;
}
.heading2 {
	display: table;
	padding: 11px 10px 9px 12px;
	width: 100%;
	box-sizing: border-box;
	color: #13131e;
	font-weight: bold;
	font-size: 117%;
	background: #eeece4 url(http://www.thepees.com/new/kara-ge/page/heading2_bg.gif) repeat-x 0 0;
}
.heading2__title {
	display: table-cell;
	padding-right: 10px;
}
.heading2__title--btn {
	padding-right: 60px;
}
.heading2__option {
	display: table-cell;
	position: relative;
	width: 1%;
	font-weight: normal;
	font-size: 86%;
	white-space: nowrap;
	vertical-align: text-top;
}
.heading2__btn {
	display: block;
	position: absolute;
	top: -2px;
	right: 0;
	width: 60px;
	height: 23px;
	text-indent: -9999px;
}
.heading3 {
	color: #13131e;
	font-weight: bold;
	font-size: 117%;
}
.heading3 > span {
	padding: 0 10px;
	background: #ffffff url(http://www.thepees.com/new/kara-ge/page/heading3_bg.gif) no-repeat 0 50%;
}
.heading3--line {
	background: url(http://www.thepees.com/new/kara-ge/page/heading3_line.gif) repeat-x 0 50%;
}
.heading4 {
	padding: 0 0 0 10px;
	color: #13131e;
	font-weight: bold;
	background: url(http://www.thepees.com/new/kara-ge/page/heading4_bg.gif) no-repeat 0 50%;
}
.heading5 {
	color: #13131e;
	font-weight: bold;
}
/* .theme-setting（テーマ用） */
.theme-setting .heading1 {
	border-top: 3px solid #a5bcd1;
	border-bottom: 3px solid #a5bcd1;
}
.theme-setting .heading2 {
	background: #e3eaf0 url(http://www.thepees.com/new/kara-ge/page/heading2_bg_rvwr_design.gif) repeat-x 0 0;
}
.theme-setting .heading3 > span {
	background: #ffffff url(http://www.thepees.com/new/kara-ge/page/heading3_bg_rvwr_design.gif) no-repeat 0 50%;
}
.theme-setting .heading3--line {
	background: url(http://www.thepees.com/new/kara-ge/page/heading3_line_rvwr_design.gif) repeat-x 0 50%;
}
.theme-setting .heading4 {
	background: url(http://www.thepees.com/new/kara-ge/page/heading4_bg_rvwr_design.gif) no-repeat 0 50%;
}
/* Text Styling
============================== */
/* font size */
.fs10 { font-size: 86%; }
.fs11 { font-size: 92%; }
.fs12 { font-size: 100%; }
.fs13 { font-size: 109%; }
.fs14 { font-size: 117%; }
.fs15 { font-size: 125%; }
.fs16 { font-size: 134%; }
.fs17 { font-size: 142%; }
.fs18 { font-size: 150%; }
.fs19 { font-size: 159%; }
.fs20 { font-size: 167%; }
.fs21 { font-size: 175%; }
.fs22 { font-size: 184%; }
.fs23 { font-size: 192%; }
.fs24 { font-size: 200%; }
/* color */
.text-indirect {
	color: #949499;
}
.text-emphasis {
	color: #13131e;
}
.text-attention {
	color: #e64c30;
}
.text-notice {
	color: #82ad24;
}
/* wiki */
.wiki-bold {
	font-weight: bold;
}
.wiki-italic {
	font-style: italic;
}
.wiki-underline {
	text-decoration: underline;
}
/* align */
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
/* lead */
.lead {
	margin: 15px 12px;
}
.lead > p {
	margin: 10px 0;
}
/* number */
.text-num {
	font-family: Arial;
}
/* Alerts
============================== */
/* form */
.form-errors {
	padding: 8px 10px;
	border: 1px solid #ffaaaa;
	color: #cc3300;
	font-weight: bold;
	background-color: #fff0f0;
}
.form-errors__item:before {
	display: inline-block;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/icon_form_errors.gif) no-repeat 0 0;
}
.form-complete {
	padding: 8px 10px;
	border: 1px solid #fae486;
	color: #797152;
	font-weight: bold;
	text-align: center;
	background-color: #fcf4ce;
}
.form-info {
	padding: 8px 10px;
	border: 1px solid #fae486;
	background-color: #fcf4ce;
}
.form-info__title {
	padding-bottom: 3px;
	color: #e64c30;
	font-weight: bold;
}

/* Links
================================================== */
/* bullets */
[class^="icon-b-"]:before,
[class*=" icon-b-"]:before {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/common_icons.png) no-repeat;
}
[class^="icon-a-"]:after,
[class*=" icon-a-"]:after {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/common_icons.png) no-repeat;
}
.icon-b-circle-orange:before,
.icon-a-circle-orange:after {
	width: 11px;
	height: 12px;
	background-position: 0 0;
}
.icon-b-circle-beige:before,
.icon-a-circle-beige:after {
	width: 11px;
	height: 12px;
	background-position: 0 -17px;
}
.icon-b-circle-gray:before,
.icon-a-circle-gray:after {
	width: 11px;
	height: 12px;
	background-position: 0 -34px;
}
.icon-b-arrow-orange:before,
.icon-a-arrow-orange:after {
	width: 3px;
	height: 5px;
	background-position: -16px 0;
}
.icon-b-arrow-gray:before,
.icon-a-arrow-gray:after {
	width: 3px;
	height: 5px;
	background-position: -16px -10px;
}
.icon-b-baloon:before,
.icon-a-baloon:after {
	width: 9px;
	height: 10px;
	background-position: -24px 0;
}
.icon-b-blank:before,
.icon-a-blank:after {
	width: 10px;
	height: 9px;
	background-position: -24px -15px;
}
.icon-b-modal:before,
.icon-a-modal:after {
	width: 9px;
	height: 8px;
	background-position: -24px -29px;
}
.icon-b-dropdown:before,
.icon-a-dropdown:after {
	width: 5px;
	height: 3px;
	background-position: -24px -42px;
}
.icon-b-anchor:before,
.icon-a-anchor:after {
	width: 5px;
	height: 5px;
	background-position: -39px -32px;
}
.icon-b-pagetop:before,
.icon-a-pagetop:after {
	width: 5px;
	height: 5px;
	background-position: -49px -32px;
}
/* others */
.link-underline {
	text-decoration: underline;
}
.help {
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 86%;
	background-color: #999999;
}
.help:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #777777;
}
/* reviewer-name */
.reviewer-name a {
	color: #cc6666;
}
.reviewer-name a:hover {
	color: #cc6666;
	text-decoration: underline;
}
.reviewer-name a .lev0,
.reviewer-name a .lev1,
.reviewer-name a .lev2,
.reviewer-name a .lev3,
.reviewer-name a .lev4,
.reviewer-name a .lev5,
.reviewer-name a .levbl {
	color: #595960;
}
.reviewer-name a:hover .lev0,
.reviewer-name a:hover .lev1,
.reviewer-name a:hover .lev2,
.reviewer-name a:hover .lev3,
.reviewer-name a:hover .lev4,
.reviewer-name a:hover .lev5,
.reviewer-name a:hover .levbl {
	color: #595960;
	text-decoration: underline;
}
.reviewer-name .count {
	font-size: 86%;
}
/* reviewer-name 携帯番号認証済 */
.auth-mobile a .lev0 .count,
.auth-mobile a:hover .lev0 .count {
	color: #595960;
}
.auth-mobile a .lev1 .count,
.auth-mobile a:hover .lev1 .count {
	color: #cc6666;
}
.auth-mobile a .lev2 .count {
	color: #cc6666;
	font-weight: bold;
}
.auth-mobile a:hover .lev2 .count {
	color: #cc6666;
}
.auth-mobile a .lev3 .count {
	color: #ff6666;
	font-weight: bold;
	background-color: #fefae6;
}
.auth-mobile a:hover .lev3 .count {
	color: #ff6666;
}
.auth-mobile a .lev4 .count {
	color: #e64c30;
	font-weight: bold;
	background-color: #fcf4ce;
}
.auth-mobile a:hover .lev4 .count {
	color: #e64c30;
}
.auth-mobile a .lev5 .count {
	color: #e64c30;
	font-weight: bold;
	background-color: #fae486;
}
.auth-mobile a:hover .lev5 .count {
	color: #e64c30;
}
.auth-mobile a .levbl .count {
	color: #88bb55;
}
.auth-mobile a:hover .levbl .count {
	color: #88bb55;
}

/* Buttons
================================================== */
/* buttons
============================== */
.tb-btn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	cursor: pointer;
	outline: none;
	margin: 0;
	padding: 6px 12px 5px;
	border: 1px solid transparent;
	border-radius: 3px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	line-height: normal;
}
.tb-btn::-moz-focus-inner { /* for FireFox4+ */
	padding: 0;
	border: 0;
}
.tb-btn:hover {
	text-decoration: none;
}
/* style */
.tb-btn--default {
	border: 1px solid #d2d2d2;
	box-shadow: 0 0 1px rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	color: #13131e;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: linear-gradient(to bottom, #ffffff, #f4f4f4);
}
.tb-btn--success {
	border: 1px solid #82ad24;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background-color: #82ad24;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99cc00), to(#82ad24));
	background-image: -webkit-linear-gradient(top, #99cc00, #82ad24);
	background-image: linear-gradient(to bottom, #99cc00, #82ad24);
}
.tb-btn--edit {
	border: 1px solid #7698b9;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.6) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background-color: #87a5c2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5bcd1), to(#87a5c2));
	background-image: -webkit-linear-gradient(top, #a5bcd1, #87a5c2);
	background-image: linear-gradient(to bottom, #a5bcd1, #87a5c2);
}
.tb-btn--link {
	color: #0066cc;
	background: none;
}
/* hover state */
.tb-btn--default:hover {
	color: #595960;
	background: #ffffff;
}
.tb-btn--success:hover {
	color: #ffffff;
	background-color: #92c228;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ace600), to(#92c228));
	background-image: -webkit-linear-gradient(top, #ace600, #92c228);
	background-image: linear-gradient(to bottom, #ace600, #92c228);
}
.tb-btn--edit:hover {
	color: #ffffff;
	background-color: #98b2cb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6c9da), to(#98b2cb));
	background-image: -webkit-linear-gradient(top, #b6c9da, #98b2cb);
	background-image: linear-gradient(to bottom, #b6c9da, #98b2cb);
}
.tb-btn--link:hover {
	color: #ff9600;
	text-decoration: underline;
}
/* active state */
.tb-btn--default:active,
.tb-btn--default.is-active {
	color: #13131e;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f4f4f4, #ffffff);
	background-image: linear-gradient(to bottom, #f4f4f4, #ffffff);
}
.tb-btn--success:active,
.tb-btn--success.is-active {
	background-color: #99cc00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82ad24), to(#99cc00));
	background-image: -webkit-linear-gradient(top, #82ad24, #99cc00);
	background-image: linear-gradient(to bottom, #82ad24, #99cc00);
}
.tb-btn--edit:active,
.tb-btn--edit.is-active {
	background-color: #a5bcd1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#87a5c2), to(#a5bcd1));
	background-image: -webkit-linear-gradient(top, #87a5c2, #a5bcd1);
	background-image: linear-gradient(to bottom, #87a5c2, #a5bcd1);
}
/* disabled state */
.tb-btn.is-disabled {
	cursor: default;
	border: 1px solid #d6ceb4;
	box-shadow: none;
	color: #bcb08a;
	text-decoration: none;
	text-shadow: none;
	background: #ffffff;
}
/* different sizes */
.tb-btn--l {
	padding: 9px 12px 8px;
	font-size: 117%;
}
.tb-btn--s {
	padding: 3px 10px 2px;
	font-size: 92%;
}
/* like-btn
============================== */
/* いいね！ */
.like-btn {
	line-height: 1;
}
.like-btn > .like-btn__label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
	padding: 6px 0 0 28px;
	width: 48px;
	height: 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #ffffff;
	font-weight: bold;
	font-size: 92%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background: url(http://www.thepees.com/new/kara-ge/page/like_icons.png) no-repeat 0 0;
}
.like-btn > .like-btn__label:hover {
	color: #ffffff;
	text-decoration: none;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.like-btn > .like-btn__count {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin-left: 2px;
	padding: 4px 3px;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	color: #949499;
	font-family: Arial;
	font-weight: bold;
	background: #ffffff;
}
.like-btn > .like-btn__count:before,
.like-btn > .like-btn__count:after {
	display: block;
	position: absolute;
	border: solid transparent;
	width: 0;
	height: 0;
	content: "";
}
.like-btn > .like-btn__count:before {
	top: 50%;
	left: -5px;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #d2d2d2;
}
.like-btn > .like-btn__count:after {
	top: 50%;
	left: -4px;
	margin-top: -4px;
	border-width: 4px 4px 4px 0;
	border-right-color: #ffffff;
}
.like-btn > .like-btn__count > a {
	display: block;
	cursor: pointer;
	color: #cc6666;
	text-decoration: underline;
}
.like-btn > .like-btn__count > a:hover {
	color: #ff9600;
}
/* いいね！を取り消す */
.like-btn > .like-btn__label-cancel {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
	padding: 6px 0 0 28px;
	width: 106px;
	height: 16px;
	color: #ffffff;
	font-weight: bold;
	font-size: 92%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background: url(http://www.thepees.com/new/kara-ge/page/like_icons.png) no-repeat 0 -28px;
}
.like-btn > .like-btn__label-cancel:hover {
	color: #ffffff;
	text-decoration: none;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/* like-btn-simple
============================== */
/* いいね！ */
.like-btn-simple {
	line-height: 1;
}
.like-btn-simple > .like-btn__label {
	color: #0066cc;
	font-size: 92%;
	cursor: pointer;
}
.like-btn-simple > .like-btn__label:hover {
	color: #ff9600;
	text-decoration: underline;
}
.like-btn-simple > .like-btn__count {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	color: #949499;
	font-family: Arial;
	font-weight: bold;
}
.like-btn-simple > .like-btn__count > a {
	color: #cc6666;
	text-decoration: underline;
	cursor: pointer;
}
.like-btn-simple > .like-btn__count > a:hover {
	color: #ff9600;
}
/* いいね！を取り消す */
.like-btn-simple > .like-btn__label-cancel {
	color: #949499;
	font-size: 92%;
	cursor: pointer;
}
.like-btn-simple > .like-btn__label-cancel:hover {
	color: #ff9600;
}
/* いいね！した人リスト
============================== */
.modal--like {
	max-height: 470px;
	margin-top: -235px;
}
.modal__like-title {
	padding: 12px 25px 10px 10px;
}
.like-rvwrs-list {
	padding: 3px 0 15px;
	width: 100%;
}
.like-rvwrs-list__item {
	border-bottom: 1px solid #e1e1e1;
}
.like-rvwrs-list__target {
	display: block;
	padding: 6px 10px;
}
/* clearfix */
.like-rvwrs-list__target:before,
.like-rvwrs-list__target:after {
	display: block;
	overflow: hidden;
	content: "";
}
.like-rvwrs-list__target:after {
	clear: both;
}
.like-rvwrs-list__target {
	*zoom: 1;
}
.like-rvwrs-list__target > img {
	float: left;
	border-radius: 4px;
}
.like-rvwrs-list__name {
	float: left;
	cursor: pointer;
	padding-left: 8px;
	width: 200px;
	color: #cc6666;
}
.like-rvwrs-list__target:hover > .like-rvwrs-list__name {
	color: #cc6666;
	text-decoration: underline;
}
.like-rvwrs-list__target:hover > img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.like-rvwrs-list__favrvwr,
.like-rvwrs-list__myrvwr {
	display: block;
	float: right;
	padding-right: 6px;
	width: 79px;
	height: 18px;
	text-indent: -9999px;
	background: url(http://www.thepees.com/new/kara-ge/page/myrvwr_icons.gif) no-repeat;
}
.like-rvwrs-list__favrvwr {
	background-position: 0 0;
}
.like-rvwrs-list__myrvwr {
	background-position: 0 -18px;
}
.like-rvwrs-list__notice {
	margin: 10px 0 0 10px;
	font-size: 92%;
}
/* like-count
============================== */
/* いいね！数のみ表示  */
.like-count {
	line-height: 1;
}
.like-count__icon {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 13px;
	background: url(http://www.thepees.com/new/kara-ge/page/like_icons.png) no-repeat 0 -55px;
}
.like-count__count {
	display: inline-block;
	padding-left: 2px;
	color: #949499;
	font-family: Arial;
	font-weight: bold;
}
.like-count__help {
	display: inline-block;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	background: url(http://www.thepees.com/new/kara-ge/page/like_icons.png) no-repeat 0 -73px;
}

/* Table
================================================== */
.table {
	border-collapse: collapse;
	width: 100%;
	background-color: #ffffff;
}
.table > thead > tr > th,
.table > tbody > tr > th {
	padding: 10px;
	border-bottom: 1px solid #d6ceb4;
	color: #13131e;
	font-weight: bold;
	vertical-align: top;
}
.table > thead > tr > th {
	text-align: center;
}
.table > tbody > tr > th {
	width: 9em;
}
.table > tbody > tr > td {
	padding: 10px;
	border-bottom: 1px solid #d6ceb4;
	vertical-align: top;
}
/* table--bordered */
.table--bordered {
	border: 1px solid #d6ceb4;
}
.table--bordered > thead > tr > th,
.table--bordered > tbody > tr > th {
	border: 1px solid #d6ceb4;
	background-color: #eeece4;
}
.table--bordered > tbody > tr > td {
	border: 1px solid #d6ceb4;
}
/* table--form */
.table--form {
	border-collapse: separate;
	border-top: 1px solid #d6ceb4;
}
.table--form > tbody > tr > th {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d6ceb4;
	background-color: #faf8f5;
}
/* table--l */
.table--l > tbody > tr > th {
	width: 13em;
}
/* theme-user（テーマ用） */
.theme-user .table--form {
	border-top: 1px solid #d6ceb4;
}

.theme-user .table--form > tbody > tr > th {
	border-bottom: 1px solid #d6ceb4;
	background-color: #eeece4;
}
/* theme-setting（テーマ用） */
.theme-setting .table > thead > tr > th,
.theme-setting .table > tbody > tr > th {
	border-bottom: 1px solid #a5bcd1;
}
.theme-setting .table > tbody > tr > td {
	border-bottom: 1px solid #a5bcd1;
}
.theme-setting .table--bordered {
	border: 1px solid #a5bcd1;
}
.theme-setting .table--bordered > thead > tr > th,
.theme-setting .table--bordered > tbody > tr > th {
	border: 1px solid #a5bcd1;
	background-color: #f1f4f8;
}
.theme-setting .table--bordered > tbody > tr > td {
	border: 1px solid #a5bcd1;
}
.theme-setting .table--form {
	border-top: 1px solid #a5bcd1;
}
.theme-setting .table--form > tbody > tr > th {
	border-bottom: 1px solid #a5bcd1;
	background-color: #f1f4f8;
}

/* Form
================================================== */
/* input */
.textfield {
	outline: 0;
	padding: 4px 5px 3px;
	border: 1px solid #cccccc;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(89, 89, 96, 0.1) inset;
	font-size: 109%;
}
.textfield:focus {
	background-color: #fefae6;
}
.textfield.is-error {
	border: 1px solid #e64c30;
	background-color: #fefae6;
}
.textfield--search {
	padding-left: 23px;
	background: url(http://www.thepees.com/new/kara-ge/page/icon_search.png) no-repeat 5px 50%;
}
.textfield--textarea {
	height: auto;
	line-height: 1.5;
}
/* select/checkbox/radio */
.selectmenu {
	cursor: pointer;
	padding: 3px 5px;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 2px rgba(89, 89, 96, 0.1) inset;
	font-size: 109%;
}
.selectmenu:hover {
	background-color: #fefae6;
}
.checkbox,
.radio {
	cursor: pointer;
	margin: 0 3px 0 0;
	vertical-align: middle;
}
label {
	cursor: pointer;
	vertical-align: middle;
}
label + .checkbox,
label + .radio {
	margin-left: 10px;
}
label + label > .checkbox,
label + label > .radio {
	margin-left: 10px;
}
/*.checkbox + label,
.radio + label {
	cursor: pointer;
	padding-right: 10px;
	color: #13131e;
	font-size: 109%;
}*/
/* input size */
.textfield--full {
	width: 100%;
}
.textfield--half {
	width: 50%;
}
.textfield--s {
	width: 150px;
}
.textfield--m {
	width: 350px;
}
.textfield--l {
	width: 500px;
}
/* form */
.form__footer {
	margin: 0 auto;
	padding: 16px 0 14px;
	width: 100%;
	box-shadow: 0 3px 2px -2px rgba(188, 176, 138, 0.3) inset;
	text-align: center;
	background-color: #eeece4;
}
.form__item {
	display: inline-block;
	margin: 0 3px;
}
/* theme-setting（テーマ用） */
.theme-setting .form__footer {
	background-color: #e3eaf0;
}

/* Balloons
================================================== */
/* balloon */
.balloon {
	display: block;
	position: relative;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
}
.balloon:before,
.balloon:after {
	display: block;
	position: absolute;
	border: solid transparent;
	width: 0;
	height: 0;
	content: "";
}
.balloon--top:before {
	top: -7px;
	right: 10px;
	border-width: 0 6px 6px;
	border-bottom-color: #d2d2d2;
}
.balloon--top:after {
	top: -5px;
	right: 11px;
	border-width: 0 5px 5px;
	border-bottom-color: #ffffff;
}
.balloon--right:before {
	top: 10px;
	right: -7px;
	border-width: 6px 0 6px 6px;
	border-left-color: #d2d2d2;
}
.balloon--right:after {
	top: 11px;
	right: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #ffffff;
}
.balloon--bottom:before {
	right: 10px;
	bottom: -7px;
	border-width: 6px 6px 0;
	border-top-color: #d2d2d2;
}
.balloon--bottom:after {
	right: 11px;
	bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #ffffff;
}
.balloon--left:before {
	top: 10px;
	left: -7px;
	border-width: 6px 6px 6px 0;
	border-right-color: #d2d2d2;
}
.balloon--left:after {
	top: 11px;
	left: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #ffffff;
}

/* Tooltips
================================================== */
/* tooltip */
.tooltip {
	display: block;
	position: relative;
	padding: 8px 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 92%;
	background-color: #beb99b;
}
.tooltip:after {
	display: block;
	position: absolute;
	border: solid transparent;
	width: 0;
	height: 0;
	content: "";
}
.tooltip--top:after {
	top: -6px;
	left: 10px;
	border-width: 0 6px 6px;
	border-bottom-color: #beb99b;
}
.tooltip--right:after {
	top: 10px;
	right: -6px;
	border-width: 6px 0 6px 6px;
	border-left-color: #beb99b;
}
.tooltip--bottom:after {
	bottom: -6px;
	left: 10px;
	border-width: 6px 6px 0;
	border-top-color: #beb99b;
}
.tooltip--left:after {
	top: 10px;
	left: -6px;
	border-width: 6px 6px 6px 0;
	border-right-color: #beb99b;
}
/* tooltip-border */
.tooltip-border {
	display: block;
	position: relative;
	padding: 8px 10px;
	border: 2px solid #d6ceb4;
	color: #797152;
	background-color: #fefae6;
}
.tooltip-border:before,
.tooltip-border:after {
	display: block;
	position: absolute;
	border: solid transparent;
	width: 0;
	height: 0;
	content: "";
}
.tooltip-border--top:before {
	top: -8px;
	left: 10px;
	border-width: 0 6px 6px;
	border-bottom-color: #d6ceb4;
}
.tooltip-border--top:after {
	top: -5px;
	left: 11px;
	border-width: 0 5px 5px;
	border-bottom-color: #fefae6;
}
.tooltip-border--right:before {
	top: 10px;
	right: -8px;
	border-width: 6px 0 6px 6px;
	border-left-color: #d6ceb4;
}
.tooltip-border--right:after {
	top: 11px;
	right: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #fefae6;
}
.tooltip-border--bottom:before {
	bottom: -8px;
	left: 10px;
	border-width: 6px 6px 0;
	border-top-color: #d6ceb4;
}
.tooltip-border--bottom:after {
	bottom: -5px;
	left: 11px;
	border-width: 5px 5px 0;
	border-top-color: #fefae6;
}
.tooltip-border--left:before {
	top: 10px;
	left: -8px;
	border-width: 6px 6px 6px 0;
	border-right-color: #d6ceb4;
}
.tooltip-border--left:after {
	top: 11px;
	left: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #fefae6;
}

/* Dialogs
================================================== */
/* modal */
.modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	border-radius: 4px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}
.modal__header {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #e1e1e1;
	min-height: 40px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.modal__title {
	padding: 10px 25px 8px 10px;
	color: #463f2d;
	font-weight: bold;
	font-size: 134%;
	text-align: center;
}
.modal__close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	cursor: pointer;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	background: url(http://www.thepees.com/new/kara-ge/page/modal_close_btn.gif) no-repeat 50% 50%;
}
.modal__contents {
	position: relative;
	z-index: 0;
	width: 100%;
}
.modal__contents--scroll {
	max-height: 400px;
	overflow: hidden;
}
.modal__inner {
	padding: 15px 20px;
}
.modal__footer {
	padding: 12px 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 3px 2px -2px rgba(188, 176, 138, 0.3) inset;
	text-align: center;
	background-color: #eeece4;
}
.modal__item {
	display: inline-block;
	margin: 0 3px;
}
/* modal size */
.modal--s {
	margin-left: -175px;
	width: 350px;
}
.modal--m {
	margin-left: -380px;
	width: 760px;
}
.modal--l {
	margin-left: -490px;
	width: 980px;
}
/* theme-setting（テーマ用） */
.theme-setting .modal__footer {
	background-color: #e3eaf0;
}

/* jquery.mCustomScrollbar
============================== */
/* プラグインのスタイルを上書き */
.mCSB_container {
	margin-right: 0;
}
.mCustomScrollBox .mCSB_scrollTools {
	*right: 10px;
	width: 30px;
	opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #e1e1e1;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #d2d2d2;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #d2d2d2;
}

/* Images
================================================== */
.rvw-image {
	display: inline-block;
	border: 1px solid transparent;
}
.rvw-image:hover {
	border: 1px solid #ff9600;
}
.rvw-image:hover > img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.rvw-image--frame {
	padding: 4px;
	border: 1px solid #e1e1e1;
}
.rvwr-image {
	display: inline-block;
	border: 1px solid transparent;
}
.rvwr-image:hover {
	border: 1px solid #ff9600;
}
.rvwr-image:hover > img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.rvwr-image--l,
.rvwr-image--l > img {
	border-radius: 10px;
}
.rvwr-image--m,
.rvwr-image--m > img {
	border-radius: 7px;
}
.rvwr-image--s,
.rvwr-image--s > img {
	border-radius: 4px;
}

/* Breadcrumb
================================================== */
#breadcrumb-wrap {
	margin: 0 auto;
	padding: 12px 0 8px;
	*padding-top: 10px;
	width: 100%;
	color: #595960;
	text-align: center;
}
#breadcrumb-wrap #location-wrap {
	margin: 0 auto;
	width: 980px;
}
/* location */
#location-wrap #location {
	width: 980px;
	font-size: 92%;
	text-align: left;
}
#location-wrap #location .home {
	display: block;
	float: left;
	padding: 0 2px;
	width: 15px;
	height: 12px;
	text-indent: -9999px;
	background: url(http://www.thepees.com/new/kara-ge/page/breadcrumbs_home.png) no-repeat 2px 0;
}
#location-wrap #location a,
#location-wrap #location strong {
	display: block;
	float: left;
	padding: 0 12px 0 0;
	white-space: nowrap;
	background: url(http://www.thepees.com/new/kara-ge/page/breadcrumbs_arrow.png) no-repeat 100% 2px;
}
#location-wrap #location a:hover {
	color: #ff9600;
	text-decoration: underline;
}
#location-wrap #location-breadcrumbs-wrap {
	width: 800px;
	text-align: left;
}
#location-wrap #location .now {
	color: #595960;
	background: none;
}

/* navi-count */
#location-wrap .navi-count {
	float: right;
	margin-top: -15px;
	width: auto;
	color: #555555;
	font-size: 86%;
	text-align: right;
	white-space: nowrap;
	line-height: 1.1;
}
#location-wrap .navi-count a {
	color: #555555;
	text-decoration: none;
}
#location-wrap .navi-count strong {
	margin-right: 1px;
	color: #e64c30;
	font-family: Arial;
	font-weight: bold;
	font-size: 134%;
}
#location-wrap .navi-count a strong {
	color: #e64c30;
	font-family: Arial;
}
#location-wrap .navi-count a:hover strong {
	text-decoration: underline;
}
#location-wrap .navi-count .line {
	margin: 0 2px;
	color: #d2d2d2;
	font-size: 125%;
}
/* 店舗詳細用 */
#rstdtl-location {
	margin: 0 auto;
	width: 980px;
}
#rstdtl-location #location-wrap {
	float: left;
	width: 840px;
}
#rstdtl-location #location {
	width: 840px;
}
#breadcrumb-rstdtl .access {
	float: right;
	min-width: 140px;
	font-size: 86%;
	text-align: right;
}
#breadcrumb-rstdtl .access em {
	font-family: Arial;
}

#breadcrumb-rstdtl .access p a:hover {
	color: #949499;
	text-decoration: none;
}
#breadcrumb-rstdtl .access .access-log {
	position: relative;
	z-index: 10000;
	margin: 0;
	width: auto;
}

#breadcrumb-rstdtl .access .access-log ul {
	z-index: 10001;
	padding: 9px;
	border-radius: 5px;
	width: auto;
	text-align: left;
	background-color: #b4af90;
}
#breadcrumb-rstdtl .access .access-log ul li {
	display: block;
	overflow: hidden;
	color: #ffffff;
	text-align: left;
	*letter-spacing: -0.1em;
	white-space: nowrap;
	line-height: 1;
}
#breadcrumb-rstdtl .access .access-log ul li.lastweek {
	margin-bottom: 5px;
}
#breadcrumb-rstdtl .access .access-log ul li span {
	display: block;
	float: left;
	padding-right: 5px;
}
#breadcrumb-rstdtl .access .access-log ul li em {
	display: block;
	float: right;
}

/* Navigation(Pagination)
================================================== */
/* page-move
============================== */
.page-move {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1) inset, 0 -2px 3px -2px rgba(0, 0, 0, 0.1) inset;
	text-align: center;
	background-color: #faf8f5;
}
.page-move__target {
	display: inline-block;
	margin: 0 5px;
	padding: 15px 0;
	font-weight: bold;
	font-size: 117%;
	text-decoration: underline;
}
.page-move__target--prev:before,
.page-move__target--next:after {
	display: inline-block;
	margin: 0 5px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/page_icons.png) no-repeat;
}
.page-move__target--prev:before {
	background-position: 0 0;
}
.page-move__target--prev:hover:before {
	background-position: 0 -33px;
}
.page-move__target--next:after {
	background-position: -33px 0;
}
.page-move__target--next:hover:after {
	background-position: -33px -33px;
}
.page-move__num {
	font-weight: bold;
	font-size: 117%;
	text-align: center;
	letter-spacing: -0.4em;
	line-height: 2;
}
.page-move__num > strong {
	display: inline-block;
	margin-right: 2px;
	padding: 0 6px;
	border-bottom: 1px solid #b4b4b4;
	min-width: 16px;
	height: 26px;
	box-shadow: 0 1px 0 #e1e1e1, 0 1px 0 #ffffff;
	color: #13131e;
	letter-spacing: normal;
}
.page-move__num > a {
	display: inline-block;
	margin-right: 1px;
	padding: 0 6px;
	border: 1px solid #d2d2d2;
	min-width: 16px;
	height: 26px;
	letter-spacing: normal;
	background-color: #ffffff;
}
.page-move__num > a:hover {
	border: 1px solid #ff9600;
	color: #ffffff;
	text-decoration: none;
	background-color: #ff9600;
}
/* omission 三点リーダの箇所 */
.page-move__ellipsis {
	margin-right: 1px;
	letter-spacing: normal;
}
/* theme-user（テーマ用） */
.theme-user .page-move {
	background-color: #f3efe8;
}
/* theme-setting（テーマ用） */
.theme-setting .page-move {
	background-color: #f1f4f8;
}
/* page-nav
============================== */
.page-nav {
	display: table;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1) inset, 0 -2px 3px -2px rgba(0, 0, 0, 0.1) inset;
	background-color: #faf8f5;
}

.page-nav__item:first-child {
	background: none;
}
.page-nav__target {
	display: block;
	padding: 15px 0;
	font-weight: bold;
	font-size: 117%;
	text-decoration: underline;
}
.page-nav__target--prev:before,
.page-nav__target--top:before,
.page-nav__target--next:after {
	display: inline-block;
	margin: 0 5px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/page_icons.png) no-repeat;
}
.page-nav__target--prev:before {
	background-position: 0 0;
}
.page-nav__target--prev:hover:before {
	background-position: 0 -33px;
}
.page-nav__target--top:before {
	width: 16px;
	height: 16px;
	background-position: -66px 0;
}
.page-nav__target--next:after {
	background-position: -33px 0;
}
.page-nav__target--next:hover:after {
	background-position: -33px -33px;
}
/* is-disabled */
.page-nav__target--prev.is-disabled,
.page-nav__target--next.is-disabled {
	color: #b3b3b6;
	text-decoration: none;
}
.page-nav__target--prev.is-disabled:before {
	background-position: 0 -66px;
}
.page-nav__target--next.is-disabled:after {
	background-position: -33px -66px;
}
/* theme-user（テーマ用） */
.theme-user .page-nav {
	background-color: #f3efe8;
}
.theme-user .page-nav__target--top:before {
	background-position: -66px -20px;
}
/* theme-setting（テーマ用） */
.theme-setting .page-nav {
	background-color: #f1f4f8;
}
.theme-setting .page-nav__target--top:before {
	background-position: -66px -20px;
}

/* Navigation(Sort)
================================================== */
/* view-sort
============================== */
.view-sort {
	padding: 10px 8px;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 1px 2px rgba(89, 89, 96, 0.1);
	line-height: 1.3;
	background-color: #ffffff;
}
.view-sort--bordered {
	border-top: 1px solid #e1e1e1;
}
/* clearfix */
.view-sort:before,
.view-sort:after {
	display: block;
	overflow: hidden;
	content: "";
}
.view-sort:after {
	clear: both;
}
.view-sort {
	*zoom: 1;
}
.view-sort__subject {
	display: block;
	float: left;
	padding-left: 20px;
	color: #555555;
	white-space: nowrap;
	background: url(http://www.thepees.com/new/kara-ge/page/icon_sort.png) no-repeat 2px 50%;
}
.view-sort__list {
	display: block;
	float: left;
}
.view-sort__item {
	display: inline-block;
	padding: 0 6px 0 10px;
	border-left: 1px dotted #d2d2d2;
	white-space: nowrap;
	vertical-align: middle;
}
.view-sort__item:first-child {
	border-left: none;
}
.view-sort__target.is-desc:before,
.view-sort__target.is-asc:before {
	display: inline-block;
	margin-right: 5px;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/common_icons.png) no-repeat;
}
.view-sort__target.is-desc:before {
	background-position: -39px 0;
}
.view-sort__target.is-asc:before {
	background-position: -39px -16px;
}
.view-sort__target:hover.is-desc:before {
	background-position: -55px 0;
}
.view-sort__target:hover.is-asc:before {
	background-position: -55px -16px;
}
.view-sort__target > strong {
	color: #595960;
}
.view-sort__target:hover > strong {
	color: #595960;
	text-decoration: underline;
}
/* page-count
============================== */
.page-count {
	color: #949499;
}
.page-count__line {
	color: #e1e1e1;
}
/* view-change
============================== */
/* clearfix */
.view-change:before,
.view-change:after {
	display: block;
	overflow: hidden;
	content: "";
}
.view-change:after {
	clear: both;
}
.view-change {
	*zoom: 1;
}
.view-change__counts {
	float: left;
}
.view-change__type {
	float: left;
	margin: 7px 0 0 15px;
}
.view-change__list {
	display: inline-block;
}
.view-change__item {
	display: inline-block;
	padding: 0 6px 0 10px;
	border-left: 1px dotted #d2d2d2;
}
.view-change__item:first-child {
	padding-left: 0;
	border-left: none;
}
.view-change__target:before {
	display: inline-block;
	margin-right: 5px;
	width: 23px;
	height: 17px;
	vertical-align: middle;
	content: "";
	background: url(http://www.thepees.com/new/kara-ge/page/view_change_type_icons.png) no-repeat;
}
.view-change__target--all:before {
	background-position: 0 0;
}
.view-change__target--default:before {
	background-position: -28px 0;
}
.view-change__target--simple:before {
	background-position: -56px 0;
}
/* is-active */
.view-change__target--all.is-active:before {
	background-position: 0 -22px;
}
.view-change__target--default.is-active:before {
	background-position: -28px -22px;
}
.view-change__target--simple.is-active:before {
	background-position: -56px -22px;
}
.view-change__target > strong {
	color: #13131e;
}
/* lst-views
============================== */
/* 一覧ページに良く出てくるモジュールのセット */
.lst-views {
	width: 100%;
}
/* clearfix */
.lst-views:before,
.lst-views:after {
	display: block;
	overflow: hidden;
	content: "";
}
.lst-views:after {
	clear: both;
}
.lst-views {
	*zoom: 1;
}
.lst-views__left {
	float: left;
	margin-top: 5px;
}
.lst-views__right {
	float: right;
}

/* Labels
================================================== */
.rst-status-badge {
	display: inline-block;
	width: 46px;
	height: 16px;
	vertical-align: middle;
	background: url(http://www.thepees.com/new/kara-ge/page/icons_rst_status.gif) no-repeat 0 0;
}
#rstdata-wrap .rst-data .rst-status-badge {
	vertical-align: baseline;
}
.rst-status-badge.rst-st-closed {
	background-position: -329px 0;
}
.rst-status-badge.rst-st-suspend {
	background-position: -383px 0;
}
.rst-status-badge.rst-st-removed {
	background-position: -438px 0;
}
.rst-status-badge.rst-st-change-business {
	background-position: -493px 0;
}
.rst-status-badge.rst-st-pending {
	background-position: -547px 0;
}
.rst-status-badge.rst-st-renewal {
	background-position: -602px 0;
}
.rst-status-badge-large {
	display: inline-block;
	width: 50px;
	height: 21px;
	vertical-align: middle;
	background: url(http://www.thepees.com/new/kara-ge/page/icons_rst_status.gif) no-repeat 0 0;
}
.rst-status-badge-large.rst-st-closed,
.rst-status-badge-large.rst-st-pending,
.rst-status-badge-large.rst-st-suspend,
.rst-status-badge-large.rst-st-renewal,
.rst-status-badge-large.rst-st-removed,
.rst-status-badge-large.rst-st-change-business {
	background: url(http://www.thepees.com/new/kara-ge/page/icons_rst_status.gif) no-repeat 0 0;
}
.rst-status-badge-large.rst-st-closed a,
.rst-status-badge-large.rst-st-pending a,
.rst-status-badge-large.rst-st-suspend a,
.rst-status-badge-large.rst-st-renewal a,
.rst-status-badge-large.rst-st-removed a,
.rst-status-badge-large.rst-st-change-business.large a {
	display: block;
	width: 50px;
	height: 21px;
	text-indent: -9999px;
	background: url(http://www.thepees.com/new/kara-ge/page/icons_rst_status.gif) no-repeat 0 0;
}
.rst-status-badge-large.rst-st-closed,
.rst-status-badge-large.rst-st-closed a {
	background-position: 0 0;
}
.rst-status-badge-large.rst-st-pending,
.rst-status-badge-large.rst-st-pending a {
	background-position: -218px 0;
}
.rst-status-badge-large.rst-st-suspend,
.rst-status-badge-large.rst-st-suspend a {
	background-position: -54px 0;
}
.rst-status-badge-large.rst-st-renewal,
.rst-status-badge-large.rst-st-renewal a {
	background-position: -273px 0;
}
.rst-status-badge-large.rst-st-removed,
.rst-status-badge-large.rst-st-removed a {
	background-position: -109px 0;
}
.rst-status-badge-large.rst-st-change-business,
.rst-status-badge-large.rst-st-change-business a {
	background-position: -164px 0;
}

/* Floating Area
================================================== */
#score-frame {
	display: block;
	position: fixed;
	_position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 0 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 0);
	bottom: 0;
	left: 0;
	z-index: 1000;
	padding: 12px 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
}
#score-frame .smaller {
	font-size: 92%;
}
#score-frame .sf-cont-box {
	position: relative;
	z-index: 1002;
	margin: 0 auto;
	border: 3px solid #fae486;
	width: 800px;
	height: 110px;
	-webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2);
	text-align: center;
	background-color: #fefae6;
}
#score-frame .sf-cont-box .head-prop a {
	display: block;
	position: absolute;
	top: 6px;
	right: 6px;
	margin: 0 auto;
	border: solid 1px #b5b5b5;
	width: 18px;
	height: 18px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	color: #333333;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ececec, GradientType=0);
	background: #fcfcfc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
	background: -webkit-linear-gradient(top, #ffffff, #ececec);
	background: linear-gradient(to bottom, #ffffff, #ececec);
}
#score-frame .sf-cont-box .title {
	position: absolute;
	top: 6px;
	left: -8px;
	z-index: 1003;
	width: 130px;
	height: 23px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
	color: #ffffff;
	font-weight: bold;
	font-size: 92%;
	*font-size: 86%;
	line-height: 24px;
	background-color: #4985b6;
}
#score-frame .sf-cont-box .title .title-shadow {
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 5px;
	height: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xMS8xNLSfRnAAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAAANUlEQVQImWPU9M1cwMDAEM+ABJiubZqWwMDAsBBFkIGBgQFdggnGQJZg/P//P7JOBi2/rAUAA9YPw5bCKH8AAAAASUVORK5CYII=) no-repeat left top;
}
#score-frame .sf-cont-box .subject {
	margin: 0 auto;
	padding: 6px 0 4px;
	width: 450px;
	color: #e64c30;
	font-weight: bold;
	font-size: 150%;
	*font-size: 142%;
	text-align: center;
	background: url(data:image/gif;base64,R0lGODlhwgEBAIABAN44GgAAACH5BAEAAAEALAAAAADCAQEAAAIchI+py+0bopy02ouz3rz7D4biSJbmiUrPyrZOAQA7) no-repeat center center;
}
#score-frame .sf-cont-box .body {
	padding: 0 50px 6px;
	text-align: center;
}
#score-frame .sf-cont-box .register-btn {
	padding-bottom: 10px;
}
#score-frame .sf-cont-box .register-btn a {
	display: block;
	margin: 0 auto;
	border: solid 1px #b5b5b5;
	border-radius: 4px;
	width: 300px;
	height: 26px;
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	color: #333333;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	line-height: 26px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ececec, GradientType=0);
	background: #fcfcfc;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
	background: -webkit-linear-gradient(top, #ffffff, #ececec);
	background: linear-gradient(to bottom, #ffffff, #ececec);
}
#score-frame .sf-cont-box .register-btn a:hover,
#score-frame .sf-cont-box .head-prop a:hover {
	color: #555555;
	text-decoration: none;
	background: #ffffff;
}
#score-frame .sf-cont-box .parmanently-close a {
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 90px;
	font-size: 92%;
	text-align: right;
}
/* リスティング広告用 */
.listing {
	padding-top: 12px;
}