@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   templates.css
Version:    2014/05/12

77%  = 10px	|	123.1% = 16px	|	167% = 22px	|	212% = 28px
85%  = 11px	|	131%   = 17px	|	174% = 23px	|	219% = 29px
93%  = 12px	|	138.5% = 18px	|	182% = 24px	|	227% = 30px
100% = 13px	|	146.5% = 19px	|	189% = 25px	|	234% = 31px
108% = 14px	|	153.9% = 20px	|	197% = 26px	|	242% = 32px
116% = 15px	|	161.6% = 21px	|	204% = 27px	|	249% = 33px
--------------------------------------------------
*/

/* = html5
--------------------------------------------------
*/

header, footer {
	display: block;
}





/* = basic
--------------------------------------------------
*/

body, h1, h2, h3, li, th, td, p, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	min-width: 1000px;
	line-height: 1.5;
}

.resDiv {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

img {
	vertical-align: bottom;
}

h1 {
	margin: 0px;
}

h1.invisible {
	display: none;
}

h1.ticket, h1.cart, h1.payment, h1.form, h1.basic {
	padding: 10px 30px 41px 90px;
	/* UI改善につき変更 */
	/* background: url("../images/bg_ticket.png") no-repeat 30px 0px; */
	background: url(../images/new_bg_ticket_cat.png) no-repeat 30px 0px;
	background-size: 47px 44px;
	font-size: 100%;
	font-weight: normal;
}

h1.ticket .cat {
	display: block;
	font-size: 108%;
}

h1.ticket .name {
	display: block;
	font-size: 153.9%;
}

h1.cart, h1.payment, h1.form, h1.basic {
	padding: 18px 30px 55px 90px;
	font-size: 153.9%;
}
h1.facilityName {
	font-size: 2em;
	font-weight: normal;
	margin: 0px 42px;
}
h1.agentName {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px 42px;
}
a.officialSite {
	margin: 0px 42px;
}

/* = header
--------------------------------------------------
*/

#header {
	margin: 0px;
	padding: 0px;
	line-height: 1.3;
}

#head1 .resDiv {
	position: relative;
}

#headLogo {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

#headNavi {
	position: absolute;
	top: 13px;
	right: 8px;
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}

#accountNavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	position: absolute;
	top: 38px;
	right: 8px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 85%;
}
#accountNavi2 {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	position: absolute;
	top: 14px;
	left: 190px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 70%;
	font-weight: normal;
}
#accountNavi3 {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 10px;
	list-style: none;
	font-size: 120%;
}

#accountNavi li {
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
}
#accountNavi2 li {
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 8px;
	color: #cccccc;
	font-weight: normal;
}
#accountNavi3 li {
	float: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #c72823;
}

#accountNavi li.border {
	border-left: solid 1px #ccc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
}
#accountNavi li.borderRight {
	border-right: solid 1px #ccc;
	margin: 0px 15px 0px 15px;
	padding: 0px 15px 0px 15px;
}

#accountNavi li a:link, #accountNavi li a:visited, #accountNavi li a:active {
	color: #cccccc;
	text-decoration: none;
}

#headNavi p a:hover, #accountNavi li a:hover {
	color: #fff;
	text-decoration: none;
}

#accountNavi li.language {
	margin-right: 20px;
}

#accountNavi li.language img {
	height: 15px;
	width: auto;
}

#accountNavi li a.mypage {
	background: url("../images/icon_account.png") no-repeat left center;
	padding: 0px 0px 0px 15px;
}

#accountNavi li a.mypage:hover {

}

#accountNavi li a.register {

}

#accountNavi li a.register:hover {

}

#accountNavi li a.login {
	background: url("../images/icon_login.png") no-repeat left center;
	padding: 0px 0px 0px 16px;
}

#accountNavi li a.login:hover {

}

#accountNavi li a.logout {
	background: url("../images/icon_logout.png") no-repeat left center;
	padding: 0px 0px 0px 18px;
}

#accountNavi li a.login:hover {

}

#accountNavi li a.cart {
	background: #f3f3f3 url("../images/bg_accountNavi_cart.jpg") no-repeat left center;
	padding: 0px 0px 0px 22px;
	color: #666;
}

#accountNavi li a.cart:hover {

}

#accountNavi li a.cart .num {
	padding: 0px 5px 0px 10px;
	color: #fff;
}

span.languageSelect {
	background: #f3f3f3 url("../images/arrow_languageSelect.jpg") right center no-repeat;
	margin: 0px;
	padding: 1px 33px 1px 5px;
	border: none;
	width: 50px;
	font-size: 100%;
	line-height: 1.25;
	height: 13px;
	cursor: pointer;
}
/*
 change by softwise
 span.languageSelect span.customSelectInner {
	width: 50px!important;
}
*/
span.languageSelect span.customSelectInner {
	width: 80px!important;
}





/* = #container
--------------------------------------------------
*/

#container {

}

#container .resDiv {
	padding-bottom: 51px;
	min-height: 500px;
	background: #fff;
}




/* = #container -> #topLoginView
--------------------------------------------------
*/

#loginView {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 42px 30px 10px;
}

#loginView .col2Left {
	width: 370px;
	float: left;
	padding: 30px 30px 10px;
}

#loginView .col2Right {
	width: 370px;
	float: right;
	padding: 30px 30px 10px;
}

#loginView h2 {
	margin: 5px 0px 28px;
	font-size: 1.31em;
	font-weight: normal;
}

#loginView h3 {
	margin: 25px 0px 10px;
	font-size: 0.93em;
}

#loginView p {
	font-size: 0.93em;
}

#loginView li {
	font-size: 93%;
}

#loginView p.note {
	padding: 0px 20px;
}

#loginView .btnList {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px 0px;
	padding: 0px;
	list-style: none;
}

#loginView .btnList li {
	float: left;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}

#loginView .relateSites {

}

#loginView .banaArea {
	margin: 30px 0px;
	padding: 0px;
	border-top: solid 1px #c8c8c8;
}

#loginView .loginArea {
	margin: 10px 0px 30px;
	padding: 30px 10px 20px;
	position: relative;
}

#loginView .loginInputArea {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 20px;
}

#loginView .loginItem {
	float: left;
	width: 92px;
	padding: 5px 0px;
	text-align: center;
	font-size: 93%;
}

#loginView .loginInput {
	float: right;
	width: 245px;
}

#loginView .error {
	margin: 10px 20px;
	padding: 10px 18px;
}

#loginView .error h3 {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}

#loginView .error p {
	margin: 10px 0px 0px;
	padding: 0px;
}

#loginView input[type="text"], #loginView input[type="password"] {
	width: 210px;
	ime-mode: disabled;
	margin: 10px;
}

#loginView input[type="checkbox"] {
	vertical-align: middle;
	font-size:x-large;
}

#loginView th#password {
    margin: 10px 0px 0px;
}

#loginView .relateSites {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px 25px;
	padding: 0px;
	list-style: none;
}

#loginView .relateSites li {
	float: left;
	margin: 0px 12px;
}

#loginView .banaArea {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 12px;
	padding: 20px 0px 0px;
	list-style: none;
}

#loginView .banaArea li {
	float: left;
	margin: 10px 0px 0px;
}

#loginView .newRegist {
	border-bottom: solid 1px #c1c1c1;
	padding: 0px 0px 10px;
}

#loginView .newRegist h2 {
	margin-bottom: 10px;
}

#loginView .openLogin {
	margin: 22px 0px;
	padding: 22px 0px 0px;
	list-style: none;
	border-top: solid 1px #c8c8c8;
}

#loginView .openLogin li {
	text-align: center;
	margin-bottom: 20px;
}

.snsBtn {
	display: block;
	width: 154px;
	height: 30px;
	margin: 0px auto;
	padding: 13px 0px 0px 51px;
	color: #fff;
	text-align: left;
}

a.snsBtn:link, a.snsBtn:visited, a.snsBtn:active, a.snsBtn:hover {
	color: #fff;
	text-decoration: none;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

.snsBtnGoogle {
	background: url("../images/bg_google.jpg") 0px 0px;
}

.snsBtnFacebook {
	background: url("../images/bg_facebook.jpg") 0px 0px;
}

.snsBtnQQ {
	background: url("../images/bg_tencent.jpg") 0px 0px;
}

.snsBtnGoogle:hover {
	background: url("../images/bg_google.jpg") -205px 0px;
}

.snsBtnFacebook:hover {
	background: url("../images/bg_facebook.jpg") -205px 0px;
}

.snsBtnQQ:hover {
	background: url("../images/bg_tencent.jpg") -205px 0px;
}

#loginView .sslSeal {
	position: absolute;
	right: 18px;
	bottom: 42px;
	margin: 0px;
}





/* =  #container -> #informationView
--------------------------------------------------
*/

#informationView {
	margin: 0px 0px 35px;
}

#informationArea {
	border: solid 2px #4383c9;
	border-top: none;
}

#informationArea h2 {
	background: #4383c9;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-size: 131%;
	font-weight: normal;
	height: 28px;
	line-height: 1.75;
}

#informationArea .information {
	margin: 0px;
	padding: 10px 20px 0px;
	color: #4383c9;
	line-height: 1.7;
}

#informationArea h2 .openClose {
	display: block;
	width: 27px;
	height: 28px;
	float: right;
	background: #2c71bc;
	cursor: pointer;
}

#informationArea h2 .openClose:hover {
	background: #5aa7d3;
}





/* =  #container -> #wrapper
--------------------------------------------------
*/

#wrapper {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 42px 0px 20px;
}

#myWrapper {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 20px;
}

#contents {
	float: left;
	width: 725px;
}

#control {
	float: right;
	width: 225px;
}





/* =  .box
--------------------------------------------------
*/

.boxN {
	padding: 0px 30px;
}

.boxS {
	padding: 0px 80px;
}

.boxI {
	padding: 0px 147px;
}





/* =  #container -> #wrapper -> #contents
--------------------------------------------------
*/

.subhead {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.7;
}

.banaContents {
	margin: 35px 0px 15px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	list-style: none;
}

.banaContents li {
	float: left;
	margin: 0px 0px 10px 43px;
}

.banaContents li.first {
	margin-left: 0px;
}

.news {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 5px;
	position: relative;
}

.news h2 {
	float: left;
	width: 137px;
	height: 57px;
	margin: 0px;
	padding: 40px 0px 0px;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
}

.news ul {
	float: left;
	width: 460px;
	height: 75px;
	margin: 0px;
	padding: 12px 20px 10px 20px;
	list-style: none;
}

.news li {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 5px 0px;
	padding: 0px;
	font-size: 93%;
}

.news li .date {
	float: left;
	width: 88px;
	color: #4383c9;
}

.news li .title {
	float: left;
	width: 372px;
}

.news p.more {
	float: left;
	width: 28px;
	height: 97px;
	margin: 0px;
	padding: 0px;
}

.tickets {
	margin: 0px;
}

.slideBox .tickets {
	left: 0px;
}

.usestatus {
	display: flex;
}

.usestatus div {
	width: 50%;
}

.pay {
	line-height: 1.4;
	padding: 25px 30px;
}

.pay h2 {
	background: url("../images/bg_pay_cat.png") no-repeat 0px 5px;
	margin: 10px 0px 10px;
	padding: 15px 0px 15px 70px;
	font-size: 146.5%;
	font-weight: normal;
}

.pay h2 strong {
	color: #f19f00;
	font-weight: normal;
}
.payList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
	grid-gap: 10px;
	margin: 5px;
	padding: 0;
}
.payList li {
	list-style-type: none;
	border-bottom: 8px solid #E5E5E5;
	width: auto;
	margin: 0px 4px;
}

.payList h3 {
	border-bottom: 8px solid #E5E5E5;
	text-align: center;
	color: #595757;
	margin: 0;
}

.payList li p {
	display: flex;
    justify-content: center;
	align-items: center;
	width: auto;
	min-height: 80px;
}

.payList img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

/*--IE--*/
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .payList {
        margin-right: -15px;
    }
    .payList li {
        display: inline-block;
        max-width: 150px;
        width: auto;
        margin-right: 10px;
    }
    .payList li p {
	width: 150px;
	height: 80px;
	}
}

.tickets h2 {
	background: url("../images/new_bg_ticket_cat.png") no-repeat 0px 5px;
	margin: 10px 0px 10px;
	padding: 15px 0px 15px 70px;
	font-size: 146.5%;
	font-weight: normal;
}

.tickets h2 strong {
	color: #f19f00;
	font-weight: normal;
}

.tickets ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

.tickets li {
	float: left;
	margin: 0px 0px 5px 25px;
}

.tickets li.first {
	margin-left: 0px;
}

.tickets li .date {
	margin: 0px 2px 0px;
	padding: 0px 0px 2px;
	font-size: 93%;
	font-weight: bold;
}

.tickets li .state {

}

.tickets li .state .iconGift {
	margin-right: 5px;
	vertical-align: bottom;
}

.tickets li .state .iconMail {
	margin-left: 20px;
	vertical-align: middle;
}

