@charset "utf-8";

/* [structure]
-------------------------------------------------------------- */
body {
	background:url(/newcommon/graphic_files/structure/background_01.gif) repeat;
}

/* [container]
-------------------------------------------------------------- */
div#container {
    ...
    _zoom: 1;
}
div#container {
	margin-left: auto;
	margin-right: auto;
}

/* [wrapper]
-------------------------------------------------------------- */
div#wrapper {
	_height: 1%;
	margin-left: auto;
	margin-right: auto;
	*zoom: 1;
}
div#wrapper:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* [header]
-------------------------------------------------------------- */
div#header {
	min-width:987px;
	background-color:#280c00;
}

/* [global-navigation]
-------------------------------------------------------------- */
div#global-navigation {
	font-size: 0;
	line-height: 0;
	margin:0 auto;
	padding-top:5px;
	width: 980px;
	height:66px;
}
div#global-navigation p {
	padding-top:6px;
	padding-left:45px;
	width: 114px;
	_text-align:left;
}
div#global-navigation p a {
	display: block;
}
div#global-navigation p a img.logo {
	margin-bottom: 8px;
	margin-left: 5px;
}
div#global-navigation p,
div#global-navigation ul {
	float:left;
}
div#global-navigation ul li {
	float:left;
	margin-top: 2px;
}

/* [header-bottom]
-------------------------------------------------------------- */
div#header-bottom {
	position:relative;
	width:980px;
	margin:12px auto 0;
}
div#header-bottom div#topic-path {
	width:770px;
}
div#header-bottom div#share {
	position:absolute;
	top:0;
	right:-3px;
}
div#header-bottom div#share ul {
	margin:0;
	padding:0;
}
div#header-bottom div#share ul li {
	float:left;
	padding-left:4px;
}
div#header-bottom div#share ul li.googleplus {
	*display:none;
}
div#header-bottom div#share ul li iframe.twitter-share-button {
	width:65px !important;
}
div#header-bottom div#share ul div.fb-like {
	_width:30px !important;
}

/* [search]
-------------------------------------------------------------- */
div#global-navigation div.search {
	float:left;
	font-size: 0;
	line-height: 0;
	margin-top: 19px;
	padding-left:21px;
}
div#global-navigation div.search form {
	padding-left: 7px;
	background: url(/newcommon/graphic_files/search/background_01.gif) no-repeat;
	display: block;
	_height: 1%;
	*zoom: 1;
}
div#global-navigation div.search form:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#global-navigation div.search form input {
	float: left;
}
div#global-navigation div.search form input.text {
	background-color: transparent;
	border: 0;
	color: #333333;
	font: 10px/16px "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	height: 15px;
	_height: 19px;
	_he\ight: 15px;
	margin-right: 6px;
	padding: 2px 0;
	width: 120px;
}

/* [topic-path]
-------------------------------------------------------------- */
div#topic-path {
	color: #333333;
	font: 12px/20px "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
div#topic-path ul {
	margin:0 auto;
	text-align:center;
}
div#topic-path ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#topic-path ul li {
	float: left;
	line-height: 16px;
	white-space: nowrap;
}
div#topic-path ul li.current {
	font-weight:bold;
}
div#topic-path ul li a {
	color: #333333;
	text-decoration: underline;
}
div#topic-path ul li a:hover {
	color: #9d7556;
	text-decoration: none;
}

/* [banner]
-------------------------------------------------------------- */
div#banner {
	font-size: 0;
	line-height: 0;
	margin-bottom: 30px;
	margin-left: 6px;
}
div#banner ul li {
	margin-bottom: 6px;
}

/* [body]
-------------------------------------------------------------- */
div#body {
	margin-left: auto;
	margin-right: auto;
	_height: 1%;
	*zoom: 1;
}
div#body:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#body {
	width: 987px;
	margin:22px auto 0;
	padding-top:13px;
	color: #45444c;
	font: 12px/20px "Lucida Grande", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	*font-size: 75%;
	*line-height: 1.7em;
}

/* [local-navigation]
-------------------------------------------------------------- */
div#local-navigation {
	background:url(http://img.mcdonalds.co.jp/menu/common/graphic_files/local_navigation/background_01.gif) repeat-x;
	font-size: 0;
}
div#local-navigation ul {
	margin:0 auto;
	text-align: center;
	width: 980px;
}
div#local-navigation ul li {
	margin-right:10px;
	padding:10px 13px 11px 0;
	background: url(http://img.mcdonalds.co.jp/menu/common/graphic_files/local_navigation/border_01.gif) no-repeat center right;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
div#local-navigation ul li.last-child {
	margin-right:0;
	padding-right:0;
	background:none;
}

