@charset "utf-8";

/* Initialization
--------------------------------------------------*/
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin: 0;padding: 0;outline: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
body {font-size: 12px;line-height: 1;-webkit-text-size-adjust: none;font-family: "メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;color:#333;background:url(../img/bg_body.png);background-size: 8px; padding-bottom:20px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
del {text-decoration: line-through;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff0;color: #000;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
input, textarea, select {font-family: inherit;font-weight: inherit;font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {vertical-align: top;}

/* clearfix
--------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;overflow:hidden;}

/* mouseover
--------------------------------------------------*/
a:hover img.over,a:focus img.over {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}

/* link
--------------------------------------------------*/
a:link,
a:active,
a:visited {
	color: #06c;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #06c;
	text-decoration: none;
}


/* 汎用
--------------------------------------------------*/
.red {
	color: #FF0033;
}
.txtC {
	text-align: center;
}

/*ボタン*/
.btn {
	display: block;
	position: relative;
	margin: 10px auto;
	width: 280px;
}
.btn.btnPink {
	width: 300px;
}
	.btn input,
	.btn a {
		display: block;
		border: none;
		border-radius: 5px;
		padding: 12px 0;
		width: 100%;
		text-align: center;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		line-height: 22px;
		font-weight: bold;
	}
	.btnPink input,
	.btnPink a {
		background: url(../img/bg_pink.png);
		background-size: 8px;
	}
	.btnGold a {
		background: url(../img/bg_gold.png) ;
		background-size: 8px;
	}
	.btnSilver a {
		background: url(../img/bg_silver.png);
		background-size: 8px;
		padding: 8px 0;
	}
	.btn.arrow:after {
		content: "";
		display: block;
		width: 22px;
		height: 22px;
		background: url(../img/ico_button.png);
		background-size: cover;
		position: absolute;
		right: 10px;
		top: 50%;
		margin: -11px 0 0;
	}
	.btn.login a:before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 16px;
		background: url(../img/ico_login.png);
		background-size: cover;
		margin: -4px 5px 0 0;
		vertical-align: middle;
	}
	.btn.movie a:before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 12px;
		background: url(../img/ico_movie.png);
		background-size: cover;
		margin: -4px 5px 0 0;
		vertical-align: middle;
	}

/* header
--------------------------------------------------*/
header {
	background: url(../img/bg_header.png);
	background-size: 8px;
	padding: 15px 10px;
}
	header h1 {
		text-align: center;
	}
	header .message {
		margin: 10px auto 0;
		width: 300px;
	}
		header .message div {
			background: url(../img/bg_header_middle.png) repeat-y;
			background-size: 100% auto;
		}
		header .message:before {
			content: "";
			display: block;
			width: 300px;
			height: 15px;
			background: url(../img/bg_header_top.png);
			background-size: 100% auto;
		}
		header .message:after {
			content: "";
			display: block;
			width: 300px;
			height: 15px;
			background: url(../img/bg_header_bottom.png);
			background-size: 100% auto;
		}
		header .message h2 {
			color: #D1A51E;
			font-size: 16px;
			text-align: center;
		}
		header .message p {
			padding: 10px 11px 0;
			line-height: 1.6;
		}

	header .mypage {
		margin: 10px auto 0;
		width: 300px;
		background: #fff;
		border: 3px dotted #FF7BB0;
	}
		header .mypage h2 {
			color: #FF7AB0;
			font-size: 16px;
			margin: 20px 10px 0 10px;
		}
		header .movie .name {
			margin: 10px;
			font-size: 14px;
		}
		header .movie select {
			-webkit-appearance:button;
			-moz-appearance:button;
			appearance:button;
			border-radius: 5px;
			border: 1px solid #EDEDED;
			padding: 10px 20px 10px 4px;
			background: url(../img/ico_selectbox.png) 192px center no-repeat #ffffff;
			background: url(../img/ico_selectbox.png) 192px center no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
			background: url(../img/ico_selectbox.png) 192px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
			background: url(../img/ico_selectbox.png) 192px center no-repeat, -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
			background: url(../img/ico_selectbox.png) 192px center no-repeat, linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
			background-size: 20px 20px, auto;
			width: 220px;
		}
		header .movie h2 {
			font-size: 14px;
		}
		header .movie hr {
			margin: 30px 8px 20px;
		}
		header .movie input.txt {
			border: 1px solid #FF7BB0;
			background: #fff;
			margin: 5px auto;
			padding: 8px 5px;
			width: 265px;
			display: block;
		}
		header .movie input.pass {
			width: 130px;
			margin: 5px auto 5px 10px;
			float: left;
		}
		header .movie .btnPink {
			width: 130px;
			float: right;
			margin: 0 10px 0 0;
		}
		header .movie .btnPink input {
			width: 130px;
			float: right;
			margin: 5px 0 0;
			padding: 6px 0;
		}
		header .movie .btnSilver {
			margin: 0 auto;
		}
		header .movie p.read {
			margin: 10px;
			line-height: 1.6;
			font-size: 12px;
		}
		header .movie p.warning {
			margin: 0 10px;
			line-height: 1.6;
			font-size: 16px;
			color: #f03;
		}

	header .banner {
		margin: 20px auto 10px;
		width: 300px;
		background: #fff;
	}

/* alert
--------------------------------------------------*/
#alert {
}
	#alert .success {
		margin: 10px 18px;
		font-size: 16px;
		padding: 10px 16px 8px;
		border: 2px solid #496;
		color: #496;
	}
	#alert .warning {
		margin: 10px 18px;
		font-size: 16px;
		padding: 10px 16px 8px;
		border: 2px solid #f80;
		color: #f80;
	}
	#alert .danger {
		margin: 10px 18px;
		font-size: 16px;
		padding: 10px 16px 8px;
		border: 2px solid #f03;
		color: #f03;
	}

