@charset "utf-8";
/* 
-------------------------------------------------------------*/
/*	html { overflow-y:scroll; }*/
	body { background: #000; text-align: left; color: #c3c3c3; background: url(/images/common/bg_body.gif);/* font-family: "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; line-height: 1; */ }

	a { color: #e8192d; }
    
   

/* Layout
-------------------------------------------------------------*/
	#wrapper { position: relative; margin: 0 auto; padding-top: 15px; width: 954px; text-align: left; }
	#Modal   { position: relative; margin: 0 auto; padding-top: 10px; width: 600px; text-align: left; }
	#topMain { position: relative; height: 600px; }
	#lowMain { float:right; margin-bottom: 20px; width: 714px; background: #000; line-height: 1.6; }

	#modalInner h1 { font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 20px; }
	#modalInner { padding: 20px; line-height: 1.8; }
	#Modal p { padding-bottom: 20px; }

    .mente { margin: 5px 0 10px 0; border: 2px solid #e8192d; padding: 15px; }
    .mente h3 { font-weight: bold; font-size: 20px; color: #e8192d; margin-bottom: 15px;}
    .mente p { font-size: 14px; margin-bottom: 15px; line-height: 1.6;  }
    .mente p:last-child { margin: -15px 0 0 0!important; text-align: right; }
/*
-------------------------------------------------------------*/
	#smtBtn { display: none; }
	
@media screen and (max-width: 640px) {
	#smtBtn { display: block; margin: 0 5px 15px 5px; box-sizing: border-box; width: 100%; }
	#smtBtn p { text-align: center; }
	#smtBtn a { display: block;  padding: 20px 0; width: 100%; color: #fff; border: 1px solid #fff; border-radius: 5px; text-decoration: none; background: url(/images/common/bg_sp_banner.gif); font-size: 22px; font-weight: bold; }	
}



/* header
-------------------------------------------------------------*/
    #siteHeader  { margin-bottom: 15px; }
    #siteHeader h1 { float: left; margin-top: 3px; width: 123px; height: 20px; background: url(/images/common/logo_header.png) 0 0 no-repeat; text-indent: -9999px; }
    #siteHeader h1 a { display: block; width: 123px; height: 20px; }
/*    #siteHeader p  { float: right; margin-top: 0; width: 120px; }*/
    #siteHeader ul { float: right; margin-top: 0; width: 320px; }
    #siteHeader ul li.jp { float: left; margin-top: 0; width: 90px; }
    #siteHeader ul li.en { float: left; margin-top: 0; width: 90px; }
    #siteHeader ul li.contact { float: right; margin-top: 0; width: 140px; }

/*    #siteHeader ul { float: right; margin-top: 0; width: 170px; }
    #siteHeader ul li.first { float: left; margin-top: 0; width: 90px; }
    #siteHeader ul li.last  { float: right; margin-top: 0; width: 80px; }*/

/* Contents Header
-------------------------------------------------------------*/
	#lowMain > h1 { text-indent: -9999px; }
	#pageBrand   #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_brandlist.jpg) 0 0 no-repeat; }
	#pageShop    #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_shoplist.jpg) 0 0 no-repeat; }
	#pageRule    #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_rule.jpg) 0 0 no-repeat; }
	#pageRule    #headerTitlePrivacy { width: 714px; height: 200px; background: url(/company/images/header_privacy.jpg) 0 0 no-repeat; }
	#pageRule    #headerTitleCancel  { width: 714px; height: 200px; background: url(/company/images/header_cancel.png) 0 0 no-repeat; }
	#pageProfile #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_profile.jpg) 0 0 no-repeat; }
	#pageSitemap #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_sitemap.jpg) 0 0 no-repeat; }
	#pageMobile  #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_mobile.jpg) 0 0 no-repeat; }
	#pageSearch  #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_search.jpg) 0 0 no-repeat; }
	#pageContact #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_contact.jpg) 0 0 no-repeat; }    
	#pagePress   #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_press.jpg) 0 0 no-repeat; }    
	#pageMedia   #headerTitle { width: 714px; height: 200px; background: url(/company/images/header_media.jpg) 0 0 no-repeat; } 


/* Contents Title (Brand&Shop)
-------------------------------------------------------------*/
	#pageBrand #lowMain h2,
	#pageShop  #lowMain h2 { margin-bottom: 15px; padding: 10px; width: 714px; /* text-indent: -9999px; */ box-sizing: border-box; background: url(/company/images/title_bg.png); font-size: 14px; }
	/*h2.ristorante    { background: url(/company/images/title_ristorante.gif) 0 0 no-repeat; }
	h2.torattoria    { background: url(/company/images/title_torattoria.gif) 0 0 no-repeat; }
	h2.italia-dining { background: url(/company/images/title_italia-dining.gif) 0 0 no-repeat; }
	h2.pasta-house   { background: url(/company/images/title_pasta-house.gif) 0 0 no-repeat; }
	h2.pizzelia      { background: url(/company/images/title_pizzelia.gif) 0 0 no-repeat; }
	h2.italian-bar   { background: url(/company/images/title_italian-bar.gif) 0 0 no-repeat; }
	h2.italia-small  { background: url(/company/images/title_italia-small.gif) 0 0 no-repeat; }
	h2.pasta-pancake { background: url(/company/images/title_pasta-pancake.gif) 0 0 no-repeat; }
	h2.pasta-french  { background: url(/company/images/title_pasta-french.gif) 0 0 no-repeat; }
	h2.aloha         { background: url(/company/images/title_aloha.gif) 0 0 no-repeat; }
	h2.french        { background: url(/company/images/title_french.gif) 0 0 no-repeat; }
	h2.suburbs       { background: url(/company/images/title_suburbs.gif) 0 0 no-repeat; }
	h2.tokyo         { background: url(/company/images/title_tokyo.gif) 0 0 no-repeat; }
	h2.japanese      { background: url(/company/images/title_japanese.gif) 0 0 no-repeat; }
	h2.cafe          { background: url(/company/images/title_cafe.gif) 0 0 no-repeat; }
	h2.suburbsCafe   { background: url(/company/images/title_suburbs-cafe.gif) 0 0 no-repeat; }
	h2.bakery        { background: url(/company/images/title_bakery.gif) 0 0 no-repeat; }
	h2.other         { background: url(/company/images/title_other.gif) 0 0 no-repeat; }*/


/* Rule
-------------------------------------------------------------*/
	#pageRule #lowMain h2 { margin: 0 20px 15px 20px; padding: 7px 10px; text-indent: 0; background: url(/company/images/bg_title.gif); }
	#pageRule #lowMain p { margin: 0 30px 40px 30px; }
	#pageRule #lowMain dl { margin: 0 30px 40px 30px; }
	#pageRule #lowMain dl dd { margin-left: 15px; }
	/* キャンセルポリシー */
	#pageRule #lowMain h2.en { margin-top: 40px; }
	#pageRule #lowMain ul { margin: 0 30px 40px 30px; }
	#pageRule #lowMain ul li { margin-bottom: 10px; padding-left: 1.0em; text-indent: -1.0em; }
	/*#pageRule #lowMain ul.en { margin-top: 15px; padding-top: 30px; border-top: 1px solid #ccc; }*/

/* Contact
-------------------------------------------------------------*/


	#pageContact #lowMain p { margin: 0 30px 40px 30px; }  
	#pageContact #lowMain .tel-mail  { margin: 30px; padding: 15px 0; border: 1px solid #4a4a4a; }
	#pageContact #lowMain .tel  { margin: 0 0 30px 20px; font-size: 20px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
	#pageContact #lowMain .tel span { padding-left: 5px; font-size: 18px; font-weight: normal; }
	#pageContact #lowMain .mail { margin: 0 0 0 20px; font-size: 20px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }

	#pageContact #lowMain h2 { margin: 0 20px 15px 20px; padding: 7px 10px; text-indent: 0; background: url(/company/images/bg_title.gif); }    
	#pageContact #lowMain .intro { margin: 0 30px 40px 30px; }
	#pageContact #lowMain .intro2 span { color: #e8192d; }
	#pageContact #lowMain .intro2 { margin: 0 30px 10px 30px; }
	#pageContact #lowMain .introThanks { text-align: center; font-size: 14px; line-height: 3.0; }
	#pageContact #lowMain .introThanks span { font-size: 24px; font-weight: bold; }
	#pageContact #lowMain dl.first { margin: 0 30px 20px 30px; }
	#pageContact #lowMain dl.first dt { margin-top: 20px; padding-bottom: 5px; font-size: 12px; }
	#pageContact #lowMain dl.first dd { margin-left: 18px; }
	#pageContact #lowMain dl.first dd ul {list-style-type: disc; line-height: 1.5;list-style-position: outside;  }
	#pageContact #lowMain dl.first dd li { float: none; margin-left: 20px; margin-bottom: 5px; zoom: normal!important; }
	#pageContact #lowMain dl.last { margin: 0 30px 40px 30px; font-family:Arial, Helvetica, sans-serif;  }
	#pageContact #lowMain dl.last dt { clear: both; float: left; width: 80px; font-size: 14px; font-weight: bold; }
	#pageContact #lowMain dl.last dd { float: left; font-size: 16px; font-weight: bold; }

/*	#pageContact #lowMain .tel-mail  { margin: 10px; }*/
	#pageContact #lowMain .tel  { margin: 0 0 30px 30px; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
	#pageContact #lowMain .tel span { padding-left: 5px; font-size: 12px; font-weight: normal; }
/*	#pageContact #lowMain .mail { margin: 0 0 0 20px; font-size: 20px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }*/

	#pageContact #lowMain #frmTable { margin: 0 20px 40px 20px; background: #1a1a1a; }
	#pageContact #lowMain #frmTable .frmTableInner { display: table; width: 100%; border-bottom: 1px solid #5f5f5f; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmTableInner:last-child { border: none; }
	#pageContact #lowMain #frmTable .frmTableInner .item   { display: table-cell; padding: 15px; width: 190px; box-sizing: border-box; border-right: 1px solid #5f5f5f; vertical-align: middle; }
	#pageContact #lowMain #frmTable .frmTableInner .frmItem { margin-top: 10px; }
	#pageContact #lowMain #frmTable .frmTableInner .detail { display: table-cell; padding: 15px 10px 15px 10px; width: 484px; box-sizing: border-box; vertical-align: middle; }
	#pageContact #lowMain #frmTable .frmTableInner label { padding: 0 12px 0 0; }

	#pageContact #lowMain #frmTable .frmTableInner .detail dl { display: table; }
	#pageContact #lowMain #frmTable .frmTableInner .detail dt { display: table-cell; padding: 5px 0; width: 150px; box-sizing: border-box; vertical-align: middle; }
	#pageContact #lowMain #frmTable .frmTableInner .detail dd { display: table-cell; padding: 5px 0; width: 314px; box-sizing: border-box; vertical-align: middle; }
	#pageContact #lowMain #frmTable .frmShopName { padding: 3px 5px; width: 300px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmComment  { padding: 3px 5px; width: 450px; height: 100px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmName { margin: 0 20px 0 5px; padding: 3px 5px; width: 80px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmZip1 { margin: 0 5px 0 0; padding: 3px 5px; width: 40px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmZip2 { margin: 0 5px 0 5px; padding: 3px 5px; width: 60px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmAdd  { margin: 0 5px 0 0; padding: 3px 5px; width: 285px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable .frmMail,
	#pageContact #lowMain #frmTable .frmTel  { margin: 0 5px 0 0; padding: 3px 5px; width: 230px; box-sizing: border-box; }
	#pageContact #lowMain #frmTable #frmYear,
	#pageContact #lowMain #frmTable #frmMonth,
	#pageContact #lowMain #frmTable #frmDay { padding: 3px 3px 2px 3px; }
	#pageContact #lowMain #frmTable .caution { margin: 0!important; padding: 5px 0 0 0; color: #e8192d; }


	#pageContact #lowMain #frmTable #replyItem,
	#pageContact #lowMain #frmTable #replyDetail { vertical-align: top; }

	#pageContact #lowMain #frmTable .required { padding-left: 5px; color: #e8192d; }
	#pageContact #lowMain #frmTable #replyDetail dl { display: table; }
	#pageContact #lowMain #frmTable #replyDetail dt { display: table-cell; width: 210px; box-sizing: border-box; vertical-align: middle; }
	#pageContact #lowMain #frmTable #replyDetail dd { display: table-cell; width: 254px; box-sizing: border-box; vertical-align: middle; }
	#pageContact #lowMain .btnConfirm { margin-bottom: 40px; text-align: center; text-indent: -9999px; }
	#pageContact #lowMain .btnConfirm a { display: block; margin: 0 auto; width: 300px; height: 52px; background: url(/images/contact/btn_confirm.png) 0 0 no-repeat; }
	#pageContact #lowMain .btnConfirm a:hover { background: url(/images/contact/btn_confirm.png) 0 -52px no-repeat; }
	#pageContact #lowMain .btnDouble  { margin: 0 auto 40px auto; width: 540px; }
	#pageContact #lowMain .btnDouble .btnRevice { float: left; width: 250px; text-indent: -9999px; }
	#pageContact #lowMain .btnDouble .btnRevice a { display: block; width: 250px; height: 52px; background: url(/images/contact/btn_revice.png) 0 0 no-repeat; }
	#pageContact #lowMain .btnDouble .btnRevice a:hover { background: url(/images/contact/btn_revice.png) 0 -52px no-repeat; }
	#pageContact #lowMain .btnDouble .btnSend   { float: right; width: 250px; text-indent: -9999px; }
	#pageContact #lowMain .btnDouble .btnSend a { display: block; width: 250px; height: 52px; background: url(/images/contact/btn_send.png) 0 0 no-repeat; }
	#pageContact #lowMain .btnDouble .btnSend a:hover { background: url(/images/contact/btn_send.png) 0 -52px no-repeat; }
	#pageContact #lowMain .btnTop   { margin: 50px auto ; width: 300px; text-indent: -9999px; }
	#pageContact #lowMain .btnTop a { display: block; width: 300px; height: 52px; background: url(/images/contact/btn_top.png) 0 0 no-repeat; }
	#pageContact #lowMain .btnTop a:hover { background: url(/images/contact/btn_top.png) 0 -52px no-repeat; }

	#pageContact #lowMain .errMsg { margin: 0 0 3px 0; padding: 0 0 5px 22px; color: #e8192d; background: url(/images/contact/icon_err.png) 0 0 no-repeat; line-height: 15px; }
	#pageContact #lowMain .errFrm { border: 2px solid #e8192d; }





/* QR Code
-------------------------------------------------------------*/
	#pageMobile .step { margin: 0 20px; }
	#pageMobile #titlePrivilege { width: 714px; height: 45px; background: url(/qr/images/title_privilege.gif) 0 0 no-repeat; text-indent: -9999px; }
	#pageMobile #titleStep      { width: 714px; height: 45px; background: url(/qr/images/title_step.gif) 0 0 no-repeat; text-indent: -9999px; }
	#pageMobile #titleQR        { width: 714px; height: 35px; background: url(/qr/images/title_list.gif) 0 0 no-repeat; text-indent: -9999px; }
    
	#pageMobile ol.privilege { padding-left: 38px; list-style:decimal; }
	#pageMobile ol.privilege li { margin-bottom: 5px; }
	#pageMobile ol.privilege li span { padding-left: 2px; font-size: 18px; font-weight: bold; color: #e8192d; font-family:Arial, Helvetica, sans-serif; }
	#pageMobile p.privilege { margin: 5px 0 30px 20px; }
	#pageMobile .stepList { margin-bottom: 35px; }
	#pageMobile .stepList li { clear: both; margin-bottom: 15px; padding: 0 0 0 95px; }
	#pageMobile .stepStart   { background: url(/qr/images/title_first.png) left top no-repeat; }
	#pageMobile .stepStart p { margin-left: 5px; padding: 0 0 15px 1em; text-indent: -1.0em; background: url(/images/common/bg_dot.gif) left bottom repeat-x; }
	#pageMobile .stepStart p span { color: #e8192d; }

	#pageMobile .step1st     { background: url(/qr/images/icon_step01.png) left top no-repeat; }
	#pageMobile .step2nd     { background: url(/qr/images/icon_step02.png) left top no-repeat; }
	#pageMobile .step3rd     { background: url(/qr/images/icon_step03.png) left top no-repeat; }
	#pageMobile .step4th     { background: url(/qr/images/icon_step04.png) left top no-repeat; }
	#pageMobile .step5th     { background: url(/qr/images/icon_step05.png) left top no-repeat; }

	#pageMobile .step1st dl  { padding-left: 5px; padding-bottom: 10px; background: url(/images/common/bg_dot.gif) left bottom repeat-x;  }
	#pageMobile .step1st dt  { float: left; width: 90px; }
	#pageMobile .step1st dd  { float: left; padding-top: 5px; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
	#pageMobile .step2nd p,
	#pageMobile .step3rd p { padding: 15px 0 35px 5px; background: url(/images/common/bg_dot.gif) left bottom repeat-x; }
	#pageMobile .step4th p { padding: 10px 0 23px 5px; background: url(/images/common/bg_dot.gif) left bottom repeat-x; }
	#pageMobile .step4th p img { margin-bottom: 5px; }
	#pageMobile .step5th p { padding: 5px 0 0 5px; }
	#pageMobile .step5th p img { margin-bottom: 5px; }    
    
       
    
/*   改修のため
	#pageMobile #stepUpper { margin-bottom: 10px; background: url(/qr/images/divider01.gif) left bottom no-repeat; }
	#pageMobile #stepLower { clear: both; margin-bottom: 25px; background: url(/qr/images/divider02.gif) left bottom no-repeat; }
	#pageMobile .stepInner { margin-bottom: 13px; width: 330px; }
	#pageMobile .stepInner h3 { margin-bottom: 10px; }
	#pageMobile .stepInner p.detail { padding-left: 5px; line-height: 1.8; }
	#pageMobile .stepInner p.caution { padding-bottom: 10px; padding-left: 1.4em; text-indent: -0.8em; line-height: 1.5; font-size: .834em; }
	#pageMobile .step #step1 { float:left; }
	#pageMobile .step #step1 dl { width: 330px; }
	#pageMobile .step #step1 dt { float:left; width: 76px; padding-top: 1px; }
	#pageMobile .step #step1 dd { float: right; width: 254px; }
	#pageMobile .step #step1 dd .address { margin-top: 5px; padding: 0 5px; border: 1px solid #e8192d; text-align: center; color: #e8192d; font-family:Verdana, Geneva, sans-serif; font-weight: bold; }
	#pageMobile .step #step2 { float: right; }
	#pageMobile .step #step3 { float: left; }
	#pageMobile .step #step4 { float: right; }

	#pageMobile #stepMes { height: 60px; background: url(/qr/images/step_ms.png) 135px 0 no-repeat; text-indent: -9999px; }
	#pageMobile #stepNotice { margin-bottom: 30px; text-align: center; }
	.qrcode { display: table; margin: 10px 20px 0 20px; padding-bottom: 10px; width: 714px; background: url(/qr/images/bg.png) left bottom no-repeat; }
	.qrcode .logo { float: left; width: 100px; vertical-align: middle; }
	.qrcode .shop { display: table-cell; float: left; padding-top: 18px; width: 175px; }
	.qrcode .mail { display: table-cell; float: left; padding-top: 18px; width: 184px; text-align: center; }
	.qrcode .msg  { display: table-cell; float: left; padding-top: 28px; width: 130px; text-align: center;}
	.qrcode .code { float: left; width: 85px; height: 85px; vertical-align: middle; background: url(/qr/images/bg_rq.png); }
	.qrcode .code img { display: block; margin: 10px; }*/


	/* モバイルサイト リニューアル告知 */
	#pageMobile .renewal { margin: -20px 15px 15px 15px; padding: 20px 0; border: 1px solid #e8192d; }
	#pageMobile .renewal dt { margin-bottom: 10px; text-align: center; }
	#pageMobile .renewal dd { text-align: center; }
	#pageMobile .renewal dd span { font-size: 14px; font-weight: bold; color: #e8192d; font-family:Arial, Helvetica, sans-serif; }
	#pageMobile .renewal dd.url { margin: 0 15px 15px 15px; padding-bottom: 10px; background: url(../images/common/bg_dot.gif) left bottom repeat-x;  }
	#pageMobile .renewal dd.url a { font-size: 16px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; } 

	
	#pageMobile .list { margin: 10px 20px 15px 20px; padding-bottom: 15px; width: 674px; background: url(../images/common/bg_dot.gif) left bottom repeat-x; }
	#pageMobile .list.last { margin-bottom: 0; background-image: none; }
	#pageMobile .list .logo { float: left; width: 100px; vertical-align: middle; }
	#pageMobile .list .shop { display: table-cell; float: left; width: 574px; }
	#pageMobile .list .shop .brand { margin-bottom: 5px; }
	#pageMobile .list .shop .brand span { color: #e8192d; }
	#pageMobile .list .shop .name { margin-bottom: 5px; }
	#pageMobile .list .shop .name li { float: left; padding-right: 25px; white-space: nowrap; }
	#pageMobile .list .shop .link li { float: left; padding-right: 20px; }
	#pageMobile .list .shop .link li a { padding-left: 10px; color: #c3c3c3; background: url(../images/common/anchor_arrow.gif) left center no-repeat; }




/* History
-------------------------------------------------------------*/
	#pageProfile .message { margin: 0 20px; height: 200px; background: url(/company/images/corporate_text.png) 0 0 no-repeat; text-indent: -9999px; }
	#pageProfile .message p { text-indent: -9999px; }
	#pageProfile  #lowMain h2 { width: 714px; height: 45px; background: url(/company/images/title_history.gif) 0 0 no-repeat;  text-indent: -9999px; }
    .history { position: relative; margin: 0 20px 30px 20px; }
    .history p { position: absolute; top: 0px; left: 487px; }
    .history dt { clear: both; float: left; margin-bottom: 15px; color: #e8192d; width: 45px;  }
    .history dd { float: left; margin-bottom: 15px; width: 629px; }
    .history dd.adjust { width: 425px; }
    .history dl.border { padding-top: 15px; background: url(/images/common/bg_dot.gif) 0 0 repeat-x; }


/* Topics