.tickets li a {
	display: block;
	background: url("../images/bg_ticket_thumb.png") no-repeat top;
	width: 201px;
	height: 239px;
	margin: 0px;
	padding: 15px 0px 0px;
	cursor: pointer;
	position: relative;
	border: solid 2px #fff;
}

.tickets li a:hover {
	margin: 0px;
	border: solid 2px #f19f00;
	text-decoration: none;
}

.tickets li a.history {
	background: url("../images/bg_ticket_thumb.png") no-repeat 0px 90px;
	padding: 1px 0px 0px;
	height: 288px;
}

.tickets li .thumb {
	height: 113px;
}

.tickets li .caption {
	height: 126px;
}

.tickets li h3 {
	margin: 0px 0px 10px;
	padding: 15px 3px 0px;
	font-size: 100%;
	text-decoration: underline;
}

.tickets li p {
	margin: 5px 3px 0px;
	padding: 0px;
	font-size: 85%;
	color: #333;
	text-decoration: none;
}

.tickets li p.summary {
	color: #333;
}

.tickets li p.limit {
	font-weight: bold;
	color: #666;
}

.tickets li span.summary {
	color: #333;
	margin: 5px 3px 0px;
	padding: 0px;
	font-size: 85%;
	color: #333;
	text-decoration: none;
}

.tickets .more {
	margin: 0px 0px 23px 0px;
	padding: 0px 0px 27px 0px;
	text-align: center;
	line-height: 1;
	font-size: 108%;
	cursor: pointer;
	background: url("../images/bg_more_tickets.png") no-repeat 0px 10px;
}

.tickets .more:hover {
	background: url("../images/bg_more_tickets.png") no-repeat -665px 10px;
	color: #ff9600;
}

.tickets .number {
	margin: 2px 2px 3px;
	color: #666;
	font-size: 80%;
	display: grid;
}

.tickets .datetime {
	margin: 0px 2px 2px;
	color: #666;
	font-size: 80%;
	display: grid;
}

.tickets .number .val, .tickets .datetime .val {
	color: #254798;
}

.tickets .payment {
	margin: 3px 2px 8px;
	color: #666;
}

.tickets .titles {
	background: #ddd;
	position: absolute;
	bottom: 0px;
	height: 183px;
}

.tickets .cancel {
	background: #f3f3f3 url("../images/bg_cancel.png");
	opacity: 0.7;
}

.tickets .cancel .title {
	opacity: 0.5;
}

.tickets .still {
	background: #ddd url("../images/bg_still.jpg") no-repeat center 166px;
}

.tickets .title {
	margin: 5px;
	padding: 5px;
	width: 181px;
	height: 39px;
	background: #fff;
	color: #6e6e6e;
	font-weight: normal;
	line-height: 1.5;
	text-decoration: underline;
}

.tickets .status {
	padding: 0px 10px;
	width: 100px;
    color: #fff;
	text-align: center;
}

.tickets .status0 {
    background: #d71318;
}

.tickets .status1 {
    background: #4267bd;
}

.tickets .status2 {
    background: #f6a200;
}

.tickets .status3 {
    background: #d0d0d0;
}

.tickets .statusFailed {
	background: #666666;
}

.tickets .status0 img {
	vertical-align: middle;
	margin-right: 5px;
}





/* =  #container -> #wrapper -> #contents -> ticket
--------------------------------------------------
*/

.ticketOutline {
	margin: 20px 0px 10px;
}

.ticketOutline .items {
	margin: 20px 0px 25px;
	padding: 0px;
	list-style: none;
	font-size: 93%;
}

.ticketOutline .items li {
	display: inline-block;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 8px;
}

.ticketOutline .items li .item {
	display: block;
	float: left;
	width: auto;
	font-weight: bold;
	text-align: right;
}

.ticketOutline .items li .detail {
	display: block;
	float: right;
	width: 505px;
}

.promotionA, .promotionB, .promotionC {
	margin: 50px 0px;
	padding: 0px 30px;
}

.promotionA h2, .promotionB h2, .promotionC h2 {
	font-size: 93%;
}

.promotionA p, .promotionB p, .promotionC p {
	font-size: 93%;
}

.promotionA .mainArea, .promotionB .mainArea, .promotionC .mainArea {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.promotionA .mainArea .cols {
	float: left;
	width: 205px;
	margin: 0px 0px 0px 25px;
}

.promotionB .mainArea .cols {
	float: left;
}

.promotionB .mainArea .colImage {
	width: 435px;
}

.promotionB .mainArea .colText {
	width: 205px;
	margin: 0px 0px 0px 25px;
}

.promotionB .mainArea .colText p {
	font-size: 85%;
}

.promotionC .mainArea .cols {
	float: left;
	width: 320px;
	margin: 0px 0px 0px 25px;
}

.promotionA .mainArea .first, .promotionC .mainArea .first {
	margin-left: 0px;
}

.promotionA .mainArea .cols .image, .promotionB .mainArea .cols .image, .promotionC .mainArea .cols .image {
	margin: 0px;
}

.promotionA .mainArea .cols .caption {
	margin: 8px 0px 0px;
	font-size: 77%;
}

.promotionB .mainArea .cols .caption, .promotionC .mainArea .cols .caption {
	margin: 8px 0px 0px;
	font-size: 85%;
}

.ticketInfo {
	margin: 20px 0px 50px;
}

.ticketInfo h2 {
	margin: 10px 0px 20px;
	padding: 0px;
	font-size: 146.5%;
	font-weight: normal;
}

.ticketInfo h3 {
	background: url("../images/bg_ticketInfo_h3.jpg") no-repeat 0px 0px;
	height: 14px;
	margin: 5px 0px 0px;
	padding: 8px 0px 6px 20px;
	color: #fff;
	font-size: 108%;
	line-height: 1;
	cursor: pointer;
}

.ticketInfo p {
	margin: 8px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 85%;
}

.ticketInfo .ticketDetailInfo {
	background: #fff url("../images/bg_ticketDetailInfo.png") no-repeat 0px 0px;
	padding: 0px 0px 2px 95px;
}

.ticketInfo .ticketDetailInfo h4 {
	margin: 0px 0px 8px;
	padding: 10px 0px 0px;
	color: #f19f00;
}

.ticketInfo .ticketDetailInfo p {
	margin: 0px 0px 7px;
	padding: 0px;
}

.ticketInfo .ticketDetailInfo p .note {
	color: #f19f00;
}





/* =  #container -> #wrapper -> #ticketSelect
--------------------------------------------------
*/

#ticketSelect {
	margin: 0px 0px 40px;
}

.inputUserInfoArea {
	display: none;
	background: #fff;
}

.inputUserInfoArea .ticketTitle {
	background: #538dce;
	margin: 0px 0px 15px;
	padding: 10px 20px;
	font-size: 123.1%;
	color: #fff;
}

.inputUserInfoArea .ticketTitle {
	background: #538dce;
	margin: 0px 0px 15px;
	padding: 10px 20px;
	font-size: 123.1%;
	color: #fff;
}

.inputUserInfoArea .ticketTitle .piece {
	float: right;
}

.userInfoInput {
	padding: 0px 20px;
}

.YPchange {
	cursor: pointer;
}

.YPchangeNext {
	cursor: pointer;
}

.GFchange {
	cursor: pointer;
}

#ticketSelect h2 {
	background: url("../images/new_bg_ticket_cat.png") no-repeat 0px 5px;
	background-size: 47px 44px;
	margin: 10px 30px 10px;
	padding: 15px 0px 15px 70px;
	font-size: 146.5%;
	font-weight: normal;
}

#ticketSelect h3 {
	margin: 20px 0px 10px;
	padding: 0px 30px;
}

#ticketSelect h3 span.explain {
	font-size: 108%;
	font-weight: normal;
}

#ticketSelect h3 span.note {
	font-size: 77%;
	font-weight: normal;
	margin-left: 12px;
}

#selection {
	background: #ddd;
	padding: 25px 30px;
	position: relative;
}

#selection .programSelection {

}

#selection .programSelection .startProgram {
	cursor: pointer;
	margin-bottom: 10px;
}

#selection .programSelection p.viewProgramSet {
	text-align: center;
	color: #d8403a;
}

.ctrlBtnStart, a:link.ctrlBtnStart, a:visited.ctrlBtnStart, a:active.ctrlBtnStart {
	display: block;
	width: 186px;
	height: 46px;
	margin: 0px auto;
	padding: 22px 0px 0px 60px;
	border: solid 1px #d74039;
	border-bottom: solid 2px #c72824;
	background: #fff url("../images/bg_ctrlBtnStart.png") no-repeat 20px 20px;
	color: #d74039;
	font-size: 153.9%;
	font-weight: normal;
	text-align: left;
	cursor: pointer;
}

.ctrlBtnStart:hover, a:hover.ctrlBtnStart {
	border: solid 1px #c72824;
	border-bottom: solid 2px #c72824;
	background: #c72824 url("../images/bg_ctrlBtnStart.png") no-repeat 20px -10px;
	color: #fff;
	text-decoration: none;
}

#nouseSelection {
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.2;
	position: absolute;
	top: 0px;
	left: 0px;
}

#selection .numSelection {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 20px;
	padding: 0px;
}

#selection .ticketName {
	float: left;
	width: 427px;
	background: #538dce;
	padding: 12px 7px 12px 11px;
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	height: 14px;
}

#selection .price {
	float: left;
    width: 85px;
    background: #79a6d9;
    padding: 12px 7px 12px 0px;
	font-size: 108%;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-align: right;
	height: 14px;
}

#selection .ticketNum {
	float: left;
	width: 76px;
	margin: 0px 0px 0px 10px;
}

#selection span.customSelect {
	background: #fff url("../images/arrow_customSelect.jpg") right center no-repeat;
	margin: 0px;
	padding: 12px 25px 12px 0px;
	border: none;
	width: 50px;
	font-size: 100%;
	line-height: 1;
	text-align: center;
	height: 14px;
	cursor: pointer;
}

#selection span.customSelectInner {
	width: 50px!important;
}

#selection .addBtn {
	float: right;
	width: 40px;
	height: 38px;
	text-align: right;
}

#selection .addBtn img {
	cursor: pointer;
}

.popupCloseBtn {
	display: block;
	width: 186px;
	height: 34px;
	margin: 0px auto;
	padding: 13px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	color:#777;
	background-color:#ababab;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/* 購入条件選択 */
#otherSelection {
	margin: 10px 0px;
	padding: 24px 20px 20px 24px;
	background: #fff;
	display: none;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2) inset;
}

#otherSelection .setDate {
	margin: 0px 0px 10px;
	font-size: 123.1%;
}

#otherSelection .ticketTitle {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: #eee;
}

#otherSelection .ticketName {
	width: 55%;
	padding: 12px 15px;
	background: transparent;
	color: #f19f00;
	line-height: 1;
}

#otherSelection .ticketNum {
	width: 35%;
	margin: 0px;
	padding: 9px 15px;
	background: transparent;
	text-align: right;
	line-height: 1;
}
#otherSelection .ticketNum .pricenum {
	padding-right:4em;
    font-size: 153.9%;
}

#otherSelection .ticketNum .num {
	font-size: 153.9%;
}



#otherSelection .addInfo {
	position: relative;
	clear: both;
	overflow: hidden;
	height: 50px;
	padding-left: 40px;
	padding-right: 40px;
	_zoom: 1;
	border-bottom: dashed 1px #ccc;
	/*background: url("../images/bg_ticket_cart.png") no-repeat 12px 8px;*/
	/*UI変更 background: url("../images/bg_ticket.png") no-repeat 0 12px; */
	background-image: url(../images/new_bg_ticket_cat.png) no-repeat 0 12px;;
	box-sizing: border-box;
	background-size: 35px;
}

#otherSelection .addInfo > div {
	padding: 14px 5px 14px 0;
}

#otherSelection .addInfo .seat-name {
	float: left;
	width: 56%;
}

#otherSelection .addInfo .gift {
	float: left;
    width: 25%;
    padding-left: 24px;
	background: url("../images/icon_gift2.png") no-repeat 6px 12px;
}

#otherSelection .addInfo .user {
	float: left;
	width: 30%;
}
#otherSelection .addInfo .user.notset {
	color: #bbb;
}

#otherSelection .addInfo .userP {
	float: left;
	width: 30%;
}

#otherSelection .addInfo .gift.notset {
	display: none;
	color: #bbb;
}

#otherSelection .addInfo .usergift {
	float: left;
	width: 75px;
	padding: 14px 5px 14px 24px;
	color: #bbb;
}


#otherSelection .addInfo .seat {
	float: left;
	width: 126px;
	padding: 14px 5px 14px 0px;
}

#otherSelection .addInfo .yearPass {
	float: right;
	padding-right: 0;
	font-size: 93%;
	text-align: right;
}
#otherSelection .addInfo .yearPass:after {
	content: "　|　";
	color: #bbb;
}

#otherSelection .addInfo .giftChange {
	float: right;
	font-size: 93%;
}

#otherSelection .addInfo .yearPass a, #otherSelection .addInfo .giftChange a {
	color: #4383c9;
}

#otherSelection .addInfo .delete {
	position: absolute;
	right: 0;
	top: 6px;
	padding: 0;
	width: 50px;
	text-align: right;
}