/* main
--------------------------------------------------*/
#content {
	line-height: 1.6;
}
	#content h1 {
		background: url(../img/bg_pink.png);
		background-size: 8px;
		color: #fff;
		padding: 10px;
		font-size: 13px;
		line-height: 19px;
	}
	#content h1.mail:before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 19px;
		background: url(../img/ico_mail.png);
		background-size: cover;
		margin: 0 10px 0 0;
		vertical-align: middle;
	}
	#content h1.login:before {
		content: "";
		display: inline-block;
		width: 12px;
		height: 16px;
		background: url(../img/ico_login.png);
		background-size: cover;
		margin: -2px 10px 0 0;
		vertical-align: middle;
	}
	#content h2 {
		background: #94845C;
		color: #fff;
		padding: 10px;
		font-size: 13px;
		line-height: 1;
	}
		#content h2 span {
			color: #FF0033;
		}
		#content h2.editform {
			margin-top: 80px;
		}
	#content p.name {
		color: #FF7AB0;
		font-size: 16px;
		padding: 10px 10px 15px;
	}
	#content p.attention {
		font-size: 10px;
		padding: 0 10px 10px;
	}
	#content p.warning {
		font-size: 16px;
		padding: 0 10px 10px;
		color: #F03;
	}
	#content p.accept {
		text-align: center;
	}
	#content input.txt {
		border: 2px solid #94845C;
		background: #fff;
		margin: 10px 2%;
		padding: 8px 1%;
		width: 93%;
		display: inline-block;
	}
	#content select {
		margin: 10px 2%;
		-webkit-appearance:button;
		-moz-appearance:button;
		appearance:button;
		border-radius: 5px;
		/*border: 1px solid #EDEDED;*/
		border: 2px solid #94845C;
		padding: 10px 20px 10px 4px;
		background: url(../img/ico_selectbox.png) 192px center no-repeat #ffffff;
		background: url(../img/ico_selectbox.png) 192px center no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%);
		background: url(../img/ico_selectbox.png) 192px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
		background: url(../img/ico_selectbox.png) 192px center no-repeat, -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
		background: url(../img/ico_selectbox.png) 192px center no-repeat, linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
		background-size: 20px 20px, auto;
		width: 220px;
	}
	#content textarea {
		border: 2px solid #94845C;
		background: #fff;
		margin: 10px 2%;
		padding: 8px 1%;
		width: 93%;
		display: inline-block;
	}
	.terms {
		border-top: 1px solid #E6E4DE;
		padding: 10px;
		font-size: 10px;
	}
		.terms div {
			background: #fff;
			padding: 10px;
			box-shadow: #ccc 2px 2px 1px -1px inset;
			height: 100px;
			overflow: auto;
		}
	.linkList {
		margin: 10px;
	}
		.linkList li {
			margin: 0 0 10px;
		}
	.news {
		background: #fff;
		padding: 10px;
	}
		.news dt {
			border-bottom: 1px dotted #B0B0B0;
			font-size: 15px;
			color:#FF7AB0;
		}
			.news dt time {
				display: block;
				font-size: 11px;
				color: #333;
			}
		.news dd {
			padding: 7px 0 0;
		}