@charset "utf-8";
/* ==================================================================
 * 食べログ 基本CSS（SSL用）
================================================================== */

/* ===============[ 初期化 ]=============== */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	color: #444444;
	font-size: 75%;
	*font-size: small;
	*font: x-small;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	background-color: #ffffff;
	text-align: center; /* 古いIE対策 */
}
table, th, tr, td {
	color: #444444;
	font-size: 100%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: left;
}
input, textarea, select, option {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
}
/* Mac UTF-8の文字化け防止 */
/*\*//*/
input, textarea, select, option {
	font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
/**/
a img {
	border: none;
	background-color: transparent;
}
.floatclear {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 1%;
	line-height: 1;
}
* html .floatclear {
	height: 1px;
}
*:first-child+html .floatclear {
	height: 1px;
}
li {
	list-style-type: none;
}
label {
	cursor: pointer;
}
/* ===============[ wiki ]=============== */
.wiki-bold {
	font-weight: bold;
}
.wiki-italic {
	font-style: italic;
}
.wiki-underline {
	text-decoration: underline;
}

/* ===============[ 共通セレクタ ]=============== */
.page-top {
	clear: both;
	padding: 20px 5px 20px 0px;
	font-size: 100%;
	text-align: right;
}
.contents-top {
	padding: 10px 5px 10px 0px;
	font-size: 100%;
	text-align: right;
}
.image_loading {
	background-image: url(/images/image_loading_spinner.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
/* page-up */
.page-up {
	padding: 12px 4px 5px 0px;
	font-size: 100%;
	line-height: 1.3;
	*line-height: 1.2;
	text-align: right;
}
.page-up a.up {
	padding: 1px 0px 1px 14px;
	background-image: url(/images/icon/icon_action_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	*background-position: 0px 3px;
}
/* contents-up */
.contents-up {
	padding: 8px 4px 10px 0px;
	font-size: 100%;
	line-height: 1.3;
	*line-height: 1.2;
	text-align: right;
}
.contents-up a.up {
	padding: 1px 0px 1px 14px;
	background-image: url(/images/icon/icon_action_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	*background-position: 0px 3px;
}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ===============[ link ]=============== */
a:link {
	color: #0066cc;
}
a:visited {
	color: #0066cc;
}
a:hover {
	color: #bb3377;
}
a:active {
	color: #bb3377;
}

/* ===============[ headline ]=============== */
.switch-dvice-btn {
	height: 130px;
	padding: 24px;
	background-image: url(/images/switch-device-background.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #777777;
}
#headline-wrap {
	background-color:#eeeeee;
}
#headline {
	width: 950px;
	margin: 0 auto;
	padding: 3px 0;
}
#headline h1 {
	float: left;
	width: 430px;
	overflow: hidden;
	color: #666666;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
	text-align: left;
}
#headline .user-guide {
	float: right;
	width: 510px;
	overflow: hidden;
	color: #666666;
	font-size: 85%;
	line-height: 1.4;
	text-align: right;
}
#headline .user-guide a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#headline .user-guide .beginner {
	padding-left: 12px;
	background: url(/images/restaurant/bg/bg_globalheader.gif) no-repeat 0px -948px;
}
#headline .user-guide .user {
	font-weight: bold;
}
#headline .user-guide img {
	margin-right: 2px;
	vertical-align: middle;
}
#headline .user-guide .line {
	margin: 0 2px;
	*margin: 0;
	color: #aaaaaa;
}
/* ===== global-navi ===== */
#global-navi {
	float: right;
/*	width: 280px;*/
	padding-top: 5px;
	font-size: 85%;
}
#global-navi li {
	float: right;
}
#global-navi li.tabelog-help {
	padding-left: 14px;
	background-image: url(/images/icon/icon_help_s.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
#global-navi .line {
	margin: 0px 2px;
	color: #dbdbdb;
}

/* ===============[ tabelog-header ]=============== */
#tabelog-header {
	padding: 0px 0px 0px 2px;
}
#tabelog-header .logo {
	float: left;
	width: 190px;
	padding: 14px 0px;
}
#tabelog-header .catchcopy {
	float: left;
	width: 450px;
	padding-top: 30px;
	color: #666666;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
#tabelog-header #global-navi {
	width: 260px;
}

/* ===============[ container ]=============== */
#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
/* ==========[ icon-help ]========== */
#container a.help {
	color: #0066cc;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2;
	border: solid 1px #0066cc;
	background-color: #e2f1ff;
	text-decoration: none;
}
#container a.help:visited {
	color: #0066cc;
	border: solid 1px #0066cc;
	background-color: #e2f1ff;
	text-decoration: none;
}
#container a.help:hover {
	color: #993399;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	border: solid 1px #993399;
	background-color: #ffe2e2;
	text-decoration: none;
}
#container a.help:active {
	color: #993399;
	border: solid 1px #993399;
	background-color: #ffe2e2;
	text-decoration: none;
}