#otherSelection .addInfo .delete img {
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

#selection .total {
	background: #ddd;
	padding: 5px 10px;
	text-align: right;
	font-size: 108%;
	display: none;
}

#selection .total .numData, #selection .total .amountData {
	font-size: 153.9%;
}

#selection .total .amount {
	margin-left: 16px;
	padding-left: 20px;
	border-left: solid 1px #c6c6c6;
}

#decideSelection {
	padding: 20px 30px 0px;
	background: #f3f3f3;
	display: none;
}

#decideSelection .error {
	margin: 0px 0px 20px;
	padding: 20px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

#decideSelection .submit, #decideSelection .submitNouse {
	text-align: center;
}

#decideSelection .submit img, #decideSelection .submitNouse img {
	margin: 0px 10px;
}

#decideSelection .submit img {
	cursor: pointer;
}

#decideSelection .submitNouse {
	display: none;
}

.cartInNavi {
	background: url("../images/bg_cartInNavi.png") no-repeat 0px 0px;
	width: 154px;
	height: 51px;
	padding: 22px 5px 0px 55px;
	z-index: 10000;
	display: none;
}

.cartInNavi2 {
	background: url("../images/bg_cartInNavi2.png") no-repeat 0px 0px;
	width: 159px;
	height: 51px;
	padding: 22px 5px 0px 50px;
	z-index: 10000;
	display: none;
}

.cartInNavi3 {
	background: url("../images/bg_cartInNavi2.png") no-repeat 0px 0px;
	width: 159px;
	height: 51px;
	position: absolute;
	padding: 22px 5px 0px 50px;
	z-index: 10000;
	left: 569px;
	margin: -71px auto 0;
}

.program4 {
	background: url("../images/bg_program4In.png") no-repeat 0px 0px;
	width: 159px;
	height: 51px;
	padding: 22px 5px 0px 50px;
	z-index: 10000;
	display: none;
}





/* =  #container -> #wrapper -> #cartIn
--------------------------------------------------
*/

#cartIn {
	display: none;
}

.cartIn {
	margin: 20px 0px 40px;
}

.cartIn h2 {
	background: url("../images/bg_ticket_cartin.png") no-repeat 0px 5px;
	margin: 10px 30px 10px;
	padding: 15px 0px 15px 70px;
	font-size: 146.5%;
	font-weight: normal;
}

.cartIn p.explain {
	padding-left: 30px;
}

.emptyYPInfo {
	color: red;
	font-weight: 100;
}

.cartSet {
	background: url("../images/bg_ticket_thumb_cartSet.png") no-repeat 0px 0px;
	margin: 10px 30px 0px;
	padding: 16px 0px 0px;
}

.cartSet .set {
	border: solid 5px #ddd;
	border-top: solid 5px #f1f1f1;
	padding: 19px 15px 15px 19px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2) inset;
	background: #fff;
}

.cartSet .facility {
	max-width: 600px;
	font-size: 108%;
}

.cartSet .category {
	max-width: 600px;
	margin: 3px 0px 18px;
	font-size: 138.5%;
}

.cartSet .share {
	position: absolute;
	top: 19px;
	right: 15px;
}

.cartSet .share .shareBtn {
    font-size: 85%;
    margin: 0px 0px 5px;
    text-align: right;
}

.cartSet .share .fb-like {
    float: left;
    margin: 0px;
}

.cartSet .categoryP {
	margin: 3px 0px;
	font-size: 138.5%;
}

.cartSet .dateOfUse {
	margin: 0px 0px 20px;
}

.cartSet .addInfo {
	clear: both;
	overflow: hidden;
	padding-left: 40px;
	_zoom: 1;
	min-height: 45px;
	border-bottom: dashed 1px #ccc;
	/* UI変更 background: url("../images/bg_ticket.png") no-repeat 0 12px; */
	background-image: url(../images/new_bg_ticket_cat.png) no-repeat 0 12px;;
	box-sizing: border-box;
	background-size: 35px;
}

.cartSet .addInfo > div {
    padding: 14px 5px 14px 0;
}

.cartSet .ticketTitle {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: #eee;
	position: relative;
}

.cartSet .ticketName {
	float: left;
	width: 55%;
	padding: 12px 15px;
	background: transparent;
	color: #f19f00;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.cartSet .overTimeDiv {
	position: absolute;
	width: 756px;
	background: url('../images/bg_overTimeDiv.png');
	z-index: 999;
}

.cartSet .overTimeUpdate {
	margin: 29px 0px 0px;
}

.ctrlBtnUp {
	display: block;
	width: 340px;
	height: 60px;
	margin: 0px auto;
	padding: 8px 0px 0px;
	border-bottom: solid 2px #676767;
	background: #949494;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	opacity: 0.9;
}

.ctrlBtnUp:link, .ctrlBtnUp:active, .ctrlBtnUp:focus {
	color: #777;
}

.ctrlBtnUp:hover {
	background: #676767;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}

.ctrlBtnUp img {
	vertical-align: middle;
	margin-right: 10px;
}

.ctrlBtnUp .note {
	display: block;
	font-weight: normal;
	font-size: 93%;
	margin-bottom: 8px;
}

.cartSet .info > .ticket-added,
.cartSet #ticketInfo .ticket-added,
.cartSet .ticket-added
 {
	border-bottom: dashed 1px #ccc;
	padding: 0 5px 0 40px;
	min-height: 45px;
	/*background: url("../images/bg_ticket_cart.png") no-repeat 12px 8px;*/
	/* UI変更 background: url("../images/bg_ticket.png") no-repeat 0 12px; */
	background-image: url(../images/new_bg_ticket_cat.png) no-repeat 0 12px;;
	box-sizing: border-box;
	background-size: 35px;
}

.cartSet .info > .ticket-added > div,
.cartSet #ticketInfo .ticket-added > div,
.cartSet .ticket-added > div {
	padding: 14px 5px 14px 0px;
}

.cartSet .ticketNum {
	float: left;
	width: 35%;
	margin: 0px;
	padding: 9px 15px;
	background: transparent;
	text-align: right;
	line-height: 1;
}

.cartSet .ticketNum .pricenum {
	padding-right: 4em;
}
.cartSet .ticketNum .pricenum,
.cartSet .ticketNum .num {
	font-size: 153.9%;
}

.cartSet .user {
	display: inline-block;
	padding: 13px 5px 13px 24px;
	width: 56%;
	box-sizing: border-box;
}

.cartSet .seat-name {
	display: inline-block;
	padding-left: 10px !important;
	width: 56%;
	box-sizing: border-box;
}

.cartSet .gift {
	display: inline-block;
	width: 40%;
	padding-left: 29px !important;
	background: url("../images/icon_gift2.png") no-repeat 10px 14px;
	box-sizing: border-box;
}

.cartSet .gift.notset { display: none; }

.cartSet .total {
	background: #ddd;
	padding: 5px 10px;
	text-align: right;
	font-size: 108%;
}

.cartSet .totalItemView{
	background: #ddd;
	padding: 5px 10px;
	text-align: right;
	font-size: 108%;
}

.cartSet .total .numData, .cartSet .total .amountData {
	font-size: 140%;
}

.cartSet .total .allNum, .cartSet .total .allAmount  {
	font-size: 150%;
}

.cartSet .total .allNumData, .cartSet .total .allAmountData {
	color: #f19f00;
	font-size: 120%;
}

.cartSet .total .allAmount {
	font-size: 150%;
	margin-left: 16px;
	padding-left: 20px;
	border-left: solid 1px #c6c6c6;
}

.cartSet .total .amount {
	margin-left: 16px;
	padding-left: 20px;
	border-left: solid 1px #c6c6c6;
}

#decideCartIn {
	margin: 0px 30px;
	padding: 20px 0px;
	background: #f3f3f3;
}

#decideCartIn .submit {
	text-align: center;
}

#decideCartIn .submit img {
	margin: 0px 10px;
	cursor: pointer;
}

#decideCartIn .submitNote {
	font-size: 85%;
	padding-top: 5px;
	padding-left: 318px;
}

.cartSetMultiple {
	margin: 10px 80px 30px;
	background: url("../images/bg_ticket_thumb_cartSetMultiple.png") no-repeat 0px 0px;
}

#editLayer .cartSetMultiple {
	margin: 0px;
	background: url("../images/bg_ticket_thumb_cartSetMultiple.png") no-repeat 0px 0px;
}

.cartSetMultiple .set {
	position: relative;
}

.cartSetMultiple .category {
	margin-bottom: 3px;
}

.cartSetMultiple .toDetail {
	position: absolute;
	right: 15px;
	top: 35px;
}

.cartSetMultiple .toDetail3 {
	position: absolute;
	right: 15px;
	top: 35px;
}

.cartSetMultiple .onshare {
	top: 50px;
}

.cartSetMultiple .dateOfUse {
	margin: 0px 0px 20px;
}

.cartSetMultiple .titlebox {
	float: left;
	padding: 20px 0 12px;
	width: 63%;
}

.cartSetMultiple .ticketNum {
	width: 35%;
	padding: 20px 0px 12px;
}

.cartSetMultiple .ticketNum1C {
	width: 210px;
	padding: 8px 0px;
}

.cartSetMultiple .ticketName {
	float: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.cartSetMultiple .limitTime {
	padding: 0px 15px 12px;
	color: #c72823;
	font-size: 93%;
	font-weight: normal;
}

.cartSetMultiple .deleteS {
	float: right;
	cursor: pointer;
}

.cartSetMultiple .mailSent, .cartSetMultiple .mailSend {
	display: block;
	float: right;
	padding: 0px 0px 0px 30px;
}

.cartSetMultiple .mailSent {
	background: url("../images/icon_mailSent.png") no-repeat 0px 0px;
	color: #bfbfbf;
}

.cartSetMultiple .mailSend {
	background: url("../images/icon_mailSend.png") no-repeat 0px 2px;
	color: #4383c9;
}


.cartSetMultiple .total {
	padding: 5px 10px 10px;
}

.cartSetMultiple .cartSetCtrl, .cartSetMultiple .cartAfterCtrl {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: #f3f3f3;
	padding: 20px;
	text-align: center;
}

.cartSetMultiple .cartSetCtrl .error {
	margin: 0px 0px 20px;
	padding: 20px 20px 20px 47px;
	background: url("../images/icon_alert.png") no-repeat 20px 20px;
	text-align: left;
}

.cartSetMultiple .cartSetCtrl .baseInfo {
	border: none;
	margin: 0px 0px 30px;
}

.cartSetMultiple .cartSetCtrl .baseInfo td {
	border: none;
	padding: 0px 30px 0px 0px;
	text-align: left;
}

.cartSetMultiple .cartSetCtrl .ctrl {
	float: left;
	border-left: solid 1px #c6c6c6;
	margin: 0px;
	padding: 0px 40px;
}

.cartSetMultiple .cartSetCtrl .first {
	border-left: none;
	margin-left: 160px;
}

#editLayer .cartSetMultiple .cartSetCtrl .ctrl {
	padding: 0px 32px;
}

#editLayer .cartSetMultiple .cartSetCtrl .first {
	margin-left: 0px;
}

.cartSetMultiple .cartAfterCtrl .ctrl {
	float: left;
	margin: 0px;
	padding: 0px 15px;
}

.cartSetMultiple .cartAfterCtrl .first {
	margin-left: 162px;
}

.cartSetMultiple .cartSetCtrl .ctrl img, .cartSetMultiple .cartAfterCtrl .ctrl img {
	cursor: pointer;
}

.cartSetMultiple .cartSetCtrl .ctrl .afterBtn {
	background: url("../images/btn_noBuy.jpg") no-repeat 0px 0px;
	width: 80px;
	height: 21px;
	margin: 10px 0px;
	padding: 1px 0px 0px 30px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}

.cartSetMultiple .cartSetCtrl .ctrl .afterBtn:hover {
	background: url("../images/btn_noBuy.jpg") no-repeat 0px -22px;
}

.cartSetMultiple .cartSetCtrl .ctrl .selected,
.cartSetMultiple .cartSetCtrl .ctrl .selected:hover {
	background: url("../images/btn_noBuy.jpg") no-repeat 0px -44px;
}

.cartSetMultiple .cartSetCtrl .ctrl .deleteBtn {
	background: url("../images/btn_deleteS.jpg") no-repeat 0px 0px;
	width: 100px;
	height: 21px;
	margin: 10px 0px;
	padding: 1px 0px 0px 30px;
	text-align: left;
	font-weight: bold;
	cursor: pointer;
}

.cartSetMultiple .cartSetCtrl .ctrl .deleteBtn:hover {
	background: url("../images/btn_deleteS.jpg") no-repeat 0px -22px;
}

.normalCtrl {
	text-align: center;
	margin-top: 20px;
}

#Layer, #Layer2, #Layer3, #Layer4 {
	display: none;
	background: #343434;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 9999;
}

#editLayer, #editLayer2, #editLayer3, #editLayer4 {
	display: none;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
}

#editLayer3 {
	position: fixed;
}

#editLayer .closeLayer, #editLayer2 .closeLayer, #editLayer4 .closeLayer {
	text-align: center;
	margin: 10px 0px;
}

