@charset "Shift_JIS";

@import url(/smartphone/common/css/jtb_site_sp.css);

/*
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#crew-member2 #crewBody img{
	display:none;
}
#crew-member2 #crewBody .loginBox img{
	display:block !important;
	margin-left:15px;
}
#crew-member2 #crewBody{
	width:226px !important;
}
#crew-member2 #crewBody p{
	text-align:left !important;
	margin-left:5px;
	line-height:130%;
}


.text_attention_area {
	margin: 0 5px;
	text-align:left;
}

.text_attention {
	background: url("/common/images/icon_attention.gif") no-repeat scroll left top transparent;
	line-height: 1.5;
	margin-bottom: 5px;
	padding-left: 20px;
}

div#newsArea {
	margin: 5px auto 0;
}

div#newsTopArea .newsTitle{
	font-weight:bold;
	font-size:120%;
	display:inline-block;
	margin-bottom:7px;
}

#newsTopArea {
	padding:3px 3px;
    border: 1px solid #CCCCCC;
    margin:3px 10px 6px;
	background-color:#EDEDED;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#newsTopArea table {
	width:100%;
}
#newsTopArea table td {
	padding:0;
}
#newsTopArea table td img{
	padding:2px;
}
#newsTopArea table td a.lnk{
	text-decoration: none;
	color: #050505;
	padding: 3px 16px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.align_r{
	text-align:right;
}

h2 {
	width:100%;
	font-size:120%;
	padding:7px 0px 7px 5px;
	text-align:left;
	font-weight:bold;
	background-color:#EDEDED;
	border-top:3px solid #B90909;
}
h2 .h2Title {
	display:inline-block;
	margin-bottom:5px;
}

.login_sp {
	display: block;
	padding: 5px;
	background-color: #EDEDED;
	text-align: center;
	font-weight: bold;
}

.search-box-sp {
	width:100%;
	text-align: center;
	border:1px solid #ccbca5;
}
.m10{
	margin-top:10px;
}

.entry-box-sp {
	padding: 0px;
	text-align: center;
	border:1px solid #ccbca5;
	margin:0 10px;
}
.search-box-sp {
	padding: 0px;
	width:100%;
	text-align: center;
	border:1px solid #ccbca5;
}
.entry-box-sp table,
.search-box-sp table {
	width:99%;
	border:1px solid #cdccc8;
}
.entry-box-sp table th,
.search-box-sp table th {
	padding:5px;
	width:33%;
	vertical-align:top;
	text-align:left;
	background-color:#eeeeee;
	border-bottom:1px solid #cdccc8;
}
.entry-box-sp table td,
.search-box-sp table td {
	padding:5px;
	vertical-align:top;
	text-align:left;
	background-color:#ffffff;
	border-bottom:1px solid #cdccc8;
	
}

/*
+ #accordionArea
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div#accordionArea {
	margin-top:15px;
}

div#accordionArea{
	width:100%;
	margin:0 auto;
	padding:0px auto;
}
#accordionArea ul.acc2, #accordionArea ul.acc2 li {
  display:block;
  min-height: 50px;
}

#accordionArea ul.acc2,#accordionArea ul.acc2 li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#accordionArea ul.acc2 a.lnk{
	width:45%;
    display:inline;
	height: 50px;
	font-size:145%;
	line-height: 150%;
	color: #000000;
	padding-top:10px;
	float:left;
}
#accordionArea ul.acc2 a.btn{
	width:40%;
    display:inline;
	height: 50px;
	font-size:145%;
	line-height: 150%;
	color: #000000;
	padding-top:10px;
	float:right;
}

#accordionArea ul.acc2 p.tab{
	background-color: #eeeeee;
	padding:15px;
}


#accordionArea ul.entry-box-sp {
	display:none;
}

#accordionArea li.tab_search{
	display:none;
	margin:5px 10px 5px;
}

#accordionArea p.tab,#accordionArea li.tab{
	padding:15px;
	text-align:left;
	margin:10px 10px 10px;
	color: #7d7c7b;
	padding: 10px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}



#accordionArea p.tab a.lnk,#accordionArea li.tab a.lnk{
	display:inline-block;
	font-size:136%;
	color: #000099;
	padding:10px 10px 10px 12px;
	text-decoration:underline;
	background: url(/common/images/icon_list.png) scroll 2px 1em no-repeat;
}


#accordionArea p.tab a.lnk,#accordionArea li.tab p.other_head{
	display:inline-block;
	font-size:136%;
	color: #000000;
	padding:10px 10px 10px 12px;
}

#accordionArea li.tab a.lnk2{
	display:inline-block;
	width:40%;
	font-size:136%;
	color: #000000;
	padding:10px 10px 10px 12px;
}
#accordionArea p.tab a.btn{
	font-size:132%;
	color: #000000;
	padding:10px;
	background-color: #cc0000;
}
#accordionArea li.tab span.btn_waku {
	float:right;
	padding:8px;
}

#accordionArea li.tab span.btn_waku img{
	padding-bottom:5px;
	padding-right:2px;
}

#accordionArea p.tab a.btn_1,
#accordionArea li.tab a.btn_1, #accordionArea li.tab span.btn_1{
	font-size: 14px;
	text-decoration: none;
	color: #050505;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
#accordionArea p.tab a.btn_2, #accordionArea p.tab span.btn_2,
#accordionArea li.tab a.btn_2, #accordionArea li.tab span.btn_2{
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 13px;
	background: -moz-linear-gradient(
		top,
		#515151,
		#6b6b6b 50%,
		#777777 50%,
		#999999 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#515151),
		color-stop(0.50, #6b6b6b),
		color-stop(0.50, #777777),
		to(#999999));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #999999;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,0,0,0.8);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,0,0,0.8);
	text-shadow:
		1px -1px 1px rgba(000,000,000,0.2),
		0px -1px 1px rgba(233,233,233,1);
}

#accordionArea p.tab a.btn_3, #accordionArea p.tab span.btn_3,
#accordionArea li.tab a.btn_3, #accordionArea li.tab span.btn_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 35px;
	background: -moz-linear-gradient(
		top,
		#515151,
		#6b6b6b 50%,
		#777777 50%,
		#999999 0%);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#515151),
		color-stop(0.50, #6b6b6b),
		color-stop(0.50, #777777),
		to(#999999));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #999999;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,0,0,0.8);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(0,0,0,0.8);
	text-shadow:
		1px -1px 1px rgba(000,000,000,0.2),
		0px -1px 1px rgba(233,233,233,1);
}

/*
#accordionArea p.tab a.btn_3, #accordionArea p.tab span.btn_3,
#accordionArea li.tab a.btn_3, #accordionArea li.tab span.btn_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #050505;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
*/

