@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////
 *
 * ポータルサイト（共通）
 *
 * @file name	style_portal.css
 * @author		畑 達也
 * @create		2009/11/09
 * @version		1.0
/////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------------------------
 * 共通
 * ---------------------------------------------------------------------------*/
/*基本の文字の大きさ、色、フォントの種類*/
body, td, th {
	font-family		: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size		: 12px;
	line-height		: 1.6;
}

/* リンク色 */
a:link {
	color			: #000000;
	/*text-decoration	: none;*/
}

/* 訪問済みリンク色 */
a:visited {
	color			: #FF3366;
	/*text-decoration	: none;*/
}

/* クリックしたときのリンク色 */
a:active {
	color			: #FF3366;
	text-decoration	: none;
}

/* マウスでポイントしたときのリンク色 */
a:hover {
	color			: #FF3366
	text-decoration	: underline;
}

/* 画像系 */
a img{
	border			: none;
	vertical-align	: bottom;
}


/* ---------------------------------------------------------------------------
 * 全体レイアウト
 * ---------------------------------------------------------------------------*/
/* ---------------------------------------
	大枠部
--------------------------------------- */
#wrapper_background {
	width			: 950px;
	background-color: #663399;
	word-break	: break-all;
	margin		: 0px auto;
}

#wrapper {
	width		: 900px;
	word-break	: break-all;
	margin		: 0px auto;
	background-color: #FFFFFF;
	color		: #000000;
}

/* ---------------------------------------
	ヘッダー部
--------------------------------------- */
#head_wrapper_bg {
	width				: 100%;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background			: url('../images/common/body_bg_grad.jpg') repeat-x scroll right center transparent;
}

#head_wrapper {
	width				: 950px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	margin-left			: auto;
	margin-right		: auto;
	color				: #ffffff;
	background-color	: #ffffff;
	background			: url('../images/common/header_com_back.jpg') no-repeat;
}

#header {
	margin		: 0px;
	padding		: 0px;
}

#header h1 {
	font-size	: 12px;
	display		: inline;
	margin		: 10px 0px 0px 20px;
	padding		: 0px 0px 0px 0px;
}

/* IE用 */
html*#hedaer_seach {
	width		: 340px;
	margin		: 55px 0px 0px 340px;
}

#hedaer_seach {
	width		: 340px;
	margin		: 35px 0px 0px 340px;
}

#hedaer_mb {
	width		: 240px;
	float		: right;
	margin		: 5px 10px 0px 0px;
}

/* IE用 */
html*#hedaer_link {
	text-align			: center;
	margin				: 7px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background			: url('../images/_header/global_back.jpg') no-repeat;
}

#hedaer_link {
	text-align			: center;
	margin				: 25px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background			: url('../images/_header/global_back.jpg') no-repeat;
}

/* メニューボタン */
#navi ul {
	/*font-size	: 0px;*/
	list-style	: none;
	text-align	: center;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

#navi ul li {
	display		: inline;
	white-space	: nowrap;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

#navi a:hover img {
	display	: inline;
	filter	: Alpha(opacity=30);
	opacity	: 0.3;
}



/* ---------------------------------------
	右サイド
--------------------------------------- */
#right {
	width		: 250px;
	height		: auto;
	float		: right;
	margin		: 0px 0px 0px 0px;
	padding		: 20px 0px 0px 0px;
	background-color	: #ffffff;
	background : url('../images/common/page_bg_grad.jpg')  repeat-x;
}

.right_contents {
	margin-left	: 20px;
	padding		: 0px;
}

.weather {
	margin		: 0px;
	padding		: 0px;
}

.honpo_wrapper_bg {
	width		: 200px;
	height		: 315px;
	margin		: 5px 0px 0px 10px;
	background	: url('../images/_right/katamachi/honpo_bg.gif') no-repeat;
}

.honpo_img {
	margin		: 0px 0px 0px 0px;
	padding		: 20px 0px 0px 15px;
}

p.honpo_button {
	margin		: 20px 0px 10px 40px;
	padding		: 0px;
}

.honpo_text {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 15px;
	width		: 170px;
	font-size	: 12px;
}

/* IE用 */
html*p.honpo_date {
	position	: absolute;
	top			: 22px;
	left		: 100px;
	color		: #ffffff;
	font-size	: 10px;
}

p.honpo_date {
	position	: absolute;
	top			: 13px;
	left		: 100px;
	color		: #ffffff;
	font-size	: 10px;
}