#editLayer .closeLayer .btnCloseLayer, #editLayer2 .closeLayer .btnCloseLayer, #editLayer4 .closeLayer .btnCloseLayer{
	cursor: pointer;
}

#inner, #innerS, #innerA {
	width: 725px;
	margin: 0px auto;
	padding: 10px 37px 10px 38px;
	background: #fff;
}

#inner2, #innerS2, #innerA2 {
	width: 800px;
	margin: 0px auto;
}

#inner3, #innerS3, #innerA3 {
	width: 960px;
	margin: 0px auto;
}

#editLayer3 h2 {
	margin: 10px 0px 20px;
	padding: 0;
	font-size: 146.5%;
	font-weight: normal;
}

#editLayer3 #innerA2 {
	width: 600px;
	background: #fff;
}

.addressList {
	list-style: none;
}





/* =  #container -> #wrapper -> #programSelect
--------------------------------------------------
*/

#programSelect {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.flowProgram {
	width: 800px;
	height: 37px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	text-align: center;
}

.flowProgram1 {
	background: #244798;
}

.flowProgram2-1 {
	background: url("../images/bg_flowProgram2.jpg") no-repeat 0px 0px;
}

.flowProgram2-2 {
	background: url("../images/bg_flowProgram2.jpg") no-repeat 0px -37px;
}

.flowProgram3-1 {
	background: url("../images/bg_flowProgram3.jpg") no-repeat 0px 0px;
}

.flowProgram3-2 {
	background: url("../images/bg_flowProgram3.jpg") no-repeat 0px -37px;
}

.flowProgram3-3 {
	background: url("../images/bg_flowProgram3.jpg") no-repeat 0px -74px;
}

.flowProgram3-4 {
	background: url("../images/bg_flowProgram4.jpg") no-repeat 0px -74px;
}

.flowProgram4-1 {
	background: url("../images/bg_flowProgram4.jpg") no-repeat 0px 0px;
}

.flowProgram4-2 {
	background: url("../images/bg_flowProgram4.jpg") no-repeat 0px -37px;
}

.flowProgram4-3 {
	background: url("../images/bg_flowProgram4.jpg") no-repeat 0px -74px;
}

.flowProgram4-4 {
	background: url("../images/bg_flowProgram4.jpg") no-repeat 0px -111px;
}

.flowProgram div {
	float: left;
	padding: 9px 0px 0px;
	color: #254798;
	font-size: 100%;
	font-weight: bold;
}

.flowProgram1 div {
	width: 800px;
}

.flowProgram2-1 div, .flowProgram2-2 div {
	width: 400px;
}

.flowProgram3-1 div, .flowProgram3-2 div, .flowProgram3-3 div {
	width: 266px;
}

.flowProgram4-1 div, .flowProgram4-2 div, .flowProgram4-3 div, .flowProgram4-4 div {
	width: 200px;
}

.flowProgram div.selected {
	color: #fff;
}

#scene2, #scene3, #scene4 {
	display: none;
}

#programSelect .flowTitle {
	background: #254798;
	color: #fff;
	padding: 16px 30px 14px;
	position: relative;
}

#programSelect .flowTitle .title {
	font-size: 153.9%;
}

#programSelect .flowTitle .text {
	font-size: 100%;
	margin-left: 30px;
}

#selectArea {
	float: left;
	width: 640px;
	height: 564px;
	background: #a3a3a3;
}

#confirmArea {
	float: left;
	width: 160px;
	height: 564px;
	background: #f3f3f3;
	position: relative;
}

#sa1, #sa2, #sa3, #sa4 {
	position: relative;
}

#sa2, #sa3, #sa4 {
	display: none;
}

#selectArea .text {
	color: #fff;
}

#selectArea #sa1 .text, #selectArea #sa2 .text {
	height: 45px;
	padding: 15px 30px 0px;
}

#selectArea #sa3 .text {
	height: 60px;
}

#selectArea #sa4 .text {
	height: 60px;
}

#sa1 {
	overflow: hidden;
}

#sa1 .calendar {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	position: relative;
	left: 77px;
}

#sa1 .oneM {
	width: 407px;
	height: 471px;
	float: left;
	position: relative;
	margin: 0px 40px;
}

#sa1 .oneMsecond {
	opacity: 0.4;
}

#sa1 .month {
	padding: 15px 0px;
	background: #4267bd;
	color: #fff;
	font-size: 138.5%;
	text-align: center;
	line-height: 1;
}

#sa1 .dayweek {
	border-left: solid 1px #f1f1f1;
	border-right: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
	background: #dddddd;
	height: 421px;
}

#sa1 .week {
	display: block;
	overflow: hidden;
	_zoom: 1;
	padding: 0px 10px;
	width: 95.8%;
}

#sa1 .week div {
	float: left;
	width: 54px;
	margin: 1px 1px 0px 0px;
	padding: 14px 0px;
	text-align: center;
	color: #333;
	line-height: 1;
}

#sa1 .week div.sat {
	color: #4267bd;
}

#sa1 .week div.sun {
	color: #d8403a;
}

#sa1 .days {
	display: block;
	overflow: visible;
	_zoom: 1;
	margin: 0px 10px;
	background: #acacac;
	width: 100%;
}

#sa1 .days div {
	float: left;
	width: 52px;
	height: 52px;
	margin: 0px 1px 1px 0px;
	background: #dbdbdb;
	text-align: center;
	border: solid 1px #fff;
}

#sa1 .days div .day {
	display: block;
	padding: 8px 0px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 123.1%;
	line-height: 1;
}

#sa1 .days div .st {
	display: block;
	padding: 0px 0px;
	font-size: 167%;
	line-height: 1;
}

#sa1 .days div .sat {
	color: #4267bd;
}

#sa1 .days div .sun {
	color: #d8403a;
}

#sa1 .days div.out .day, #sa1 .days div.out .st {
	opacity: 0.3;
}

#sa1 .days div.safe {
	background: #fff;
	cursor: pointer;
}

#sa1 .days div.safe .st {
	color: #f19f00;
}

#sa1 .days div.safe:hover {
	background: #f19f00;
}

#sa1 .days div.safe:hover .st {
	color: #fff;
}

#sa1 .days div.selected {
	background: #f19f00;
}

#sa1 .days div.selected .st {
	color: #fff;
}

#scrollPast, #scrollFuture {
	width: 50px;
	height: 178px;
	padding: 150px 0px 0px;
	border: solid 1px #fff;
	background: #f3f3f3;
	text-align: center;
	position: absolute;
	top: 150px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 116%;
	color: #000;
}

#scrollPast {
	left: 52px;
	text-align: center;
}

#scrollFuture {
	right: 52px;
	text-align: center;
}

#scrollPast:hover, #scrollFuture:hover {
	background: #e0e0e0;
}

#sa1 .nomore {
	color: #aaa;
}

#notouchLeft {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 116px;
	height: 331px;
}

#notouchRight {
	position: absolute;
	top: 150px;
	right: 0px;
	width: 116px;
	height: 331px;
}

#sa2 .timetable {
	width: 580px;
	height: 471px;
	margin: 0px 30px;
}

#sa2 .date {
	padding: 15px 0px;
	background: #4267bd;
	color: #fff;
	font-size: 138.5%;
	text-align: center;
	line-height: 1;
}

#sa2 .timesAll {
	overflow-y: scroll;
	border-left: solid 1px #f1f1f1;
	border-right: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
	background: #dddddd;
	height: 391px;
	padding: 30px 0px 0px 8px;
}

#sa2 .times {
	width: 546px;
	height: 364px;
	background: #acacac;
	display: none;
}

#sa2 .times div {
	float: left;
	width: 88px;
	height: 88px;
	margin: 0px 1px 1px 0px;
	background: #dbdbdb;
	text-align: center;
	border: solid 1px #fff;
}

#sa2 .times div .time {
	display: block;
	padding: 8px 0px 8px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 123.1%;
	line-height: 1.2;
	text-align: left;
}

#sa2 .times div .time .endtime {
	font-size: 85%;
}

#sa2 .times div .st {
	display: block;
	padding: 0px 0px;
	font-size: 167%;
	line-height: 1;
}

#sa2 .times12 div {
	width: 179px;
}

#sa2 .times12 div .time {
	padding: 13px 0px;
	font-size: 146.5%;
	line-height: 1.2;
	text-align: center;
}

#sa2 .times6 div {
	width: 179px;
	height: 179px;
}

#sa2 .times6 div .time {
	padding: 50px 0px 20px;
	font-size: 146.5%;
	line-height: 1.2;
	text-align: center;
}

#sa2 .times6 div .st {
	font-size: 249%;
}

#sa2 .times3 div {
	width: 179px;
	height: 361px;
}

#sa2 .times3 div .time {
	padding: 140px 0px 20px;
	font-size: 146.5%;
	line-height: 1.2;
	text-align: center;
}

#sa2 .times3 div .st {
	font-size: 249%;
}

#sa2 .times2 div {
	width: 270px;
	height: 361px;
}

#sa2 .times2 div .time {
	padding: 140px 0px 20px;
	font-size: 146.5%;
	line-height: 1.2;
	text-align: center;
}

#sa2 .times2 div .st {
	font-size: 249%;
}

#sa2 .times div.out .time, #sa2 .times div.out .st {
	opacity: 0.5;
}

#sa2 .times div.safe {
	background: #fff;
	cursor: pointer;
}

#sa2 .times div.safe .st {
	color: #f19f00;
}

#sa2 .times div.safe:hover {
	background: #f19f00;
}

#sa2 .times div.safe:hover .st {
	color: #fff;
}

#sa2 .times div.selected {
	background: #f19f00;
}

#sa2 .times div.selected .st {
	color: #fff;
}

#sa4 .tickettable {
	width: 580px;
	height: 501px;
	margin: 0px 30px;
}

#sa4 .area {
	padding: 15px 0px;
	background: #4267bd;
	color: #fff;
	font-size: 138.5%;
	text-align: center;
	line-height: 1;
}

#sa4 .seatConnect {
	border-left: solid 1px #f1f1f1;
	border-right: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
	background: #dddddd;
	height: 421px;
	padding: 0px 4px 4px;
}

#sa4 .remaining {
	background: #fff;
	height: 49px;
	padding: 10px 0px 0px 20px;
}

#sa4 .remaining .num {
	font-size: 204%;
	color: #f19f00;
	margin: 0px 2px;
}

#sa4 .nextSet {
	position: absolute;
	right: 70px;
	top: 128px;
}

#sa4 .nextSet .seatType {
	font-size: 131%;
	color: #f19f00;
}

#sa4 .endSet {
	position: absolute;
	right: 70px;
	top: 128px;
}

#sa4 .connect {
	background: #fff;
	height: 361px;
	padding: 0px 0px 0px 20px;
	overflow-y: scroll;
}

#sa4 .tName {
	background: #ededed url("../images/bg_tName.jpg") no-repeat 404px 0px;
	width: 515px;
	height: 38px;
}

#sa4 .case3 {
	background-position: 364px 0px;
}

#sa4 .tName .ticketName {
	float: left;
	width: 300px;
	padding: 0px 11px 0px 12px;
	color: #f19f00;
	font-size: 100%;
	line-height: 1.2;
	display: table;
}

#sa4 .tName .ticketName span {
	display: table-cell;
	vertical-align: middle;
	height: 38px;
}

#sa4 .case3 .ticketName {
	width: 261px;
}

#sa4 .tName .seatPrice {
	float: left;
	width: 70px;
	padding: 9px 10px 0px 0px;
	font-size: 108%;
	text-align: right;
	color: #f19f00;
}

#sa4 .tName .seatNum {
	float: left;
	width: 64px;
	padding: 2px 10px 0px 0px;
	font-size: 108%;
	text-align: right;
}

#sa4 .tName .seatNum .num {
	font-size: 174%;
	color: #f19f00;
	margin: 0px 2px;
}

#sa4 .tName .setBtn {
	float: right;
	cursor: pointer;
}

#sa4 .tName .setBtnM {
	float: right;
	cursor: pointer;
	margin-right: 1px;
}

#sa4 .sSeat {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 20px;
}

#sa4 .sSeat div {
	float: left;
	width: 57px;
	height: 65px;
	margin: 12px 0px 0px 9px;
}

#sa4 .case3 div.empty, #sa4 .case3 div.fill {
	width: 57px;
	height: 44px;
}

#sa4 .sSeat div.fill .ctrl {
	display: block;
	margin: 3px 0px 0px;
	line-height: 1.1;
	font-size: 85%;
}

#sa4 .sSeat div.fill .ctrl img {
	vertical-align: middle;
	margin-left: 5px;
	cursor: pointer;
}

#setTicket {
	margin: 10px 11px;
	padding: 21px 5px 5px;
	background: #fff url("../images/bg_setTicket.jpg") no-repeat top left;
	font-size: 85%;
	font-weight: bold;
}

#setDate {
	margin: 10px 11px;
	padding: 5px;
	background: #fff;
	font-size: 85%;
	position: relative;
}

#setDateV, #setTimeV {
	display: none;
}

#setSeat1V, #setSeat2V {
	display: block;
}