/* ===============[ column layout ]=============== */
/* #column-main {} */
/* #column-side {} */
#contents {
	width: 950px;
}
/* ==========[ layout1 ]========== */
/* [基本top 15px] */
.layout1-main {
	float: left;
	width: 635px;
	margin: 0px;
}
/* [基本top 12px] */
.layout1-side {
	float: right;
	width: 300px;
	margin: 0px;
}
/* ==========[ layout2 ]========== */
/* [基本top 15px] */
.layout2-main {
	float: left;
	width: 730px;
	margin: 0px;
}
/* [基本top 12px] */
.layout2-side {
	float: right;
	width: 200px;
	margin: 0px;
}
/* ==========[ layout3 ]========== */
/* [基本top 15px] */
.layout3-main {
	width: 950px;
	margin: 0px;
}

/* ===============[ reviewer-name ]=============== */
.reviewer-name a {
	text-decoration: none;
}
.reviewer-name a:hover {
	text-decoration: underline;
}
.reviewer-name .lev0 {
	color: #666666;
}
.reviewer-name .lev1 {
	color: #ff6666;
}
.reviewer-name .lev2 {
	color: #ff6666;
	font-weight: bold;
}
.reviewer-name .lev3 {
	color: #ff6666;
	font-weight: bold;
	background-color: #ffd7d7;
}
.reviewer-name .lev4 {
	color: #ff2222;
	font-weight: bold;
	background-color: #ffd7d7;
}
.reviewer-name .lev5 { 
	color: #ff0048; 
	font-weight: bold; 
	background-color: #ffc0d5; 
}
.reviewer-name .levbl {
	color: #88bb55;
}

/* ===============[ form-errors ]=============== */
.form-errors {
	margin-top: 12px;
	padding: 6px;
	font-size: 100%;
	background: #fff0f0;
	border: 1px solid #ffaaaa;
}

/* ===============[ vote-navi ]=============== */
/* 基本色とスタイルだけ。font-size等は個別で */
.vote-navi {
	color: #ff4477;
}
.agree-vote {
	color: #ff4477;
}
.agree-vote em {
	font-weight: bold;
	font-style: normal;
}
.vote-navi .voted {
	color: #aaaaaa;
}
/* ===============[ color only ]=============== */
#column-main .notice {
	color: #55aa00;
}
#column-main .required {
	color: #ff0000;
}

/* ===============[ column-side ]=============== */
/* ===== banner ===== */
#column-side .banner {
	margin-top: 12px;
}

/* ===============[ social-bookmark ]=============== */
#social-bookmark {
	width: 950px;
	padding: 0px;
	color: #555555;
	font-size: 85%;
	line-height: 1.4;
	background-color: #eeeeee;
}
#social-bookmark .bookmarkadd {
	float: left;
	padding: 5px 0px 5px 8px;
	width: 110px;
}
#social-bookmark .bookmark {
	width: 800px;
	float: right;
	padding: 5px 8px 5px 0px;
	text-align: right;
}
#social-bookmark img {
	vertical-align: middle;
}
#social-bookmark .bookmark img {
	margin-left: 4px;
}

