@charset "utf-8";

/*=====================================================
 * Style Name: common.css
 * Style URL: /sp/share/fs/css/common.css
 * Description: 
 * Version: 0.4
 * Last Up Date: 2013/02/04
=====================================================*/



/*-----  contents -------

	1: Clearfix
	2: Common Elements
		: Header, Heading
		: Table
		: List
		: Paragraph
		: inline Elements
	3: Blocks
	  
----------------------*/



/*
===== 1: Clearfix ===========================*/

/* { content : ''; display : block; clear : both; } */



/*
===== 2: Common Elements ===========================*/

/* Header, Heading
----------------------------*/
header.atDeskHeader {
	background: url(/sp/cont_common/image/atdesk_logo.png) no-repeat center 49% !important;
	-webkit-background-size: 102px 21px !important;
	background-size: 102px 21px !important;
}

h2.infoTit {
	position: relative;
}
h2.infoTit a {
	padding-right: 60px;
	word-wrap:break-word;
}
h2.infoTit span.hasInfo {
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -11px;
}
h2.infoTit span.daIndent {
	display: inline-block;
	margin-left: 2.3em;
	text-indent: -2.3em;
}
h2.infoTit span.daIndentEn {
	display: inline-block;
	margin-left: 2.5em;
	text-indent: -2.5em;
}



/* Link
----------------------------*/


/*--- Tab Block ---*/

#spDomContainer ul.tabHasContents {
	margin-bottom: 0;
	border-bottom: 0;
}
ul.tabHasContents li.current a {
	margin: 0;
	display: inline-block;
	background: none;
	border: none;
	box-shadow: none;
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #383838;
}

div.tabContents {
	margin: -1px 0 10px;
	border: #afafaf 1px solid;
	box-shadow: 0 1ox 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	border-radius: 4px;  
		-webkit-border-radius: 4px;  
	background-color: #f5f5f5;
}
div.tabArea {
	display: none;
	padding: 1px 10px 0;
	box-shadow: 0 10px 15px #f2f2f2 inset;
		-webkit-box-shadow: 0 10px 15px #f2f2f2 inset;
	border-radius: 4px 4px 0 0;  
		-webkit-left-top-border-radius: 4px;  
		-webkit-right-top-border-radius: 4px;  
}


/* Form
----------------------------*/
.btnOrengeM input[type="button"], .btnRblueM input[type="button"], .btnMblueM input[type="button"], .btnDgreyM input[type="button"], .btnGreyM input[type="button"], .btnWhiteM input[type="button"] {
	display: inline-block;
	padding: .5em 0;
	width: 100%;
	background: transparent;
	border: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 4px;
}
.btnOrengeM input[type="button"] {
	color: #fff;
	background-image:url(/sp/cont_common/image/arrow2_o2_2.png);
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	background-repeat:no-repeat;
	background-position:98% 50%;
}

input[type="text"], select {
	padding: 5px 10px;
	border: #afafaf 1px solid;
	border-top:  #afafaf 2px solid;
	border-radius: 4px;  
		-webkit-border-radius: 4px;
}
select {
	width: 100%;
}

input.wideS {
	width: 28%;
}
input.wideM {
	width: 34%;
}
input.wideL {
	width: 50%;
}

input.flightNumber {
	margin: 0 5px;
}
input.flightNumberEn,
input.inputLabelLeft {
	margin-left: 5px;
}
.buttunStyle {
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
	background-color: #ebebeb;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	border: #afafaf 1px solid;
	border-bottom: #afafaf 2px solid;
	border-radius: 4px;  
		-webkit-border-radius: 4px;
	text-align: center;
}

.allOpen,
.allClose {
	display: block;
	margin: 0 auto 15px;
	width: 50%;
	text-align: center;
}
.allOpen span,
.allClose span {
	display: inline-block;
	padding: 7px 0 7px 15px;
	background-image:url(/sp/share/fs/image/icon_open_all.png);
	background-size: 10px 17px;
	-webkit-background-size: 10px 17px;
	background-repeat:no-repeat;
	background-position: 0 50%;
}
.allClose span {
	background-image:url(/sp/share/fs/image/icon_close_all.png);
}


