/*================================================
 2013.05.24追加
 htmlファイル：
 06shohin_jal.html
================================================*/
/* reset
-----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#subnavi #subnaviLinks {
	line-height: 0px;
}

#footer{
	width: 920px;
	margin: 40px auto;
}

#footer p{
	text-align: left;
}

#footerLine{
	font-size: 0.7em;
	border-bottom: 2px solid #999;
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 3px;
}

#footRLogo{
	line-height: 0.8;
}

/* commom */
#container {
	margin: 0 auto;
	width:950px;
}

/* 06shohin_jal.html
-----------------------------------*/
.howtomain{
	width:920px;
	padding:0 15px;
	text-align:left;
	font-size:0.75em;
	line-height:1.4;
	clear:both;
}
.howtotab{
	height:35px;
	background:url(/uw/images/tab_henkou_line.gif) repeat-x bottom;
	margin-top:21px;padding-left:10px;
}
.howtotab li{
	float:left;
	font-size:0;
}
.yellowbase{
	background-color:#fff5d6;
	padding:16px 14px 14px;
}
.yellow06{
	background:#fff5d6 url(/dp/howto/images/bg_yellowarea.gif) no-repeat 510px 10px;
}
.ana_yellow06{
	background:#fff5d6 url(/dp/howto/images/ana_bg_yellowarea.gif) no-repeat 510px 10px;
}
.yellowbase .hedAbout img{
	display:block;
}
.yellowtextarea{
	margin:18px 0 26px;
	width:500px;
	line-height:1.6;
}
.steplist li{
	float:left;display:block;
	background-color:#fff;
	padding:10px 10px 0px;
	width:194px;
	margin-left:12px;
	margin-top:20px;
}
.steplinklist {
	margin-top:14px;
}
.steplinklist li{
	float:left;
	margin-right:30px;
}
.steplinklist li a{
	background:url(/dp/howto/images/arrow_down.gif) no-repeat 0 0;
	padding-left:16px;
}
.mL0{
	margin-left:0!important;
}
.pr{
	position:relative;
}
.topsteptxt{
	height:180px;
	text-align:center;
}
.topsteptxt img{
	margin:8px 0 12px;
}
.topsteptxt p{
	text-align:left;
	width:170px;
	margin:0 auto;
}
.stepmain06 h2{
	font-size:0;
	margin-top:0px;
}
.stepmain06 h2.first{
	margin-top:17px;
}
.stepwakuB{
	padding-bottom:6px;
}
.steplisttxt{
	padding:0px 21px 33px 2px;
}
.steplisttxt li{
background:url(/dp/howto/images/arrowOrange.gif) no-repeat left 5px;
padding-left:1em;line-height:1.6;
}
.steplisttxt li .onlineCheckin__list li {
  padding-left: 0;
  line-height: inherit;
  text-indent: 1em;
  background: none;
}
.steplist01_06, .steplist02_06{
float:left;width:600px;
}
.img_step1_06{
float:right;padding-right:21px;padding-top:9px;
}
.img_step2_06{float:right;padding-right:21px;padding-top:12px;padding-bottom:23px;}
.img_step3_06{position:absolute;top:-4px;right:40px;}
.img_step4_06{position:absolute;top:-3px;right:21px;}
.h100{height:100px;}
.pL82{padding-left:82px;}
.detailbtn{text-align:center;}
.chuiarea{border:2px solid #ccc;padding:3px;margin-top:30px;}
.chuiarea h3{color:#fff;background-color:#666;padding:5px;}
.chuiarea ul{margin:14px 30px 10px 26px;}
.chuiarea ul li{padding-bottom:2px;text-indent:-1em;padding-left:1em;}


/* 07sousa_jal.html
-----------------------------------*/
.yellowbase_sousa{width: 920px;height: 47px; background: url(/jalan/howto/images/sousahead.gif) repeat-x top left;}
.mB10{margin-bottom:10px;}
.stepmain07{margin-top:25px;}
.stepmain07 h2{margin-top:30px;}
.stepmain07 h2#step1{margin-top:10px;}
.stepinner07{padding-top:16px;}
.stepmain07_L{float:left;padding-left:16px;width:454px;}
.stepmain07_R{float:right;width:415px;}
.stepmain07_R p{margin-right: 30px;line-height:1.6;}
.stepmain07_R dl dt{line-height:19px;}
.stepmain07_R dl dt img{vertical-align:middle;margin-right:3px;}
.stepmain07_R dl dd{padding:3px 0 10px;margin-right: 30px; line-height:1.6;}

/* kumiawase.html
-----------------------------------*/
.yellowbase_kumiawase{
background-color:#fff5d6;
padding:1px 14px 14px;
}
.stepmain08 h2{
	font-size:0;
	margin-top:34px;
}
.stepmain08 h2#step1{
	margin-top:24px;
}
.stepwaku{
	margin: 10px 0 0 20px;
}
.stepwaku .stepwaku08{
	float: left;
	width: 409px;
	height: 330px;
	background-color:#ffefec;
	padding:12px;
	margin: 0 14px 14px 0;
}

.stepwaku .plusHeight{
	height: 390px;
}
.stepwaku .img_step8,
.stepwaku_2 .img_step8{
	margin-top: 16px;
}
.stepwaku .img_step8 img {
	float:left;
	margin-right:10px;
}
.stepwaku .stepwaku08 ul{
	float:left;
	width:189px;
}
.stepwaku .stepwaku08 ul li{
	margin-top: 10px;
	padding-left: 6px;
	background: url(/jalan/howto/images/arrowOrangeS.gif) no-repeat 0 5px;
}
.stepwaku .stepwaku08 ul li.first{
	margin: 0;

}
.attention{
	position: relative;
	float: left;
	width: 854px;
	height: 199px;
	background-color: #ececec;
	padding: 13px;
}
.attention h3{
	margin-bottom: 5px
}
.attention div{
	float: left;
}
.attention .img_step8_attention{
	margin-right: 12px;
}
.stepwaku_2{
	margin: 10px 0 0 20px;
}
.stepwaku_2 .stepwaku08{
	float: left;
	width: 260px;
	background-color: #ffefec;
	padding: 12px;
	margin: 0 14px 14px 0;
}
.stepwaku_2 .stepwaku08 img {
	display:block;
}
.stepwaku_2 .attention{
	position: relative;
	float: left;
	width: 854px;
	height: 227px;
	background-color: #ececec;
	padding: 13px;
}
#step3{
	margin-bottom: -5px;
}
.stepwaku_3{
	margin: 15px 0 0 20px;
}
.stepwaku_3{
	margin: 15px 0 0 20px;
}
.stepwaku_3 .stepwaku08{
	float: none;
	width: 880px;
	height: auto;
	background-color: #fff;
	padding: 0px;margin: 0;
}
.stepwaku_3 dl{
	margin-top: 15px;
}
.stepwaku_3 dl dt{
	float: left;
	margin-right: 10px;
}
.stepwaku_3 dl dd{
	padding-top: 4px;
	font-weight: bold;
}

