@charset "shift_jis";
/* CSS Document */

/* =================================================================================

  1.Menu [ Noodles,Takoyaki,Menu ]
  2.Newmenu
  3.Sitemap
  4.Material
  5.Company
  6.Recruit
  7.Shop
  8.Contact
  9.Popup
 
=================================================================================== */

/* =================================================================================

   Menu
 
=================================================================================== */
/*  Noodles
-----------------------------------*/
#Noodles {
	position:relative;
}

#Noodles h3 {
	position:absolute;
	top:180px;
	right:18px;
	font-size:13px;
	line-height:1.6;
	width:202px;
	/*margin: 15px 0 0 15px;*/
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);	/* IE6AIE7‘Ήž */
	-moz-opacity: 0.8;		/* Firefox1.5ˆÈ‘O‘Ήž */
}

*html #Noodles h3 {
	letter-spacing:-0.01em;
}

#NoodlesBigBox{
	background:#fff6cb;
	margin:0 0 10px;
	padding:20px 0;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.NoodlesBox{
	padding-bottom: 20px;
}

.NoodlesBox p{
	padding: 10px 0 5px;
	font-size:13px;
	color:#444;
}

.NoodlesBox p.name{
	background:url(../../images/menu_noodles3.gif) no-repeat;
	padding-left:15px;
	background-position: 0 10px;
}

.NoodlesL{
	float:left;
	width:300px;
	position:relative;
	padding:0 10px 0 25px;
}

.NoodlesR{
	float:right;
	width:300px;
	position:relative;
	padding:0 25px 0 10px;
}

.NoodlesBox  img{
	display:block;
	margin:0 auto;
}

.NoodlesBox  .shop_btn a{
	background: #E60012;
    border-radius: 4px;
    color: #fff;
	border:1px solid #E60012;
    text-align: center;
    padding: 10px 0 8px;
    display: block;
}

.NoodlesBox  .shop_btn a:hover{
	background: #fff;
    color: #E60012;
	text-decoration:none;
}

.startIcon {
	position:absolute;
	top: -5px;
    left: 20px;
	}
	
.NoodlesBox p.title{
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
	    color: #ff0000;
}


.NoodlesBox p.noodle-chuki{
	font-size: 11px;
	line-height: 1.5em;
	padding-top: 0;
}

.NoodlesBox p.noodle_icon{
	position: absolute;
    top: -18px;
    left: 2px;
}

#Noodles .chara {
	position: absolute;
    right: 80px;
    top: -20px;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

#Noodles .chara img {
	width:90px;
}	



/*  Takoyaki
-----------------------------------*/
#Takoyaki {
	position:relative;
	margin-bottom:15px;
}

#Takoyaki h3 {
	position:absolute;
	top:40px;
	left:18px;
	font-size:13px;
	line-height:1.6;
	width:348px;
}

/*#TakoyakiImg {
	position: absolute;
	top:190px;
	left:0px;
}*/

#TakoyakiImg {
	position: absolute;
	/*top:130px;*/
	top:136px;
	left:0px;
}

#TakoyakiOption {
	position: absolute;
	top:410px;
	left:13px;
	font-size:9px;
	color:#444;
}


#Takoyaki .chara {
	position: absolute;
    right: 255px;
    bottom: -12px;
    z-index: 2;
}

#Takoyaki .chara img {
	width:90px;
}


/*  Snack
-----------------------------------*/
#snack {
	position:relative;
	margin-bottom:15px;
}

#snack h3 {
	position:absolute;
	top:20px;
	right:13px;
	font-size:13px;
	line-height:1.6;
	width:348px;
}

#snack h3.txt2{
	position:absolute;
	top:285px;
	right:13px;
	font-size:13px;
	line-height:1.6;
	width:348px;
	border-top: 1px solid;
	padding-top: 14px;
}

#snackInner {
	position: absolute;
	top:355px;
	right:13px;
	width:352px;
	background:#fff;
	/*padding-bottom:14px;*/
	margin-bottom:10px;
}

#snackInner h4 {
	margin-top: -10px;
}

#snackInner .consomme {
	padding:3px 14px 0;
}

#snackInner .consommeL {
	float:left;
	width:153px;
}

