@charset "utf-8";

/*===================================================
*
*	Page Theater Top Page Style CSS
*	Site https://www.unitedcinemas.jp
*
====================================================*/

/* mail
----------------------------------------------------*/
.main {
	width:690px;
	float:left;
}

.mail ul.contentsTub{
	width:400px;
	float:left;
}

.mail ul.contentsTub li {
	float:left;
	height:57px;
	margin-right:5px;
	position:relative;
	width:186px;
}

.mail ul.contentsTub li img {
	bottom:0;
	left:0;
	position:absolute;
}

.mail div.mailContent{
	background-color:#fafafa;
	width:870px;
	margin:10px 0 0 10px;
	padding:20px 0;
	border:#CCC 1px solid;
}

.mail div.mailContent .aboutMail{
	background-color:#dddddd;
	width:830px;
	margin:10px 0 0 20px;
	padding:10px 0;
	position:relative;
}

.mail h4{
	margin:0;
	padding:0 0 0 30px;
}

.mail p.mailGuide{
	text-align:center;
}

.mail ul.mail{
	margin:0;
	padding:10px 0 0px 90px;
	position:relative;
}

.mail ul.mail li{
	margin:0 0 10px 0;
	padding:5px 0 5px 0px;
}

.mail ul.mail li input{
	width:135px;
	background:#fff;
	padding-left:1px;
	margin-left:10px;
	position:relative;
}

.mail ul.mail li label{
	display:inline;
	vertical-align:top;
	padding-top:3px;
}

.mail ul.mail li label img{
	padding-top:5px;
	vertical-align:top;
}

.mail p.loginSubmit{
	position:absolute;
	top:55px;
	left:390px;
	padding-right:30px;
	border-right:#000 3px solid;
}

.mail ul.passwdHelp{
	position:absolute;
	top:50px;
	left:570px;
}

.mail ul.passwdHelp li{
	margin:0;
	padding:5px 0 3px 20px;
	background:url(../image/mail-entry/arrow.gif) left center no-repeat;
}

.mail p.guidelogin{
	width:660px;
	margin:0;
	padding:0 0 0 85px;
}

.mail p.csBtn{
	text-align:center;
	margin:0;
	padding:20px 0 0 0;
}

.mail .pointContent .about2point{
	margin:10px 0 20px;
	padding:10px 0;
	position:relative;
}

.mail h5{
	margin:0;
	padding:20px 0 0 30px;
}

.mail .about2point{
	background-color:#dddddd;
	width:830px;
	height:510px;
	margin:10px 0 0 20px;
	padding:10px 0;
	position:relative;
}

.mail h6{
	text-align:center;
}

.mail p.mail3use{
	text-align:center;
	padding-top:10px;
}

.mail ul.howUse{
	margin:0 0 0 30px;
	padding-top:10px;
}

.mail ul.howUse li{
	float:left;
	margin:0;
	padding:0 20px 0 20px;
}

.mail p.recommendMail{
	clear:both;
	text-align:center;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
}

.mail p.attentionUse{
	margin:0;
	padding:20px 0 0 30px;
}

.mail p.attentionText{
	margin:0;
	padding:10px 0 0 30px;
}


/* joyfulmember
----------------------------------------------------*/
.joyfulmember ul.contentsTub{
	width:400px;
	float:left;
}

.joyfulmember ul.contentsTub li {
	float:left;
	height:57px;
	margin-right:5px;
	position:relative;
	width:186px;
}

.joyfulmember ul.contentsTub li img {
	bottom:0;
	left:0;
	position:absolute;
}

.mail div.mailContent{
	background-color:#fafafa;
	width:870px;
	margin:10px 0 0 10px;
	padding:20px 0;
	border:#CCC 1px solid;
}

.joyfulmember h3.fla{
	text-align:center;
}

.joyfulmember div.loginArea{
	background-color:#f0f0f0;
	border:#999 1px solid;
	width:780px;
	margin:20px 0 0 55px;
	padding:10px 0;
	position:relative;
}

.joyfulmember h4.csGuideText{
	text-align:center;
	padding-top:5px;
}

.joyfulmember ul.logIn{
	margin:0;
	padding:10px 0 0px 180px;
	position:relative;
}

.joyfulmember ul.logIn li{
	margin:0 0 10px 0;
	padding:5px 0 0px 0px;
}

.joyfulmember ul.logIn li input{
	width:135px;
	background:#fff;
	padding-left:1px;
	margin-left:10px;
	position:relative;
}

.joyfulmember ul.logIn li label{
	display:inline;
	vertical-align:top;
	padding-top:3px;
}

.joyfulmember ul.logIn li label img{
	padding-top:5px;
	vertical-align:top;
}

.joyfulmember p.loginSubmit{
	position:absolute;
	top:100px;
	left:500px;
	padding-right:30px;
}

.joyfulmember ul.passwdHelp{
	margin:0 0 0 220px;
	padding:0;
}

.joyfulmember ul.passwdHelp li{
	float:left;
	margin:0;
	padding:0 20px 0 10px;
	background:url(../image/mail-entry/arrow_red.gif) left center no-repeat;
}

.joyfulmember p.rememberMe{
	clear:both;
	position:absolute;
	top:160px;
	left:540px;
}