#setTime {
	margin: 10px 11px;
	padding: 5px;
	background: #fff;
	font-size: 85%;
	position: relative;
	display: none;
}

#setSeat {
	margin: 10px 11px;
	padding: 1px 0px 0px;
	background: #fff;
	font-size: 85%;
	position: relative;
	display: none;
}

#setSeat .seat img {
	display: none;
}

#setSeat .ticket span {
	display: none;
}

#setSeat .ticket span.num {
	display: inline;
}

#setSeat .ticket img {
	display: none;
}

#setSeat p {
	margin: 0px;
	padding: 5px 5px 0px;
}

#setTypeThead {
	width: 100%;
	border: none;
	margin: 5px 0px 0px;
}

#setTypeThead .seat {
	width: 40%;
	border: none;
	padding: 1px 0px 1px 5px;
}

#setTypeThead .case3 {
	width: 50%;
}

#setTypeThead .ticket {
	width: 50%;
	border: none;
	padding: 1px 0px;
}

#setType {
	overflow-y: scroll;
	height: 180px;
}

#setType table {
	border: none;
	width: 100%;
}

#setType table td {
	border: none;
	padding: 0px 0px 0px 5px;
	background-color: transparent;
}

#setType table tr.odd {
	background: #fff;
}

#setDate .setOK {
	position: absolute;
	top: 2px;
	left: 80px;
	display: none;
}

#setTime .setOK {
	position: absolute;
	top: 2px;
	left: 80px;
	display: none;
}

#setSeat .setOK {
	position: absolute;
	top: 2px;
	left: 51px;
}

#setSeat .setOK2 {
	position: absolute;
	top: 41px;
	left: 62px;
}

#setSeat .setOK3 {
	position: static;
}

#setSeat .setOK4 {
	position: static;
}

.btnProgramBack {
	position: absolute;
	top: 8px;
	right: 10px;
	height: 41px;
	width: 140px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #333;
	text-align: center;
	cursor: pointer;
}

.btnProgramBack:hover {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
}

.btnProgramBack .action {
	display: block;
	font-size: 100%;
	line-height: 1;
	margin: 6px 0px 5px;
}

.btnProgramBack .explain {
	display: block;
	font-size: 77%;
	line-height: 1;
}

#setProgramB {
	position: absolute;
	left: 11px;
	bottom: 33px;
	cursor: pointer;
	display: none;
}

.btnSetProgramG {
	position: absolute;
	bottom: 30px;
	left: 11px;
	height: 39px;
	width: 138px;
	border: solid 1px #d8403a;
	border-bottom: solid 2px #c72823;
	background: #fff;
	color: #c72823;
	text-align: center;
	cursor: pointer;
}

.btnSetProgramG:hover {
	border: solid 1px #c72823;
	border-bottom: solid 2px #c72823;
	background: #c72823;
	color: #fff;
}

#setProgramG {
	display: none;
}

.btnSetProgramG .action {
	display: block;
	font-size: 123.1%;
	margin: 8px 0px 0px;
}






/* =  #container -> #wrapper -> #share
--------------------------------------------------
*/

#share {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 11px;
}

#share .shareBtn {
	margin: 0px 30px 10px;
	text-align: right;
	font-size: 85%;
}

#share .shareBtn img {
	margin: 0px 0px 0px 5px;
}

#share .fb-like {
	float: left;
	margin: 10px 15px 10px 0px;
}

#twitter-widget-0 {
	width: 110px;
	float: left;
}
img#qq-share-button{
	padding-left: 4px;
}



/* =  #container -> #wrapper -> #account
--------------------------------------------------
*/

#account {
	margin-bottom: 18px;
}

#account .welcome {
	font-size: 85%;
	margin: 0px 0px 10px;
	padding: 4px 0px 0px;
}

.online .welcome {
	width: 135px;
}

#account .logout {
	float: right;
	border-left: solid 1px #ccc;
	margin: 0px;
	padding: 0px 7px 0px 5px;
}

#account .logout img {
	vertical-align: middle;
}

.manage {
	padding: 10px;
}

.online .manage p {
	padding: 20px 0px 0px;
}

#account .manage ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 20px 0px;
	list-style: none;
}

#account .manage li {
	float: left;
}

#account .manage li a.btnType01, #account .manage li a.btnType02 {
	font-size: 93%;
}

.manage p {
	margin: 0px 0px 0px 15px;
}

.manage p.caption {
	margin: 15px 0px 3px;
	text-align: center;
	font-size: 85%;
}

.manage p a.btnType01, .manage p a.btnType02, .manage p a.btnType04 {
	width: 173px;
}

.online .manage li {
	margin: 0px 0px 0px 10px;
}

.online .manage li a.btnType01, .online .manage li a.btnType02 {
	width: 96px;
}

.emphasis {
	margin: 0px;
	padding: 0px 0px 20px;
	border-top: solid 1px #f2f2f2;
}





/* =  #container -> #wrapper -> #cart
--------------------------------------------------
*/

#cart {
	background: #f3f3f3;
	padding: 0px 0px 5px;
}

#cart h2 {
	background: #b0b0b0;
	margin: 0px 0px 10px;
	padding: 8px 0px;
	color: #fff;
	font-size: 116%;
	font-weight: normal;
	text-align: center;
}

#cart h2 img {
	vertical-align: middle;
	margin-right: 8px;
}

#cart ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#cart li {
	float: left;
	margin: 0px 0px 10px 10px;
}

#cart li a {
	display: block;
	background: url("../images/bg_ticket_thumb.png") no-repeat top;
	width: 201px;
	margin: 2px;
	padding: 15px 0px 0px;
	cursor: pointer;
}

#cart li a:hover {
	margin: 0px;
	border: solid 2px #f19f00;
	text-decoration: none;
}

#cart li .caption {
	background: #fff;
	padding: 0px 0px 10px;
}

#cart li h3 {
	margin: 0px 10px;
	padding: 10px 0px 10px 35px;
	background: url("../images/bg_ticket_cart.png") no-repeat 0px 12px;
	font-size: 100%;
	text-decoration: underline;
}

#cart li p {
	margin: 0px 10px;
	padding: 0px;
	font-size: 85%;
	color: #333;
	text-decoration: none;
}

#cart li p.gift {
	margin-top: 2px;
	padding: 4px 0px 0px 20px;
	background: url("../images/icon_gift.png") no-repeat 0px 0px;
}

#cart .sum {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 12px 20px;
	padding: 10px 8px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#cart .sum .item {
	float: left;
	font-size: 100%;
	margin-top: 3px;
}

#cart .sum .num {
	float: right;
	font-size: 138.5%;
}

#cart .viewCart {
	margin: 20px 12px;
	padding: 0px;
}

#cart .viewCart .btnType01, #cart .viewCart .btnType02, #cart .viewCart .btnType04 {
	width: 201px;
}





/* =  #container -> #wrapper -> .paymentView
--------------------------------------------------
*/

.paymentFlowS {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
}

.paymentFlowS div {
	float: left;
	width: 189px;
	padding: 22px 0px 22px 78px;
	line-height: 1.2;
}

.paymentFlowS div.first {
	width: 211px;
	padding: 22px 0px 22px 55px;
}

.paymentFlowS div.row2 {
	padding: 14px 0px 13px 78px;
}

.paymentFlow1S {
	background: url("../images/img_flow1_s.jpg") no-repeat;
}

.paymentFlow2S {
	background: url("../images/img_flow2_s.jpg") no-repeat;
}

.paymentFlow3S {
	background: url("../images/img_flow3_s.jpg") no-repeat;
}

.paymentFlow {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
}

.paymentFlow div {
	float: left;
	width: 192px;
	padding: 22px 0px 22px 75px;
	line-height: 1.2;
}

.paymentFlow div.first {
	width: 213px;
	padding: 22px 0px 22px 52px;
}

.paymentFlow div.row2 {
	padding: 14px 0px 13px 75px;
}

.paymentFlow1 {
	background: url("../images/img_flow1_s.jpg") no-repeat;
}

.paymentFlow2 {
	background: url("../images/img_flow2_s.jpg") no-repeat;
}

.paymentFlow3 {
	background: url("../images/img_flow3_s.jpg") no-repeat;
}

.payment0TicketFlow {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 150%;
}

.payment0TicketFlow div {
	float: left;
	width: 300px;
	padding: 21px 0px 22px 98px;
	line-height: 1.2;
}

.payment0TicketFlow div.first {
	width: 260px;
	padding: 21px 0px 22px 141px;
}

.payment0TicketFlow div.row2 {
	padding: 14px 0px 13px 75px;
}
.paymentFlow5 {
	background: url("../images/img_flow_0payment1.jpg") no-repeat;
}
.paymentFlow6 {
	background: url("../images/img_flow_0payment2.jpg") no-repeat;
}

.cartHead {
	margin-bottom: 30px;
}

.cartHead .note {
	font-size: 85%;
}

.paymentView {
	margin: 20px 0px 40px;
}

.paymentView .note {
	font-size: 85%;
}

.completionMenu {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	list-style: none;
	margin: 30px 0px;
	padding: 30px 80px;
	border-bottom: solid 1px #ccc;
}

.completionMenu li {
	float: left;
	border-left: solid 1px #ccc;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
}

.completionMenu li.first {
	margin: 0px;
	padding: 0px;
	border: none;
}

.purchaseInfo {

}

.purchaseInfo h2 {
	font-weight: normal;
}

.purchaseInfo table {
	border: none;
	width: 100%;
}

.purchaseInfo table th {
	border: solid 1px #fff;
	background: #dcdcdc;
	width: 25%;
	padding: 18px 25px;
	text-align: left;
}

.purchaseInfo table td {
	border: solid 1px #fff;
	background: #ebebeb;
	padding: 18px 25px;
	color: #d8403a;
}

.paymentMethod {

}

.paymentMethod h2 {
	font-weight: normal;
}

.paymentMethod table {
	border: solid 1px #c6c6c6;
	width: 100%;
}

.paymentMethod table th {
	border: solid 1px #c6c6c6;
	background: #f9f9f9;
	width: 25%;
	padding: 18px 25px;
	text-align: left;
}

.paymentMethod table td {
	border: solid 1px #c6c6c6;
	background: #fff;
	padding: 18px 25px;
	color: #d8403a;
}

.totalView {
	margin: 40px 80px;
	padding: 20px 0px 0px;
	border-top: solid 5px #393939;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.totalView .text {
	float: left;
	font-size: 131%;
}

.totalView .totalSet {
	float: right;
	padding: 0px 20px;
	border-left: solid 1px #c6c6c6;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.totalView .totalNum {
	float: right;
	padding: 0px 20px;
	border-left: solid 1px #c6c6c6;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.totalView .totalAmount {
	float: right;
	padding: 0px 0px 0px 20px;
	border-left: solid 1px #c6c6c6;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.totalView .totalNum .numData, .totalView .totalSet .numData {
	font-size: 197%;
	color: #f19f00;
	font-weight: normal;
}

.totalView .totalAmount .amountData {
	font-size: 197%;
	color: #f19f00;
	font-weight: normal;
}

.paymentNavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px;
	padding: 30px 80px;
	background: #ddd;
}

.paymentNavi .back {
	float: left;
	padding-left: 200px;
}

.paymentNavi .next {
	float: right;
	padding-right: 200px;
}

ul.paymentCompleteNavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px;
	padding: 30px;
	background: #ddd;
	text-align: center;
}

li.back, li.next, li.history{
	display: inline-block;
	padding: 15px;
}

.paymentNavi .one {
	float: left;
	padding-left: 300px;
}

.paymentNavi .next .note, .paymentNavi .back .note,
.formNavi .back .note, .formNavi .next .note,
.formNavi .backLayer .note, .formNavi .nextLayer .note {
	margin: 5px 0px;
	font-size: 85%;
	text-align: center;
}

.paymentNavi .mailMagazine {
	background: #f3f3f3;
	margin-bottom: 30px;
	padding: 20px;
}

.paymentNavi .mailMagazine h2 {
	margin: 0px 0px 10px;
	font-size: 131%;
	font-weight: normal;
}

.paymentNavi .mailMagazine p {
	font-size: 93%;
}

.paymentNavi .mailMagazine p.note {
	font-size: 85%;
}

.paymentNavi .mailMagazine input {
	margin-left: 10px;
}

.aboutCredit {
	margin: 0px 0px 40px;
	padding: 20px;
	background: #ededed;
}

.aboutCredit h2 {
	margin: 0px 0px 20px;
	font-size: 100%;
	font-weight: normal;
}

.aboutCredit p {
	margin: 0px 86px 5px;
}

.aboutCredit .note {
	font-size: 85%;
}

.aboutCredit .aboutDetail {
	text-align: center;
	margin: 8px 0px 0px;
}

.paymentInput {
	width: 100%;
	border: none;
}