/* ===============[ footer ]=============== */
#footer {
	margin-top: 20px;
	width: 950px;
}
#footer ul li a {
	margin-right: 2px;
}
#footer ul#footer-navi {
	padding: 12px 2px 2px 2px;
	text-align: center;
	font-size: 86%;
	border-top: solid 1px #d0d0d0;
}
#footer ul#footer-navi li {
	display: inline;
	line-height: 1.6;
}
#footer ul#footer-navi li span {
	margin: 0px 2px 0px 4px;
	*margin: 0px 0px 0px 2px;
	color: #d0d0d0;
}
ul#switch-device-area {
	width: 948px;
	text-align: center;
	margin: 0px auto 5px;
	background-color: #fffbbb;
	border: 1px solid #ffee44;
	padding: 8px 0px;
}
ul#switch-device-area li {
	display: inline;
	padding: 0px 3px;
}
ul#switch-device-area li span {
	padding-left: 6px;
	color : #ffa500;
}
/* ===== rst-list ===== */
#footer .rst-list {
	margin-top: 10px;
	padding: 10px 2px 0px 2px;
	border-top: solid 1px #d0d0d0;
}
#footer .rst-list h3 {
	display: inline;
	color: #444444;
	font-size: 86%;
	line-height: 1.6;
	font-weight: bold;
	font-style: normal;
}
#footer .rst-list ul {
	display: inline;
}
#footer .rst-list ul li {
	display: inline;
	font-size: 86%;
	line-height: 1.6;
}
#footer .rst-list ul li span {
	margin: 0px 2px 0px 4px;
	*margin: 0px 0px 0px 2px;
	color: #d0d0d0;
}
#footer .rst-list ul li a {
	text-decoration: none;
}
/* ===== footer-tabelog-navi ===== */
#footer #footer-tabelog-navi {
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
	border-top: solid 1px #d0d0d0;
}
#footer #footer-tabelog-navi li {
	float: left;
	width: 226px;
	padding: 0px 5px;
	text-align: center;
	border-right: solid 1px #d0d0d0;
}
#footer #footer-tabelog-navi li {
	\width: 237px;
	w\idth: 226px;
}
#footer #footer-tabelog-navi a {
	display: block;
	text-decoration: none;
}
#footer #footer-tabelog-navi a strong {
	display: block;
	padding: 3px 0px 0px 13px;
	font-size: 86%;
	font-weight: normal;
	font-style: normal;
}
#footer #footer-tabelog-navi a:hover strong {
	text-decoration: underline;
}
#footer #footer-tabelog-navi li.navi-commu {
	border-right: none;
}
/* ===== kakaku-list ===== */
#footer .kakaku-list {
	margin-top: 10px;
	padding: 10px 2px 0px 2px;
	border-top: solid 1px #d0d0d0;
}
#footer .kakaku-list h3 {
	padding: 0px 0px 4px 146px;
	color: #666666;
	font-size: 116%;
	background-image: url(/images/kakaku_logo_corp.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#footer .kakaku-list h3 span {
	font-size: 86%;
	font-weight: normal;
}
#footer .kakaku-list h3 a {
	color: #666666;
	text-decoration: none;
}
#footer .kakaku-list ul {
	display: inline;
}
#footer .kakaku-list ul li {
	display: inline;
	color: #d0d0d0;
	font-size: 86%;
	line-height: 1.4;
}
#footer .kakaku-list ul li a {
	color:#888888;
	text-decoration: none;
}
/* ===== copyright ===== */
#footer .copyright {
	margin-top: 10px;
	padding: 10px 1px 0px 1px;
	border-top: solid 1px #d0d0d0;
	text-align: center;
}
#footer .copyright address {
	font-style: normal;
}

/* ===============[ popup-help-window ]=============== */
div.popup-help-window {
	position: relative;
	z-index: 300;
}
div.popup-help-box {
	display: none;
	position: absolute;
	width: 430px;
	margin-top: 2px;
	color: #444444;
	text-align: left;
	border: solid 4px #b7deff;
	background-color: #ffffff;
}
div.popup-help-box {
	\width: 438px;
	w\idth: 430px;
}
div.popup-help-box .help-box {
	background-color: #ffffff;
	border: solid 1px #44a0f0;
}
div.popup-help-box .help-box strong {
	color: #444444;
	font-weight: bold;
}
/* help-close */
div.popup-help-box .help-box p.help-close {
	padding: 12px;
	text-align: center;
}
div.popup-help-box .help-box p.help-close a {
	display: block;
	width: 70px;
	height: 22px;
	margin: 0px auto;
	text-indent: -10000px;
/*\*/
	overflow: hidden;
/**/
	background-image: url(/images/btn/formbtn_close_s.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* help-more */
div.popup-help-box .help-box p.help-more a {
	float: right;
	display: block;
	padding: 2px 0px 1px 14px;
	background-image: url(/images/rst/arrow_circle_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.popup-help-box .help-box p.help-more a:hover {
	background-image: url(/images/rst/arrow_circle_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/* head1 */
div.popup-help-box .help-box .head1 {
	padding: 6px 6px 5px 6px;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
	*line-height: 1.3;
	background-color: #d8eeff;
}
div.popup-help-box .help-box .head1 a.close {
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -10000px;
/*\*/
	overflow: hidden;
/**/
	background-color: #338beb;
	background-image: url(/images/popup_help/icon_close.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
/* lead */
div.popup-help-box .help-box .lead {
	padding: 6px 12px 0px 12px;
}
div.popup-help-box .help-box .lead p {
	padding: 6px 0px 0px 0px;
	color: #555555;
	font-size: 100%;
	line-height: 1.4;
	*line-height: 1.3;
}
div.popup-help-box .help-box .lead p.notice {
	padding: 4px 0px 0px 0px;
	color: #55aa00;
	font-size: 86%;
}

/* === premium === */
#help_userpremium {
	border: solid 4px #edeadc;
}
#help_userpremium .help-box {
	position: relative;
	border: solid 1px #d0bbae;
	color: #604848;
}
#help_userpremium .help-box .title-flg {
	position: absolute;
	width: 33px;
	height: 38px;
	top: 0;
	left: 11px;
	text-indent: -9999px;
	background: url(/images/restaurant/premium/ps_popup_images.png) 0 0 no-repeat;
}
#help_userpremium .help-box p.help-close a {
	background: url(/images/restaurant/premium/ps_popup_images.png) 0 -39px no-repeat;
	width: 92px;
	height: 28px;
}
#help_userpremium .help-box p.help-close a:hover {
	background-position: 0 -68px;
}
#help_userpremium .help-box .head1 {
	padding-left: 46px;
	color: #604848;
	background: url(/images/restaurant/premium/ps_popup_title_bg.gif) #e9ded8;
}
#help_userpremium .help-box .head1 a.close {
	width: 18px;
	height: 18px;
	background-color: #e6b233;
	background: url(/images/restaurant/premium/ps_popup_images.png) -51px -18px no-repeat;
}

/* tabelogpremium */
div#help_userpremium {
	left: -16px;
}
div#help_userpremium .help-box .lead dl {
	margin: 10px 0 0 0;
	padding: 6px 4px;
	border: 1px solid #edeadc;
	background-color: #faf9f5;
}
div#help_userpremium .help-box .lead dl dt {
	margin: 0px;
	padding: 0px 0px 2px 4px;
	border: none;
	font-weight: bold;
}
div#help_userpremium .help-box .lead dl dd {
	padding: 0px 0px 0px 16px;
	background-image: url(/images/restaurant/icon/h4title.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}
