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

/*ヘッダー*/
header{
	width: 1090px;
	height: 105px;
	margin:0 10px;
	padding: 0;
	display: table;
}

header p{
	visibility: hidden;
}

/*ヘッダー左（ロゴエリア）*/
#headArea-L{
	width: 545px;
	display: table-cell;
	vertical-align: top;
}

.logo{
	width: 420px;
	height: 92px;
	margin: 0;
	padding: 0;
	background: url(/img/head/sfp_logo.png) no-repeat 0px 0px;
	background-size: 420px 92px;
}
.logo p{
	width: 420px;
	height: 92px;
}

/*ヘッダー右（サブナビ＆検索エリア）*/
#headArea-R{
	width: 545px;
	display: table-cell;
	text-align: right;
	vertical-align: top;
}

/*サブナビゲーション*/
.navi_sub ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.navi_sub li a{
	width: 136px;
	height: 28px;
	margin: 0 0 10px 0;
	background: url(/img/head/navi_sub.png) no-repeat 0px 0px;
	background-size: auto 28px;
	float: right;
}

/*利用登録*/
.navi_sub .riyou a{
	background-position: 0px 0px;
	background-color: #b1b5b6;
}
.navi_sub .riyou a:hover{
	background-color: #fd7a05;
}

/*ログアウト*/
.navi_sub .logout a{
	background-position: -136px 0px;
	background-color: #cfd3d4;
}
.navi_sub .logout a:hover{
	background-color: #fd7a05;
}

/*検索*/
.searchArea{
	width: 544px;
	margin: 0;
	padding: 0px;
	background: #0066cc;
	display: table;
	border-collapse: separate;
	border-spacing: 3px;
	vertical-align: middle;
	/*border-radius:10px;*/
}

.searchArea .search{
	width:429px;
	height:38px;
	position:relative;
	background-color:#fff;
	border:2px solid #fff;
	/*border-radius:8px;*/
	text-align: left;
	display: table-cell;
}
.searchArea .search input{
	width:429px;
	height:36px;
	background:none;
	border:none;
	font-size: 14px;
	line-height: 1.0;
}

/*詳細検索ボタン*/
.searchArea .search_detail{
	background: #00a0ea url(/img/head/btn_search_detail.png) no-repeat center center;
	background-size: 72px 18px;
	display: table-cell;
	width:98px;
	height:38px;
	vertical-align: middle;
	/*border-radius:8px;
	border: 1px solid #fea803;*/
}
.searchArea .search_detail:hover{
	background-color: #fd7a05;
}

.searchArea .search_detail p{
	visibility: hidden;
	width:98px;
	height:38px;
}


/*ナビゲーションエリア*/
#naviArea{
	height: 48px;
	margin: 0;
	text-align: left;
}

/*ナビゲーション*/
#globalNavi li ul{
	display: none;
}

#globalNavi li:hover ul{
	display: block;
}

#globalNavi p{
	visibility: hidden;
}

.navi_main{
	*zoom: 1;
	list-style-type: none;
	width: 1090px;
	margin: 0 10px;
	padding: 0;
	font-size:0;
}
.navi_main:before, .navi_main:after{
	content: "";
	display: table;
}
.navi_main:after{
	clear: both;
}
.navi_main li{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.navi_main li a{
	background: url(/img/head/navi.png) no-repeat 0px 0px;
	display: block;
	margin: 0;
	padding: 0;
}

/*チケット・アーティストを探す*/
.navi_main li a.mainMenu1 {
	height: 48px;
	width:272px;
	background-position: 0px 0px;
}
.navi_main li a:hover.mainMenu1, .navi_main li a.mainMenu1_on {
	height: 48px;
	width:272px;
	background-position: 0px -48px;
}
.navi_main li:hover > a.mainMenu1 {
	background-position: 0px -48px;
}

/*スペシャル会員限定*/
.navi_main li a.mainMenu2 {
	height: 48px;
	width:274px;
	background-position: -272px 0px;
}
.navi_main li a:hover.mainMenu2, .navi_main li a.mainMenu2_on {
	height: 48px;
	width:274px;
	background-position: -272px -48px;
}
.navi_main li:hover > a.mainMenu2 {
	background-position: -272px -48px;
}

/*お客さまサポート*/
.navi_main li a.mainMenu3 {
	height: 48px;
	width:272px;
	background-position: -546px 0px;
}
.navi_main li a:hover.mainMenu3, .navi_main li a.mainMenu3_on {
	height: 48px;
	width:272px;
	background-position: -546px -48px;
}
.navi_main li:hover > a.mainMenu3 {
	background-position: -546px -48px;
}

/*マイページ*/
.navi_main li a.mainMenu4 {
	height: 48px;
	width:272px;
	background-position: -818px 0px;
}
.navi_main li a:hover.mainMenu4, .navi_main li a.mainMenu4_on {
	height: 48px;
	width:272px;
	background-position: -818px -48px;
}
.navi_main li:hover > a.mainMenu4 {
	background-position: -818px -48px;
}


/*プルダウンメニュー*/
.navi_main li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	font-size:0;
}
.navi_main li ul li{
	width:272px;
	font-size: 14px;
}
.navi_main li ul li a{
	padding: 2px 10px;
	border-top: none;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: #FFF;
	text-align: left;
	text-decoration: none;
	color: #000;
	line-height: 2.2;
}
.navi_main li ul li:hover > a{
	background: #ffe5b4;
}
.navi_main li ul li a:hover{
	background: #ffe5b4;
}
.navi_main * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.navi_main li ul li img{
	width:33px;
	height: auto;
	vertical-align: bottom;
	margin: 0 5px 0 10px;
}