.paymentInput th {
	width: 26%;
	padding: 20px;
	border: solid 1px #fff;
	background: #f19f00;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

.paymentInput td {
	padding: 20px;
	border: solid 1px #fff;
	background: #ededed;
}

.paymentInput .req {
	color: #c72823;
	font-size: 85%;
	font-weight: normal;
}

.paymentInput .note {
	font-size: 85%;
}

.paymentInput input, .paymentInput select {
	margin: 0px 5px;
}

p.card {
	width: 125px;
}

.amountAndExpiration {
	margin: 30px 0px;
	padding: 20px 0px 0px;
	border-top: solid 1px #c6c6c6;
}

.amountAndExpiration h2 {
	margin: 10px 0px 20px;
	font-size: 131%;
	font-weight: normal;
}

.amountAndExpiration .dataView {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	padding: 12px;
	border: solid 5px #ededed;
}

.amountAndExpiration .dataView div {
	float: left;
	margin: 0px;
	padding: 4px 20px 4px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
}

.amountAndExpiration .dataView div.first {
	padding: 12px 0px 4px 20px;
}

.amountAndExpiration .dataView div .amount {
	font-size: 161.6%;
	font-weight: normal;
}

.amountAndExpiration h3 {
	margin: 28px 0px 15px;
	font-size: 116%;
}

.amountAndExpiration .note {
	font-size: 85%;
}

.methodSelect {
	margin: 30px 0px;
	padding: 20px 0px 0px;
	border-top: solid 1px #c6c6c6;
}

.methodSelect h2 {
	margin: 10px 0px 20px;
	font-size: 131%;
	font-weight: normal;
}

.methodSelect .methodLists {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: #ededed;
	padding: 20px;
}

.methodSelect .methodList {
	float: left;
	width: 240px;
	margin: 0px 0px 0px 20px;
}

.methodSelect .first {
	margin-left: 0px;
}

.methodSelect .methodList input {
	vertical-align: middle;
}

.methodSelect .methodList img {
	margin: 5px 0px 0px;
	border: solid 2px #fff;
}

.methodSelect label img:hover {
	border: solid 2px #ea8100;
}

.methodSelect .methodList p {
	margin: 0px 0px 5px;
}

.methodSelect .methodList .note {
	font-size: 79%;
}

.methodSelect .methodList em, .methodList li {
	color: #c72823;
	 font-size: 0.7em;
}

.userInput {
	margin: 30px 0px;
	padding: 20px 0px 0px;
	border-top: solid 1px #c6c6c6;
}

.userInput h2 {
	margin: 10px 0px 20px;
	font-size: 131%;
	font-weight: normal;
}

.userInput h2.formInput, .userInfoInput h2.formInput {
	margin: 25px 0px 8px;
	font-size: 138.5%;
	font-weight: normal;
}

.userInput .error, .creditInput .error, .formBasic .error, .formNavi .error, .userInfoInput .error {
	padding: 20px 20px 20px 45px;
	background: url("../images/icon_alert.png") no-repeat 20px 20px;
}

.formNavi .error {
	margin-bottom: 20px;
}

.userInput .sslSeal, .creditInput .sslSeal, .formBasic .sslSeal, .userInfoInput .sslSeal {
	margin: 10px 0px 0px;
	text-align: right;
}

.userInfoInput .formHeader {
	position: relative;
}

.userInfoInput .formHeader button {
	position: absolute;
	top: -8px;
	right: 0;
	padding: 8px 8px;
	width: auto;
	height: auto;
}

.useSelect {
	margin: 30px 0px;
	padding: 20px 0px 0px;
	border-top: solid 1px #c6c6c6;
}

.useSelect h2 {
	margin: 10px 0px 20px;
	font-size: 131%;
	font-weight: normal;
}

.useSelect .useLists {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	background: #ededed;
	padding: 20px;
}

.useSelect .useList {
	float: left;
	width: 370px;
	margin: 0px 0px 0px 20px;
}

.useSelect .first {
	margin-left: 0px;
}

.useSelect .useList input {
	vertical-align: middle;
}

.useSelect .useList img {
	margin: 5px 0px 0px;
	border: solid 2px #fff;
}

.useSelect label img:hover {
	border: solid 2px #ea8100;
}

.useSelect .useList p {
	margin: 0px 0px 5px;
}

.useSelect .useList .note {
	font-size: 79%;
}

.useSelect .useList em {
	color: #c72823;
}


/* =  #container -> #myWrapper -> .mypageNavi
--------------------------------------------------
*/

.mypageNavi {
	background: #4267bd;
	margin: 0px;
	padding: 0px 80px;
}

.mypageNavi ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mypageNavi li {
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px;
}

.mypageNavi li a {
	display: block;
	width: 105px;
	padding: 20px 25px;
	color: #fff;
	text-align: center;
}

.mypageNavi li a.now {
	background: #84a5f4 url("../images/bg_mypageNavi.png") no-repeat top center;
}

.mypageNavi li a:hover {
	background: #84a5f4 url("../images/bg_mypageNavi.png") no-repeat top center;
	text-decoration: none;
}

.mypageNavi li a img {
	vertical-align: middle;
	margin-left: 5px;
}

.mypageNavi2nd {
	display: none;
	position: absolute;
	background: #4267bd;
}

.mypageNavi2nd li {
	float: none;
}

.mypageNavi2nd li a {
	padding: 8px 25px;
}

.mypageTitle {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 25px 80px;
	border-bottom: solid 1px #c6c6c6;
}

.mypageTitle h1.mypage {
	float: left;
	background: url("../images/bg_h1_mypage.png") no-repeat 0px 0px;
	font-size: 153.9%;
	color: #254798;
	font-weight: normal;
	line-height: 1;
	padding: 15px 0px 15px 50px;
}

.mypageTitle p {
	float: right;
	margin: 0px;
	padding: 17px 0px 0px;
}

.myTopicPath {
	margin: 0px;
	padding: 8px 80px;
	border-bottom: solid 1px #c6c6c6;
	font-size: 85%;
}

.mypageInfo {
	margin: 0px;
	padding: 18px 80px;
}

.mypageInfo ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 8px;
	padding: 0px;
	list-style: none;
	font-size: 85%;
}

.mypageInfo li {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	border-left: solid 1px #c6c6c6;
}

.mypageInfo li.first {
	margin: 0px;
	padding: 0px;
	border: none;
}

.mypageInfo p {
	margin: 18px 0px 0px;
	font-size: 93%;
}

.mypageNews {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 30px 0px 50px;
	padding: 0px 80px;
}

.mypageNews .normalNews {
	float: left;
	width: 380px;
	position: relative;
}

.mypageNews .importantNews {
	float: right;
	width: 380px;
	position: relative;
}

.mypageNews h2 {
	margin: 0px;
	padding: 12px 18px 10px;
	line-height: 1;
	background: #ddd;
	color: #254798;
	font-size: 123.1%;
	font-weight: normal;
}

.mypageNews .toIndex {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
}

.mypageNews .toIndex a {
	display: block;
	background: #f3f3f3;
	padding: 14px 15px 13px;
	font-size: 85%;
	line-height: 1;
	color: #333;
}

.mypageNews .toIndex a:hover {
	text-decoration: none;
	background: #eee;
}

.mypageNews .toIndex img {
	vertical-align: middle;
	margin-left: 5px;
}

.mypageNews ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mypageNews li {
	margin: 0px;
	padding: 12px 17px;
	border-bottom: dotted 2px #c6c6c6;
	font-size: 85%;
}

.mypageNews li em {
	color: #c72823;
}

.mypageNews .importantNews li {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.mypageNews .importantNews li .date {
	float: left;
}

.mypageNews .importantNews li .title {
	float: right;
	width: 260px;
}

.filmstrip {
	margin: 30px 0px;
	padding: 0px 80px;
	position: relative;
}

.filmstrip h2 {
	margin: 0px 0px 10px;
	padding: 9px 20px;
	background: #254798;
	border-bottom: solid 5px #f1f1f1;
	color: #fff;
	font-size: 116%;
	font-weight: normal;
	text-align: center;
}

.filmstrip h2.yearPass {
	background: #7d7d7d;
}

.filmstrip .toIndex {
	position: absolute;
	top: 0px;
	right: 80px;
	margin: 0px;
	padding: 0px;
}

.filmstrip .toIndex a {
	display: block;
	background: #4267bd;
	padding: 14px 25px 13px;
	font-size: 100%;
	line-height: 1;
	color: #fff;
}

.filmstrip .toIndex a:hover {
	text-decoration: none;
	background: #84a5f4;
}

.filmstrip .toIndex a.yearPass {
	background: #a7a7a7;
}

.filmstrip .toIndex a.yearPass:hover {
	background: #989898;
}

.filmstrip .toIndex img {
	vertical-align: middle;
	margin-left: 5px;
}

.filmstrip .slideBox {
	position: relative;
	margin: 0px 41px;
	padding: 0px;
	width: 717px;
	overflow: hidden;
}

.filmstrip .boxF {
	position: relative;
	width: 2300px;
	height: 292px;
}

.filmstrip .left {
	position: absolute;
	top: 78px;
	left: 80px;
	cursor: pointer;
}

.filmstrip .right {
	position: absolute;
	top: 78px;
	right: 80px;
	cursor: pointer;
}

.filmstrip .indexPoint {
	text-align: center;
}

.filmstrip .indexPoint img {
	vertical-align: middle;
	cursor: pointer;
}

.filmstrip .indexPoint a {
	margin-left: 5px;
	color: #4267bd;
}

.filmstrip .indexPoint a:hover {
	color: #f6a200;
	text-decoration: none;
}

.filmstrip .indexPoint a img {
	margin-left: 5px;
}

.myInfoSetNavi {
	margin: 0px 80px;
	padding: 0px;
	border-top: solid 1px #c6c6c6;
}

.myInfoSetNavi h2 {
	margin: 25px 0px 13px;
	font-size: 146.5%;
	color: #254798;
	font-weight: normal;
}

.myInfoSetNavi ul {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 20px;
	background: #f3f3f3;
	list-style: none;
}

.myInfoSetNavi li {
	float: left;
	border-left: solid 1px #c6c6c6;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 24px;
}

.myInfoSetNavi li.first {
	margin: 0px;
	padding: 0px;
	border: none;
}

.myInfoSetNavi li a {
	display: block;
	width: 150px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #ababab;
	background: #fff;
	color: #393939;
}

.myInfoSetNavi li a:hover {
	background: #f9f9f9;
	text-decoration: none;
}

.myInfoSetNavi li h3 {
	margin: 18px 0px 15px;
	text-align: center;
	font-size: 116%;
}

.myInfoSetNavi li p {
	margin: 8px 0px;
	padding: 0px 10px 0px 12px;
	font-size: 85%;
}

.mypageBasic {
	margin: 20px 0px 40px;
}

.mypageBasic h2 {
	margin: 30px 0px 15px;
	font-size: 116%;
	font-weight: normal;
}

.mypageBasic .note {
	font-size: 85%;
}

.mylist {
	margin: 40px 0px 0px;
	padding: 0px;
	border: solid 1xp #fff;
	width: 100%;
}

.mylist th {
	padding: 8px 20px;
	background: #ddd;
	border: solid 1px #fff;
	color: #254798;
	font-size: 116%;
	font-weight: normal;
	text-align: left;
}

.mylist td {
	padding: 10px 20px;
	border: solid 1px #fff;
	border-bottom: dotted 2px #c6c6c6;
	font-weight: normal;
	text-align: left;
}

#myWrapper .historyList {
    background: url("../images/bg_ticket_thumb_cartSetMultiple_history.png") no-repeat 0px 0px;
    margin: 10px 80px 35px;
}

#myWrapper .historyList .cancel {
    background: url("../images/bg_cancel.png");
}

#myWrapper .historyList .cancel div {
	opacity: 0.7;
}

#myWrapper .historyList .set {
	border-top-color: #ddd;
	border-bottom: none;
}

#myWrapper .historyList .set2nd {
	border-top: none;
	border-bottom: none;
}

#myWrapper .historyList .set .ticketTitle,
#myWrapper .historyList .set .ticket-added,
#myWrapper .historyList .set .user,
#myWrapper .historyList .total,
#myWrapper .historyList .cartAfterCtrl {
	display: none;
}

#myWrapper .historyList .total {
	background: #fff;
	border: solid 5px #ddd;
	border-top: none;
	border-bottom: none;
}

#myWrapper .historyList .set .dateOfUse {
	margin-bottom: 0px;
}

.historyListTitle {
	margin: 30px 80px 0px;
	padding: 25px 0px;
}

.historyListTitle .item {
	font-size: 100%;
	display: inline;
}

.historyListTitle .val {
	font-size: 116%;
	color: #254798;
	margin-right: 20px;
}

.historyListStatus {
	position: relative;
	margin: 0px 80px;
	padding: 2px 0px 5px 140px;
	font-size: 93%;
}

.historyListStatus .status {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	padding: 2px 0px 2px;
	text-align: center;
	font-size: 108%;
}

.historyListStatus .status img {
	vertical-align: middle;
	margin-right: 5px;
}

.historyListStatus0 {
	color: #d71318;
}

.historyListStatus0 .status {
	background: #d71318;
	color: #fff;
}

.historyListStatus1 {

}

.historyListStatus1 .status {
	background: #4267bd;
	color: #fff;
}

.historyListStatus2 {

}

.historyListStatus2 .status {
	background: #f6a200;
	color: #fff;
}

.historyListStatus3 {

}

