@charset "utf-8";
/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: center;
margin: 0 auto;
}

h1, h2, h3 {
font-size: 100%;
color: #333333;
padding: 0 0 10px 0;
}

a img {
border: 0px;
}

h1.hidden {
display: none;
padding: 0px;
margin: 0px;
}

#container {
    width: 320px;
margin: 0 auto;
}

#hd01eng, #hd01fra {
padding: 5px 5px 5px 140px;
margin: 0 0 15px 0;
text-align: left;
height: 120px;
font-size: 85%;
}

#hd01eng a, #hd01fra a {
font-size: 80%;
color: #333333;
text-decoration: none;
}

#hd01eng {
background: #fdcd5b url(images/ps-jp-eng.gif) left center no-repeat;
}

#hd01fra {
background: #fdcd5b url(images/ps-jp-fra.gif) left center no-repeat;
}

#wrap {
width: 320px;
margin: 0 auto;
text-align: left;
}

#buttons {
width: 240px;
margin: 10px auto;
}

.button {
float: left;
width: 83px;
margin: 0 0 5px 25px;
padding: 5px 0px 0px 0px;
font-size: 80%;
}

.button a {
text-decoration: none;
color: #666;
border: 0px;
}

.button img {
border: 0px;
}

.buttonsm a {
font-size: 80%;
text-decoration: none;
color: #cc0000;
}

.buttonsm {
float: left;
width: 80px;
margin: 0 8px 15px 8px;
padding: 5px;
}

.buttonsm img {
border: 0px;
}

#content {
text-align: left;
padding: 0px 10px;
}


#content h1 {
text-align: center;
background-color: #ddd;
width: 100%;
padding: 7px 0;
margin: 0 0 15px 0;
}

#content h2 {
padding: 5px 0 5px 0;
border-bottom: 1px #ccc solid;
margin: 0 0 5px 0;
}

#content a {
text-decoration: none;
color: #666;
}

#content ul.plus {
padding: 0 0 0 10px;
}

#content ul.plus li {
background:#fff url(images/plus-r.gif) left center no-repeat;
list-style:none;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

.slider2 {
width: 285px;
margin: 1em .5em;
}

.slider2 h3 {
background:#eee url(images/plus-r.gif) right bottom no-repeat;
margin: 0;
padding: .5em 1.5em;
border-bottom: 1px solid #999999;
color: #333333;
font-size: 80%;
clear: both;
}

.slider2 div {
padding: .5em .25em;
}

.slider2 div h4 {
background: #eee;
margin: 0;
padding: .25em;
}

.slider2 div h4.q {
background: #333333;
border-bottom: 0px;
color: #FFFFFF;
}

.slider2 div p, .slider div li {
font-size: 80%;
color: #333333;
}

.slider2 div p.question {
font-size: 80%;
font-weight: bold;
}

.slider {
width: 285px;
margin: 1em .5em;
}

.slider h3 {
background:#eee url(images/plus-r.gif) right bottom no-repeat;
margin: 0;
padding: .5em 1.5em;
border-bottom: 1px solid #999999;
color: #333333;
font-size: 80%;
clear: both;
}

.slider div {
padding: .5em .25em;
}

.slider div h4 {
background: #eee;
margin: 0;
padding: .25em;
}

.slider div h4.q {
background: #333333;
border-bottom: 0px;
color: #FFFFFF;
}

.slider div p, .slider div li {
font-size: 80%;
color: #333333;
}

.slider div p.question {
font-size: 80%;
font-weight: bold;
}

h2.subcategory {
font-size: 90%;
}

.pbox {
float: left;
display: block;
width: 250px;
margin: 0 0 5px 12px;
padding: 2px 0px 5px 0px;
border: 1px solid #999999;
font-size: 75%;
color: #666666;
text-align: center;
min-height: 50px;
}

.pbox img {
padding: 3px 0px;
}

div .pbox p {
font-size: 14px;
margin: 0;
padding: 0;
}

.padding5 {
padding: 5px;
}

.small {
font-size: 80%;
}

.pad10bot {
padding: 5px 0 10px 0;
}

.wmms {
float:left;
padding:7px 0 0 70px
}

table, td {
border: 1px #000 solid;
}

td {padding: 5px;}

.yes, .no {
font-weight: bold;}

.yes {color:green;}

.no {color: red;}

hr {
background-color: #ccc;
height:2px;
color: #ccc;
}

#destination table {
	border: none;
}

#destination {
	background: #46555f;
	border: none;
	color: #FFFFFF;
	font-size: 80%;
}

#carryon table {
	border: 1px solid #000;
}

#carryon {
	font-size:80%
}

#carryon .table_head {
	background-color:#46555f;
	color:#fff;
	font-weight:bold
}

#footer {
clear: both;
margin: 20px 0px;
padding: 10px 0px;
text-align: center;
font-size: 80%;
color: #666;
}

#footer a {
text-decoration: none;
}

select {width:100%;}

.slider div .specialmsg, .specialmsg{
width: 260px;
background-color: Transparent;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}

.specialmsg {
width: 280px;
}

.inputArea 
{margin:0 10px 30px 10px; 
border:0; 
background-color: #fffccc; 
padding: 10px;}

.clear {clear: both;}

.time {font-size: 220%; font-weight: bold;}

.detail {font-size:170%; font-weight:bold}

.wt0-5{color: #0D9606;}
.wt5-10{color: #0D9606;}
.wt10-15{color: #F69B09;}
.wt30{color: #F69B09;}
.wtx{color: #ccc;}

.slider div .specialmsg h4, .specialmsg h4 {color:#333333; font-weight: bold; background-color: transparent;}

.specialmsg p{margin:0;}

.slider div p{font-size:150%; font-weight:bold; color:#333333}

.submit{margin: 0;}

.submit {
width:70%;
background-color: #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin: 2px 0 0 50px;
color: #000;
font-size: 16px;
}

p.sm {font-size: 80%;}
ul.sm {padding:0 0 0 20px;}
ul.sm li {font-size: 80%; padding: 0 0 7px 0;}

#WaitTime {text-align: left; font-size: 80%; background-color: #ccc;}

#WaitTime h2{padding:5px;}

#WaitTime button{padding: 5px; margin: 10px;}

legend{padding:0 0 40px 0; font-weight: bold;}
legend.section{padding:0; margin:0; font-weight: bold;}

fieldset
{
margin:0 10px 30px 10px; 
border:0; 
background-color: #fffccc; 
padding: 10px;
}

.inputLabel
{font-size: 100%;
color: #333333;
font-weight:bold
}

.WaitTimeError
{
}

.WaitTimeError p
{
     font-family:Verdana, Arial;
     font-size:16px;
     text-transform:uppercase;
     text-align:left;
     vertical-align:middle;
     color:White;
     font-weight:bold;
     padding:10px 50px 10px 10px
}

.WaitTimeError .BoxRed
{
    background-color:#BB133E;
}

.WaitTimeError .BoxGrey
{
    background-color:#1e1e1e;
}

.CatsaLogo
{
    float:right;
    padding:0 25px
}

table{border: 0;}
table  td{border: 0;}