@charset "utf-8";

/* ///////////////////////////////////////////////////////////////////

[contentCoupon]

[unitShopTitle]
[boxRamenDetail]

[containerShop]
[containerCoupon]

[tblShopInfo]

[subShopVoice]
[subShopMenu]

[boxCoupon]
[printButton]
[itemMap]

-- FontSize --
  BASE:  75% (12px)

 SMALL:  83% (10px)
 LARGE: 130% (16px)
XLARGE: 150% (18px)

/////////////////////////////////////////////////////////////////// */

@import url(reset.css);
@import url(common.css);
@import url(module.css);

/* =========================================================
■contentCoupon
========================================================= */
div#contentCoupon div#Main {
	float: none;
	width: 710px;
	margin: 0 auto;
}



/* =========================================================
■unitShopTitle
========================================================= */
div#Container div.unitShopTitle {
	margin: 0 0 10px;
	padding: 10px 0 0;
	background: #EEDD99 url(/img/shop/line_shop_title_01.gif) no-repeat 0 0;
	height: 90px;
}

div#Container div.unitShopTitle div.innerShopTitle {
	padding: 0 0 10px;
	background: url(/img/shop/line_shop_title_02.gif) no-repeat 0 100%;
	background-color: #EEDD99;
	height: 80px;
	width: 950px;
}


/* heading
---------------------------------------- */
div#Container div.unitShopTitle h1 {
	display: table-cell;
	/display: inline; /* Hack for IE6,7 */
	padding: 5px 0px 5px 60px;
	background: url(/img/common/ico_ramen_03.gif) no-repeat 10px 50%;
	vertical-align: middle;
}



/* 10.03.15更新▼---------------------------------------- */

.shopname_left{
	float:left;
	width:80%;
}

.shopname_right{
	float:right;
	width:20%;
	line-height: 170%;
}


div#Container div.unitShopTitle h1.shopname{
	font-weight: bold;
	font-size: 185%;
	width:70%;
}

/*
div#Container div.unitShopTitle h1 span {
	vertical-align: middle;
}
*/

div#Container div.unitShopTitle span.name {
	padding: 0px 0px 10px 60px
}

.area{
	padding:5px 0px 5px 60px;
}
.coupon{
float:right}

/* 10.03.15更新▲---------------------------------------- */


/* ----- width ----- */
div#Container div.unitShopTitle div.detail h1 {
	width: 90%;
	/width: 718px;
}

div#Container div.unitShopTitle div.coupon h1 {
	width: 728px;
	/width: 708px; /* Hack for IE6,7 */
}



/* button
---------------------------------------- */
div#Container div.unitShopTitle p {
	display: table-cell;
	/display: inline; /* Hack for IE6,7 */
	padding: 10px;
	vertical-align: middle;
	float: right;
	text-align: right;
}



/* =========================================================
■boxRamenDetail
========================================================= */
div#Main div.boxRamenDetail {
	width: 710px;
	margin: 0 auto 10px;
	background: url(/img/common/box_common_710_mdl_01.gif) repeat-y 0 0;
}


/* title
---------------------------------------- */
div#Main div.boxRamenDetail div.titleRamen {
	padding: 15px 20px 5px;
	background: url(/img/common/box_common_710_top_01.gif) no-repeat 0 0;
}

div#Main div.boxRamenDetail div.titleRamen * {
	vertical-align: middle;
}

div#Main div.boxRamenDetail div.titleRamen h2 {
	float: left;
	font-weight: bold;
	font-size: 185%;
}

div#Main div.boxRamenDetail div.titleRamen span {
	margin-top: 8px;
	float: left;
	font-weight: normal;
	font-size: 130%;
}

div#Main div.boxRamenDetail div.titleRamen dl {
	float: right;
	padding: 0.2em 0;
	background: url(/img/common/ico_soup_02.gif) no-repeat 0 50%;
	white-space: nowrap;
}

div#Main div.boxRamenDetail div.titleRamen dl dt {
	display: inline;
	margin-left: 20px;
}

div#Main div.boxRamenDetail div.titleRamen dl dd {
	display: inline;
	font-weight: bold;
	font-size: 150%;
}


/* txtLead
---------------------------------------- */
div#Main div.boxRamenDetail p.txtLead {
	padding: 10px 20px;
	background: url(/img/common/box_common_710_line_01.gif) no-repeat 0 0;
	font-weight: bold;
	font-size: 130%;
}