p#appArea.btn_app{
	padding:15px;
	font-size:132%;
	color: #000000;
	text-align:center;
	margin:5px 10px 5px;
	padding: 15px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px solid #ffbf00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.1),
		0px 1px 0px rgba(255,255,255,1);
}

#accordionArea a.btn_search{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 136%;
    text-decoration: none !important;
	color: #ffffff;
	padding: 10px 50px;
	background: -moz-linear-gradient(
		top,
		#fad489 0%,
		#ff8533 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fad489),
		color-stop(0.25, #ff8533),
		to(#ff3c00));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		1px 1px 0px rgba(255,255,255,0.7);
}


div#app {
	margin-top:20px;
}

div#reco {
	margin-top:20px;
}

div#reco li{
	padding:5px 10px 5px;
	min-height:40px;
	text-align:left;
	font-size:136%;
	line-height:230%;
	border-bottom:1px solid #ccbca5;
}
div#reco li a{
	display:block;
}

div#reco li.li_last{
	border-bottom:0px;
}

div#reco li a.recoicon{
	background: url(/common/images/icon_list.png) scroll 1px 1em no-repeat;
	padding-left:10px;
}

.calendar_icon{
	margin-left:3px;
	text-align:left;
}

/*
+ #yado_search-condition1
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#yado_search-condition1 .grayFrame{
	margin:6px 5px 8px 8px;
}

#yado_search-condition1 .grayFrame dl{
	margin-bottom:5px;
}

#yado_search-condition1 .grayFrame dt{
	padding-left:14px;
	font-weight:bold;
	margin-bottom:3px;
	text-align:left;
	font-size:110%;
	margin-top:20px;
	background:url(/smartphone/kaigai/images/midashi.png) no-repeat 1px 0.3em;
}

#yado_search-condition1 .grayFrame dd .vam{
	width: 95%;
	vertical-align:middle;
	font-size:120%;
	height: 35px;
	line-height: 20px;
}

#yado_search-condition1 .grayFrame dd .vam_month {
	width: 55%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	float:left;
	/*padding:4px;*/
}