#snackInner .consommeR {
	float: right;
	width:155px;
}

#snackInner .consommeR .item {
	background:url(../../images/menu_potato_icon.png) no-repeat;
	padding-left:15px;
	font-size:13px;
	color:#444;
}

#snackInner .consommeR .item span {
	font-size:11px;
	
}

#snackInner .consommeR .line {
	padding: 5px 0;
}

#snackInner .consommeR .consommeCap {
	font-size:10px;
	padding:5px 0 0 0;
	color:#444;
	letter-spacing:-0.3px;
	margin-bottom:8px;
}

#potatoInner {
	position: absolute;
	top: 130px;
	left: 348px;
	width:352px;
	}

#potatoInner .potato {
	width:107px;
	float:left;
	}

#potatoInner .potato p {
	background:url(../../images/menu_potato_icon.png) no-repeat;
	padding-left:15px;
	font-size:13px;
	color:#444;
	}

#potatoInner .potato p span {
	font-size:11px;
	}


#snackOption {
	position: absolute;
	top:410px;
	left:13px;
	font-size:9px;
	color:#444;
}

/* メイン画像横長ver */
#snack2Inner{
	background: #fff6cb;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin: 0 0 20px;
	padding: 20px 30px 20px;
	position: relative;
}

#snack2Inner h3{
	float: left;
	width:270px;
    margin: 0 15px 15px 0;
	font-size: 13px;
}

#snack2Inner .potetoBigBox{
	margin: 0 0 10px;
}

/*#snack2Inner .potetoBox{
	float: right;
}*/

#snack2Inner .potatosize{
	float: left;
}

#snack2Inner .potatosize p {
  	background: url(../../images/menu_potato_icon.png) no-repeat;
    background-position: 1px 3px;
  	padding-left: 15px;
  	font-size: 13px;
  	color: #444;
}

#snack2Inner .newflavor1 {
 	background: url(../../images/menu_poteto_img2.jpg) no-repeat;
  	height: 216px;
  	margin: 35px 0 5px;
}

#snack2Inner .newflavor2 {
 	background: url(../../images/menu_poteto_img.jpg) no-repeat;
  	height: 216px;
  	margin: 35px 0 5px;
}

#snack2Inner .newflavor img {
 	margin: -14px 0 0 260px;
}

#snack2Inner .newflavorInner {
 	padding: 78px 0 0 260px;
    width: 356px;
}

#snack2Inner .newflavorInner p {
  	background: url(../../images/menu_potato_icon.png) no-repeat;
  	background-position: 1px 3px;
  	padding-left: 15px;
  	font-size: 13px;
  	color: #444;
  	line-height: 1.6em;
}

#snack2Inner .newflavorInner p span {
  font-size: 11px;
}

#snack2Inner .newflavorInner p span.poteto_chuki {
    line-height: 1.5em;
    margin-top: 5px;
    display: block;
}

#snack2Inner .popmember_tit {
	margin: 0 auto 8px;
	display: block;
}


#snack2Inner .popmember1 {
	margin-bottom: 10px;
}

#snack2Inner .newmemberBtn {
  	position: absolute;
  	top: 555px;
  	left: 220px;
}


/*  Menu
-----------------------------------*/
#Menu1, #Menu2, #Menu3 {
	width:690px;
	position:relative;
	margin:0 0 20px;
}


/* MenuL */
.MenuL {
	width:335px;
	float:left;
}

.MenuL .softcream_icon{
	top:180px;
	position:absolute;
}

.MenuImg {
	width:167px;
	float:left;
}

.Menutxt {
	width:155px;
	float:right;
}

.Menutxt2 {
	width:335px;
	float:right;
	margin-bottom: 10px;
}

.Menutit {
	font-size:13px;
	color:#E60012;
	border-bottom: dotted 1px #444;
	margin:0 0 8px;
	padding:0 0 8px;
}

.Menutit span {
	font-size:10px;
}

.Description {
	padding:0 0 8px;
}

.Menutxt ul.MenuName ul {
	display:block;
	margin:0 0 10px;
	}

.Menutxt ul.MenuName li {
	background:url(../../images/menu_mark.gif) no-repeat;
	font-size:12px;
	color:#444;
    padding: 0 0 5px 13px;
	}