/* swith */
p.switch { display: table; width:80%; }
.switch input { display: none; }
.switch .switchEnable,
.switch .switchDisable {
	display: table-cell;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	background-color: #ebebeb;
	border: #afafaf 1px solid;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.switch .switchEnable,
.switch .switchDisable {
	width: 50%;
}
.switch .switchEnable,
.switch .switchEnable span,
.switch .switchEnable span:after {
	border-radius: 4px 0 0 4px;
		-webkit-border-top-left-radius: 4px;   
		-webkit-border-bottom-left-radius: 4px;   
}
.switch .switchDisable,
.switch .switchDisable span,
.switch .switchDisable span:after {
	border-left: none;
	border-radius: 0 4px 4px 0;
		-webkit-border-top-right-radius: 4px;   
		-webkit-border-bottom-right-radius: 4px;   
}
.switch .switchEnable span,
.switch .switchDisable span {
	position: relative;
	display: block;
	padding: 10px 0;
	text-align: center;
}
.switch .switchEnable span:after,
.switch .switchDisable span:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	border-bottom: #afafaf 2px solid;
}
.switch .switchSelected {
	background: -webkit-gradient(linear, left top, left bottom, from(#CEDFF4), to(#EEF3FD));
	background-color: #CEDFF4;
	box-shadow: 1px 1px 4px rgba(0,0,0,.4) inset, -1px -1px 4px rgba(0,0,0,.4) inset;
		-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4) inset, -1px -1px 4px rgba(0,0,0,.4) inset;
}
.switch .switchSelected span {
	border-bottom: #afafaf 1px solid;
}
.switch .switchSelected span:after {
	display: none;
}



/*
===== 3: Blocks ===========================*/

/* エラー */
div.errorBox {
	background: #ffffff;
	border: #cc0000 2px solid;
}
#spDomContainer div.errorBox ul li {
	padding-left: 0;
	text-indent: 0;
}


/* inputHorizon
----------------------------*/
div.inputHorizon dl {
	display: table;
	margin: 0.5em 0;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
	box-shadow: 0 1px 3px rgba(159, 162, 172, .45);
	border-radius: 4px;
}
div.inputHorizon dt,
div.inputHorizon dd {
	display: table-cell;
	padding: 7px 10px 6px;
	border: 1px solid #cdcdcd;
	border-radius: 0 4px 4px 0;
	text-align: center;
	vertical-align: middle;
}
div.inputHorizon dt {
	background: #0d56a7;
	padding: 2px 0 0;
	width: 42px;
	text-align: center;
	border: 1px solid #0a3e78;
	border-right: 0;
	border-bottom: 1px solid #093a71;
	border-radius: 4px 0 0 4px;
}
div.inputHorizon dd {
	border-left: 0;
}
div.inputHorizon dd select {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
div.inputHorizon dd.hasRightIcon {
	padding: 0;
}
div.inputHorizon dd.hasRightIcon div {
	position: relative;
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	border-radius: 0 4px 4px 0;
}
div.inputHorizon .valueCell,
div.inputHorizon .iconCell {
	display: table-cell;
	padding: 8px 10px 7px;
	text-align: center;
	vertical-align: middle;
}
div.inputHorizon .iconCell {
	padding: 8px 0 7px;
	width: 36px;
	border-left: 1px solid #cdcdcd;
	border-radius: 0 4px 4px 0;
}
#spDomContainer div.inputHorizon ul.adPlace li {
	position: relative;
	padding: 0;
	text-indent: 0;
}
#spDomContainer div.inputHorizon ul.adPlace>li:last-child {
	padding-top: 10px;
	background: url(/sp/share/fs/image/bg_ad_line.png) center top no-repeat;
	background-size: 750px 12px;
	-webkit-background-size: 750px 12px;
}
div.inputHorizon ul.adPlace em {
	display: block;
}
#spDomContainer div.inputHorizon ul.adPlaceInt {
	padding: 4px 0 0;
}
#spDomContainer div.inputHorizon ul.adPlaceInt:first-child {
	margin-bottom: 5px;
}
#spDomContainer div.inputHorizon ul.adPlaceInt li {
	padding: 5px 10px 4px;
	text-align: left;
}
#spDomContainer div.inputHorizon ul.adPlaceInt li.adPlaceIntText {
	padding: 0 10px;
}
ul.adPlaceInt li em,
.iconArrowB {
	padding-left: 13px;
	background: url(/sp/share/fs/image/arrow_sublink_b.png) left center no-repeat;
	background-size: 5px 9px;
	-webkit-background-size: 5px 9px;
}
ul.adPlaceInt li input[type="text"] {
	padding: 2px 10px;
}

