@charset "Shift_JIS";
@import "01format.css";
@import "02layout.css";
@import "03common.css";

/* Box style
---------------------------------------------------- */
#ticket #main .contentBox {
	width: 540px;
}

#ticket #main .contentBox .boxL,
#ticket #main .contentBox .boxR {
	float: left;
	padding: 0 0 30px 0;
	width: 260px;
}

#ticket #main .contentBox .boxL {
	margin: 0 20px 0 0;
}

#ticket #main .contentBox img.imgL {
	float: left;
	margin: 0 10px 2px  0;
}

#ticket #main .bannerBox {
	margin: 10px 0 0 0;
}

#ticket #main .bannerBox .boxL,
#ticket #main .bannerBox .boxR {
	float: left;
	width: 260px;
}

#ticket #main .bannerBox .boxL {
	margin: 0 20px 0 0;
}

/* Table style
---------------------------------------------------- */

#ticket table {
	width: 100%;
}

#ticket table th,
#ticket table td {
	padding:0.3em 1em;
	border:1px solid #a8a8a8;
	background-color:#fff;
}

#ticket table th {
	background-color:#ffe9b8;
	font-size:78%;
	text-align:center;
}

#ticket table th.bgGray {
	background-color:#e0e0e0;
}

#ticket table th.bgGreen {
	background: #ecfbe5;
}

#ticket table th.bgPink {
	background: #ffeff3;
}

#ticket table#group,
#ticket table#division {
	margin: 1em 0;
}

#ticket table#group td {
	text-align: center;
}

#ticket table#division td img {
	margin: 0.5em;
}

/* List style
---------------------------------------------------- */

#ticket .kaisuken ul,
#ticket .teiki ul {
	padding-top: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}

#ticket .kaisuken ul li,
#ticket .teiki ul li {
	line-height: 1.5;
}

#ticket .teiki ol.deci li,
#ticket .rakuyan ol.case li {
	list-style: decimal;
	margin-left: 2em;
	line-height: 1.5;
}


/* fare03
---------------------------------------------------- */
.fare03 .boxGray {
	text-align: center;
	margin: 1em 0 1.5em 0;
}

.fare03 .boxGray h4 {
	font-weight: bold;
	text-align: left;
	text-indent: -1.9em;
	padding: 0.5em 0 1.5em 1.9em;
	line-height: 1.5;
	font-size: 90%;
}

.fare03 .boxGray h5 {
	text-align: left;
	padding: 0 0 1.5em 0.2em;
	font-weight: bold;
}

.fare03 .boxGray img {
	padding-bottom: 1.5em;
}

#fareHanrei {
	border: #a8a8a8 solid 1px;
	padding: 8px;
}

#fareHanrei h6 {
	margin-bottom: 0.5em;
}

#fareHanrei .line01,
#fareHanrei .line02,
#fareHanrei .line03,
#fareHanrei .line04,
#fareHanrei .line05 {
	padding: 0 10px 0 3px;
}

#fareHanrei .line01 {
	border-left: #0190bf solid 1.2em;
}

#fareHanrei .line02 {
	border-left: #b52c10 solid 1.2em;
}

#fareHanrei .line03 {
	border-left: #ef810f solid 1.2em;
}

#fareHanrei .line04 {
	border-left: #00ff00 solid 1.2em;
}

#fareHanrei .line05 {
	border-left: #cf9a02 solid 1.2em;
}


/* ---- otoku ---- */

.boxGray {
	width:520px;
	border-top:4px solid #c6c6c6;
	background-color: #f1f1f1;
	padding:3px 10px;
	margin:0 0 0.5em 0;
}

.boxOtoku,
.hatsubai,
.boxOtokuSyosai{
	width:100%;
	margin:0 0 1em 0;
}

.boxOtoku .boxtext,
.boxOtoku .boximg,
.boxOtokuSyosai .boximg2,
.boxOtokuSyosai .boxtext2 {
	float:left;
}

.boxOtoku .boxtext{
	width:400px;
	margin:0 20px 0 0; 
}

.boxOtoku .boxtext p.copy {
	font-weight:bold;
	margin:0 0 0.5em 0;
}

.boxOtoku .boximg{
	width:120px;
	margin:0 0;
	text-align:right;
}

.hatsubai dt {
	padding: 0 0;
	width: 6em;
}

.hatsubai dd {
	padding: 0 0 0 6em;
	margin: -1.5em 0 0;
}

/* otoku syosai */

#ticket #main .syosaiPageTtl {
	margin: 0 0;
}

.boxOtokuSyosai .boximg2{
	width:190px;
	margin:1em 0 0 0;
}

.boxOtokuSyosai .boximg2 img {
	vertical-align:top;
}

.boxOtokuSyosai .boxtext2{
	width:330px;
}