/* [sub-local-navigation]
-------------------------------------------------------------- */
div#sub-local-navigation {
	background: #5f2e25 url(http://img.mcdonalds.co.jp/menu/common/graphic_files/local_navigation/background_01.gif) no-repeat;
	bottom: 0;
	_height: 1%;
	left: 0;
	padding-top: 16px;
	position: absolute;
	width: 100%;
	_width: 748px;
}
div#sub-local-navigation div {
	background: url(http://img.mcdonalds.co.jp/menu/common/graphic_files/local_navigation/background_01.gif) no-repeat -1548px 100%;
	padding-bottom: 10px;
	padding-left: 12px;
}
div#sub-local-navigation div ul {
	display: block !important;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0;
}
div#sub-local-navigation div ul li {
	background-image: url(http://img.mcdonalds.co.jp/menu/common/graphic_files/local_navigation/border_01.gif);
}
div#local-navigation ul li.selected div#sub-local-navigation div ul a {
	border-bottom: 0;
	padding-bottom: 2px;
}
div#local-navigation ul li.selected div#sub-local-navigation div ul li a:hover,
div#local-navigation ul li.selected div#sub-local-navigation div ul li.selected a {
	border-bottom: 2px solid #fff;
	padding-bottom: 0;
}

/* [title]
-------------------------------------------------------------- */
div#title,
div#title h1,
div#title h1 img {
	margin:0;
	padding:0;
	font-size: 0;
	line-height: 0;
}
div#title {
	width:780px;
	margin-bottom:16px;
	padding-bottom:10px;
	background:url(/campaign/common/graphic_files/content/background_title_01.gif) repeat-x bottom;
}
div.one-column div#title {
	width:auto;
}
div.body-part div#title {
	background: none;
}

/* [content]
-------------------------------------------------------------- */
div#content {
	_height: 1%;
	*zoom: 1;
}
div#content:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content a,
div#old-content a {
	color: #333333;
	text-decoration: underline;
}
div#content a:visited,
div#old-content a:visited {
	color: #666666;
}
div#content a:hover,
div#old-content a:hover {
	color: #9d7556;
}
div#content.old-layout div#main-area a:hover {
	color: #666666;
}
div#content div#main-area {
	float:left;
	width:788px;
}
div#content div#main-area.one-column {
	width:987px;
}

/* [side-area]
-------------------------------------------------------------- */
div#content div#side-area {
	float:right;
	width:184px;
}
div#content div#side-area dl,
div#content div#side-area dl dd {
	margin:0;
}
div#content div#side-area dl {
	margin-bottom:32px;
}
div#content div#side-area dl dd ul.link {
	margin:0;
}
div#content div#side-area dl dd ul.link li {
	margin-top:12px;
}
div#content div#side-area ul.related-banner {
	margin:0;
}
div#content div#side-area ul.related-banner li {
	margin-bottom:8px;
}
div#content div#side-area dl.cm-gallery dt,
div#content div#side-area dl.related-info dt,
div#content div#side-area dl.related-banner dt {
	margin-bottom:11px;
}

/* [body.popup]
-------------------------------------------------------------- */
body.popup div#global-navigation,
body.popup div#body,
body.popup p.close,
body.popup div.go-pagetop,
body.popup div#footer div {
	width: 787px;
}
body.popup div#global-navigation p {
	padding-left:0;
}
body.popup div#body {
	margin-top:0;
}
body.popup p.close {
	margin:12px auto 0;
	text-align:right;
}
body.popup p.close img {
	border:none;
}
body.popup div#title-area {
	position:relative;
	*height:1%;
}
body.popup div#title-area ul.link {
	position:absolute;
	bottom:5px;
	*bottom:21px;
	right:7px;
}
body.popup div#footer div ul,
body.popup div#footer div address {
    float:right;
}


/* [old-layout]
-------------------------------------------------------------- */
div#content.old-layout div#main-area,
div#old-content.old-layout div#main-area {
	padding-bottom:16px;
	background:url(/newcommon/graphic_files/structure/footer_old-layout_01.gif) no-repeat bottom left;
}
div#content.old-layout div#main-area div.header-part,
div#old-content.old-layout div#main-area div.header-part {
	padding-top:16px;
	background:url(/newcommon/graphic_files/structure/header_old-layout_01.gif) no-repeat top left;
}
div#content.old-layout div#main-area div.body-part,
div#old-content.old-layout div#main-area div.body-part {
	padding-left:16px;
	background:url(/newcommon/graphic_files/structure/background_old-layout_01.gif) repeat-y;
	min-height:610px;
	height:auto !important;
	height:610px;
}
div#content.old-layout div#side-area,
div#old-content.old-layout div#side-area {
	padding-top:3px;
}

/* [go-pagetop]
-------------------------------------------------------------- */
div.go-pagetop {
	width: 980px;
	margin:24px auto 8px;
	text-align:right;
}
div.go-pagetop img {
	border:0;
}

/* [footer]
-------------------------------------------------------------- */
div#footer {
	min-width: 987px;
	background-color:#FFFFFF;
	font-size: 0;
	height: 31px;
	line-height: 0;
	padding-top: 15px;
	_text-align: center;
}
div#footer div {
	margin-left: auto;
	margin-right: auto;
	_text-align: left;
	width: 980px;
	*zoom: 1;
}
div#footer div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#footer div p {
	margin-bottom: 46px;
	margin-left: 490px;
}
div#footer div ul {
	float: left;
	_height: 1%;
	*zoom: 1;
}
div#footer div address {
	margin-left:32px;
	float: right;
}
div#footer div ul.recruit {
	float: right;
}
div#footer div ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#footer div ul li {
	float: left;
	margin-right: 8px;
	padding-right:8px;
	border-right:1px solid #999999;
}
div#footer div ul li.last-child {
	margin-right:0;
	padding-right:0;
	border-right:none;
}