/* 2016.04.25 */

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

html{
width:100%;
font-family:sans-serif;
padding:0;
}
body{
-webkit-text-size-adjust : 100% ;
}
#wrapper { overflow : hidden ; }

a{
color:#0000ff;
}

/*------------------------------------------------------- header ----------*/
header{
background:#fafafa url(../imgs/bg01.png) repeat-x left top;
padding-bottom:3%;
background-size:contain;
}
header .logo{
width:90%;
margin:0 auto;
padding-top:3%;
}
header .logo img{
width:100%;
}


/*--------------------------------------------- メインコンテンツ ----------*/
#body{
background:#003682 url(../imgs/bg02.png) repeat-x left top;
padding:5% 1% 2%;
}
#content{
width:98%;
margin:0 auto;
max-width:620px;
}
#content a:hover{
color:#00a0e9;
}
#content .page-tit{
background:#fff url(../imgs/cnt-btm.png) no-repeat left bottom;
}
#content h1{
background:#fff url(../imgs/cnt-tit.png) no-repeat left top;
background-size:contain;
font-weight:normal;
color:#102859;
font-size:124%;
padding:4% 1% 9% 13%;
}
#content h2{
margin-bottom:0;
border:none;
}
#content .txtarea{
background-color:#fff;
padding:2% 10px;
background-color:#ffffff;
font-size:108%;
}
#content .txtarea p{
line-height:1.5;
margin-bottom:5px;
}
#content .txtarea .inner{
margin-left:1em;
}
#content .txtarea .inner02{
margin-left:2em;
}
#content .txtarea .t-dot{
border-bottom:#0f0f0f dotted 1px;
padding-bottom:1.5em;
margin-bottom:1.5em;
}
#content .txtarea p span.t01{
color:#787878;
}

/*---------------------------- box-type01 ---------*/
.box-type01{
}
.box-type01 > h2.tit01{
width:100%;
color:#ffffff;
font-size:124%;
font-weight:normal;
padding:15px 10px;
background-color:#7189c6;
}
.box-type01 > h2.tit02{
color:#ffffff;
background-color:#ee0000;
font-size:124%;
font-weight:normal;
padding:15px 10px;
margin-bottom:0!important;
}
.box-type01 > h2.tit03{
color:#ffffff;
background-color:#ef639b;
font-size:124%;
font-weight:normal;
padding:15px 10px;
margin-bottom:0!important;
}
.box-type01 > h2.tit04{
color:#ffffff;
background-color:#41a544;
font-size:124%;
font-weight:normal;
padding:15px 10px;
margin-bottom:0!important;
}


#content .txtarea table{
border-top:#7189c6 solid 1px;
border-left:#7189c6 solid 1px;
width:100%;
margin-bottom:25px;
table-layout:fixed;
word-wrap:break-word;
line-height:1;
}
#content .txtarea table.th-left th{
width:40%;
}
#content .txtarea table.th-left td{
width:60%;
}
#content .txtarea table.th-left02 th{
width:40%;
}
#content .txtarea table.th-left02 td.type01{
width:20%;
text-align:center;
}
#content .txtarea table.th-left02 td.type02{
width:40%;
}
#content .txtarea table th,
#content .txtarea table td{
border-right:#7189c6 solid 1px;
border-bottom:#7189c6 solid 1px;
text-align:left;
box-sizing:border-box;
}
#content .txtarea table th{
font-weight:normal;
background-color:#bcd8fb;
padding:12px 10px;
}
#content .txtarea table td{
background-color:#ecf4ff;
padding:15px 10px;
}
/**/
#content .txtarea table tr.border-left
{
	border-left:#7189c6 solid 1px;
}
#content .txtarea table td.comment{
	background-color:Transparent;
	border:none;
	text-align:right;
	
}
/**/
#content .txtarea table.error{
border-top:#ee0000 solid 1px;
border-left:#ee0000 solid 1px;
}
#content .txtarea table.error th,
#content .txtarea table.error td{
border-right:#ee0000 solid 1px;
border-bottom:#ee0000 solid 1px;
}
#content .txtarea table.error th{
background-color:#ee0000;
font-weight:bold;
color:#ffffff;
}
#content .txtarea table.error td{
background-color:#fde5e5;
}
/* 注意事項 */
#content .txtarea table.warning{
border:solid 1px orange;
}
#content .txtarea table.warning td{
background-color:#FFF9E3;
font-weight:bold;
color:Red;
text-align:center;
}