/* innerRamenDetail
---------------------------------------- */
div#Main div.boxRamenDetail div.innerRamenDetail {
	padding: 0 20px 20px;
	background: url(/img/common/box_common_710_btm_01.gif) no-repeat 0 100%;
}


/* pointRamen
---------------------------------------- */
div#Main div.boxRamenDetail div.innerRamenDetail div.pointRamen {
	float: left;
	width: 320px;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.pointRamen p {
	margin: 0 0 10px;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.pointRamen dl dt {
	margin: 0 0 5px;
}


/* infoRamen
---------------------------------------- */
div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen {
	float: right;
	width: 335px;
}


/* ----- utility ----- */
div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl {
	text-align: right;
	margin: 0 0 10px;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl dt {
	display: inline;
	padding: 4px 0;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl dd {
	display: inline;
	padding: 4px 0;
	background-repeat: no-repeat;
	background-position: 0 48%;
	color: #CC0000;
	font-weight: bold;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl dd a {
	font-weight: normal;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl dd.graph {
	margin-right: 5px;
	padding-left: 23px;
	background-image: url(/img/common/ico_graph_01.gif);
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen dl dd.detail {
	padding-left: 37px;
	background-image: url(/img/common/ico_detail_02.gif);
}

/* ----- graph ----- */
div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen p.chart {
	margin-bottom:11px;
}


/* ----- table ----- */
div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table {
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table th {
	padding: 0 6px;
	border: 1px #885533 solid;
	background-color: #FBFFD6;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table th.group {
	padding: 0 2px;
	background-color: #EEDD99;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td {
	padding: 8px 0 0;
	border: 1px #885533 solid;
	background-color: #FFFFFF;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td ul {
	text-align: center;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td ul li {
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	/display: inline; /* Hack for IE6,7 */
	margin: 0 3px 8px;
	/margin: 0 5px 8px; /* Hack for IE6,7 */
	text-align: center;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td ul li img {
	vertical-align:middle;
}

div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td ul li.soupOther {
	background-color:#ffcc33;
}
div#Main div.boxRamenDetail div.innerRamenDetail div.infoRamen table td ul li.soupOther span {
	font-weight:bold;
	
}

/* =========================================================
■containerShop
========================================================= */
div#Main div#containerShop {
	width: 710px;
	margin: 10px auto;
}

div#Main div#containerShop div.unitMap {
	float: left;
	width: 360px;
}

div#Main div#containerShop div.unitMap div.itemMap {
	margin: 0 0 10px;
}

div#Main div#containerShop div.unitMap p {
	margin: 0 0 10px;
	text-align: center;
}

div#Main div#containerShop table {
	float: right;
	width: 340px;
}



/* =========================================================
■containerCoupon
========================================================= */
div#Main div#containerCoupon {
	width: 710px;
	margin: 10px auto;
}

div#Main div#containerCoupon table {
	float: left;
	width: 470px;
}

div#Main div#containerCoupon div#subMobile {
	float: right;
	width: 230px;
	margin: 0;
}



/* =========================================================
■tblShopInfo
========================================================= */
div#Main table.tblShopInfo {
}

div#Main table.tblShopInfo th {
	width: 30%;
	padding: 5px 10px;
	border: 1px #885533 solid;
	background-color: #FFFF99;
}

div#Main table.tblShopInfo td {
	padding: 5px 10px;
	border: 1px #885533 solid;
}

/* =========================================================
■subBotam 100906追加
========================================================= */
div#Sub div#subBotam {
	margin: 5px 0 15px;
	text-align: center;
	background-color: #EFDE9C;
	padding: 10px 0px;
	border: 1px solid #885533;
}
div#Sub div#subBotam p {
	margin-bottom:5px;
}

div#Sub div#subBotam div.innerShopVoice {
	margin: 0;
	padding: 0 0 20px;
	background: url(/img/common/sub_box_btm.gif) no-repeat 0 100%;
}

/* =========================================================
■subShopVoice
========================================================= */
div#Sub div#subShopVoice {
	margin: 5px 0 15px;
	background: url(/img/common/sub_box_mdl.gif) repeat-y 0 0;
}

div#Sub div#subShopVoice div.innerShopVoice {
	margin: 0;
	padding: 0 0 20px;
	background: url(/img/common/sub_box_btm.gif) no-repeat 0 100%;
}