/*================================================
 2013.09.10追加
 検索パネル追加分
 独自追加タグ：.howtoSearchArea, .howtoPageFlight, .howtoPageArea, .howtoPageChild
================================================*/
.w150{
	width: 150px;
}
.mT6{
	margin-top: 6px;
}
#area_ken_ana.hidden, #dp_room_num_ana.hidden,
#area_ken.hidden, #dp_room_num.hidden {
	left: -9999px;
	position: relative;
	visibility: hidden;
}
.howtoSearchArea {
	border-top:2px dotted #999;
	margin-top: 30px;
	padding-top:30px;
}
.howtoSearchArea div#search-panel {
	font-size: 12px;
	line-height: 1.3;
	margin-left: 100px;
	padding-bottom: 10px;
	position: relative;
	width: 720px;
}
.howtoSearchArea .hedStep{
	width: 50px;
	float: left;
}
.howtoSearchArea .hedStep img{
	margin-top: 1px;
}
.howtoSearchArea .search-button {
	text-align: center;
	margin: 7px 0 5px;
}
.howtoSearchArea #searchArea {
	background-color: #fbf5e1;
}

/*================================================
 2015.07.14追加
間際検索対応
 ================================================*/
.rentaNgObj {
	position: relative;
	color: #f00;
}
.rentaNgObj > span {
	margin-left: 16px;
	color: #333;
	font-size: 11px;
}
.rentaNgObj:after {
	content: '×';
	position: absolute;
	top: -1px;
	left: 1px;
	color: #666;
	font-size: 12px;
}
.rentaRadioDisabled {
	color: #f00;
}
.rentaNgPopup {
	position: absolute;
	padding: 10px;
	background: rgb(60, 60 ,60); /* IE下位ブラウザ対策 */
	background: rgba(0,0,0,0.7);
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	z-index: 200;
}
.rentaNgPopup:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -16px;
	margin-left: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid rgba(0,0,0,0.7);
}
.rentaNgPopup > span {
	display: block;
	position: relative;
	font-size: 11px;
	font-weight: normal;
}
.closeNgPopup {
	position: absolute;
	top: -23px;
	right: -8px;
	width: 18px;
	height: 18px;
	background: #333 url(/dp/images/ico_carpop_close.png) center center no-repeat;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
}