.MenuOption {
	font-size:9px;
	color:#444;
}

.MenuLOption {
	width:325px;
	border: solid 1px #b28080;
	padding:5px;
	font-size:11px;
	margin-top:3px;
}

/* MenuR */
.MenuR {
	width:335px;
	float:right;
}

#Menu1 .chara {
	position: absolute;
    right: 20px;
    bottom: 50px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
    z-index: 2;
}

#Menu1 .chara img {
	width:95px;
}

.NoodlesCap {
	width: 55%;
	border: 1px solid #e60012;
    background: #fff;
    text-align: center;
    font-size: 10px;
    color: #e60012;
    padding: 5px;
    margin: auto;
	}


/* =================================================================================

   Newmenu
 
=================================================================================== */
.NewmenuOption {
	color:#E60012;
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
}

.not_sell {
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:8px 0;
	background:#E60012;
}

.NewmenuOptionBnr {
	width:170px;
	color:#E60012;
	font-size:11px;
	text-align:center;
	margin-bottom:8px;
	padding:5px 0;
	margin-left:510px;
	background:#FFFFBF;
	border:#F00 solid 1px;
}

#ps2 .NewmenuOptionBnr {
	float: right;
	margin-left: 0
}

.NewmenuOptionBnr2 {
	width:300px;
	color:#E60012;
	font-size:10px;
	text-align:center;
	margin-top:15px;
	padding:3px 0;
	background:#fff;
	border:#F00 solid 1px;
}

.tenpo{
	/*width:490px;*/
	font-size:14px;
	text-align:left;
	margin:0;
	padding:0;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
}

.tenpo td, #PopupBox ul li {
	padding:5px;
	padding-left:20px;
	background:url(../../images/tenpoBtn.gif) no-repeat;
}

.tenpo td {
	width:30%;
}

#PopupBox ul li {
	float: left;
	width: 145px;
}


#Newmenu {
	width:690px;
	background: url(../../images/newmenu_bg.gif) repeat;
	margin-bottom:10px;
	padding-bottom:10px;
	position:relative;
}

#topClick8 { position:absolute; width:269px; top:195px; left:146px;}
#topClick9 { position:absolute; width:265px; top:192px; left:137px;}


#NewmenuL {
	width:269px;
	background:url(../../images/newmenu_txtbg.gif) no-repeat;
	float:left;
	margin-left:10px;
	_margin-left:5px;
}

#NewmenuL img,#NewmenuR img {
	vertical-align: baseline;
}

#NewmenuL p {
	padding:10px 10px 3px 10px;
	color:#444;
}


#NewmenuR {
	width:388px;
	background:url(../../images/newmenu_qualitybg.gif) no-repeat;
	float: right;
	margin-right:10px;
	_margin-right:5px;
	/*letter-spacing:-0.01em;*/
}

#NewmenuR p {
	padding:10px 9px 3px 79px;
	color:#444;
}

#NewmenuR2 {
	width:388px;
	background:url(../../images/newmenu_qualitybg.gif) no-repeat;
	float: right;
	margin-right:10px;
	_margin-right:5px;
	*letter-spacing:-0.01em;
}

#NewmenuR2 p {
	padding:10px 7px 3px 75px;
	color:#444;
}

/* Newmenubtn */
#Newmenubtn {
	width:670px;
	background: url(../../images/newmenu_bg.gif) repeat;
	margin-bottom:10px;
	padding:10px;
}

*html #Newmenubtn {
	width:690px;
}

#Newmenubtn ul {
	width:681px;
}

.Newmenulist{
	padding-top:10px;
}

#Newmenubtn li {
	float:left;
	padding:0;
}

.NewmenuMark {
	background:url(../../images/newmenu_mark.gif) no-repeat;
	padding-left:13px;
	font-size:10px;
	margin-top:5px;
	display:block;
}

.NewmenuMark-1{
	font-size:9px;
	padding-bottom:5px;
	padding-left:14px;
}

.NewmenuMark img {
	vertical-align:middle;
}

/* NewmenuTable */
#NewmenuTable {
	margin-left:10px;
	margin-right:10px;
	width:100%;
	font-size:12px;
	_margin-right:5px;
}