.boxOtokuSyosai .boxtext2 h3{
	margin-top:1.5em;
	font-size:117%;
	font-weight:bold;
	line-height:1.5;
}

/* teikiken
---------------------------------------------------- */
#ticket .teiki table {
	margin-top: 0.5em;
}

#ticket .teiki table td {
	text-align: center;
}

#ticket .teiki p img {
	padding: 1em;
}

#ticket .teiki .boxGray {
	padding: 8px;
	border: #c6c6c6 solid 1px;
	margin: 1em 0;
}

#ticket .teiki strong {
	color: #c77900;
}

#ticket .teiki .boxGray h5 {
	font-weight: bold;
	padding-bottom: 0.4em;
}

#ticket .teiki .contentBox ul {
	padding: 0;
	text-indent: 0;
}

#ticket .teiki p.renraku {
	font-weight: bold;
	padding: 5px 0 0.5em 10px;
	line-height: 0.9;
}

#ticket .teiki .reserve {
	margin-top: 0.5em;
}

#ticket .teiki .reserve table {
	margin: 0.2em 0;
}

#ticket .teiki .reserve td {
	font-size: 60%;
}

#ticket .teiki .reserve td,
#ticket .teiki .reserve th {
	padding: 0.4em 0.2em;
}


/* rakuyan top
---------------------------------------------------- */
.rakuyan .pageBack {
	padding-top: 1em;
}

.rakuyanNew ul li {
	font-weight: bold;
}

.rakuyanNew strong {
	color: #ff4c06;
}

.rakuyanNew .newCard {
	float: left;
	clear: both;
	width: 113px;
}

.rakuyanNew .newCard img {
	margin: 3px 0 5px 0;
}

.rakuyanNew .newCardDetail {
	padding-left: 125px;
}

#ticket .rakuyanNew .newCardDetail table {
	width:99%;
}

#ticket .rakuyan .cardLine {
	border-top: #cdcdcd solid 1px;
	padding-top: 1em;
	margin-top: 1.5em;
}

#ticket .rakuyan table {
	margin-top: 0.5em;
}

#ticket .rakuyan table th,
#ticket .rakuyan table td {
	padding: 3px;
}

#ticket .collectionA,
#ticket .collectionB,
#ticket .collectionC {
	padding-top: 1em;
	float: left;
	width: 180px;
}

#ticket .collectionA li a,
#ticket .collectionB li a,
#ticket .collectionC li a {
	background: url(/images/icon_arrow1.gif) no-repeat 0 0.2em;
	padding: 0 0 0 14px;
	line-height: 1.5;
}

/* rakuyan
---------------------------------------------------- */
#ticket .rakuyan dl,
#ticket .rakuyan .lineYellowTop {
	padding-bottom: 0.5em;
}

#ticket .rakuyan dl dt {
	float: right;
	padding-top: 1em;
}

#ticket .rakuyan dl dd {
	width: 300px;
	float: left;
}

#ticket .rakuyan ol li {
	line-height: 1.5;
	margin: 0.5em 0;
}

#ticket .rakuyan dl dd ol li {
	font-size: 100%;
}

#ticket .rakuyan dl dd ol li.no1 {
	background: url(/ticket/rakuyan/images/icon_no1.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
}

#ticket .rakuyan dl dd ol li.no2 {
	background: url(/ticket/rakuyan/images/icon_no2.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
}

#ticket .rakuyan dl dd ol li.no3 {
	background: url(/ticket/rakuyan/images/icon_no3.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
}

#ticket .rakuyan dl dd ol li.no4 {
	background: url(/ticket/rakuyan/images/icon_no4.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
}

#ticket .rakuyan dl dd table td,
#ticket .rakuyan dl dd table th {
	font-size: 100%;
}

#ticket .rakuyan .boxGray {
	padding: 8px;
	border: #c6c6c6 solid 1px;
	margin-top: 0.5em;
}

#ticket .rakuyan .seisanki h5 {
	font-weight: bold;
	color:#c77900;
	padding-top: 0.5em;
}

#ticket .rakuyan h6 {
	font-size: 100%;
	font-weight: bold;
	padding-top: 0.5em;
}

#ticket .rakuyan .seisanki h6 {
	font-size: 78%;
	font-weight: bold;
	padding-top: 1em;
}


/* rakuyan gallery
---------------------------------------------------- */
.gallery {
	width: 540px;
	margin: 0 0 10px 0;
	background: url(/ticket/rakuyan/images/line_gallery.gif) repeat-y;
}

.noLine{
	padding:10px 0 0 0;
}

.gLine{
	border-top: #cdcdcd solid 1px;
	padding:10px 0 0 0;
}

.gallery img,
.galleryTop img {
	padding-bottom:5px;
}