/*===================
	howtoPageFlight howtoPageYado 共通
===================*/


.howtoPageFlight, .howtoPageYado {
	border-bottom: 1px solid #D3C9B0 !important;
}
.howtoPageFlight, .howtoPageYado {
	border-bottom: 1px dashed #D3C9B0;
	clear: both;
	font-size: 12px;
	padding-bottom: 8px;
}
.howtoPageFlight select, .howtoPageYado select {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height: 21px;
}
.howtoSearchArea .show-child #area_ken, .howtoSearchArea .show-child #area_list, .howtoSearchArea .show-child #dp_period, .howtoSearchArea .show-child #dp_member1,
.howtoSearchArea .show-child #area_ken_ana, .howtoSearchArea .show-child #area_list_ana, .howtoSearchArea .show-child #dp_period_ana, .howtoSearchArea .show-child #dp_member1_ana {
	left: 0;
	visibility: visible;
}
/*===================
	howtoPageFlight
===================*/
.howtoPageFlight {
	margin: 13px 10px 0;
}
.howtoPageFlight dl{
	height: 21px;
	margin-left: 3px;
}
.howtoPageFlight dl dt{
	float: left;
	width: 50px;
}
.howtoPageFlight dl .year {
	width: 46px;
	height: 14px;
}
.howtoPageFlight dl .month {
	width: 32px;
	height: 14px;
}
.howtoPageFlight dl .date {
	width: 32px;
	height: 14px;
}
.howtoPageFlight dl .airportANA,
.howtoPageFlight dl .airport {
	width: 150px;
	height: 21px;
}
.howtoPageFlight dl .year, .howtoPageFlight dl .month, .howtoPageFlight dl .date {
	text-align: right;
}
.howtoPageFlight img, .howtoPageFlight input, .howtoPageFlight select {
	vertical-align: bottom;
}
.howtoPageFlight dd img{
	margin-left: 2px;
}
.howtoPageFlight .arrow{
	margin-bottom: 7px;
	margin-right: 2px;
}
.howtoPageFlight #depCal_ana,.howtoPageFlight #arrCal_ana,
.howtoPageFlight #depCal,.howtoPageFlight #arrCal{
	margin-left: 7px;
	margin-right: 4px;
}
.howtoPageFlight dl dd {
	margin-left: 63px;
	/* IE6,7 */
	/margin-left: 10px;
	width: 600px;
}

/*===================
	howtoPageYado
===================*/
.howtoPageYado {
	margin: 7px 10px 0;
}
.howtoPageYado .hedStep {
	margin-top: 15px;
	margin-left: 3px;
}
.howtoPageYado dl {
	margin-left: 66px;
}
.howtoPageYado dt {
	float: left;
	width: 50px;
}
.howtoPageYado ul{
	margin: 7px 0 0 66px;
	/* IE6,7 */
	/margin-top: 10px;
}
.howtoPageYado li{
	float: left;
}
.howtoPageYado li img{
	vertical-align: middle;
}
.howtoPageYado #dp_period_ana,
.howtoPageYado #dp_period{
	display: none;
}
.howtoPageYado #area_list_ana,
.howtoPageYado #area_list{
	width: 250px;
}
.howtoPageYado .howtoPageTitle {
	width: 50px;
	float: left;
	margin-top: 4px;
}
.howtoPageYado #area_ken_ana,
.howtoPageYado #area_ken{
	margin-right: 2px;
}
.howtoPageYado #dp_room_num_ana,
.howtoPageYado #dp_room_num{
	margin-right: 5px;
}
.howtoPageYado #dp_member1_ana,
.howtoPageYado #dp_member1{
	margin-right: 5px;
}
.howtoPageYado .howtoPageChild{
	margin-left: 10px;
	margin-top: 2px;
}
.howtoPageYado .howtoPageChild .childarea{
	width: 34px;
}
.howtoPageYado .howtoPageChild dd{
	position: relative;
	float: left;
}
.howtoPageYado .count{
	display: none;
}
div#block-01 div.search-panel .howtoPageYado dd.child #dp_childlen_ana,
div#block-01 div.search-panel .howtoPageYado dd.child #dp_childlen {
	left: 20px !important;
	top: -40px !important;
}
div#block-01 div.search-panel .howtoPageYado dd.child #dp_childlen_ana select,
div#block-01 div.search-panel .howtoPageYado dd.child #dp_childlen select {
	width: 40px;
}