#main_wrapper_bg {
	width				: 100%;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background-color	: #34007c;
}

#main_wrapper {
	display 			: flex;
	width				: 950px;
	padding				: 0px 0px 0px 0px;
	margin-left			: auto;
	margin-right		: auto;
	background-color	: #ffffff;
}

/* ---------------------------------------
	メイン(右サイドなし)
--------------------------------------- */
#main {
	width				: 950px;
	background-color	: #ffffff;
	background : url('../images/common/page_bg_grad.jpg') repeat-x;
}

/* ---------------------------------------
	メイン(右サイドなし、バック画像なし)
--------------------------------------- */
#main_no_bg {
	width				: 950px;
}

/* ---------------------------------------
	メイン(右サイドあり)
--------------------------------------- */
#main_left {
	width				: 700px;
	float				: left;
	margin				: 0px 0px 0px 0px;
	padding				: 260px 0px 0px 0px;
	background-color	: #ffffff;
	background : url('../images/katamachi/katamachi_bg_grad.jpg') repeat-x;
}


/* ---------------------------------------------------------------------------
 * トップページレイアウト
 * ---------------------------------------------------------------------------*/
.top {
	padding			:30px 27px 0px 27px;
}

.top_head_l {
	position	: relative;
	width		: 630px;
	height		: 210px;
	margin		: 0px 0px 0px 0px;
}

/* IE用 */
html*p.top_head_l_srt {
	position	: absolute;
	top			: 90px;
	left		: 35px;
	right		: 35px;
	font-size	: 12px;
}

p.top_head_l_srt {
	position	: absolute;
	top			: 85px;
	left		: 35px;
	right		: 35px;
	font-size	: 12px;
}


.top_head_r {
	position	: relative;
	width		: 255px;
	height		: 210px;
	float		: right;
	margin		: 0px 0px 0px 5px;
	background : url('../images/top/top_info_back.gif') no-repeat;
}

/* IE用 */
html*.top_head_r_srt {
	position	: absolute;
	width		: 230px;
	height		: 150px;
	top			: 45px;
	left		: 25px;
	font-size	: 12px;
	overflow	: auto;
}

.top_head_r_srt {
	position	: absolute;
	width		: 230px;
	height		: 150px;
	top			: 38px;
	left		: 25px;
	font-size	: 12px;
	overflow	: auto;
}

/* -------------------------------------
 * 片町のおいしい逸品
 * ------------------------------------*/
