@charset "utf-8";

/* -------------------------------------------------------
	webronza.asahi.com purchase css
    last update 2014.10.16  Ver 1.00
------------------------------------------------------ */

/* ---------------------------------------
   layout
--------------------------------------- */
#container #containerInner {
	width: 670px;
}
#contents {
	float: none;
	width: auto;
	padding: 30px;
}
#Footer {
	padding-bottom: 30px;
}


/* ---------------------------------------
   contents
--------------------------------------- */
#contents {
	text-align: center;
}
#contents div.pageTitle {
	margin: 0 0 20px;
}
#contents div.pageTitle .title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
#contents a {
	color: #46678c;
}
#contents a:hover {
	color: #4477a5;
}
#contents h2 {
	font-size: 15px;
	line-height: 1.3;
	color: #fff;
	margin: 25px 0 15px;
	padding: 10px;
	background: #4b555f;
	text-align: left;
}
#contents h3 {
	font-size: 14px;
	line-height: 1.3;
	margin: 0 0 15px;
	text-align: left;
}
#contents p {
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 15px;
}
#contents ul {
	margin: 0 0 15px;
}
#contents li {
	font-size: 14px;
}
#contents ul.iconList li {
	line-height: 1.7;
	margin: 0 0 10px;
	padding: 0 0 0 15px;
	background: url(/static/images/common/icon_list.gif) no-repeat left 0.5em;
}
#contents ul.Error {
	font-size: 14px;
	margin: 20px 0;
	padding: 10px 15px;
	background: #faeaea;
	text-align: left;
}
#contents ul.Error li {
	color: #cc3333;
	line-height: 1.5;
	margin: 0;
	padding: 2px 0 2px 20px;
	background: url(/static/images/auth/icon_important.gif) no-repeat left 5px;
}
#contents ul.Lnk {
	font-size: 14px;
}
#contents ul.Lnk li {
	margin: 5px 0;
}
#contents ul.Lnk li a {
	padding: 0 0 0 15px;
	background: url(/static/images/common/icon_arrow.gif) no-repeat left center;
	text-decoration: underline;
}
#contents ul.Lnk li .LnkBox {
	display: inline-block;
	margin: 10px 0 0;
}
#contents ul.Lnk li .LnkBox a {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	color: #4b555f;
	padding: 10px 10px 10px 25px;
	background: #f3f4f5 url(/static/images/common/icon_arrow.gif) no-repeat 10px center;
	border: 1px solid #e7eaed;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
#contents ul.Lnk li .LnkBox a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}

/* 【contents】info
------------------------------------*/
#contents .info {
	margin: 0 0 30px;
	text-align: left;
}
#contents .info h2 {
	margin-bottom: 20px;
}
#contents .info .price {
	font-size: 16px;
	font-weight: bold;
	color: #cc3333;
	margin: 0;
	padding: 10px;
	background: #faeaea;
	text-align: center;
}

/* 【contents】priceTable
------------------------------------*/
#contents .priceTable table {
	width: 100%;
	border: 1px solid #4b555f;
}
#contents .priceTable th {
	font-size: 75%;
	font-weight: normal;
	color: #fff;
	padding: 5px;
	background: #4b555f;
	text-align: center;
}
#contents .priceTable th.r {
	border-left: 1px solid #fff;
}
#contents .priceTable td {
	font-weight: bold;
	padding: 10px 5px;
	text-align: center;
}
#contents .priceTable td.r {
	border-left: 1px solid #4b555f;
}

/* 【contents】two column
------------------------------------*/
#contents .twoColumn {
	margin: 0 0 30px;
	text-align: left;
}
#contents .twoColumn a {
	text-decoration: underline;
}
#contents .twoColumn td {
	width: 50%;
	vertical-align: top;
}
#contents .twoColumn td.l {
	border-right: 2px solid #e0e3e8;
}
#contents .twoColumn td h2 {
	margin: 0 0 20px;
}
#contents .twoColumn td h3 {
	min-height: 19px;
}
#contents .twoColumn td ul.iconList li {
	margin: 0;
}
#contents .twoColumn td .btn {
	margin: 0;
}
#contents .twoColumn td .btn a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
	padding: 12px 0;
	background: #cc3333;
	border: none;
	-moz-border-radius: 5px;/* Firefox用 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	border-radius: 5px;/* CSS3 */
	text-decoration: none !important;
	text-align: center;
	overflow: visible;
	cursor: pointer;
}
#contents .twoColumn td .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}
#contents .twoColumn td .sineup {
	padding: 0 10px 0 0;
}
#contents .twoColumn td .sineup h2 {
	padding: 10px 10px 10px 35px;
	background: #4b555f url(/static/images/auth/icon_siginup_title.gif) no-repeat 10px center;
}
#contents .twoColumn td .sineup .btn a {
	background: #51a955;
}
#contents .SigninBox .FormArea .InputLogin input.LoginBtn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}
#contents .twoColumn td .sinein {
	padding: 0 0 0 10px;
}
#contents .twoColumn td .sinein h3 {
	padding: 0 100px 0 0;
	background: url(/static/images/purchase/jpass_logo.gif) no-repeat right center;
}
#contents .twoColumn td .sinein .smallTxt {
	font-size: 12px;
	line-height: 2;
}

