@charset "utf-8";

/*ヘッダー周辺*/
/*--------------------------------------------------------------------------------*/
body.ticket{
	background:url(image/header_ticket.gif) repeat-x;
	margin:0;
}

#header_ticket {
	background:url(image/titlehead.jpg) no-repeat;
	height:80px;
	color:white;
}

#header_ticket #header_left{
	float:left;
}

#header_ticket a#logo_ticket{
	text-indent:-10000px;
	background:url(image/logo_ticket.jpg) no-repeat;
	background-position:top left;
	width:417px;
	height:80px;
	display:block;
}

#header_ticket a:hover#logo_ticket{
	background-position:bottom left;
}

#header_ticket #header_right{
	float:right;
}

#header_ticket p{
	padding:5px;
}

#ticket_link_navi{
	width:950px;
	height:60px;
	background-color:#000000;
	background:url(image/header_black.gif) repeat-x;
}

#ticket_link_navi ul{
	padding-top:40px;
	float:right;
}

/*Webkit系で表示がおかしかったので、Webkit系だけ別にしました*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#ticket_link_navi ul{
		padding-top:20px;
	}
}
#ticket_link_navi ul li{
	color:white;
	float:left;
	list-style-type:none;
	display:inline;
}

#ticket_link_navi ul li a{
	display:block;
	text-indent: -10000px;
	height:16px;
	margin: auto 2px;
}

#ticket_link_navi ul li#online_ticket a{
	background:url(image/online_ticket.gif) no-repeat;
	background-position:top left;
	width:126px;
}

#ticket_link_navi ul li#online_ticket a:hover{
	background-position:bottom left;
}

#ticket_link_navi ul li#original_goods a{
	background:url(image/original_goods.gif) no-repeat;
	background-position:top left;
	width:154px;
}

#ticket_link_navi ul li#original_goods a:hover{
	background-position:bottom left;
}

#ticket_link_navi ul li#help a{
	background:url(image/help.gif) no-repeat;
	background-position:top left;
	width:55px;
}

#ticket_link_navi ul li#help a:hover{
	background-position:bottom left;
}

/*ログインフォーム周辺*/
/*--------------------------------------------------------------------------------*/
#ticket_login{
	width:948px;
	border:#cccccc solid;
	border-width: 1px 1px 4px;
	margin:20px auto 30px;
}

#ticket_login form{
	height:110px;
}

#ticket_login form div{
	display:block;
	float:left;
	height:110px;
	width:316px;
	height:100%;
	margin:0;
}

#ticket_login form div div{
	margin:15px auto auto 20px;
	width:320px;

}

.ticket_forms{
	background-image:url(image/flow_back.jpg);
	background-position:top right;
}

#ticket_login form div div p {
	font-size: x-small;
	margin: 3pt auto;
}

/*ログインボタン*/
/*FireFoxではネガティブマージンが効かなかったので、IE用と別にしました*/
#login input{
	margin:0;
	position:relative;
	top: 15%;
	left: 5%;
}

/*IE6用*/
* html #login input{
	margin:0;
	position:relative;
	top: 50%;
	left: 50%;
	margin:-52px -142px;
}

/*IE7用*/
*:first-child+html #login input{
	margin:0;
	position:relative;
	top: 50%;
	left: 50%;
	margin:-52px -142px;
}

/*いろいろ忘れた系*/
/*--------------------------------------------------------------------------------*/
#ticket_forget{
	background:url(image/forget_back.gif) repeat-x;
	height:63px;
}

#ticket_forget ul{
	padding-top:16px;
	width:860px;	/*240*2+320+20*3*/
	margin:auto;
	text-align:center;
}

#ticket_forget ul li{
	list-style-type:none;
	display:inline;
	float:left;
	color:white;
}

#ticket_forget a{
	margin:auto 10px;
	display:block;
	text-indent:-10000px;
	height:24px;
}

#ticket_forget a#foreget_id{
	background:url(image/foreget_id.jpg) no-repeat;
	background-position:top left;
	width:240px;
}

#ticket_forget a:hover#foreget_id{
	background-position:bottom left;
}

#ticket_forget a#foreget_pass{
	background:url(image/foreget_pass.jpg) no-repeat;
	background-position:top left;
	width:240px;
}

#ticket_forget a:hover#foreget_pass{
	background-position:bottom left;
}

#ticket_forget a#forget_id_pass{
	background:url(image/foreget_ip.jpg) no-repeat;
	background-position:top left;
	width:320px;
}

#ticket_forget a:hover#forget_id_pass{
	background-position:bottom left;
}



a#login {
	display:block;
	background:url(../img/partners/tickets_system/btn_r_triangle_roll.jpg) no-repeat;
	background-position:top left;
	width:453px;
	height:54px;
	text-indent:-10000px;
	
}

/*ロールオーバー*/
/*------------------------------------------------------------------------------------*/

#first_time a {
	text-indent:-10000px;
	background:url(image/buyticket_firsttime_roll.jpg) no-repeat;
	background-position:top left;
	width:504px;
	height:57px;
	display:block;

}

#first_time a:hover{
	background-position:bottom left;
}

#first_time{
	display:block;
	text-align:center;
	margin:auto;
	margin-left:auto;
}




/*ログインボタン*/
/*FireFoxではmarginの解釈が違ったので、IE用と別にしました*/

#first_time{
	display:block;
	text-align:center;
	margin:auto;
	margin-left:225px;
}

/*IE6用*/
* html #first_time{
	display:block;
	text-align:center;
	margin:auto;
}

/*IE7用*/
*:first-child+html #first_time{
	display:block;
	text-align:center;
	margin:auto;
}






div .ticket_forms a{
	text-indent:-10000px;
	background:url(image/login_roll.jpg) no-repeat;
	background-position:top left;
	width:184px;
	height:54px;
	display:block;

}

div  .ticket_forms a:hover {
	background-position:bottom left;
}