.mama_waku {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.mama_table {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.mama_table td {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 10px 0px 10px;
}

.mama_honpo {
	position		: relative;
	margin			: -40px 0px 0px 770px;
	padding			: 0px 0px 0px 0px;
}


/* -------------------------------------
 * キャンペーン情報
 * ------------------------------------*/
.campaign_title {
	margin		: 10px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.campaign_waku {
	height		: 350px;
	background : url('../images/top/campaign_waku.gif')  no-repeat;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.campaign_list {
	margin		: 0px 0px 0px 0px;
	padding		: 20px 0px 0px 25px;
}

/* -------------------------------------
 * 新着情報
 * ------------------------------------*/
.latest {
	margin		: 20px 0px 0px 10px;
}

.latest_head {
}

.latest_pager_l {
	color		: #A22041;
	margin		: 0px 0px 0px 0px;
}

.latest_pager_r {
	float		: right;
	color		: #A22041;
	margin		: 0px 0px 0px 0px;
}

.latest_pager_r a:link {
	color		: #A22041;
}
.latest_pager_r a:visited {
	color		: #A22041;
}

.latest_pager_r a:active {
	color		: #A22041;
}

.latest_pager_r a:hover {
	color		: #A22041;
}

/* 店舗３分割 */
.latest_list {
}

.latest_one {
	position			: relative;
}

.latest_list_l {
	width				: 200px;
	height				: auto;
	float				: left;
	margin				: 0px 0px 5px 0px;
	padding				: 0px 0px 0px 0px;
	vertical-align		: middle;
	text-align			: center;
}

.latest_list_c {
	margin				: 0px 140px 0px 230px;
	padding				: 0px 0px 0px 0px;
}

.latest_list_r {
	width				: 130px;
	height				: auto;
	float				: right;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	vertical-align		: middle;
	text-align			: center;
}

/* ブログ&イベント&スタッフ&求人 */
.latest_data h3 {
	background 			: url('../images/top/top_title_back.jpg') repeat-y;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}

.latest_data p {
	margin				: 0px 0px 0px 0px;
	padding				: 5px 0px 0px 10px;
}

.latest_data {
	width				: 480px;
	height				: auto;
	border				: 2px ridge #A22041;
	margin				: 5px 0px 5px 0px;
	padding				: 5px;
}

/* 店舗名のリンク */
.latest_store_link {
	font-size	: 20px;
	color		: #FF3366;
	margin		: 5px;
}

.latest_store_link h2 {
	font-size	: 20px;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.latest_store_link a:link {
	color		: #FF3366;
}
.latest_store_link a:visited {
	color		: #FF3366;
}

.latest_store_link a:active {
	color		: #FF3366;
}

.latest_store_link a:hover {
	color		: #FF3366;
}

/* 店舗住所・TEL */
.latest_addr {
	font-size	: 14px;
}


/* ---------------------------------------------------------------------------
 * 片町特集ページレイアウト
 * ---------------------------------------------------------------------------*/
.katamachi_animation {
	text-align	:center;
}
.katamachi_info {
	margin		:5px 20px 5px 20px;
	padding		:10px 0px 0px 10px;
	text-align	:left;
	background	:url('../images/katamachi/back.jpg') no-repeat;
}


/* ---------------------------------------------------------------------------
 * お問い合わせページレイアウト
 * ---------------------------------------------------------------------------*/
.inquiry {
	padding		:30px 27px 0px 27px;
}

.inquiry_head {
	position	: relative;
	width		: 895px;
	height		: 274px;
	margin		: 0px 0px 0px 0px;
}

p.inquiry {
	color		: #FFFFFF;
	position	: absolute;
	top			: 140px;
	left		: 0px;
	right		: 0px;
	font-size	: 13px;
	font-weight	: bold;
}

.inquiry_top_text {
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.inq_top_text {
	color			: #33007C;
	font-size		: 18px;
	font-weight		: bold;
}

.required{
	color			: #ff6666;
}

table.inquiry_box {
	width:80%;
	margin-bottom	: 15px;
}

table.inquiry_box th {
	width			: 150px;
	padding			: 10px;
	text-align		: left
}

table.inquiry_box td {
	padding			: 10px;
}

table.inquiry_box_conf {
	width			: 80%;
	margin-bottom	: 15px;
}

table.inquiry_box_conf th {
	width				: 150px;
	padding				: 10px;
	text-align			: left;
	background-color	: #f3f3f3;
	border-top			: 1px solid #19516e;
}

table.inquiry_box_conf td {
	padding				: 10px;
	background-color	: #FFFFFF;
	border-top			: 1px solid #d4d4d4;
}



/* ---------------------------------------------------------------------------
 * 店舗一覧ページレイアウト
 * ---------------------------------------------------------------------------*/
.storelist {
	padding			: 10px 27px 0px 27px;
}

.storelist_top {
	color			: #FFFFFF;
	padding			: 0px 0px 10px 0px;
}

.storelist_main_top {
	margin			: 0px 0px 0px 15px;
}

/* 白枠背景 */
.storelist_main {
	background-position	: 50% 0%;
	background-position	: right;
	background			: url('../images/storelist/page_bg_grad.gif') no-repeat;
}

/* 店舗名のリンク */
.storelist_store_name {
	font-size	: 20px;
	font-weight	: bold;
	color		: #FF3366;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}

.storelist_store_name a:link {
	color		: #FF3366;
}
.storelist_store_name a:visited {
	color		: #FF3366;
}

.storelist_store_name a:active {
	color		: #FF3366;
}

.storelist_store_name a:hover {
	color		: #FF3366;
}

.storelist_info {
	font-weight	: bold;
}

/* ボタン */
.storelist_img_button {
	text-align		: right;
}


/* -------------------------------------
 * 本舗特集有
 * ------------------------------------*/
/* 店舗大枠(本舗特集有) */
.storelist_wrapper_bg {
	background-color: #ffffff;
	background : url('../images/storelist/storelist_waku.gif') no-repeat;
	background-position	: 50% 0%;
}

/* 店舗左側(本舗特集有) */
.storelist_left {
	width		: 470px;
	height		: 430px;
	padding		: 20px 0px 0px 25px;
	/*border	: solid 1px;/* ★後で消す */
}

/* 店舗右側(本舗特集有) */
.storelist_right {
	float		: right;
	width		: 350px;
	height		: 430px;
	padding		: 20px 35px 0px 0px;
	/*border	: solid 1px;/* ★後で消す */
}

/* 店舗情報(本舗特集有) */
.storelist_storeinfo {
	height		: 120px;
	font-size	: 14px;
	margin		: 0px 0px 0px 10px;
}

/* 店舗動画(本舗特集有) */
.storelist_youtube {
	margin		: 10px 0px 0px 10px;
}

/* 本舗紹介文(本舗特集有) */
/* IE用 */
html*.storelist_wark {
	margin-top:355px;
	margin-left:10px;
}

.storelist_wark {
	margin-top:335px;
	margin-left:10px;
}

.storelist_intr_sentence {
	margin:0px 10px 0px 105px;
}

/* -------------------------------------
 * 本舗特集無し
 * ------------------------------------*/
/* 店舗大枠(本舗特集無し) */
.storelist_wrapper_bg_none {
	background-color: #ffffff;
	background : url('../images/storelist/storelist_waku_little.gif') no-repeat;
	background-position	: 50% 0%;
	/*border	: solid 1px;/* ★後で消す */
}

/* 店舗左側(本舗特集無し) */
.storelist_left_none {
	width		: 470px;
	height		: 370px;
	padding		: 20px 0px 0px 25px;
}

/* 店舗右側(本舗特集無し) */
.storelist_right_none {
	float		: right;
	width		: 350px;
	padding		: 20px 35px 0px 0px;
}

/* 店舗情報(本舗特集無し) */
.storelist_storeinfo_none {
	font-size	: 14px;
	margin		: 0px 0px 0px 10px;
}

/* 店舗画像(本舗特集無し) */
.storelist_gazou_none {
	margin		: 0px 0px 0px 10px;
	border	: solid 1px;/* ★後で消す */
}


/* ---------------------------------------
	フッター
--------------------------------------- */
#foot_wrapper_bg {
	width				: 100%;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	background-color	: #34007c;
}

#foot_wrapper {
	width				: 950px;
	padding				: 0px 0px 0px 0px;
	margin-left			: auto;
	margin-right		: auto;
	background-color	: #ffffff;
}

#footer_link{
	margin				: 0px 0px 0px 0px;
	padding				: 10px 20px 0px 20px;
}

#footer_banner{
	background-color	:#ffccff;
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 10px 5px;
}

.footer_intro{
	font-size	: 12px;
	height		: 20px;
	text-align	: right;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px 0px;
}


/* ---------------------------------------------------------------------------
 * その他
 * ---------------------------------------------------------------------------*/



/* Replacement compatibility additions: visual-only, based on supplied screenshots. */
.screen-visited { color:#FF3366 !important; }
.youtube-private {
    width: 645px;
    height: 455px;
    border: 5px solid #000000;
    background: #282828;
    margin: 0 auto;
    position: relative;
    color: #ffffff;
    font-family: Arial, "メイリオ", "Meiryo", sans-serif;
}
.youtube-private .yt-message {
    position:absolute;
    left:52px;
    top:185px;
    display:flex;
    align-items:center;
    text-align:left;
}
.youtube-private .yt-alert {
    width:54px;
    height:54px;
    border:5px solid #bdbdbd;
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
    line-height:44px;
    font-size:30px;
    font-weight:bold;
    color:#bdbdbd;
    margin-right:22px;
    transform:translateY(4px);
    flex:0 0 auto;
}
.youtube-private .yt-copy { text-align:left; }
.youtube-private .yt-copy strong { display:block; font-size:18px; line-height:1.55; }
.youtube-private .yt-copy span { display:block; margin-top:6px; font-size:16px; line-height:1.45; color:#ffffff; }
.youtube-private .yt-logo {
    position:absolute;
    right:12px;
    bottom:17px;
    width:40px;
    height:28px;
    border-radius:7px;
    background:#bdbdbd;
}
.youtube-private .yt-logo:after {
    content:"";
    position:absolute;
    left:16px;
    top:7px;
    border-left:10px solid #555555;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
}
.error_with_icon { margin:0; padding:0; }
.error-page { padding:30px 27px 60px 27px; min-height:300px; }
.error-page h2.content { font-size:18px; margin:0 0 15px 0; }
.error-page .sentence { margin:0 0 15px 0; }
/* Screenshot-specific browser-difference adjustments. */
table.inquiry_box textarea { height:146px; box-sizing:border-box; }
.storelist { padding-top:8px; }
.katamachi_info { padding-top:17px; }
.latest_rss { position:relative; top:-2px; margin-bottom:-2px; }