div#Sub div#subShopVoice h3 {
	margin: 0 0 10px;
}

div#Sub div#subShopVoice p {
	margin: 0 10px;
}

div#Sub div#subShopVoice div.shopComment {
	margin: 0 0 10px;
}

div#Sub div#subShopVoice div.shopComment p.comment {
	float: left;
	width: 135px;
	margin: 0;
	padding: 5px 0 0;
	background: url(/img/shop/box_comment_top.gif) no-repeat 9px 0;
}

div#Sub div#subShopVoice div.shopComment p.comment span {
	display: block;
	margin: 0;
	padding: 0 12px 5px 14px;
	background: url(/img/shop/box_comment_btm.gif) no-repeat 9px 100%;
}

div#Sub div#subShopVoice div.shopComment p.pic {
	float: right;
	width: 95px;
	margin: 0;
}

div#Sub div#subShopVoice ul.pic {
	margin: 0 0 10px;
	padding: 12px 0 0 10px;
	background: url(/img/shop/line_comment_01.gif) no-repeat 0 0;
}

div#Sub div#subShopVoice ul.pic li {
	float: left;
}



/* =========================================================
■subShopMenu
========================================================= */
div#Sub div#subShopMemu {
	margin: 0 0 15px;
	background: url(/img/shop/sub_menu_mdl.gif) repeat-y 0 0;
}

div#Sub div#subShopMemu div.innerShopMenu {
	margin: 0;
	padding: 0 15px 40px;
	background: url(/img/shop/sub_menu_btm.gif) no-repeat 0 100%;
}

div#Sub div#subShopMemu ul {
	margin: 0 0 3px;

}

div#Sub div#subShopMemu p {
	margin: 0 0 3px;
}



/* =========================================================
■boxCoupon
========================================================= */
div#Main div#boxCoupon {
	margin: 30px auto 10px;
	background: url(/img/shop/box_coupon_mdl.gif) repeat-y 0 0;
}

div#Main div#boxCoupon div.printCoupon {
	display: none;
}

div#Main div#boxCoupon h3 {
	margin: 10px 28px;
	color: #000000;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
}

div#Main div#boxCoupon h4 {
	margin: 10px 28px;
	color: #CC0000;
	font-weight: bold;
	font-size: 185%;
	line-height: 1.25;
	text-align: center;
}

div#Main div#boxCoupon p {
	margin: 10px 28px;
	color: #000000;
	text-align: center;
}

div#Main div#boxCoupon address {
	margin-left: 1px;
	padding: 10px 28px;
	border-bottom: 1px #000000 solid;
	color: #000000;
}


/* space
---------------------------------------- */
div#Main div#boxCoupon dl {
	margin: 10px 28px;
}

div#Main div#boxCoupon dl dt {
}

div#Main div#boxCoupon dl dd {
	padding: 7px 0;
	background: url(/img/shop/line_coupon_01.gif) no-repeat 0 100%;
}

div#Main div#boxCoupon dl dd ul li {
	float: left;
	color: #000000;
	font-size: 130%;
}

div#Main div#boxCoupon dl dd ul li.name,
div#Main div#boxCoupon dl dd ul li.mail {
	width: 380px;
}


/* space
---------------------------------------- */
div#Main div#boxCoupon ul.note {
	padding: 10px 28px 40px;
	background: url(/img/shop/box_coupon_btm.gif) no-repeat 0 100%;
}



/* =========================================================
■printButton
========================================================= */
div#Main p.printButton {
	margin: 10px auto 30px;
	text-align: center;
}



/* =========================================================
■itemMap
========================================================= */
div#Main div.itemMap {
	margin: 10px auto 15px;
}

div#Main div.itemMap div#Gmap_S {
	margin-bottom:10px;
	border: 1px #000000 solid;
}

div#Main div.itemMap div#GmapStreet_S {
	border: 1px #000000 solid;
}

div#Main div.itemMap div#Gmap_L {
	border: 1px #000000 solid;
	margin-bottom:10px;
}

div#Main div.itemMap div#GmapStreet_L {
	border: 1px #000000 solid;
}


div#Main div.itemMap div#GmapPrint {
	display: none;
}
div#Main div.itemMap div#GmapPrint p#iconRamen {
	display: none;
}



/* =========================================================
■noFlash
========================================================= */

div.noflash {
	background-color:#CCC;
	text-align:center;
	height:100%;
}
div.noflash p {
	padding-top:10px;
}