#NewmenuTable table {
	border-collapse:collapse;
	border:0;
}

#NewmenuTable table td{
	border-collapse:collapse;
	vertical-align:top;
}

.NewMenuL{
	background:url(../../images/newmenu_txtbg.gif) no-repeat;
	width:269px;
}

.NewMenuR{
	background: url(../../images/newmenu_qualitybg.gif) no-repeat;
	width:388px;
}

.NewMenuL p {
	padding:10px 10px 3px 10px;
	color:#444;
}

.NewMenuR p {
	padding:10px 9px 3px 79px;
	color:#444;
}

.NewMenuC{
	width:14px;
	height:6px;
	line-height:6px;
}

.NewMenuL2{
	width:269px;
	height:6px;
	line-height:6px;
}

.NewMenuR2{
	width:388px;
	height:6px;
	line-height:6px;
}

.NewMenuL2 img, .NewMenuR2 img { vertical-align:baseline;}


/* 130702 */
#ps1{
	float:left;
	width:353px;

}

#ps2{
	float:right;
	width:337px;

}

/* 150305 */
.NewMenuWide{
	background:url(../../images/newmenu_widebg.gif) no-repeat;
	width:671px;
}

.NewMenuWide .NewMenuWideL {
	float:left;
	width:72px;
	}

.NewMenuWide .NewMenuWideR {
	float:right;
	width:590px;
	}

.NewMenuWide p {
	padding:15px 20px 10px 20px;
	color:#444;
	
}

.NewMenuWide p span {
	font-size:11px;
}

.NewMenuWide2{
	width:671px;
	height:6px;
	line-height:6px;
}


/* モバイルポッポ会員特典 150520 */
#Newmenu .popmember{
	padding: 15px 30px;
  	position: relative;
}

#Newmenu .popmember p{
	color: #E60515;
	font-size: 13px;
	margin-bottom: 15px;
}

#Newmenu .popmember_tit {
	margin: 10px auto 5px;
	display: block;
}

#Newmenu .popmember1{
	margin-bottom: 15px;
}

#Newmenu .newmemberBtn{
  	position: absolute;
  	top: 656px;
  	left: 220px;
}

.NewmenuChara {
	position:relative;
	}

.NewmenuChara .chara {
	position: absolute;
    left: -20px;
    top: 90px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

.NewmenuChara .chara img {
	width:80px;
}

.NewmenuChara .chara2 {
	position: absolute;
    right: -17px;
    bottom: 10px;
    transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
}

.NewmenuChara .chara2 img {
	width:90px;
}


.bar1 {
	display:block;
	width: 100%;
	height: 6px;
	border: 0;
	background:url(/pp/images/material_line_2.jpg) no-repeat;
	}

.newMenu a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	}

.newMenu div {
	margin:0 0 4px;
	}

.newMenu .newMenuSmall {
	order-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	}


/* =================================================================================

   Material
 
=================================================================================== */
/*  MaterialBtn
-----------------------------------*/
#MaterialBtn {
	margin-bottom:15px;
	width:690px;
}

.kodawariNav1{
	width:210px;
	float:left;
	margin-right:15px;
}

.kodawariNav2{
	width:210px;
	float:left;
	margin-left:15px;
	margin-right:15px;
}

.kodawariNav3{
	width:210px;
	float:right;
}

/*  Material
-----------------------------------*/
#Material {
	width:690px;
	position: relative;
	background:#FFF2BF;
    /*overflow: hidden;*/
	box-sizing:border-box;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#MaterialN_h3 {
	position:absolute;
	top: 115px;
	left:401px;
	font-size:15px;
	line-height:1.5;
	width:290px;
}

#MaterialT_h3 {
	position:absolute;
	top: 112px;
	left:425px;
	font-size:15px;
	line-height:1.8;
	width:344px;
}

#MaterialN_h3a_1 {
	position:absolute;
	top:186px;
	left:172px;
	font-size:13px;
	line-height:1.7;
	width:346px;
  	letter-spacing: .5px;

}

#MaterialBox1,#MaterialBox2 {
	width:650px;
    margin: 0 auto 25px;
}