/* 【contents】note
------------------------------------*/
#contents .note {
	text-align: left;
}
#contents .note h2 {
	color: #4b555f;
	background: #e0e3e8;
}
#contents .note ul.iconList li {
	font-size: 12px;
}
#contents .note .jpass {
	margin: 0;
	padding: 15px 0 0;
	border-top: 1px solid #e0e3e8;
	text-align: right;
}

/* 【contents】password check
------------------------------------*/
#contents .passwordCheck {
	padding: 20px 0 0;
	border-top: 1px solid #e0e3e8;
	text-align: left;
}
#contents .passwordCheck .logo {
	float: right;
	margin: 15px 0 0 10px;
}
#contents .passwordCheck .txt {
	min-height: 20px;
	margin: 0 0 10px;
	padding: 0 110px 0 0;
	background: url(/static/images/purchase/jpass_logo.gif) no-repeat right bottom;
}
#contents .passwordCheck ul.Error {
	margin: 0;
}
#contents .passwordCheck .passwordBox {
	padding: 5px 0;
	background: none;
	overflow: hidden;
	zoom: 1;
}
#contents .passwordCheck .passwordBox input.inputPasswd {
	float: left;
	width: 370px;
	_width: 390px;
	height: 42px;
	font-size: 15px;
	line-height: 42px;
	margin: 0;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #babfc5;
	-moz-border-radius: 3px;/* Firefox用 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	border-radius: 3px;/* CSS3 */
}
#contents .passwordCheck .passwordBox input.submitBtn {
	float: right;
	width: 180px;
	height: 42px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 42px;
	margin: 0;
	padding: 0;
	background: #cc3333;
	border: none;
	-moz-border-radius: 5px;/* Firefox用 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	border-radius: 5px;/* CSS3 */
	text-decoration: none;
	text-align: center;
	overflow: visible;
	cursor: pointer;
}
#contents .passwordCheck .passwordBox input.submitBtn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}
#contents .passwordCheck ul.Lnk {
	margin: 10px 0 0;
	overflow: hidden;
	zoom: 1;
}
#contents .passwordCheck ul.Lnk li {
	float: left;
	margin: 0 20px 5px 0;
}

/* 【contents】message
------------------------------------*/
#contents .message .AlertArea {
	padding: 10px;
	background: #faeaea;
	text-align: center;
}
#contents .message .AlertArea p {
	margin: 0;
}
#contents .message .AlertArea p .Error {
	display: inline-block;
	min-height: 14px;
	color: #c33;
	padding: 0 0 0 20px;
	background: url(/static/images/auth/icon_important.gif) no-repeat left center;
}
#contents .message .AlertArea p a {
	display: inline-block;
	min-height: 14px;
	padding: 0 0 0 15px;
	background: url(/static/images/common/icon_arrow.gif) no-repeat left center;
}
#contents .message .LnkArea {
	margin: 30px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #e0e3e8;
}
#contents .message .LnkArea .sns {
	width: 300px;
	margin: 0 auto 30px;
	overflow: hidden;
}
#contents .message .LnkArea .sns p {
	margin: 0;
}
#contents .message .LnkArea .sns a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}
#contents .message .LnkArea .sns .facebook {
	float: left;
}
#contents .message .LnkArea .sns .twitter {
	float: right;
}
#contents .message .LnkArea ul.Lnk {
	width: 300px;
	margin: 0 auto;
	text-align: left;
}
#contents .message .linkBtn {
	margin: 30px 0 0;
}
#contents .message .linkBtn a {
	display: block;
	width: 300px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto;
	padding: 12px 0;
	background: #f3f4f6;
	border: 1px solid #e6eaed;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	zoom: 1;
}
#contents .message .linkBtn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}

/* 【contents】cancel
------------------------------------*/
#contents .cancel {
	margin: 0 0 30px;
	text-align: left;
}
#contents .cancel .webronzaTopics li {
	font-size: 14px;
}
#contents .cancel h2 {
	color: #4d5560;
	background: #e0e3e8;
}
#contents .cancel ul li {
	margin: 0 0 8px;
}
#contents .cancel ul.iconList li {
	font-size: 12px;
}
#contents .cancel textarea {
	width: 590px;
	padding: 15px 10px;
	border: 1px solid #e0e3e8;
}

/* 【contents】login
------------------------------------*/
#contents .loginBox {
	text-align: left;
}
#contents .loginBox .box {
	color: #cc3333;
	margin: 0 0 10px;
	padding: 15px;
	background: #faeaea;
	overflow: hidden;
	zoom: 1;
}
#contents .loginBox p {
	margin: 0;
}
#contents .loginBox p.btn {
	float: right;
}
#contents .loginBox p.btn a {
	display: block;
	width: 230px;
	height: 42px;
	font-size: 15px;
	font-weight: bold;
	line-height: 42px;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #cc3333;
	border: none;
	-moz-border-radius: 5px;/* Firefox用 */
	-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
	border-radius: 5px;/* CSS3 */
	text-decoration: none;
	text-align: center;
	overflow: visible;
	zoom: 1;
}
#contents .loginBox p.btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	zoom:1;
}
#contents .loginBox p.txt {
	line-height: 1.5;
	padding: 10px 0 0 20px;
	background: url(/static/images/auth/icon_important.gif) no-repeat left 12px;
}
#contents .loginNav {
	margin: 0 0 20px;
	overflow: hidden;
	zoom: 1;
}
#contents .loginNav li {
	float: right;
	margin: 0 0 0 20px;
}