.gallery p,
.galleryTop p {
	width:113px;
}

.gallery .card,
.gallery .cardL,
.gallery .cardR {
	float: left;
	padding:0 14px;
	text-align: center;
	font-size: 78%;
	vertical-align: top;
}

.gallery .cardL {
	padding-left: 0;
}

.gallery .cardR {
	padding-right: 0;
}

/* kaisuken
---------------------------------------------------- */
#ticket .kaisuken p {
	padding-bottom: 0.5em;
}

#ticket .kaisuken ul li {
	padding-bottom: 0;
}

#ticket .kaisuken ul.dot li {
	padding-left: 1.2em;
	text-indent: 0;
}

#ticket .kaisuken th.bgGray {
	text-align: left;
}

#ticket .kaisuken td,
#ticket .kaisuken th {
	padding: 0.3em;
}

#ticket table.kaisuken2 td {
}

#ticket table.kaisuken2 td.section {
	white-space: normal;
}

#ticket table.kaisuken2 td p {
	color:#c77900;
	font-size: 100%;
}


/* fare,teikiken
---------------------------------------------------- */

#ticket #bdline{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	margin-top:2em;
	padding:0.5em 0;
}

#ticket #bdline ul {
	padding: 0;
	text-indent: 0;
}

#ticket #bdline ul li {
	background: url(/images/icon_arrow1.gif) no-repeat 0 0.4em;
	padding: 0 0 3px 14px;
	line-height: 1.5;
}

#ticket .strong {
	font-weight:bold;
	color:#d3381c;
}


/* PiTaPa
---------------------------------------------------- */
#ticket .PiTaPa dl.benri dd{
	padding:10px 10px;
	background-color: #ffe9f6;
	margin:0 0 10px 0;
}

#ticket .PiTaPa .bdGray {
	border:1px solid #ccc;
}

#ticket .PiTaPa .boxCoCoNet {
	width:518px;
	border:1px solid #f5b62f;
	background-color: #f6f2e8;
	padding:3px 10px;
	margin:30px 0;
}

#ticket .PiTaPa .kaiinsenyo{
	margin:30px 0 0 0;
}

#ticket .PiTaPa .boxbdYellow {
	width:516px;
	border:2px solid #f5b62f;
	background-color: #fff8e8;
	padding:3px 10px;
	margin:0;
}

#ticket .PiTaPa .boxbdYellow .boxL,
#ticket .PiTaPa .boxbdYellow .boxR {
	float: left;
	width: 250px;
}

#ticket .PiTaPa .boxbdYellow .boxR {
	padding: 0 0 0 15px;
	background: url(/ticket/stacia/images/line_tensen.gif) repeat-y 5px 0;
}

#ticket .PiTaPa .kome {
	font-size: 78%;
}

#ticket .bnrSimulation {
	margin-bottom: 20px;
}



/* PiTaPa simulation
---------------------------------------------------- */
#ticket .simulation h3 {
	margin-bottom:25px;
}
#ticket .simulation #try {
	background-color: #FFF6E4;
	border:solid 1px #ffc539;
	padding:10px;
	margin:25px 0;
}
#ticket .simulation #try h4 {
	margin-bottom:10px;
}
#ticket .simulation #simCont {
	background-color: #FFF7D5;
	padding: 20px;
	border:solid 6px #ffd9ad;
	margin-bottom:10px;
}
#ticket .simulation #simCont h5 {
	margin-bottom: 10px;
}
#ticket .simulation #simCont form p {
	margin-left: 62px;
	font-size: 100%;
}

#ticket .simulation #simCont #btnCont {
	text-align: center;
	margin-top:15px;
}
#ticket .simulation #simCont #btnCont p {
	font-weight: bold;
	color: #CC0000;
	margin:0;
	font-size: 80%;
}
#ticket .simulation #simCont .simError{
	background-color:#FFFFFF;
	border:2px solid #FF0000;
	color:#FF0000;
	font-size:80%;
	font-weight:bolder;
	line-height:1.4;
	margin:0 auto 20px;
	padding:4px;
	text-align:center;
}
#ticket .simulation #attention h4 {
	font-weight:bolder;
}
#ticket .simulation #attention ul {
	list-style-type: disc;
	padding-left: 1em;
}
#ticket .simulation #result {
	text-align: center;
	background-color: #FFBF6D;
	margin-bottom: 1px;
	padding: 15px;
}
#ticket .simulation #result span {
	font-weight: bold;
	vertical-align: center;
}