#MaterialBox1 .MaterialBoxInner, #MaterialBox2 .MaterialBoxInner {
	width:650px;
	background:#FFF;
	box-sizing:border-box;
	padding:15px;
}

.MaterialBoxInner h5 {
	display:block;
	text-align:center;
	margin:0 auto 12px;
}

#MaterialBox2 p.title{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.MaterialBoxL {
	width:260px;
	float:left;
}

.MaterialBoxR {
	width:345px;
	float: right;
}

.MaterialBoxR p{
    line-height: 1.7;
}

.MaterialBoxR p span{
	font-size: 14px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #642202;
	margin-bottom: -10px;
}


#Material .chara {
	position: absolute;
    right: -18px;
    top: -12px;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

#Material .chara img {
	width:90px;
}

#Material .chara2 {
	position: absolute;
	left: -18px;
    top: 190px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

#Material .chara2 img {
	width: 80px;
}



/*  oishisa
-----------------------------------*/

#newra-men{
	background-color: #fff;
  	margin: 20px 20px 0;
  	padding: 15px;
}

#menall{
	width:610px;
	_width:640px;
	/*height:100px;*/
	padding:15px 20px;
	/*_padding:0 20px 0 10px;*/
	background:#FFF;
	margin-left:20px;
}

.menleft{
	width:305px;
	float:left;
	margin-bottom: 20px;
}

.menright{
	width:305px;
	float: right;
	margin-bottom: 20px;
}

.menleft2{
	width:250px;
	margin-left:35px;
	margin-top:10px;
}

#Material .renewal_comment{
	margin: 0 20px 20px;
  	padding: 15px;
  	color: red;
  	font-size: 14px;
  	border: 1px solid red;
  	font-weight: bold;
  	letter-spacing: .5px;
  	background: #fff;
}

#Material .renewal_comment span{
  	font-size: 13px;
}

#Material .other_ramen{
  	padding: 10px 0 0;
}

#Material .other_ramen_title{
  	margin: 0 auto 15px;
  	display: block;
}

#Material .ramenBox{
  	display: inline-table;
}


/* =================================================================================

   Sitemap

=================================================================================== */
.Sitemap {
	width:650px;
	position:relative;
	margin:0 0 12px 40px;
	padding:15px 0 0;
}

.Sitemap:after {
	content: "";
    position: absolute;
    display: block;
    background: url(/pp/images/sitemap_line.gif) no-repeat;
    background-size: 100% auto;
    width: 650px;
    height: 3px;
    left: 0;
	bottom:-15px;
}


.Sitemap p {
	background:url(../images/linkmark_site.gif) no-repeat;
	font-size:13px;
	padding:0 0 0 13px;
	margin:0 0 3px;
}

.Sitemap img {
	vertical-align:middle;
}

.SitemapLine { padding-top:10px; padding-bottom:10px;}

/* =================================================================================

   Shop

=================================================================================== */
#Shop {
width:690px;
}

#Shop #MaterialBtn {
margin-bottom: 25px;
}

#Shop ul li {
border-radius: 3px;        /* CSS3‘ˆÄ */
-webkit-border-radius: 3px;    /* Safari,Google Chrome—p */ 
-moz-border-radius: 3px;   /* Firefox—p */
border: solid orange 2px;
padding: 14px 0;
font-size: 120%;
text-align: center;
background: #fff0bd;
font-weight: bold;
}

#Shop ul li.on {
background: orange
}

#Shop ul li.on a {
color: white
}

/* =================================================================================

   Company

=================================================================================== */
#Company {
	width:690px;
}

#Company table {
	border-collapse:collapse;
	border:solid #E60012 1px;
	width:100%;
	margin-top:5px;
}

#Company table th{
	border-collapse:collapse;
	border:solid #E60012 1px;
	font-weight:bold;
	color:#E60012;
	background-color:#FFEEEE;
	white-space:nowrap;
	width:25%;
	text-align: left;
}

#Company table td{
	border-collapse:collapse;
	border:solid #E60012 1px;
	background-color:#FFFFFF;
	width:75%;
	color:#444;
}

