@charset "shift_jis";

/*

information{
	ファイル名 : /css_osp/common/header_banner_pc.css;
	概要 : このCSSファイルはヘッダーバナー用です。;
	サイト名 : NTTドコモのホームページ;
	URL : www.nttdocomo.co.jp/;
	コピーライト : (c) NTT DOCOMO, INC. All Rights Reserved.;
}

*/


#header-banner{
	height:50px;
	width:100%;
	background:#000000;
	color:#ffffff;
	text-align:center;
	z-index:100;
}

body.is-fixed #header-banner {
  position: fixed;
  top: 0;
  left: 0;
}

#header-banner .header-banner-inner{
	width:940px;
	margin:0 auto;
	position:relative;
}
#header-banner .header-banner-inner p{
	margin:0;
	padding:0;
	position:absolute;
	top:11px;
}
#header-banner .header-banner-inner p.hb-txt-se-01{
	left:61px;
}
#header-banner .header-banner-inner p.hb-btn-reserve-01{
	left:299px;
}

#header-banner .header-banner-inner p.hb-btn-reserve-01 a:focus{
	outline:dotted 1px #ffffff;
}

#header-banner .header-banner-inner p.hb-txt-ipad-01{
	left:436px;
}

#header-banner .header-banner-inner p.hb-btn-reserve-02{
	left:755px;
}

#header-banner .header-banner-inner p.hb-btn-reserve-02 a:focus{
	outline:dotted 1px #ffffff;
}


#header-banner .header-banner-inner button#hb-close{
	-webkit-appearance:button;
	border:none;
	background-color:transparent;
	margin:0;
	padding:7px 0 7px 16px;
	position:absolute;
	top:12px;
	right:0;
	cursor:pointer;
	width:68px;
	height:26px;
	border-left:1px solid #ffffff;
}
#header-banner .header-banner-inner button#hb-close:focus{
	outline:dotted 1px #ffffff;
}