#ticket .simulation #condition {
	text-align: center;
	margin: 5px auto 15px;
}
#ticket .simulation #condition .fontsizeL {
	font-size: 120%;
}
#ticket .simulation #condition .station {
	font-size: 150%;
	background-color: #FFBF6D;
	padding: 2px;
	margin: 2px;
}
#ticket .simulation #condition p {
	padding-bottom: 5px;
}
#ticket .simulation table#fare {
	border: 1px solid #f8ba70;
	margin:0 auto 5px;
	width:478px;
}
#ticket .simulation #fare .shaded th,#ticket .simulation #fare .shaded td{
	background-color: #FFECD6;
}
#ticket .simulation #fare .white th,#ticket .simulation #fare .white td{
	background-color: #FFFFFF;
}

#ticket .simulation #fare th{
	border-style: none;
	text-align:left;
}
#ticket .simulation #fare td{
	border-style: none;
	text-align:right;
	font-weight:bolder;
	font-size:120%;
	padding:10px;
}
#ticket .simulation #fare .campaign {
	background-image: url(../../ticket/stacia/simulation/images/res_dotline.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px;
	line-height:1.4;
}

#ticket .simulation #fare .campaign a {
	background-image: url(../../images/icon_arrow1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#ticket .simulation .btnAgain {
	text-align:center;
	padding: 20px;
}

/* hikikae
---------------------------------------------------- */
#ticket .hikikae table {
	margin: 10px 0;
}

#ticket .hikikae td.kukanA,
#ticket .hikikae td.kukanB,
#ticket .hikikae td.kukanC,
#ticket .hikikae td.kukanD {
	text-align: center;
	width: 25%;
}

#ticket .hikikae td.kukanA {
	background: #f0fed9;
}


#ticket .hikikae td.kukanB {
	background: #feede6;
}

#ticket .hikikae td.kukanC {
	background: #e7eaff;
}

#ticket .hikikae td.kukanD {
	background: #fffce7;
}

#ticket .hikikae img.commonUse {
	padding-bottom: 20px;
}

#ticket .hikikae #method {
	background: url(/ticket/kaisuken/images/line_gray.gif) repeat-y center #f1f1f1;
	border: #a8a8a8 solid 1px;
	margin-bottom: 20px;
}

#ticket .hikikae #method dl.hanshin,
#ticket .hikikae #method dl.hankyu,
#ticket .hikikae #kenbaiki div.hanshin,
#ticket .hikikae #kenbaiki div.hankyu {
	float: left;
	width: 265px;
	padding: 2px;
}

#ticket .hikikae #method dl.hanshin dd,
#ticket .hikikae #method dl.hankyu dd {
	margin: 0 8px;
	font-size: 100%;
	margin: 15px 3px;
}

#ticket .hikikae #method ul li,
#ticket .hikikae #method ul li.last {
	text-align: center;
	margin-bottom: 15px;
}

#ticket .hikikae #method ul li {
	background: url(/ticket/kaisuken/images/img_underarrow.gif) no-repeat top;
	padding-top: 35px;
}

#ticket .hikikae #method ul li.top {
	background: none;
	padding-top: 0;
}

#ticket .hikikae #method dl.number {
	text-align: left;
	width: 250px;
}

#ticket .hikikae #method dl.number dt {
	float: left;
	clear: both;
	width: 20px;
}

#ticket .hikikae #method dl.number dd {
	margin: 0 0 0 20px;
	font-weight: bold;
	font-size: 100%;
	line-height: 1.4;
	padding-bottom: 10px;
	width: 230px;
}

#ticket .hikikae .colorHanshin {
	color: #147ab8;
}

#ticket .hikikae .colorHankyu {
	color: #c22c4f;
}

#ticket .hikikae #kenbaiki {
	background: url(/ticket/kaisuken/images/line_gray.gif) repeat-y center;
	border: #a8a8a8 solid 1px;
	margin-bottom: 20px;
	text-align: center;
	padding: 12px 0;
}

#ticket .hikikae dl.notUse dt {
	float: left;
	width: 463px;
}

#ticket .hikikae dl.notUse dd {
	float: left;
	width: 77px;
}

#ticket .hikikae dl.dotLine {
	border-top:1px dotted #ccc;
	margin-top: 10px;
	padding-top:5px;
}

#ticket .hikikae #attention {
	border: #cccccc solid 1px;
	font-size: 78%;
	margin: 20px 0;
}

#ticket .hikikae #attention h5 {
	text-align: center;
	background: #f5f5f5;
	padding: 8px;
	font-size: 100%;
}

#ticket .hikikae #attention ul {
	padding: 10px;
}

/* Print Style
---------------------------------------------------- */
@media print {

/* For Mac Firefox */
#ticket #main .contentBox .boxL {
	margin: 0 19px 0 0;
}


#ticket .hikikae #method dl.hanshin,
#ticket .hikikae #method dl.hankyu,
#ticket .hikikae #kenbaiki div.hanshin,
#ticket .hikikae #kenbaiki div.hankyu {
	padding: 1px;
}

}