#Company table th,
#Company table td{
	padding:10px;
	border:solid #E60012 1px;
	font-size:12px;
	line-height:1.6;
}

#CompanyL {
	float:left;
	width:80%;
}

#CompanyR {
	float: right;
	width:20%;
}

.CompanyOption{
	text-align:right;
	font-size:10px;
}

/*  Map
-----------------------------------*/
#MapBox {
	width:500px;
	background:#FFFEE6;
	padding:10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#MapBox h1 {
	padding-bottom:10px;
	background:url(../../images/company_map_tit.gif) no-repeat;
	color:#E60012;
	font-size:14px;
	font-weight:bold;
	height:30px;
	text-align:left;
	padding-left:25px;
	padding-top:5px;
}

.MapP {
	padding-top:10px;
	text-align:left;
	font-size:11px;
	color:#444;
}

.close { margin-top:10px;}


/* =================================================================================

   Recruit

=================================================================================== */
#Recruit {
	position:relative;
}

#RecruitP {
	position: absolute;
	top:30px;
	left:0px;
	line-height:1.7;
}

#Recruit table {
	border-collapse:collapse;
	border:solid #E60012 1px;
	width:100%;
	margin-top:5px;
}

#Recruit table th{
	border-collapse:collapse;
	border:solid #E60012 1px;
	font-weight:bold;
	color:#E60012;
	background-color:#FFEEEE;
	white-space:nowrap;
	width:25%;
	text-align: left;
}

#Recruit table td{
	border-collapse:collapse;
	border:solid #E60012 1px;
	background-color:#FFFFFF;
	width:75%;
	color:#444;
}

#Recruit table th,
#Recruit table td{
	padding:10px;
	border:solid #E60012 1px;
	font-size:12px;
	line-height:1.6;
}

#RecruitL {float:left; width:70%;}
#RecruitR {float: right; width:30%;}
.RecOption{font-size:8px;}


/* =================================================================================

   Shop

=================================================================================== */
#Shop {
	position:relative;
}

#ShopP {
	position: absolute;
	top:100px;
	left:0px;
	line-height:1.7;
}

#Shop2 {
	position:relative;
	margin-top:10px;
}

#Shop2txt1 {
	position:absolute;
	top:108px;
	left:41px;
	color:#444;
	width:162px;
	font-size:11px;
	line-height:1.5;
}

#Shop2txt2 {
	position:absolute;
	top:198px;
	left:260px;
	color:#444;
	width:162px;
	font-size:11px;
	line-height:1.5;
}

#Shop2txt3 {
	position:absolute;
	top:117px;
	left:492px;
	color:#444;
	width:162px;
	font-size:11px;
	line-height:1.5;
}

#ShopBtn{
	margin-top:10px;
	text-align:center;
}


/* =================================================================================

   Contact

=================================================================================== */
/*  QandA
-----------------------------------*/
.QandA_q {
	background:url(../../images/qanda_1.gif) no-repeat;
	color:#FF6672;
	font-size:13px;
	margin-bottom:5px;
	padding-left:23px;
}

.QandA_a {
	position:relative;
	background:url(/pp/images/qanda_2.gif) no-repeat;
	color:#444;
	font-size:12px;
	line-height:1.5;
	padding:0 0 25px 23px;
	margin: 0 0 5px;
}

.QandA_a:after {
    content: "";
    position: absolute;
    display: block;
    background: url(/pp/images/qanda_line.gif) no-repeat;
    background-size: 100% auto;
    width:690px;
    height: 15px;
    left: 0;
	bottom:0;
}



/*  Contact
-----------------------------------*/
#Contact {
	background:#FFEEEE;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	box-sizing:border-box;
	margin:15px 0 0;
	padding: 20px 0;
}

#Contact h3 {
	display:block;
	text-align:center;
}

.Contacttxt {
	font-size:14px;
	text-align:center;
	padding:15px 0;
	line-height:1.5;
}

#ContactBtn {
	width:608px;
	margin:auto;
}

#ContactBtn ul {
	margin-bottom:15px;
}

#ContactBtn li {
	float:left;
	margin-right:29px;
}

#ContactBtn li:last-child {
	margin-right:0 !important;
}