div#help_userpremium .help-box .lead dl dd a.pcoupon-list {
	display: inline-block;
	padding-left: 25px;
	background: url(/images/restaurant/premium/ps_popup_images.png) -45px 0px no-repeat;
}
div#help_userpremium .help-box .lead ul {
	padding: 6px 0px 0px 50px;
	color: #555555;
}
div#help_userpremium .help-box .lead ul li {
	padding: 1px 0px 1px 16px;
	background-image: url(/images/icon/dot_gold.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div#help_userpremium .help-box .lead .premium-more {
	margin: 8px 0px 0px 54px;
	padding: 0px 0px 0px 16px;
	background-image: url(/images/rst/arrow_circle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* === 固有情報 === */
/* autologin */
div#help_autologin {
	left: -2px;
}
/* ===============[ tabelog-help-window ]=============== */
div.tabelog-help-window {
	position: absolute;
	z-index: 999;
	width: 552px;
	text-align: left;
	border: solid 4px #b7deff;
	background-color: #ffffff;
}
div.tabelog-help-window {
	\width: 560px;
	w\idth: 552px;
}
div.tabelog-help-window .help-box {
	padding: 0px 10px;
	background-color: #ffffff;
	border: solid 1px #44a0f0;
}
div.tabelog-help-window .help-box p.help-close {
	padding: 10px 0px;
	text-align: center;
}
div.tabelog-help-window .help-box p.help-close a {
	display: block;
	width: 70px;
	height: 22px;
	margin: 0px auto;
	text-indent: -10000px;
/*\*/
	overflow: hidden;
/**/
	background-image: url(/images/btn/formbtn_close_s.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div.tabelog-help-window .help-box .head1 {
	margin-top: 10px;
	padding: 5px 5px 4px 5px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	border-left: solid 5px #44a0f0;
	background-color: #d8eeff;
}
div.tabelog-help-window .help-box .head2 {
	margin-top: 10px;
	font-weight: bold;
}
div.tabelog-help-window .help-box table {
	margin-top: 2px;
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
div.tabelog-help-window .help-box table th,
div.tabelog-help-window .help-box table td {
	padding: 3px 5px;
	*padding: 2px 5px;
	line-height: 1.4;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
div.tabelog-help-window .help-box table th {
	background-color: #e8e8e8;
}
div.tabelog-help-window .help-box table td {
	background-color: #ffffff;
}
div.tabelog-help-window .help-box table td.edit-style {
	width: 38%;
}
div.tabelog-help-window .help-box table td.edit-result {
	width: 28%;
}
div.tabelog-help-window .help-box table td.edit-ex {
	width: 34%;
}
/* ============== [ 文字認証 ] ============== */
#recaptcha_area {
	padding: 6px 6px 0;
}
#column-main .recaptchatable {
	border: none!important;
}
#column-main .recaptchatable .recaptcha_image_cell{
	background-color: #f6f6f6!important;
}
#column-main #recaptcha_widget_div {
	margin: 10px 8px;
	width: 450px;
	background-color: #f6f6f6;
}
#recaptcha_area .recaptcha_input_area input {
	padding: 2px;
	width: 294px!important;
	height: 20px!important;
	line-height: 1;
	vertical-align: middle;
	background-color: #ffffff;
	border: 2px inset!important;
	*border-color: #ffffff!important;
}
#recaptcha_area .recaptcha_input_area input:focus {
background-color: #fffccc;
}