.wordBreak {
	word-break: break-all;
}



/* Arrival-Departure Box
----------------------------*/

.arrival-departure,
.infobox {
	margin: 5px auto 10px;
	background: #f5f5f5;
	border: #cccccc 1px solid;
		-webkit-border-radius: 4px;
}
.arrival-departure {
	display: table;
	width: 100%;
}
.arrival-departure div {
	display: table-cell;
}
#spDomContainer .arrival-departure div p {
	display: block;
	margin: 0;
	padding: 8px 10px;
	line-height: 1.2em;
}
#spDomContainer .arrival-departure div p span {
	display: inline-block;
	margin-left: 3em;
	text-indent: -3em;
}
#spDomContainer .arrival-departure div p:first-child {
	border-bottom: #cccccc 1px solid;
}
.arrival-departure p.change {
	display: table-cell;
	margin: 0;
	width: 56px;
	border-left: #cccccc 1px solid;
	text-align: center;
	vertical-align: middle;
}
.arrival-departure p.change span {
	width: 40px;
	height: 40px;
}
.arrival-departure p.change input {
	padding: 13px 9px 12px;
	width: 22px;
	height: 15px;
}


/* Info Box
----------------------------*/

#spDomContainer .infobox dl {
	display: table;
	margin: 0;
	padding: 8px 0;
	width: 100%;
	border-bottom: #cccccc 1px solid;
}
#spDomContainer .infobox dl:last-child {
	border-bottom: none;
}
#spDomContainer .infobox dt {
	display: table-cell;
	margin: 0;
	padding: 0 5px 0 10px;
	width: 25%;
	line-height: 1.2em;
}
#spDomContainer .infobox dd {
	display: table-cell;
	margin: 0;
	padding: 0 10px 0 5px;
	width: 75%;
	line-height: 1.4em;
}
#spDomContainer .infoboxEn dt {
	width: 31%;
}
#spDomContainer .infoboxEn dd {
	width: 69%;
}
#spDomContainer .infobox dd ul {
	margin: 0;
}
#spDomContainer .infobox dd ul li {
	padding: 0;
	text-indent: 0;
}
#spDomContainer .infobox dd ul span {
	display: table-cell;
	word-break: break-all;
}
#spDomContainer .infobox dd ul span:first-child {
	padding-right: 18px;
	word-break: normal;
}

#spDomContainer .interList dd ul li {
	margin-bottom: 5px;
}
#spDomContainer .interList dd ul li:last-child {
	margin-bottom: 0;
}
#spDomContainer .infobox dd ul li.daIndentEn {
	margin-left: 2.5em;
	text-indent: -2.5em;
}
#spDomContainer .infobox dd ul li.daIndentEn span {
	display: inline;
}

#spDomContainer .plainState {
	margin: 0;
	padding: 9px 0;
	border-bottom: #cccccc 1px solid;
}
.plainState img {
	vertical-align: middle;
}
.progressExample img {
	vertical-align: bottom;
}
.progressExample img:last-child {
	margin-left: 20px;
}


/* flightGuide
----------------------------*/
.flightGuide {
	margin: 5px auto 10px;
	width: 950px;
	text-align: center;
}
.flightGuide table {
	margin: 0 auto;
}
.flightGuide table td {
	font-size: 12px;
	line-height: 1.4;
}
.flightguidebg {
    background:  #ffffff url(/sp/share/fs/image/flightguidebg.gif) center top repeat-x;
    border: 1px solid #FFFFFF;
    padding: 5px 25px;
}


/* other
----------------------------*/
.error {
	background: #ffeaea;
}
.error-txt {
	font-weight: bold;
	color: #cc0000;
}