@charset "shift_jis";

/*

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

*/


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

body.is-fixed #header-banner {
	text-align:center;
}

#header-banner .header-banner-inner{
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:10px 0;
}

#header-banner .header-banner-inner p{
	margin:0;
}

#header-banner .header-banner-inner .hb-box{
	margin:auto;
	display:table;
}

#header-banner .header-banner-inner .hb-box-inner{
	display:table-cell;
	text-align:center;
	border:none;
	vertical-align:top;
}
#header-banner .header-banner-inner .hb-box-inner:first-child {
	border-right:1px solid #fff;
}

#header-banner .header-banner-inner p.hb-txt-se-01{
	margin:0 auto;
	padding:0 10px 0 20px;
}
#header-banner .header-banner-inner p.hb-txt-ipad-01{
	padding:0 20px 0 10px;
	margin:0 auto;
}
#header-banner .header-banner-inner p.hb-txt-se-01 img{
	max-width:239px;
	min-width:100px;	
	width:100%;
}

#header-banner .header-banner-inner p.hb-txt-ipad-01 img{
	max-width:239px;
	min-width:100px;	
	width:100%;
}


#header-banner .header-banner-inner p.hb-btn-reserve-01{
	padding:10px 20px 0;
	margin:0 auto;
}
#header-banner .header-banner-inner p.hb-btn-reserve-01 img{
	max-width:170px;
	min-width:65px;
	width:100%;
}
#header-banner .header-banner-inner p.hb-btn-reserve-01 a:focus{
	outline:dotted 1px #ffffff;
}

#header-banner .header-banner-inner p a#hb-close-smt{
	cursor:pointer;
	vertical-align:top;
	width:27px;
	display:block;
	text-align:left;
/*	padding-right:10px;
	right:10px;
	position:absolute;
	top:10px;*/
}

#header-banner .header-banner-inner p a#hb-close-smt:focus{
	outline:dotted 1px #ffffff;
}