#content .txtarea table.org01 th{
background-color:#c1eac1;
}
#content .txtarea table.org011 th{
background-color:#c1eac1;
}
#content .txtarea table.org011 td{
background-color:#e8f7e8;
}
#content .txtarea table.org-err th{
background-color:#ffa9a9;
}
#content .txtarea table.org-err td{
background-color:#fde5e5;
}

#content .txtarea table p a.btn{
display:block;
padding:10px;
margin:0 auto 15px;
width:100%;
border:#dd7608 solid 1px;
color:#e46b00;
background:#ffffff url(../imgs/box-type01-icon01.png) no-repeat 98% center;
background-size:5px;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#content .txtarea table p a.btn:hover{
color:#e46b00!important;
}
#content .txtarea table p a.btn02{
display:block;
padding:10px;
margin:0 auto 15px;
width:100%;
border:#dd7608 solid 1px;
color:#ffffff;
background:#f29531 url(../imgs/box-type01-icon01hover.png) no-repeat 98% center;
background-size:5px;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#content .txtarea table p a.btn02:hover{
color:#ffffff!important;
}
#content .txtarea table th.ac{
display:block;
padding:12px 25px 12px 27px;
border-bottom:#7189c6 solid 1px;
font-weight:normal;
background:#bcd8fb url(../imgs/icon_open.png) 10px center no-repeat;
background-size:13px;
width:100%;
}
#content .txtarea table tr.ac{
display:none;
width:100%;
}
#content .txtarea table td.ac{
display:none;
width:100%;
}
#content .txtarea table th.bl,td.bl{
display:block;
/* width:100%; 2019年新船対応 del                                 */
width:auto; /* 2019年新船対応 add Androidでのレイアウト崩れに対応 */
}
#content .txtarea table th.active{
background:#bcd8fb url(../imgs/icon_close.png) 10px center no-repeat;
background-size:13px;
}
#content .txtarea table th.half,
#content .txtarea table td.half{
width:50%;
}
#content .txtarea table.type01{
border:none;
}
#content .txtarea table.type01 th{
color:#ffffff;
font-weight:bold;
border-right:none;
border-bottom:none;
background-color:#ee0000;
}
#content .txtarea table.type01 th.ac{
background:#41a544 url(../imgs/icon_open04.png) 7px center no-repeat;
background-size:13px;
}
#content .txtarea table.type01 th.active{
background:#41a544 url(../imgs/icon_close04.png) 7px center no-repeat;
background-size:13px;
}
#content .txtarea table.type01 td{
border-right:none;
border-bottom:none;
background-color:#c1eac1;
}

/*---------------------------- box-type02 ---------*/
.box-type02{
background-color:#fde5e5;
padding:15px 10px;
margin:0;
box-sizing:border-box;
width:100%;
}
#content .txtarea .box-type02 .t-dot{
padding-bottom:0.5em;
margin-bottom:1em;
}

/*---------------------------- box-type03 ---------*/
.box-type03{
background-color:#e6ebee;
padding:15px 10px;
box-sizing:border-box;
width:100%;
font-size:93%;
}
/*---------------------------- box-type04 ---------*/
.box-type04{
background-color:#fff59d;
padding:15px 10px;
box-sizing:border-box;
width:100%;
font-size:93%;
}





#content .txtarea .onof h2{
display:block;
padding:15px 10px 15px 30px;
background:#7189c6 url(../imgs/icon_open03.png) 10px center no-repeat;
background-size:13px;
width:100%;
}
#content .txtarea .onof div.on{
display:none;
width:100%;
}
#content .txtarea .onof h2.active{
background:#7189c6 url(../imgs/icon_close03.png) 10px center no-repeat;
background-size:13px;
}



/*--------------------------------------------------- page top ----------*/
#pagetop a{
display:block;
text-align:right;
}
#pagetop a img{
width:57%;
}


/*----------------------------------------------------- footer ----------*/
footer{
font-size:108%;
padding:1% 0 4%;
background:#fff url(../imgs/bg03.png) no-repeat left bottom;
background-size:contain;
}
footer.none{
font-size:108%;
padding:1% 0 4%;
background:#fff url(../imgs/bg03.png) no-repeat left bottom;
background-size:cover;
}
footer .goriyo{
font-size:93%;
padding:4% 3%;
border-top:#b1c4d9 dotted 1px;
border-bottom:#b1c4d9 solid 1px;
}
footer p.copy{
text-align:center;
margin:4% 0 0 0;
}
footer p img{
width:90%;
}