.historyListStatus3 .status {
	background: #d0d0d0;
	color: #fff;
}

.historyListStatusFailed {

}

.historyListStatusFailed .status {
	background: #666666;
	color: #fff;
}

#myWrapper .historyList .ctrlBtnArea {
	background: #f3f3f3;
	border-left: solid 5px #ddd;
	border-right: solid 5px #ddd;
	display: none;
}

#myWrapper .historyList .ctrlBtnAreaSet {
	background: #ddd;
}

#myWrapper .historyList .view {
	display: block;
	border-bottom: solid 5px #ddd;
}

#inner3 .historyListTitle, #inner3 .historyListStatus {
	background: #fff;
}

#inner3 .historyListStatus {
	padding-bottom: 15px;
}

#myWrapper #inner3 .historyList {
	margin-top: 0px;
	background-color: #fff;
}

.setOpenID {
	border: none;
}

.setOpenID td {
	border: none;
}

.statusIcon0, .statusIcon1 {
	display: block;
	width: 110px;
	padding: 10px 0px;
	text-align: center;
}

.statusIcon0 {
	background: #ccc;
	color: #fff;
}

.statusIcon1 {
	background: #999;
	color: #fff;
}

.ctrlBtnArea {
	background: #f3f3f3;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	padding: 20px;
	text-align: center;
}

.ctrlBtnAreaCol1 {
	padding: 20px;
}

.ctrlBtnAreaCol2 {
	padding: 20px 90px;
}

.ctrlBtnAreaCol3 {
	padding: 20px;
}

.ctrlBtnArea .col {
	float: left;
}

.ctrlBtnAreaCol1 .col {
	width: 100%;
}

.ctrlBtnAreaCol2 .col {
	width: 50%;
}

.ctrlBtnAreaCol3 .col {
	width: 33%;
}

.ctrlSetArea {
	padding: 0px 90px 20px;
}

.ctrlBtnArea .col .note {
	font-size: 85%;
	margin: 5px 0px 0px;
}

.ctrlBtn0 {
	display: block;
	width: 186px;
	height: 34px;
	margin: 0px auto;
	padding: 13px 0px 0px;
	border: solid 1px #ccc;
	border-bottom: solid 2px #bbb;
	background: #fff url("../images/bg_cancel.png");
	color: #aaa;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
}

.ctrlBtn1, a:link.ctrlBtn1, a:visited.ctrlBtn1, a:active.ctrlBtn1 {
	display: block;
	width: 186px;
	height: 34px;
	margin: 0px auto;
	padding: 13px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #777;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.ctrlBtn1:hover, a:hover.ctrlBtn1 {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
	text-decoration: none;
}

input.ctrlBtn1 {
	padding: 0px;
	height: 50px;
}

.ctrlBtn2, a:link.ctrlBtn2, a:visited.ctrlBtn2, a:active.ctrlBtn2 {
	display: block;
	width: 186px;
	height: 34px;
	margin: 0px auto;
	padding: 13px 0px 0px;
	border: solid 1px #d74039;
	border-bottom: solid 2px #c72824;
	background: #fff;
	color: #d74039;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.ctrlBtn2:hover, a:hover.ctrlBtn2 {
	border: solid 1px #c72824;
	border-bottom: solid 2px #c72824;
	background: #c72824;
	color: #fff;
	text-decoration: none;
}

.ctrlBtn2.disabled {
	-moz-opacity: .5;
	-webkit-opacity: .5;
	-ms-opacity: .5;
	opacity: .5;
	cursor: wait;
}

input.ctrlBtn2 {
	padding: 0px;
	height: 50px;
}

.ctrlBtn1 img.icon, .ctrlBtn2 img.icon {
	vertical-align: middle;
	margin-right: 7px;
}

.ctrlBtnS1, a:link.ctrlBtnS1, a:visited.ctrlBtnS1, a:active.ctrlBtnS1 {
	display: block;
	width: 140px;
	height: 28px;
	margin: 0px auto;
	padding: 8px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #777;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.ctrlBtnS1:link, .ctrlBtnS1:active, .ctrlBtnS1:focus {
	color: #777;
}

.ctrlBtnS1:hover {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
	text-decoration: none;
}

input.ctrlBtnS1 {
	padding: 0px;
	height: 39px;
}

.ctrlBtnS2, a:link.ctrlBtnS2, a:visited.ctrlBtnS2, a:active.ctrlBtnS2 {
	display: block;
	width: 140px;
	height: 28px;
	margin: 0px auto;
	padding: 8px 0px 0px;
	border: solid 1px #d74039;
	border-bottom: solid 2px #c72824;
	background: #fff;
	color: #c72824;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.ctrlBtnS2:link, .ctrlBtnS2:active, .ctrlBtnS2:focus {
	color: #c72824;
}

.ctrlBtnS2:hover {
	border: solid 1px #c72824;
	border-bottom: solid 2px #c72824;
	background: #c72824;
	color: #fff;
	text-decoration: none;
}

input.ctrlBtnS2 {
	padding: 0px;
	height: 39px;
}

.ctrlBtnSS1, a:link.ctrlBtnSS1, a:visited.ctrlBtnSS1, a:active.ctrlBtnSS1 {
	display: block;
	width: 85px;
	height: 28px;
	margin: 0px auto;
	padding: 8px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #777;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.ctrlBtnSS1:link, .ctrlBtnSS1:active, .ctrlBtnSS1:focus {
	color: #777;
}

.ctrlBtnSS1:hover {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
	text-decoration: none;
}

input.ctrlBtnSS1 {
	display: inline;
	padding: 0px;
	height: 30px;
}

.ctrlBtnSB1, a:link.ctrlBtnSB1, a:visited.ctrlBtnSB1, a:active.ctrlBtnSB1 {
	display: block;
	width: 140px;
	height: 41px;
	margin: 0px auto 25px auto;
	padding: 8px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #777;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	line-height: 1.3;
}

.ctrlBtnSB1:link, .ctrlBtnSB1:active, .ctrlBtnSB1:focus {
	color: #777;
}

.ctrlBtnSB1:hover, a.ctrlBtnSB1:hover {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
	text-decoration: none;
}

.openDiv {
	height: 20px;
	background: #f3f3f3 url("../images/btn_openDiv.png") no-repeat center center;
	border: solid 5px #dddddd;
	border-top: none;
	cursor: pointer;
}

.openDiv:hover {
	background-color: #ececec;
}

.openDivCoupon {
	height: 20px;
	background: #f3f3f3 url("../images/btn_openDiv.png") no-repeat center center;
	border: solid 5px #dddddd;
	border-top: none;
	cursor: pointer;
}

.openDivCoupon:hover {
	background-color: #ececec;
}

.pagenavi {
	text-align: center;
	margin: 50px 0px 0px;
}

.pagenavi span {
	padding: 0px 5px;
	font-size: 123.1%;
	line-height: 1;
	color: #333;
}

.pagenavi span.selected {
	background: #84a5f4;
	color: #fff;
}

.pagenavi span.selected:hover {
	color: #fff;
}

.pagenavi span img {
	vertical-align: middle;
	margin: 0px 7px;
}

.pagenavi span.prev {
	font-size: 116%;
	margin-right: 12px;
}

.pagenavi span.next {
	font-size: 116%;
	margin-left: 12px;
}

.pagenavi a:hover, .pagenavi a:hover span {
	color: #84a5f4;
}





/* =  #container -> #wrapper -> .basic
--------------------------------------------------
*/

.basic h2 {
	margin: 30px 0px 10px;
	font-size: 146.5%;
	font-weight: normal;
}

.basic h3 {
	margin: 20px 0px 10px;
	font-size: 100%;
	font-weight: bold;
}

.basic table {
	width: 100%;
}

.basic th {
	padding: 15px 20px;
	border: solid 1px #fff;
	background: #aeaeae;
	color: #fff;
	text-align: left;
}

.basic td {
	padding: 15px 20px;
	border: solid 1px #fff;
	background: #ededed;
}

.basic .imgL {
	float: left;
	margin: 0px 30px 13px 0px;
}

.basic .imgR {
	float: right;
	margin: 0px 0px 13px 30px;
}

.basic .imgL .caption, .basic .imgR .caption {
	display: block;
	font-size: 85%;
	margin: 5px 0px 0px;
}

.basic hr {
	clear: both;
	margin: 25px 0px;
	border: none;
	border-top: dashed 1px #d0d0d0;
	height: 1px;
	color: #fff;
}

.basic .clear {
	clear: both;
}

.boxD {
	border-top: solid 1px #c6c6c6;
	margin: 25px 0px;
	padding: 0px 0px 5px;
}





/* =  #container -> #wrapper -> .formInput
--------------------------------------------------
*/

.formBasic {
	margin: 30px 0px 10px;
}

.formBasic h2.formInput {
	margin: 25px 0px 8px;
	font-size: 138.5%;
	font-weight: normal;
}

.formInput {
	width: 100%;
	border: none;
}

.YPInfoInput {
	width: 100%;
	border: none;
}

.YPInfoInput th {
	width: 65%;
	padding: 10px;
	background: #ededed;
	border-bottom: solid 1px #fff;
	text-align: left;
}

.YPInfoInput td {
	padding: 5px;
	background: #ededed;
	border-bottom: solid 1px #fff;
}

.YPInfoPopupButton {
	display: block;
	width: 225px;
	height: 35px;
	margin: 0px auto;
	padding: 2px 0px 0px;
	border: solid 1px #ababab;
	border-bottom: solid 2px #8f8f8f;
	background: #fff;
	color: #777;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.formInput th {
	width: 26%;
	padding: 20px;
	border: solid 1px #fff;
	background: #5D7DBF;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

.formInput td {
	padding: 10px;
	border: solid 1px #fff;
	background: #ededed;
}

.formInput2 {
	width: 100%;
	border: none;
}

.formInput2 thead th {
	padding: 10px 20px;
	border: solid 1px #fff;
	background: #5D7DBF;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

.formInput2 tbody th {
	width: 2%;
	padding: 10px;
	border: solid 1px #fff;
	background: #e0e0e0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.formInput2 td {
	padding: 10px 20px;
	border: solid 1px #fff;
	background: #f3f3f3;
}

.formInput .colset {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.formInput .colset .col3s {
	float: left;
	width: 28%;
}

.formInput .colset .col3l {
	float: left;
	width: 36%;
}

.formInput .idView {
	color: #f19f00;
}

.formInput .autoInput {
	border: solid 1px #c6c6c6;
	padding: 5px 15px;
	margin: 0px;
	float: right;
	font-size: 77%;
}

.formInput .req {
	color: #c72823;
	font-size: 85%;
	font-weight: normal;
}

.formInput .opreq {
	color: #c72823;
	font-size: 85%;
	font-weight: normal;
}

.formInput .note {
	font-size: 85%;
}

.formInput .des {
	display: block;
	padding: 5px 5px 0px 18px;
}

.formInput .alert {
	font-size: 85%;
	color: #e60012;
}

.formInput input, .formInput select {
	margin: 0px 5px;
}

.formInput .colset input {
	margin: 0px;
}

.formNavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px;
	padding: 30px 80px;
	background: #ddd;
}

.formNavi2 {
	margin: 20px 0px;
	padding: 30px 0px 0px;
	background: #ddd;
}

.formNavi2in {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 0px 80px 30px;
	background: #ddd;
}

.formNavi .back {
	float: left;
	padding-left: 200px;
}

.formNavi .next {
	float: right;
	padding-right: 200px;
}

.formNavi .backLayer {
	float: left;
	padding-left: 90px;
}

.formNavi .nextLayer {
	float: right;
	padding-right: 90px;
}

.formNavi .one {
	text-align: center;
}

.formNavi .next .note, .formNavi .back .note, .formNavi .one .note {
	margin: 5px 0px;
	font-size: 85%;
	text-align: center;
}

.formNavi .importantArea {
	background: #f3f3f3;
	margin-bottom: 30px;
	padding: 20px;
}

.formNavi .importantArea h2 {
	margin: 0px 0px 10px;
	font-size: 131%;
	font-weight: normal;
}

.formNavi .importantArea ul {
	font-size: 93%;
}

.formNavi .mailMagazine {
	background: #f3f3f3;
	margin-bottom: 30px;
	padding: 20px;
}

.formNavi .mailMagazine h2 {
	margin: 0px 0px 10px;
	font-size: 131%;
	font-weight: normal;
}

.formNavi .mailMagazine h3 {
	margin: 30px 0px 10px;
	font-size: 116%;
	font-weight: normal;
}

.formNavi .mailMagazine h3.first {
	margin-top: 20px;
}

.formNavi .mailMagazine p {
	font-size: 93%;
}

.formNavi .mailMagazine p.note {
	font-size: 85%;
}

.formNavi .mailMagazine input {
	margin-left: 10px;
}

.formNavi .inlineDiv {
	background: #fff;
	overflow-y: scroll;
	height: 100px;
	padding: 30px 30px;
	margin: 0px 0px 20px;
}

.formNavi .agreement {
	text-align: center;
	font-size: 108%;
	font-weight: bold;
	margin: 0px 0px 10px;
}

.formNavi .agreement input {
	vertical-align: middle;
	margin-right: 5px;
}

@media screen and (max-device-width: 667px) {
   /* 表示領域が800px以上の場合に適用するスタイル */
	.formNavi input[type=checkbox], .formNavi input[type=radio] {
		vertical-align: middle;
		width: 24px;
		height: 24px;
		-moz-transform: scale(1.4);
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}

	.formNavi label {
		vertical-align: middle;
		font-size: 240%;
	}
}

.formNavi .attention {
	font-size: 85%;
	color: #e60012;
	text-align: center;
	margin: 0px 0px 20px;
}

.formNavi h2 {

}

#specify {
	margin: 10px 0px 0px;
}





/* =  #container -> .manual01
--------------------------------------------------
*/

.manual01 {
	margin: 20px 0px 30px;
	padding: 0px 30px;
}

.manual01 h2 {
	margin: 35px 0px 25px;
	background: #e5e5e5;
	padding: 9px 30px 8px;
	font-size: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

.manual01 h3 {
	margin: 18px 0px 8px;
	padding: 0px 0px 0px 30px;
	font-size: 93%;
}

.manual01 p {
	margin: 8px 0px;
	padding: 0px 0px 0px 30px;
	font-size: 93%;
}

.manual02 {
	margin: 20px 0px 50px;
}

.manual02 h2 {
	margin: 10px 0px 20px;
	padding: 0px;
	font-size: 146.5%;
	font-weight: normal;
}

.manual02 h3 {
	margin: 18px 0px 8px;
	padding: 0px 0px 0px 20px;
	font-size: 85%;
}

.manual02 p {
	margin: 8px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 85%;
}





/* = .btnType
--------------------------------------------------
*/

.btnType01, .btnType02, .btnType03, .btnType04, .btnType05 {
	display: block;
	text-align: center;
}

a.btnType01:link, a.btnType01:visited, a.btnType01:active,
a.btnType02:link, a.btnType02:visited, a.btnType02:active,
a.btnType03:link, a.btnType03:visited, a.btnType03:active,
a.btnType04:link, a.btnType04:visited, a.btnType04:active,
a.btnType05:link, a.btnType05:visited, a.btnType05:active {
	text-decoration: none;
}

a.btnType01:hover,
a.btnType02:hover,
a.btnType03:hover,
a.btnType04:hover,
a.btnType05:hover {
	text-decoration: none;
}





/* = .error
--------------------------------------------------
*/

.error {
	border: solid 2px #e60012;
	color: #e60012;
	margin-top: 12px;
}





/* = input
--------------------------------------------------
*/

label {
	cursor: pointer;
}

input[type="text"], input[type="password"] {
	border: solid 1px #c8c8c8;
	background: #fff;
	padding: 2px 5px;
}

input.num {
	ime-mode: disabled;
}

input.w10 {
	width: 10px;
}

input.w15 {
	width: 15px;
}

input.w35 {
	width: 35px;
	margin: 2px;
}

input.w60 {
	width: 60px;
}

input.w80 {
	width: 18%;
}

input.w100 {
	width: 100px;
}

input.w150 {
	width: 150px;
}

input.w200 {
	width: 200px;
}

input.w250 {
	width: 250px;
}

input.w300 {
	width: 300px;
}

input.w350 {
	width: 350px;
}

input.w400 {
	width: 400px;
}

input.wMax {
	width: 100%;
}

textarea {
	width: 100%;
	height: 100px;
}

span#namePlace {
    display: inline-block;
    width: 40px;
}




/* = footer
--------------------------------------------------
*/

#footer {
	margin: 0px;
	padding: 0px;
	line-height: 1;
	background: #0E182E;
}