.ContactNotes1 {
	background:url(/pp/images/contact_line.gif) no-repeat;
	background-position:bottom;
	color: #CC0000;
	text-align:center;
	padding: 0 0 30px;
    margin: 0 0 5px;
}

.ContactNotes2 {
	background:url(../../images/contact_mark.gif) no-repeat;
	color: #444;
	padding-left:10px;
	margin-bottom:5px;
	font-size:11px;
}

.ContactNotes3 {
	color: #444;
	margin-top:5px;
	font-size:11px;
	text-align: right;
}

/* =================================================================================

   Popup

=================================================================================== */
#PopupCopy {
	text-align:center;
	font-size:10px;
	margin-top:15px;
}

#Popup {
	width:100%;
	background: url(../../images/popup_bg.gif) repeat-x;
	text-align: center;
}

#PopupBox {
	width:550px;
	background:#FFFEE6;
	padding:10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#Popup_h1 {
	padding-bottom:10px;
	background: url(../../images/popup_h1.gif) no-repeat;
	color:#E60012;
	font-size:14px;
	font-weight:bold;
	height:25px;
	text-align:left;
	padding-left:35px;
	padding-top:3px;
}

#PopupMenu_h1 {
	padding-bottom:10px;
	background: url(../../images/popup_menu_h1.gif) no-repeat;
	color:#E60012;
	font-size:14px;
	font-weight:bold;
	height:25px;
	text-align:left;
	padding-left:35px;
	padding-top:3px;
}

/* 2行以上 */
#Popup_h1a {
    background: url(../../images/iconStar.png) no-repeat left 4px, url(../../images/line.png) no-repeat bottom;
    color: #E60012;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    padding: 3px 0 20px 40px;
}
/* 2行以上 */

.Popup_not_sell {
	background:#E60012;
	color:#fff;
	padding: 5px;
	font-size: 14px;
	margin:0 auto;
	text-align:center;
}

.PopupP {
	padding-top:8px;
	text-align:left;
	font-size:11px;
	color:#444;
}

.PopupP2 {
	text-align:left;
	font-size:11px;
	color:#444;
}

.PopupP3 {
	padding-bottom:6px;
	text-align:left;
	font-size:11px;
	color:#444;
}

.PopupP4 {
	margin: 0 0 5px -5px;
}

p.txt1 {
	position:absolute;
	top: 536px;
    left: 46px;
    width: 226px;
    text-align: left;
    font-size: 10px;
}

p.txt2 {
	position:absolute;
	top: 536px;
    left: 298px;
    width: 226px;
    text-align: left;
    font-size: 10px;
}

p.txt3 {
    padding:10px 36px;
    text-align: left;
    font-size: 11px;
}

/*  Mobile
-----------------------------------*/
#Mobile {
	position:relative;
}

#Mobile_news{
	position: absolute;
	top: 166px;
	left: 33px;
	color: #000;
	width: 488px;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 0.5px;
}

#Mobile_1{
	position:absolute;
	top:169px;
	left:94px;
	color:#FF3300;
	border: solid 1px #FF3300;
	background:#FFFFFF;
	padding:6px;
	font-weight:bold;
}

#Mobile_2{
	position:absolute;
	top:205px;
	left:94px;
	color:#444;
	width:295px;
	text-align:left;
	font-size:11px;
}

#Mobile_3{
	position:absolute;
	top:260px;
	right:150px;
	color:#E60012;
	text-align: right;
	font-size:9px;
}

#newMobile_1{
	position:absolute;
	top:338px;
	left:103px;
	color:#000;
	width:295px;
	text-align:left;
	font-size:11px;
	letter-spacing: -0.1px;
}

#newMobile_2{
	position:absolute;
	top:412px;
	left:103px;
	color:#000;
	width:295px;
	text-align:left;
	font-size:11px;
	letter-spacing: -0.1px;
}

#newMobile_3{
	position:absolute;
	top:576px;
	left:145px;
	width:295px;
	text-align:left;
	font-size:22px;
}

#newMobile_3 a{
	color:#ec0000;
}

/*  NanacoShop
-----------------------------------*/
#NanacoShop {
	background:#FFFFFF;
	padding-bottom:15px;
}