/*--------------------------------------------------- form parts ----------*/
.w100{width:100%;}
.wfl80{width:80%;float:right;}
.w50{width:50%;}
.w30{width:30%;}
input{
border:#000 solid 1px;
padding:1%;
line-height:1.5;
}
input[type="text"],
input[type="button"]{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
input[type="text"]{
border:#000 solid 1px;
padding:1%;
line-height:1.5;
}
select{
border:#000 solid 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:1%;
}
#content h2.h2-type01{
border-bottom:#003682 solid 3px;
box-shadow: 0 1px 0 0 #2781ff;
-webkit-box-shadow: 0 1px 0 0 #2781ff;
-moz-box-shadow: 0 1px 0 0 #2781ff;
font-weight:normal;
padding-bottom:6px;
margin-bottom:10px;
}
.postcode1{
width:22%;
margin-right:2%;
}
.postcode2{
width:30%;
margin-left:2%;
}
.postcode3{
width:35%;
background:#3174c8 url(../imgs/btn01.png) left top no-repeat;
border:#385295 solid 1px;
color:#ffffff;
margin-left:4%;
padding:1% 5%;
line-height:1.5;
}
.jtel1,.jtel2,.jtel3,
.ktel1,.ktel2,.ktel3{
width:29%;
}
.jtel1,.ktel1{
margin-right:2%;
}
.jtel2,.ktel2{
margin:0 2%;
}
.jtel3,.ktel3{
margin-left:2%;
}
.credit{
width:21%;
margin:0 3px;
}
.info1,
.infopc,
.infopchtml,
.infokeitai,
.info2,
.ckdef{
margin-right:5px;
}
.infopc,
.infokeitai{
margin-left:1em;
}
.infopchtml{
margin-left:2em;
}
.ques{
margin-right:5px;
}
.men,
.women,
.shien,
.koza{
width:30%;
float:left;
}
.men input,
.women input,
.shien input,
.age input,
.koza input{
margin-right:5px;
}
.pcmail,
.kmail{
width:100%;
float:left;
}
.pcmail input,
.kmail input{
margin-right:5px;
margin-bottom:10px;
}
.year{
width:36%;
float:left;
}
.year select{
width:70%;
margin-right:5px;
}
.month,
.day{
margin-left:2%;
width:30%;
float:left;
}
.month-card{
margin-left:2%;
width:40%;
float:left;
margin-right:2%;
}
.kaito{
margin-left:2%;
width:28%;
float:left;
margin-right:2%;
line-height:1.5;
}
.month-year-txt{
float:left;
}
.day-chuki{
margin-left:2%;
width:30%;
float:left;
}
.month select,
.day select{
width:70%;
margin-right:5px;
}
.month-card select,
.kaito select{
width:60%;
margin-right:5px;
}
.kiyaku{
text-align:center;
}
.kiyakubtn{
margin-right:5px;
}
.kakunin,
.touroku,
.soshin,
.login,
.sentaku,
.henkou,
.syusei,
.btnnext{
width:100%;
background:#f29531 url(../imgs/btn02.png) 97% center no-repeat;
background-size:contain;
color:#ffffff;
border:#dd7608 solid 1px;
padding:10px 5%;
box-sizing:border-box;
line-height:1.5;
}
.copybtn{
width:100%;
background:#f29531 url();
background-size:contain;
color:#ffffff;
border:#dd7608 solid 1px;
padding:10px 5%;
box-sizing:border-box;
line-height:1.5;
}
.back,
.close,
.torikeshi,
.sakujyo,
.btnback{
width:100%;
background:#9d9d9d url(../imgs/btn02.png) 97% center no-repeat;
background-size:contain;
color:#ffffff;
border:#818181 solid 1px;
padding:10px 5%;
line-height:1.5;
}
.torikeshiR{
width:100%;
background:#E00 url(../imgs/btn02.png) 97% center no-repeat;
background-size:contain;
color:#ffffff;
border:#E00 solid 1px;
padding:10px 5%;
line-height:1.5;
}
.torikeshibtn{
width:100%;
background:#E00 url();
background-size:contain;
color:#ffffff;
border:#E00 solid 1px;
padding:10px 5%;
line-height:1.5;
}
.phy01-area,
.phy02-area,
.phy03-area,
.plan-area,
.bic-area{
border-bottom:#7189c6 dotted 1px;
padding-bottom:1em;
margin-bottom:1em;
}
.phy01-area,
.phy02-area,
.phy03-area{
overflow:hidden;
clear:both;
}
.cnt{
width:50%;
float:left;
}
.cnt-auto{
width:auto;
float:left;
}
.cnt select,
.cnt02 select,
.cnt-auto select{ 
margin:0 10px;
padding:0 5px;
}
.cnt-half select{
margin:0 10px 0 0;
padding:0 5px;
}
.btn-area{
overflow:hidden;
clear:both;
}
.btn-area li{
width:49%;
list-style:none;
margin-bottom:10px;
}
.btn-area li:nth-child(odd) {
float:left;
}
.btn-area li:nth-child(even) {
float:right;
}