#yado_search-condition1 .grayFrame dd .vam_day {
	width: 40%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
}
#yado_search-condition1 .grayFrame dd .vam_sn {
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	margin-right:7px;
}

#yado_search-condition1 .grayFrame dd .vam_pn {
	width: 48%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	float:left;
}
#yado_search-condition1 .grayFrame dd .vam_rn {
	width: 47%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
}
#yado_search-condition1 .grayFrame dd .vam_jk {
	width: 32%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	float:left;
}
#yado_search-condition1 .grayFrame dd .vam_sa {
	width: 63%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
}

#yado_search-condition1 ul.radiolist1 li{
	font-size:110%;
	line-height: 20px;
	margin:0 10px 6px 0;
}
#yado_search-condition1 .grayFrame dd.kodawari ul.radiolist li{
	padding:5px 14px 5px ;
}

#yado_search-condition1 .grayFrame dd.keywordsearch input{
	width:95%;
	font-size:120%;
	line-height: 20px;
	text-align:left;
	padding: 5px;
}

#yado_search-condition1 .mt10{
	margin-top:10px
}

/*
+ kokunai_search-condition1
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#kokunai_search-condition1 .grayFrame{
	margin:6px 5px 8px 8px;
}

#kokunai_search-condition1 .grayFrame dl{
	margin-bottom:5px;
}

#kokunai_search-condition1 .grayFrame dt{
	padding-left:14px;
	font-weight:bold;
	margin-bottom:3px;
	text-align:left;
	font-size:110%;
	margin-top:20px;
	background:url(/smartphone/kaigai/images/midashi.png) no-repeat 1px 0.3em;
}

#kokunai_search-condition1 .grayFrame dd .vam{
	width: 95%;
	vertical-align:middle;
	font-size: 136%;
	height: 44px;
}

#kokunai_search-condition1 .grayFrame dd select.vam_area{
	width: 40%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	float:left;
}
#kokunai_search-condition1 .grayFrame dd select.vam_pref{
	width: 55%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
}

#kokunai_search-condition1 .grayFrame dd .vam_month {
	width: 55%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
	float:left;
}

#kokunai_search-condition1 .grayFrame dd .vam_day {
	width: 40%;
	vertical-align: middle;
	font-size: 136%;
	height: 44px;
}

#kokunai_search-condition1 .grayFrame ul.radiolist{
	font-size:110%;
	line-height: 20px;
	text-align:left;
}
#kokunai_search-condition1 .grayFrame ul.radiolist li{
	padding:5px 14px 5px ;
}

#kokunai_search-condition1 .grayFrame dd.keywordsearch input{
	width:95%;
	font-size:120%;
	line-height: 20px;
	text-align:left;
	padding: 5px;
}


/*
+ kaigai_search-condition1
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#kaigai_search-condition1 .grayFrame{
	margin:6px 5px 8px 8px;
}

#kaigai_search-condition1 .grayFrame dl{
	margin-bottom:5px;
}

#kaigai_search-condition1 .grayFrame dt{
	padding-left:14px;
	font-weight:bold;
	margin-bottom:3px;
	text-align:left;
	font-size:110%;
	margin-top:20px;
	background:url(/smartphone/kaigai/images/midashi.png) no-repeat 1px 0.3em;
}

#kaigai_search-condition1 .grayFrame dd .vam{
	width: 95%;
	vertical-align:middle;
	font-size: 136%;
	height: 44px;
}

#kaigai_search-condition1 .grayFrame dd select.long-area{
	margin:0 0 25px 0;
	width: 95%;
	font-size: 136%;
	height: 44px;
}

#kaigai_search-condition1 .grayFrame dd select.long{
	margin:0 0 25px 0;
	width: 95%;
	font-size: 136%;
	height: 44px;

}

#kaigai_search-condition1 .grayFrame dd select.short{
	width:43%;
	font-size: 136%;
	height: 44px;
}

#kaigai_search-condition1 .grayFrame dd.kodawari ul.radiolist{
	font-size:110%;
	line-height: 20px;
	text-align:left;
}
#kaigai_search-condition1 .grayFrame dd.kodawari ul.radiolist li{
	padding:5px 14px 5px ;
}

#kaigai_search-condition1 .grayFrame dd.keywordsearch input{
	width:95%;
	font-size:120%;
	line-height: 20px;
	text-align:left;
	padding: 5px;
}

/*
+ kaigai_search-condition2
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#kaigai_search-condition2 .grayFrame dt{
	text-align:left;
	font-size:90%;
	padding: 5px;
}

#kaigai_search-condition2 .grayFrame dd.link-window {
	width:95%;
	font-size:90%;
	line-height: 20px;
	text-align:left;
	padding: 5px;
}

#kaigai_search-condition2 .grayFrame dd.linkBlockA01 input{
	width:95%;
	font-size:120%;
	line-height: 20px;
	text-align:left;
	padding:5px;
}

#kaigai_search-condition2 .grayFrame dd.btn_box {
	line-height: 20px;
	text-align:center;
	padding:5px;
}

.require {
	padding: 2px;
	vertical-align: text-bottom;
	color: #FFFFFF;
	background-color:#CC0000;
	font-weight:bold;
	font-size:90%;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.require2 {
	padding: 2px;
	vertical-align:middle;
	color: #FFFFFF;
	background-color:#347dec;
	font-weight:bold;
	font-size:90%;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.buttonBoxTop {
	line-height: 20px;
	text-align:center;
	padding:5px;
	margin:5px;
}

.cityck_only{
	width: 100%
	padding: 5px;
	margin: 0 0 10 10px;
	font-size:110%;
	text-align: left;
}

.keywordList li {
    float: left;
    margin-right: 10px;
}


#other-list a{
	padding-left:10px;
	/*background:url(/smartphone/images/midashi_right.png) no-repeat 1px 0.9em;*/
	background: url(/common/images/icon_list.png) scroll 1px 1em no-repeat;
	display:block;
}
#other-list {
    text-align:left;
    font-size:136%;
    
}
#other-list .li_menu{
    width:100%;
    background-color:#C5D9F0;
    height:50px;
    padding:5px 10px 5px;
    border-bottom:1px solid #cccccc;
    -moz-box-shadow: 1px 1px 1px #ddd;
    -webkit-box-shadow: 1px 1px 1px #ddd;
    line-height:230%;
    text-align:left;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ededed));
    background: -moz-linear-gradient(top, #cccccc, #c0c0c0);
}
#other-list .li_menu_d{
    width:100%;
    background-color:#C5D9F0;
    height:50px;
    padding:5px 10px 5px 30px;
    border-bottom:1px solid #cccccc;
    -moz-box-shadow: 1px 1px 1px #ddd;
    -webkit-box-shadow: 1px 1px 1px #ddd;
    line-height:230%;
    text-align:left;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ededed));
    background: -moz-linear-gradient(top, #cccccc, #c0c0c0);
}

#other-list a:link{
    color: #000099 !important;
/*    text-decoration: none !important;*/
}

#other-list a:visited{
    color: #000099 !important;
/*    text-decoration: none !important;*/
}

#other-list a:hover{
    color: #0033cc !important;
/*    text-decoration: none !important;*/
}

#other-list a:active{
    color: #0033cc !important;
/*    text-decoration: none !important;*/
}


#smartphone_iphone {
    display:none;
}
#smartphone_android {
    display:none;
}