#footNavi {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px;
	padding: 24px 0px;
	list-style: none;
	font-size: 85%;
}

#footNavi li {
	float: left;
	margin: 0px 0px 0px 17px;
	padding: 0px 0px 0px 17px;
	border-left: solid 1px #fff;
}

#footNavi li.first {
	border-left: none;
}

#footLogo {
	margin: 0px;
	padding: 15px 20px 5px;
	text-align: right;
	background: #0E182E;
}

#copyright {
	margin: 0px;
	padding: 0px 20px 15px;
	text-align: right;
	font-size: 93%;
	background: #0E182E;
}

#foot1 .resDiv {
	position: relative;
}

#toPageTop {
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	display: none;
}

/* = softwise追加
--------------------------------------------------
*/

#decideCartIn .error {
	margin: 0px 20px 20px;
	padding: 20px 20px 20px 47px;
	background: url("../images/icon_alert.png") no-repeat 20px 20px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

#sa4 .error {
	height: 8px;
    position: relative;
    top: 9px;
	margin: 0px 30px 0px;
	padding: 12px 20px 20px 47px;
	background: url("../images/icon_alert.png") no-repeat 20px 11px;
}

#cartIn #cartSet .set div .notset {
	color: #bbb;
}

/*
 add by softwise
*/
.nextline {
	word-wrap: break-word;
	word-break: break-all;
}

.paymentNaviFooter {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	background: #393939;
	height:80px;
	margin: 0px 0px;
	padding: 5px 5px;
}

#payBtnArea {
	height:80px;
	width:100%;
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#payBtnConfirm {
	height:80px;
	width:100%;
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#payBtnArea .cancelMsg em {
	font-size: 79%;
	color: red;
}

#payBtnArea .note {
	height:15px;
	color: white;
}
#payBtnConfirm .note {
	height:2px;
	color: white;
}
#payfloat {
	width:100%;
	_zoom: 1;
	position: fixed;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#payfloat p {
	margin: 0px 0px;
	padding: 0px;
	text-align: center;
	float: center;
}

#payfloat .rakutenPayImg {
	top:0px;
}

.sslSeal img {
	width: 73px;
	height: 35px;
	margin: 0px 0px -10px 0px;
}


.registFlow1 {
	background: url("../images/img_flow1.jpg") no-repeat;
}

.registFlow2 {
	background: url("../images/img_flow2.jpg") no-repeat;
}

.registFlow3 {
	background: url("../images/img_flow3.jpg") no-repeat;
}

.registFlow4 {
	background: url("../images/img_flow4.jpg") no-repeat;
}

.registFlow {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin-bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
}

.registFlow div {
	float: left;
	width: 125px;
	padding: 22px 0px 22px 75px;
	line-height: 1.2;
}

.registFlow div.first {
	width: 152px;
	padding: 22px 0px 22px 48px;
}

.registFlow div.row2 {
	padding: 14px 0px 13px 75px;
}
p.paymentText {
	font-size: 0.7em;
}

i.webfontWidth {
	padding-right: 0.5em;
}

.historyListPurchase {
	float: right;
	}


/* クーポン選択 */
#couponSelection {
	background: #fff;
}

.usedCouponSelection {
	background: #fff;
	display: none;
}

#historyCouponList{
	border: solid 5px #dddddd;
}

/*初期値戻し*/
.totalTicketSum {
	background: #fff;
	display: none;
}

.totalTicketSum .totalList {
	position: static;
	left: auto;
	text-align: right;
	padding: 15px 0 0px;
}

.totalTicketSum .totalPrice {
	margin-left: 20px;
}

.totalTicketSum .priceTicketSum {
	font-size: 130%;
}

/*共通*/
.coupon h3, .coupon p, .coupon ul, .coupon li, .coupon_h, .doneCoupon h2 {
	margin: 0;
	padding: 0;
}
.coupon li {
	list-style-type: none;
}
.coupon .coupon_h2, h2.coupon_h2 {
	background: url("../images/coupon01.png") no-repeat left center / 50px auto;
	padding: 7px 0 5px 65px;
}

/*購入内容確認ページ
-----------------------------------------------------------*/
.coupon {
	width: 800px;
	margin: auto;
	padding: 20px 0px 20px;
	border-top: solid 1px #c6c6c6;
}
.coupon h2.coupon_h {
	float: left;
	width: 155px;
}
.coupon .coupon_text {
	float: right;
	width: 570px;
	padding: 5px 0;
}
.coupon .couponCode {
	clear: both;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 0 20px 75px;
}
.coupon .couponCode input[type="text"] {
    height: 38px;
	width: 418px;
	border: solid 1px #ababab;
	color: #666;
	font-weight: normal;
	line-height: 38px;
	padding: 0 5px;
	margin: 5px 10px 0px 10px;
}
.coupon .ctrlBtnS1 {
	display: inline-block;
}

.coupon .error {
    border: solid 3px #d8403a;
    color: #d8403a;
	font-size: 110%;
	font-weight: bold;
    margin: 15px 0 25px;
	padding: 10px 25px;
}
.coupon .couponTicket {
	background: #eee;
	line-height: 1.6;
	padding: 15px 25px;
	margin-bottom: 10px;
}
.coupon .couponTicket > div {
	background: #fff;
	padding: 8px 12px;
}
.coupon .couponTitle {
	font-weight: bold;
}
.coupon .couponTicketTitle {
	position: relative;
	border-bottom: 2px solid #ABABAB;
	padding: 0 0 5px;
}
.coupon .couponTicketIn {
	display: table;
	width: 100%;
	margin: 10px 0 0;
}
.coupon .couponTicket_h {
	margin: 7px 0 10px;
}
.coupon .codeText {
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
}
.coupon .codeText,
.coupon .couponRemarks {
	font-size: 90%;
}
.coupon .couponName,
.coupon .couponPrice,
.coupon .couponQty,
.coupon .cancelBtn {
	display: table-cell;
}
.coupon .couponName {
	width: 350px;
}
.coupon .couponPrice,
.coupon .couponQty {
	width: 130px;
	text-align: center
}
.coupon .couponPrice {
	border-left: 1px dashed #ABABAB;
	border-right: 1px dashed #ABABAB;
}
.coupon .cancelBtn {
	width: auto;
	text-align: right;
	vertical-align: middle;
	border-left: 1px dashed #ABABAB;
}
.coupon .cancelBtn span:hover {
	border: solid 1px #8f8f8f;
	border-bottom: solid 2px #8f8f8f;
	background: #8f8f8f;
	color: #fff;
	text-decoration: none;
}
.coupon .couponTicket_h span:nth-child(2),
.coupon .couponName span:nth-child(2),
.coupon .couponPrice span:nth-child(2),
.coupon .couponQty span:nth-child(2){
	display: block;
}
.coupon .couponTicket_h span:nth-child(2) {
	font-weight: normal;
	font-size: 120%;
	letter-spacing: 0.01em;
}
.coupon .couponQty span:nth-child(2),
.coupon .couponPrice span:nth-child(2){
	font-size: 110%;
}
.coupon .couponPrice span:nth-child(2){
	color: #d8403a;
}
.coupon .cancelBtn span {
	position: relative;
	background: #eee;
	padding: 8px 15px 8px 40px;
	cursor: pointer;
}
.coupon .cancelBtn span:before {
  content: '';
  position: absolute;
  top: 17px;
	left: 12px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.coupon .cancelBtn span:after {
	  content: '';
  position: absolute;
  top: 17px;
	left: 12px;
  width: 18px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.coupon .totalList {
	text-align: right;
	margin-top: 30px;
	padding-right: 10px;
}
.coupon .sumWord,
.coupon .totalprice{
	display: inline-block;
}
.coupon .sumWord {
	font-weight: bold;
}
.coupon .sumCouponWord {
	border-top: 30px;
	color: #d8403a;
}
.coupon .couponWord {
	text-align: right;
	margin-top: 10px;
}
.coupon .totalprice {
	width: 150px;
	font-size: 180%;
}
.coupon .totalpriceCoupon {
	    color: #d8403a;
}
.coupon .totalView {
    margin: 10px 80px 40px;
}

/*完了ページ
---------------------------------------------------------------*/
.doneCoupon {
	background: #ddd;
	padding: 10px 5px;
}
.couponContent {
	background: #fff;
	padding: 10px;
}
.doneCoupon h2 {
	font-weight: normal;
	margin: 10px;
}
.doneCoupon .usedCouponDetail,
.historyCoupon .usedCouponDetail {
	width: 730px;
	margin: 0 auto 5px;
}
.doneCoupon .usedCouponDetail div,
.historyCoupon .usedCouponDetail div {
	display: inline-block;
	float: right;
}
.doneCoupon li,
.historyCoupon li {
	display: block;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	font-size: 110%;
	padding: 10px 5px;
}
.doneCoupon .couponPrice,
.historyCoupon .couponPrice{
	margin-left: 50px;
}
.doneCoupon .usedCouponprice span,
.historyCoupon .usedCouponprice span {
	margin-left: 15px;
}
.doneCoupon .totalList,
.historyCoupon .totalList {
	text-align: right;
	padding: 15px 0 0px;
}
.doneCoupon .totalprice,
.historyCoupon .totalPrice {
	margin-left: 20px;
}
.doneCoupon .totalprice,
.historyCoupon .red {
	color: #d8403a;
}
.doneCoupon .priceCoupon,
.historyCoupon .priceCoupon {
	font-size: 140%;
}

/*マイページtop
-------------------------------------------------------------*/
.historyTitle {
	background-color: #ddd;
	padding: 1px 5px 1px 30px;
	line-height: 1;
}