/*----------------------------------------------- other ----------*/
span.req{
color:#ee0000;
margin-left:5px;
}
span.icon01{
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#00a0e9;
font-size:77%;
padding-right:3px;
}
span.icon02{
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#003682;
font-size:77%;
padding-right:2px;
}
.sym{
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
span.icon03{
font-size:77%;
padding-right:7px;
}
p.txt-icon01{
padding-left:1em;
text-indent:-1em;
}
.line-type01{
padding-bottom:10px;
border-bottom:#7189c6 solid 1px;
}
.line-type02{
padding-top:10px;
border-top:#7189c6 solid 1px;
}
.line-type02:first-child{
padding-top:0;
border-top:none;
}
.schedule{
margin-top:10px;
padding-top:10px;
border-top:#7189c6 dotted 1px;
}
.left{
float:left;
}
.right{
float:right;
}
.t-small{
font-size:93%;
}
.kome{
padding-left:1em;
text-indent:-1em;
}
.kome span{
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.link{
background:url(../imgs/icon01.png) left center no-repeat;
padding-left:1.2em;
background-size:13px;
color:#000;
}
.link-menu{
background:url(../imgs/icon02.png) left center no-repeat;
padding-left:1.2em;
background-size:13px;
color:#000;
}
.link02{
background:url(../imgs/icon05.png) left center no-repeat;
padding-left:1.2em;
background-size:13px;
color:#000;
}
.link03{
background:url(../imgs/icon01.png) left center no-repeat;
padding-left:1.2em;
background-size:13px;
color:#ee0000;
font-weight:bold;
}
.navi{
overflow:hidden;
clear:both;
}
.navi .prev a{
background:url(../imgs/icon02.png) left center no-repeat;
padding-left:1.2em;
background-size:13px;
color:#000;
float:left;
}
.navi .next a{
background:url(../imgs/icon01.png) right center no-repeat;
padding-right:1.2em;
background-size:13px;
color:#000;
float:right;
}
.tdhalf{
width:50%;
float:left;
}
.clear{
overflow:hidden;
clear:both;
}
.t-center{text-align:center;}
/*---------------------------- color ---------*/
.t-gray{color:#969ba3;}
.t-red{color:#ee0000;}
.t-red2{color:#ee0000; font-weight:bold;}
.t-ora{color:#ef7000;}
.t-pink{color:#FF1493;}
/*---------------------------- size ----------*/
.t-large{font-size:108%;}
/*---------------------------- mb ----------*/
.mb0{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}

.mr10{margin-right:10px!important;}
.mr40{margin-right:40px!important;}

.mt0{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt25{margin-top:25px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}

.pb0{padding-bottom:0!important;}
/*----------------------------------------------- form34移行の部屋選択 ----------*/
.icon_room img{
	margin-left:2px;
	border:solid #7189c6 1px;
}
.deck table{
    border-top:none !important;
    border-left:none !important;
}
.deck table td{
	padding:2.5% !important;
	text-align:center !important;
	vertical-align:middle;
    border: #7189c6 solid 1px;
}
.deck table td.hide{
	visibility: hidden;
	empty-cells: hide;
    border:none !important;
}
.deck table td.room_select{ background-color:#7189c6 !important; }
.deck table td.room_enable{ background-color:"" !important; }
.deck table td.room_disable{ background-color:#c4c4c4 !important; pointer-events:none; }
.deck table td.room_disable_select{ background-color:#7189c6 !important; pointer-events:none; }
.deck table td.room_expire{ background-color:#eeeeee !important; pointer-events:none; }
.deck .map img,.deck table td img{
	max-width:100%;
	height:auto;
}
/*----------------------------------------------- QR搭乗券表示 ----------*/
.ryName{
    text-align:center;
    margin-top:-18px;
}

.border {
    border: 1px solid #7189c6
}

.multiLine {
    display: block;
}