#Nanacotit {
	background:#FF6600;
	width:310px;
	padding:5px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

.NanacoOption {
	font-size:11px;
	text-align:right;
	margin-bottom:5px;
	color:#444;
	margin-right:15px;
}

#NanacoShopT{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:8px;
	line-height:1.6;
	color:#444;
	text-align:left;
}

/*  Event
-----------------------------------*/
#EventBox {
	width:850px;
	background:#FFFEE6;
	padding:10px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#Event_h1 {
	padding-bottom:10px;
	background: url(../../images/popup_h1_2.gif) no-repeat;
	color:#E60012;
	font-size:14px;
	font-weight:bold;
	height:25px;
	text-align:left;
	padding-left:35px;
	padding-top:3px;
}

#Event1_h1 {
	padding-bottom:10px;
	background: url(../../images/popup_h1_4.gif) no-repeat;
	color:#E60012;
	font-size:14px;
	font-weight:bold;
	height:27px;
	text-align:left;
	padding-left:35px;
	padding-top:3px;
}

#Shop_h3 {
	color:#E60012;
	font-size:15px;
	font-weight:bold;
	text-align:left;
}

/*  dessert popup
-----------------------------------*/

.popupShop1{
	width:690px;
	height:42px;
	text-align:left;
	padding:13px 0 0 110px;
	margin-top:15px;
	_margin-bottom:5px;
	background:url(../../images/popup_shopbtn.gif) no-repeat;
}

.popupShop2{
	width:690px;
	height:60px;
	text-align:left;
	padding:15px 0 10px 110px;
	_margin-bottom:5px;
	background:url(../../images/popup_shopbtn2.gif) no-repeat;
}


/* =================================================================================

   NewmenuRe
 
=================================================================================== */
#NewmenuRe {
	width:690px;
	background: #ffecee;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	margin:0 auto 10px;
	padding: 0 0 10px;
	}

#NewmenuRe h3 img {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	}

#NewmenuRe .NewmenuReInner {
	width:671px;
	position:relative;
	background:url(/pp/images/newmenu_widebg-c.gif) repeat;
	box-sizing:border-box;
	margin: 5px auto 0;
	}

#NewmenuRe .NewmenuReInner:before {
	content: "";
    position: absolute;
    display: block;
    background: url(/pp/images/newmenu_widebg-a.gif) no-repeat;
    background-size: 100% auto;
    width: 671px;
    height: 9px;
	top:0;
	left:0;
    z-index: 3;
	}

#NewmenuRe .NewmenuReInner:after {
	content: "";
    position: absolute;
    display: block;
    background: url(/pp/images/newmenu_widebg_b.gif) no-repeat;
    background-size: 100% auto;
    width: 671px;
    height: 6px;
	left:0;
	bottom:0;
    z-index: 3;
	}

#NewmenuRe .NewmenuReInner h4 {
	position: absolute;
    top: -5px;
    left: 15px;
	z-index: 5;
	}

#NewmenuRe .NewmenuReInner .NewmenuReCopy {
	width: 82%;
	color: #444;
	line-height: 1.6em;
    padding: 20px 0 20px 100px;
	}

#NewmenuRe .NewmenuReInner .NewmenuReCopy span {
    border-top: 1px #ccc dotted;
    display: block;
    padding: 8px 0 0;
    margin: 8px 0 0;
	}

#NewmenuRe .NewmenuReInner .NewmenuReCopy .NewmenuReCopyLink {
	display: block;
	color:#E60012;
	padding:5px 0 0;
	}
	

/* ------------ NewmenubtnRe ------------ */
#NewmenubtnRe ul {
	width:690px;
	display:block;
	background: #ffecee;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-sizing:border-box;
	padding:10px 5px 0;
	margin:auto;
	}

#NewmenubtnRe ul li {
	width:126px;
	float:left;
	padding:0 5px 5px 5px;
	}

#NewmenubtnRe ul li a span {
	background:url(/pp/images/newmenu_mark.gif) no-repeat;
	display:block;
	font-size:10px;
	margin:5px 0 0;
	padding:0 0 0 10px;
	}

#NewmenubtnRe ul li a {
	display:block;
	}

#NewmenubtnRe ul li a:hover {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	}